html, body{height: 100%;}
ul,ol{list-style: none;}
h2,h3{word-break: keep-all;}

.imgBox img{width: 100%; display: block;}
.stickyNavBox > div,
.banner_area > div,
.siteMap h2,
.siteMap .section_1{width: 1600px; margin: 0 auto;}
.subPage:not(.ci, .job_posting) .contentBox > div:not(.analysis_center){width: 1200px; margin: 0 auto;}
.subPage.ci .contentBox > div{width: 850px; margin: 0 auto;}
.subPage.job_posting .contentBox > div{width: 1275px; margin: 0 auto;}


.stickyNavBox{background-color: #fff; width: 100%; border-bottom: 1px solid #EEEEEE;}
.stickyNavBox span{cursor: pointer;}
.stickyNavBox > div{display: flex;}
.stickyNavBox > div > span{cursor: pointer; display: block; position: relative; width: 60px; height: 60px; background-color: #E01E25;}
.stickyNavBox > div > span:after{content: ''; position: absolute; display: block; background: url('/assets/images/suv_navi_home.png') center / contain no-repeat; width: 18px; height: 18px; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.stickyNavBox > div > div{position: relative; width: 260px; box-sizing: border-box;}
.stickyNavBox > div > div:after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 60px; background-color: #EEEEEE;}
.stickyNavBox > div > div > span{position: relative; top: 50%; transform: translateY(-50%); text-decoration: none; padding: 0 30px; box-sizing: border-box; display: block; font-size: 16px; font-weight: 400; color: #777777; position: relative;}
.stickyNavBox > div > div > span:after{content: ''; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); display: block; background: url('/assets/images/stickyNavBox_arrow.png') center / contain no-repeat; width: 10px; height: 5px;}
.stickyNavBox > div > div > span + ul{top: 60px; z-index: 9; visibility: hidden; opacity: 0; transition: all 0.3s ease-out; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; position: absolute; border-top: 1px solid #E01E25; width: 100%; box-sizing: border-box; background-color: #fff; padding: 10px 0;}
.stickyNavBox > div > div > span + ul li:hover{background-color: #F9F9F9;}
.stickyNavBox > div > div > span + ul li span{display: block; padding: 15px 30px; box-sizing: border-box; text-decoration: none; font-size: 17px; font-weight: 500; color: #777777;}
.stickyNavBox > div > div > span + ul li span:hover{color: #555555;}
/* .stickyNavBox > div > div:hover > a + ul,
.stickyNavBox > div > div > a:hover + ul, */
.stickyNavBox > div > div > span.active + ul{visibility: visible; opacity: 1;}
.stickyNavBox .none > div > span:after{display: none;}
/* stickyNav 공통 Fin */

.mainPage{overflow-y: auto; height: 100vh;}
.mainPage > div,
.mainPage .sliderWrap,
.mainPage .sliderWrap > div,
.mainPage .imgBox img{height: 100%;}
/* .mainPage > div > div{display: flex;} */

.mainPage .sliderWrap > div{display: none;}
.mainPage .sliderWrap > div.active{display: flex;}

.mainPage .sliderWrap > div > div{padding-top: 110px; box-sizing: border-box; width: 50%;}
.mainPage .imgBox{height: 100%;}
.mainPage .imgBox img{object-fit: cover;}
.mainPage .circleBtn{z-index: 999; position: fixed; left: 50%; top: calc(50% + 60px); transform: translate(-50%, -50%); width: 120px; height: 120px; border-radius: 100%; border: none; background-color: #fff;}
/* .mainPage .circleBtn:before{transition: transform 0.3s ease-out; content: ''; display: block; background: url('/assets/images/main_circleBtn.png') center / contain no-repeat; width: 96px; height: 96px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(0);} */
.mainPage .circleBtn img{transition: transform 0.3s ease-out; content: ''; display: block; width: 96px; height: 96px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(0);}
/* .mainPage .circleBtn:hover:before{transform: translate(-50%, -50%) rotate(90deg);} */
.mainPage .circleBtn:hover img{transform: translate(-50%, -50%) rotate(90deg);}
.mainPage .circleBtn i{font-size: 15px; color: #EE0000;}
.mainPage .sliderWrap .right{padding: 0 120px; box-sizing: border-box;}
.mainPage .sliderWrap .right > div{height: 100%; flex-wrap: wrap; display: flex; align-content: center;}
.mainPage .sliderWrap .right > div h2{width: 100%; margin-bottom: 25px; font-size: 72px; font-weight: 700; line-height: 88px; color: #333333;}
.mainPage .sliderWrap .right > div h2 span{display: block; font-size: 72px; line-height: 88px; color: #EE0000; font-weight: 300;}
.mainPage .sliderWrap .right > div p{font-size: 20px; font-weight: 400; line-height: 32px; color: #333333;}
.mainPage .sliderWrap .right > div p strong{font-size: 20px; font-weight: 600; color: #333333; line-height: 32px;}
.mainPage .sliderWrap .right > div .dotsBox{width: 100%; display: flex; align-items: center;}
.mainPage .sliderWrap .right > div .dotsBox ol{display: flex; align-content: center;}
.mainPage .sliderWrap .right > div .dotsBox ol li{cursor: pointer; border-radius: 100%; width: 8px; height: 8px; background-color: rgba(0,0,0,0.1);}
.mainPage .sliderWrap .right > div .dotsBox ol li.active{background-color: #FF0000;}
.mainPage .sliderWrap .right > div .dotsBox ol li:not(:first-child){margin-left: 18px;}
.mainPage .sliderWrap .right > div .dotsBox > div{margin-left: 25px;}
.mainPage .sliderWrap .right > div .dotsBox button{border: none; background-color: transparent;}
.mainPage .sliderWrap .right > div .dotsBox button i{font-size: 12px; color: #999999;}
.mainPage .sliderWrap .right > div .dotsBox button:not(:last-child){margin-right: 10px;}
.mainPage .sliderWrap .right > div .dotsBox .controlBtn{background: url('/assets/images/pauseBtn.png') center / contain no-repeat; width: 10px; height: 12px;}
.mainPage .sliderWrap .right > div .dotsBox .controlBtn.active{background-image: url('/assets/images/playBtn.png');}
.mainPage .sliderWrap .slick-slide,
.mainPage .sliderWrap .slick-track,
.mainPage .sliderWrap .slick-list,
.mainPage .sliderWrap .slick-slider,
.mainPage .sliderWrap .slick-slide > div{height: 100% !important;}
.mainPage .sliderWrap img{object-fit: cover; height: 100%;}

/* popUp */
.mainPopUp{z-index: 9999; background-color: #fff; height: 505px; width: 650px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); overflow: hidden; border-radius: 10px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.mainPopUp > div:nth-child(1) > div:nth-child(1){padding: 35px 0 30px 0; background-color: #C60707;}
.mainPopUp > div:nth-child(1) > div:nth-child(1) h3{font-size: 28px; font-weight: 800; color: #fff; line-height: 44px; text-align: center;}
.mainPopUp > div:nth-child(1) > div:nth-child(2){position: relative; padding: 30px 30px 24px 30px; box-sizing: border-box; background-color: #fff;}
.mainPopUp > div:nth-child(1) > div:nth-child(2):after{content: ''; display: block; position: absolute; right: 26px; top: 18px; background: url('/assets/images/popUp_logo.png') center / contain no-repeat; width: 77px; height: 31px; z-index: 9999;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) p{margin-bottom: 20px; font-size: 17px; font-weight: 500; line-height: 25px; color: #555555;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) p strong{font-size: 17px; font-weight: 700; color: #555555; line-height: 25px; display: block;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) ul{margin-bottom: 10px; padding: 22px 28px; box-sizing: border-box; background-color: #F6F6F6;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) ul li{font-size: 16px; font-weight: 500; color: #444444;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) ul li:not(:last-child){margin-bottom: 15px;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) > div{display: flex; justify-content: space-between;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) > div > button{padding: 20px 0; width: 49%; font-size: 16px; font-weight: 500; border-width: 1px; border-style: solid;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) > div > button:nth-child(1){color: #C60707; border-color: #C60707; background-color: transparent;}
.mainPopUp > div:nth-child(1) > div:nth-child(2) > div > button:nth-child(2){color: #fff; background-color: #C60707; border-color: #C60707;}
.mainPopUp .btnBox{background-color: #C60707; height: 35px; align-items: center; display: flex; justify-content: space-between;}
.mainPopUp .btnBox > div{padding-left: 15px;}
.mainPopUp .btnBox > div input[type='checkbox']{display: none;}
.mainPopUp .btnBox > div label{cursor: pointer; font-size: 14px; color: #EEEEEE; font-weight: 300; padding-left: 20px; position: relative;}
.mainPopUp .btnBox > div label:before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('/assets/images/mainPage_checkBox.png') center / contain no-repeat; width: 13px; height: 13px;}
.mainPopUp .btnBox > div input[type='checkbox']:checked + label:before{background-image: url('/assets/images/mainPage_checkBox_checked.png');}
.mainPopUp .btnBox > button{background-color: #AB0000; color: #FFFFFF; font-size: 14px; font-weight: 300; border: none; line-height: 33px; padding: 0 28px;}


/* .mainPopUp2{z-index: 9999; background-color: #fff; max-height: 638px; height: 100%; max-width: 800px;width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); overflow-y: auto; border-radius: 10px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1){padding: 5px 0 10px 0; background-color: #C60707;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) h3{font-size: 18px; font-weight: 800; color: #fff; line-height: 23px; text-align: center;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-01 {margin-top: 10px;text-align: center}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-01 span{display: inline-block;height: 31px;line-height: 31px;padding: 0 18px;background-color: #fff;border-radius: 17px;color: #C60707;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-02 {text-align: center; color: #fff;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) {padding: 30px 30px 24px 30px;display: flex;justify-content: space-between}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div {width: 48.5%}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p {margin-bottom: 10px;color:#555555;font-size: 12px;letter-spacing: -0.3px;line-height: 15px}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list {padding-left: 20px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list li {padding-left: 12px;position: relative;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list li:after {position: absolute;top: 0;left: 0;content:"-";display: block;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > .image-area {text-align: center}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table {margin-bottom: 15px;border-top:2px solid #C60707;width: 100%}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table th {padding: 5px 0;border-bottom: 1px solid #eee;border-left: 1px solid #eee;background-color: #FBFBFB;color: #CB0000;font-size:12px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table th:first-child {border-left: none;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table td {padding: 5px 0;text-align: center;font-size: 12px;color: #555555;border-bottom: 1px solid #EEEEEE;border-left: 1px solid #EEEEEE}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table td:first-child {border-left: none; }
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div {margin-top: 10px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div p{margin-bottom: 13px;text-align: right}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div > div {color: #C60707;font-size: 12px;line-height: 22px;padding: 15px 15px;background-color: #F6F6F6}
.mainPopUp2 .btnBox{background-color: #C60707; height: 35px; align-items: center; display: flex; justify-content: space-between;}
.mainPopUp2 .btnBox > div{padding-left: 15px;}
.mainPopUp2 .btnBox > div input[type='checkbox']{display: none;}
.mainPopUp2 .btnBox > div label{cursor: pointer; font-size: 14px; color: #EEEEEE; font-weight: 300; padding-left: 20px; position: relative;}
.mainPopUp2 .btnBox > div label:before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('/assets/images/mainPage_checkBox.png') center / contain no-repeat; width: 13px; height: 13px;}
.mainPopUp2 .btnBox > div input[type='checkbox']:checked + label:before{background-image: url('/assets/images/mainPage_checkBox_checked.png');}
.mainPopUp2 .btnBox > button{background-color: #AB0000; color: #FFFFFF; font-size: 14px; font-weight: 300; border: none; line-height: 33px; padding: 0 28px;} */

/*화면 넓은 것 */
/* .mainPopUp2{z-index: 9999; background-color: #fff; max-height: 838px; height: 100%; max-width: 1000px;width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); overflow-y: auto; border-radius: 10px; position: fixed; left: 71%; top: 50%; transform: translate(-50%, -50%);}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1){padding: 35px 0 30px 0; background-color: #C60707;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) h3{font-size: 28px; font-weight: 800; color: #fff; line-height: 44px; text-align: center;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-01 {margin-top: 10px;text-align: center}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-01 span{display: inline-block;height: 31px;line-height: 31px;padding: 0 18px;background-color: #fff;border-radius: 17px;color: #C60707;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-02 {text-align: center; color: #fff;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) {padding: 30px 30px 24px 30px;display: flex;justify-content: space-between}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div {width: 48.5%}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p {margin-bottom: 10px;color:#555555;font-size: 16px;letter-spacing: -0.3px;line-height: 25px}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list {padding-left: 20px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list li {padding-left: 12px;position: relative;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list li:after {position: absolute;top: 0;left: 0;content:"-";display: block;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > .image-area {text-align: center}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table {margin-bottom: 15px;border-top:2px solid #C60707;width: 100%}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table th {padding: 10px 0;border-bottom: 1px solid #eee;border-left: 1px solid #eee;background-color: #FBFBFB;color: #CB0000;font-size:14px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table th:first-child {border-left: none;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table td {padding: 10px 0;text-align: center;font-size: 14px;color: #555555;border-bottom: 1px solid #EEEEEE;border-left: 1px solid #EEEEEE}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table td:first-child {border-left: none; }
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div {margin-top: 60px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div p{margin-bottom: 13px;text-align: right}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div > div {color: #C60707;font-size: 14px;line-height: 22px;padding: 15px 15px;background-color: #F6F6F6}
.mainPopUp2 .btnBox{background-color: #C60707; height: 35px; align-items: center; display: flex; justify-content: space-between;}
.mainPopUp2 .btnBox > div{padding-left: 15px;}
.mainPopUp2 .btnBox > div input[type='checkbox']{display: none;}
.mainPopUp2 .btnBox > div label{cursor: pointer; font-size: 14px; color: #EEEEEE; font-weight: 300; padding-left: 20px; position: relative;}
.mainPopUp2 .btnBox > div label:before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('/assets/images/mainPage_checkBox.png') center / contain no-repeat; width: 13px; height: 13px;}
.mainPopUp2 .btnBox > div input[type='checkbox']:checked + label:before{background-image: url('/assets/images/mainPage_checkBox_checked.png');}
.mainPopUp2 .btnBox > button{background-color: #AB0000; color: #FFFFFF; font-size: 14px; font-weight: 300; border: none; line-height: 33px; padding: 0 28px;} */

/*화면 좁은 것 */
.mainPopUp2{z-index: 9999; background-color: #fff; max-height: 686px; height: 100%; max-width: 700px;width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); overflow-y: auto; border-radius: 10px; position: fixed; left: 71%; top: 50%; transform: translate(-50%, -50%);}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1){padding: 24px 0 24px 0; background-color: #C60707;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) h3{font-size: 26px; font-weight: 800; color: #fff; line-height: 28px; text-align: center;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-01 {margin-top: 5px;text-align: center}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-01 span{display: inline-block;height: 28px;line-height: 31px;padding: 0 18px;background-color: #fff;border-radius: 17px;color: #C60707;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(1) .text-02 {text-align: center; color: #fff;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) {padding: 20px 30px 15px 30px;display: flex;justify-content: space-between}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div {width: 48.5%}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p {margin-bottom: 10px;color:#555555;font-size: 12px;letter-spacing: -0.3px;line-height: 18px}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list {padding-left: 20px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list li {padding-left: 12px;position: relative;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > p .popup-list li:after {position: absolute;top: 0;left: 0;content:"-";display: block;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div > .image-area {text-align: center}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table {margin-bottom: 15px;border-top:2px solid #C60707;width: 100%}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table th {padding: 10px 0;border-bottom: 1px solid #eee;border-left: 1px solid #eee;background-color: #FBFBFB;color: #CB0000;font-size:10px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table th:first-child {border-left: none;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table td {padding: 10px 0;text-align: center;font-size: 10px;color: #555555;border-bottom: 1px solid #EEEEEE;border-left: 1px solid #EEEEEE}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div table td:first-child {border-left: none; }
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div {margin-top: 34px;}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div p{margin-bottom: 13px;text-align: right}
.mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div > div {color: #C60707;font-size: 14px;line-height: 22px;padding: 15px 15px;background-color: #F6F6F6}
.mainPopUp2 .btnBox{background-color: #C60707; height: 35px; align-items: center; display: flex; justify-content: space-between;}
.mainPopUp2 .btnBox > div{padding-left: 15px;}
.mainPopUp2 .btnBox > div input[type='checkbox']{display: none;}
.mainPopUp2 .btnBox > div label{cursor: pointer; font-size: 14px; color: #EEEEEE; font-weight: 300; padding-left: 20px; position: relative;}
.mainPopUp2 .btnBox > div label:before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('/assets/images/mainPage_checkBox.png') center / contain no-repeat; width: 13px; height: 13px;}
.mainPopUp2 .btnBox > div input[type='checkbox']:checked + label:before{background-image: url('/assets/images/mainPage_checkBox_checked.png');}
.mainPopUp2 .btnBox > button{background-color: #AB0000; color: #FFFFFF; font-size: 14px; font-weight: 300; border: none; line-height: 33px; padding: 0 28px;}

.mainPopUp3{z-index: 9999; background-color: #fff; max-width: 650px;width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); overflow-y: auto; border-radius: 10px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.mainPopUp3 > div:nth-child(1) > div:nth-child(1){padding: 25px 0 25px 0; background-color: #C60707;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(1) h3{font-size: 28px; font-weight: 800; color: #fff; line-height: 44px; text-align: center;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(1) .text-01 {margin-top: 10px;text-align: center}
.mainPopUp3 > div:nth-child(1) > div:nth-child(1) .text-01 span{display: inline-block;height: 31px;line-height: 31px;padding: 0 18px;background-color: #fff;border-radius: 17px;color: #C60707;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(1) .text-02 {text-align: center; color: #fff;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) {padding: 30px 30px 24px 30px;display: flex;justify-content: space-between}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > ul {width: 100%}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > ul > p {margin-bottom: 10px;color:#555555;font-size: 16px;letter-spacing: -0.3px;line-height: 25px}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > ul > p .popup-list {padding-left: 20px;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > ul > p .popup-list li {padding-left: 12px;position: relative;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > ul > p .popup-list li:after {position: absolute;top: 0;left: 0;content:"-";display: block;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > ul > .image-area {text-align: center}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > ul > table{margin-bottom: 1px;border-top:1px solid #C60707;width: 100%; color: #FFFFFF;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div {margin-top: 60px;}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div p{margin-bottom: 13px;text-align: right}
.mainPopUp3 > div:nth-child(1) > div:nth-child(2) > div .last-popup-div > div {color: #C60707;font-size: 14px;line-height: 22px;padding: 15px 15px;background-color: #F6F6F6}
.mainPopUp3 .btnBox{background-color: #C60707; height: 35px; align-items: center; display: flex; justify-content: space-between;}
.mainPopUp3 .btnBox > div{padding-left: 15px;}
.mainPopUp3 .btnBox > div input[type='checkbox']{display: none;}
.mainPopUp3 .btnBox > div label{cursor: pointer; font-size: 14px; color: #EEEEEE; font-weight: 300; padding-left: 20px; position: relative;}
.mainPopUp3 .btnBox > div label:before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('/assets/images/mainPage_checkBox.png') center / contain no-repeat; width: 13px; height: 13px;}
.mainPopUp3 .btnBox > div input[type='checkbox']:checked + label:before{background-image: url('/assets/images/mainPage_checkBox_checked.png');}
.mainPopUp3 .btnBox > button{background-color: #AB0000; color: #FFFFFF; font-size: 14px; font-weight: 300; border: none; line-height: 33px; padding: 0 28px;}



@media (max-width: 1919px) {
  .mainPopUp2 {
    left: 71%;
   }
}

@media (max-width: 1024px) {
  .mainPopUp2 {
    max-width: 90%;
    max-height: 90%;
    left: 50%;
  }

  .mainPopUp2 > div:nth-child(1) > div:nth-child(2) > div {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .mainPopUp2 {
    max-width: 95%;
    max-height: 95%;
  }

  .mainPopUp2 > div:nth-child(1) > div:nth-child(1) h3 {
    font-size: 22px;
    line-height: 32px;
  }

  .mainPopUp2 > div:nth-child(1) > div:nth-child(2) {
    flex-direction: column;
    padding: 20px;
  }
}

@media (max-width: 480px) {
  .mainPopUp2 {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
    padding: 15px;
  }

  .mainPopUp2 > div:nth-child(1) > div:nth-child(1) {
    padding: 20px 0;
  }

  .mainPopUp2 > div:nth-child(1) > div:nth-child(1) h3 {
    font-size: 18px;
  }
}

@media (max-width: 1919px) {
  .mainPopUp3 {
    left: 50%;
   }
}

@media (max-width: 1024px) {
  .mainPopUp3 {
    /*max-width: 90%;*/
    /*max-height: 90%;*/
    left: 50%;
  }
}

@media (max-width: 768px) {
  .mainPopUp3 {
    /*max-width: 95%;*/
    /*max-height: 95%;*/
  }

  .mainPopUp3 > div:nth-child(1) > div:nth-child(1) h3 {
    font-size: 22px;
    line-height: 32px;
  }

  .mainPopUp3 > div:nth-child(1) > div:nth-child(2) {
    flex-direction: column;
    padding: 20px;
  }
}

@media (max-width: 480px) {
  .mainPopUp3 {
    /*max-width: 95%;*/
    /*max-height: 100%;*/
    /*border-radius: 0;*/
    /*padding: 15px;*/
  }

  .mainPopUp3 > div:nth-child(1) > div:nth-child(1) {
    padding: 20px 0;
  }

  .mainPopUp3 > div:nth-child(1) > div:nth-child(1) h3 {
    font-size: 18px;
  }
}


  @keyframes grow {
    from {
      transform: translateY(10em);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes slide {
    from {
      transform: translateY(15em);
    }

    to {
      transform: translateY(0);
    }
  }

  .fp-warning,
  .fp-watermark {
    display: none;
  }



/* mainPage Fin */

.subPage{padding-top: 110px;}
.banner_area{background-position: top; background-size: cover; background-repeat: no-repeat; width: 100%; height: 400px;}
.banner_area > div{display: flex; height: 100%; align-items: center;}
.banner_area h2{font-size: 60px; font-weight: 700; color: #fff; line-height: 71px;}
.contentBox h3,
.contentBox h3 span{font-size: 32px; font-weight: 800; line-height: 48px; }
.contentBox h3{color: #333333;}
.subPage:not(.stock_information, .stock_status, .general_information) h3 span{color: #EE0000;}

.subPage.company_overview .banner_area,
.subPage.vision .banner_area,
.subPage.greetings .banner_area,
.subPage.business_areas .banner_area{background-image: url('/assets/images/banner_aboutUs.png');}
.subPage.ci .banner_area{background-image: url('/assets/images/banner_ci.jpg');}
.subPage.history .banner_area{background-image: url('/assets/images/banner_history.png');}
.subPage.location .banner_area{background-image: url('/assets/images/banner_location.jpg');}
.subPage.contactUs .banner_area{background-image: url('/assets/images/banner_contactUs.jpg');}
.subPage.codeOfEthicsAndPracticalGuidelines .banner_area{background-image: url('/assets/images/banner_codeOfEthicsAndPracticalGuidelines.jpg');}
.subPage.reportingInformationAndProcedures .banner_area{background-image: url('/assets/images/banner_reportingInformationAndProcedures.jpg');}
.subPage.business_overview .banner_area{background-image: url('/assets/images/banner_business_overview.jpg');}
.subPage.consignment_development .banner_area{background-image: url('/assets/images/banner_CDO.jpg');}
.subPage.consignment_production .banner_area{background-image: url('/assets/images/banner_CMO.jpg');}
.subPage.product_search .banner_area{background-image: url('/assets/images/banner_productSearch.png');}
.subPage.product_license_changes .banner_area,
.subPage.product_license_changes_view .banner_area,
.subPage.obesity_treatment_drugs .banner_area{background-image: url('/assets/images/banner_productBoard.jpg');}
.subPage.probiotics .banner_area{background-image: url('/assets/images/banner_probiotics.jpg');}
.subPage.busan .banner_area{background-image: url('/assets/images/banner_busan.jpg');}
.subPage.public_announcement .banner_area{background-image: url('/assets/images/banner_public_announcement.jpg');}
.subPage.settlement_announcement .banner_area,
.subPage.settlement_announcement_view .banner_area{background-image: url('/assets/images/banner_settlement_announcement.jpg');}
.subPage.financial_information .banner_area{background-image: url('/assets/images/banner_financial_information.jpg');}
.subPage.stockPrice_information .banner_area,
.subPage.stock_status .banner_area,
.subPage.general_information .banner_area{background-image: url('/assets/images/banner_stockPrice_information.jpg');}
.subPage.inside_information .banner_area{background-image: url('/assets/images/banner_inside_information.jpg');}
.subPage.recruitment_information .banner_area{background-image: url('/assets/images/banner_recruitment_information.jpg');}
.subPage.privacy .banner_area{background-image: url('/assets/images/banner_privacy.png');}

.tabBtnBox{position: relative; box-sizing: border-box; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE;}
.tabBtnBox > div{display: flex;}
.tabBtnBox > div > div{box-sizing: border-box; position: relative;}
.tabBtnBox > div button{position: relative; font-size: 20px; font-weight: 600; color: #CCCCCC; background-color: transparent; border: none; width: 100%;}
.tabBtnBox > div button.active{color: #fff; background-color: #CB0000;}
.tabBtnBox > div > div:before{content: ''; display: block; width: 1px; position: absolute; background-color: #EEEEEE; left: 0; top: 50%; transform: translateY(-50%);}
/* tabBtnBox 공통 Fin */

.user_wrap .pagerBox{display: flex; justify-content: center;}
.user_wrap .pagerBox ul li{cursor: pointer;}
.user_wrap .pagerBox ul li .MuiPaginationItem-firstLast,
.user_wrap .pagerBox ul li .MuiPaginationItem-previousNext{color: #C60707; border: 1px solid #EEEEEE;}

.css-10w330c-MuiButtonBase-root-MuiPaginationItem-root.Mui-disabled{opacity: 1 !important;}
.css-10w330c-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected:hover{background-color: transparent !important;}
.Mui-selected{color: #C60707 !important;}

.user_wrap .pagerBox button{font-size: 14px; font-weight: 400; color: #999999; position: relative; width: 36px; height: 36px; background-color: #fff;}
.user_wrap .pagerBox button:nth-of-type(2n){margin-left: 8px;}
.user_wrap .pagerBox button:after{content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-position: center;}
.user_wrap .pagerBox .first:after{background-image: url('/assets/images/pager_first.png'); width: 8px; height: 10px;}
.user_wrap .pagerBox .last:after{background-image: url('/assets/images/pager_last.png'); width: 8px; height: 10px;}
.user_wrap .pagerBox .prev:after{background-image: url('/assets/images/pager_prev.png'); width: 6px; height: 10px;}
.user_wrap .pagerBox .next:after{background-image: url('/assets/images/pager_next.png'); width: 6px; height: 10px;}
.user_wrap .pagerBox ol{margin: 0 20px; display: flex; align-items: center;}
.user_wrap .pagerBox ol li{cursor: pointer; text-align: center; font-size: 14px; width: 36px; line-height: 36px; color: #999999; font-weight: 400;}
.user_wrap .pagerBox ol li.active{color: #EE0000; font-weight: 500;}
/* pager 공통 Fin */

.binex .contentBox{padding: 100px 0 120px 0;}

.binex.company_overview h3{text-align: center; margin-bottom: 55px;}
.binex.company_overview .contentBox ul{margin-bottom: 50px; border-radius: 10px; overflow: hidden; display: flex;}
.binex.company_overview .contentBox ul li{position: relative; height: 250px; width: 25%; padding: 0 10px; box-sizing: border-box;}
.binex.company_overview .contentBox ul li:not(:first-child){background-color: #F9F9F9;}
.binex.company_overview .contentBox ul li:not(:first-child):before{content: ''; display: block; width: 1px; height: 180px; background-color: #EEEEEE; left: 0; top: 50%; transform: translateY(-50%); position: absolute;}
.binex.company_overview .contentBox ul li span{text-align: center; margin: 0 auto; display: block; font-size: 18px; line-height: 26px; font-weight: 400;}
.binex.company_overview .contentBox ul li:nth-child(1){border-radius: 10px; background-color: #CB0000;}
.binex.company_overview .contentBox ul li:nth-child(1) span{color: #fff;}
.binex.company_overview .contentBox ul li span:nth-child(1){margin-bottom: 20px; position: relative; padding-top: 130px;}
.binex.company_overview .contentBox ul li span:nth-child(1):before{content: ''; top: 40px; left: 50%; transform: translateX(-50%); display: block; position: absolute; height: 65px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.binex.company_overview .contentBox ul li:nth-child(1) span:nth-child(1):before{background-image: url('/assets/images/establishmentDate_icon.png'); width: 68px;}
.binex.company_overview .contentBox ul li:nth-child(2) span:nth-child(1):before{background-image: url('/assets/images/ceo_icon.png'); width: 65px;}
.binex.company_overview .contentBox ul li:nth-child(3) span:nth-child(1):before{background-image: url('/assets/images/businessAreas_icon.png'); width: 73px;}
.binex.company_overview .contentBox ul li:nth-child(4) span:nth-child(1):before{background-image: url('/assets/images/headOffice_icon.png'); width: 65px;}
.binex.company_overview .contentBox ul li:not(:nth-child(1)) span:nth-child(1){color: #EE0000;}
.binex.company_overview .contentBox ul li:nth-child(1) span:nth-child(2){font-weight: 600;}
.binex.company_overview .contentBox > div > p{width: 1170px; font-size: 18px; line-height: 32px; font-weight: 400; color: #555555;}
/* 바이넥스 - 회사소개 - 회사개요 Fin */

.binex.vision .contentBox h3{text-align: center; margin-bottom: 55px;}
.binex.vision .contentBox > div > div{border-radius: 20px; margin-bottom: 50px; position: relative; background: url('/assets/images/vision.png') center / cover no-repeat; width: 100%; height: 400px;}
.binex.vision .contentBox > div > div:after{content: ''; display: block; width: 170px; height: 57px; background: url('/assets/images/vision_txt.png') center / contain no-repeat; position: absolute; right: -8px; top: -5px;}
.binex.vision .contentBox > div > div p{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-size: 28px; font-weight: 100; line-height: 46px;}
.binex.vision .contentBox > div > div p strong{display: block; font-size: 38px; font-weight: 700; line-height: 46px;}
.binex.vision .contentBox > div > p{font-size: 18px; font-weight: 400; line-height: 32px; color: #555555;}
.binex.vision .contentBox > div > p:not(:last-of-type){word-break: keep-all; margin-bottom: 35px;}
.binex.vision .contentBox > div > p:last-of-type{word-break: keep-all;}
/* 바이넥스 - 회사소개 - 비전 Fin */

.binex.greetings .contentBox h3{margin-bottom: 30px;}
.binex.greetings .contentBox > div > p{margin-bottom: 50px; font-size: 20px; font-weight: 500; line-height: 32px; color: #333333;}
.binex.greetings .contentBox > div > div{position: relative; padding: 40px 55px 40px 45px; box-sizing: border-box; border: 1px solid #DDDDDD; border-radius: 10px;}
.binex.greetings .contentBox > div > div:before{content: ''; display: block; position: absolute; right: -8px; top: -5px; background: url('/assets/images/greeting.png') center / contain no-repeat; width: 170px; height: 57px;}
.binex.greetings .contentBox > div > div:after{content: ''; display: block; position: absolute; z-index: -1; right: 45px; bottom: 40px; background: url('/assets/images/signature.png') center / contain no-repeat; width: 117px; height: 65px;}
.binex.greetings .contentBox > div > div > p{word-break: keep-all; font-size: 18px; font-weight: 400; line-height: 32px; color: #555555;}
.binex.greetings .contentBox > div > div > p:nth-child(1){padding-right: 140px; box-sizing: border-box;}
.binex.greetings .contentBox > div > div > p:not(:last-of-type){margin-bottom: 35px;}
.binex.greetings .contentBox > div > div > p:last-of-type{margin-bottom: 60px;}
.binex.greetings .contentBox > div > div > span{padding-right: 130px; box-sizing: border-box; display: block; text-align: right; font-size: 18px; font-weight: 500; color: #444444; line-height: 30px;}
.binex.greetings .contentBox > div > div > span > span{font-size: 18px; font-weight: 700; color: #444444; line-height: 30px;}
/* 바이넥스 - 회사소개 - 인사말 Fin */


.binex.business_areas .contentBox h3{text-align: center; margin-bottom: 50px;}
.binex.business_areas .contentBox h3 span{display: block;}
.binex.business_areas .contentBox .tabBtnBox{padding: 10px 10px; margin-bottom: 40px;}
.binex.business_areas .contentBox .tabBtnBox > div button{height: 80px;}
.binex.business_areas .contentBox .tabBtnBox > div > div{width: 50%; padding: 0 10px;}
.binex.business_areas .contentBox .tabBtnBox > div > div:not(:first-child):after{content: ''; display: block; width: 1px; height: 120px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.binex.business_areas .contentBox .tabBtnBox > div > div:before{height: 120px;}
.binex.business_areas .contentBox .tabContentBox > div{display: none; padding: 0 10px; box-sizing: border-box;}
.binex.business_areas .contentBox .tabContentBox > div.active{display: block;}
.binex.business_areas .contentBox .tabContentBox > div > div:nth-of-type(1){margin-bottom: 70px; display: flex;}

.binex.business_areas .contentBox .tabContentBox .sliderWrap{padding-right: 7px; padding-top: 10px; box-sizing: border-box; position: relative; margin-top: 70px; height: auto;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap:after{z-index: 1; content: ''; right: 0; top: 0; position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain; width: 170px; height: 57px;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap > ul li{box-sizing: border-box; position: relative;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap > ul li:after{z-index: 1; content: ''; right: 0; top: 0; position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain; width: 170px; height: 57px;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap > ul li .imgBox{object-fit: cover;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap.songdo:after{background-image: url('/assets/images/songdo_txt_active.png');}
.binex.business_areas .contentBox .tabContentBox .sliderWrap.osong:after{background-image: url('/assets/images/osong_txt_active.png');}
.binex.business_areas .contentBox .tabContentBox .sliderWrap.busan:after{background-image: url('/assets/images/busan_txt_active.png');}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox button{transition: background 0.2s ease-out; border: none; background-color: transparent; position: absolute; height: 100%; top: 0; width: 80px;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox button:hover{background-color: rgba(255,255,255,0.15);}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox button:after{content: ''; opacity: 0.5; display: block; width: 15px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox button:hover:after{opacity: 1;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox .prevBtn{left: 0;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox .nextBtn{right: 0;}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox .prevBtn:after{background-image: url('/assets/images/prevBtn.png');}
.binex.business_areas .contentBox .tabContentBox .sliderWrap .btnBox .nextBtn:after{background-image: url('/assets/images/nextBtn.png');}

.binex.business_areas .contentBox .tabContentBox .left{width: 32%;}
.binex.business_areas .contentBox .tabContentBox .right{width: 68%; padding-left: 50px; box-sizing: border-box;}
.binex.business_areas .contentBox .tabContentBox .right > div{display: flex; flex-wrap: wrap; align-content: center; height: 100%;}
.binex.business_areas .contentBox .tabContentBox .right h4{font-size: 28px; line-height: 32px; color: #333333; font-weight: 700;}
.binex.business_areas .contentBox .tabContentBox .right > div > div{display: flex; align-items: center; margin-bottom: 30px;}
.binex.business_areas .contentBox .tabContentBox .right > div > div > div{margin-left: 25px;}
.binex.business_areas .contentBox .tabContentBox .right > div > div > div button{transition: background 0.2s ease-out; border: 1px solid #EE0000; padding: 6px 18px; background-color: transparent; font-size: 16px; font-weight: 400; color: #EE0000;}
.binex.business_areas .contentBox .tabContentBox .right > div > div > div button:not(:first-child){margin-left: 5px;}
.binex.business_areas .contentBox .tabContentBox .right > div > div > div button:hover{color: #fff; background-color: #EE0000;}
.binex.business_areas .contentBox .tabContentBox .right p{letter-spacing: -0.2px; word-break: keep-all; font-size: 18px; line-height: 32px; color: #555555; font-weight: 400;}
.binex.business_areas .contentBox .tabContentBox .right p:not(:last-of-type){margin-bottom: 35px;}
/* 바이넥스 - 회사소개 - 사업분야 Fin */

.binex.ci .contentBox h3{text-align: center; margin-bottom: 55px;}
.binex.ci .contentBox h4{font-size: 24px; font-weight: 700; color: #333333; line-height: 32px; margin-bottom: 25px;}
.binex.ci .contentBox > div > div:nth-of-type(1){margin-bottom: 100px; border-top: 1px solid #EE0000;}
.binex.ci .contentBox > div > div:nth-of-type(1) .imgBox{margin-bottom: 50px;}
.binex.ci .contentBox > div > div:nth-of-type(1) p{font-size: 18px; font-weight: 400; line-height: 32px; color: #555555;}
.binex.ci .contentBox > div > div:nth-of-type(1) p:not(:last-of-type){margin-bottom: 35px;}
.binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1){margin-bottom: 110px; display: flex;}
.binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div > span{font-size: 16px; line-height: 19px; color: #EE0000; font-weight: 500; display: block; margin-bottom: 15px;}
.binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div > div{position: relative; height: 160px; border: 1px solid #EEEEEE;}
.binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div > div img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-child(1){width: 54%;}
.binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-child(2){width: 43%; margin-left: 3%; box-sizing: border-box;}

.binex.ci .contentBox .tabBtnBox{margin-bottom: 50px; padding: 5px 5px;}
.binex.ci .contentBox .tabBtnBox > div > div{padding: 0 5px; width: 25%;}
.binex.ci .contentBox .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; height: 90px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.binex.ci .contentBox .tabBtnBox > div > div:before{height: 90px;}
.binex.ci .contentBox .tabBtnBox > div button{height: 60px;}
.binex.ci .contentBox .tabContentBox > div{display: none;}
.binex.ci .contentBox .tabContentBox > div.active{display: block;}
.binex.ci .contentBox .tabContentBox > div:nth-child(1) .imgBox{max-width: 615px; margin: 0 auto 35px;}
.binex.ci .contentBox .tabContentBox > div p{font-size: 17px; font-weight: 400; color: #777777; line-height: 32px; text-align: center;}
.binex.ci .contentBox .tabContentBox ul{display: flex; flex-wrap: wrap;}
.binex.ci .contentBox .tabContentBox ul li{margin-bottom: 15px; overflow: hidden; position: relative; height: 120px; width: 32.33%; border: 1px solid #EEEEEE; box-sizing: border-box;}
.binex.ci .contentBox .tabContentBox ul li:after{content: ''; display: block; width: 1px; height: 300%; background-color: #CB0000; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%) rotate(67deg);}
.binex.ci .contentBox .tabContentBox ul li:not(:nth-child(3n)){margin-right: 1.5%;}
.binex.ci .contentBox .tabContentBox ul li img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; margin: 0 auto; display: block;}
/* 바이넥스 - CI Fin */

.binex.history .contentBox h3{text-align: center; margin-bottom: 70px;}
.binex.history .contentBox h3 span{display: block;}
.binex.history .contentBox .tabBtnBox{margin-bottom: 50px; padding: 10px 10px;}
.binex.history .contentBox .tabBtnBox > div > div{padding: 0 10px; width: 33.33%;}
.binex.history .contentBox .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; height: 90px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.binex.history .contentBox .tabBtnBox > div > div:before{height: 120px;}
.binex.history .contentBox .tabBtnBox > div button{height: 80px;}
.binex.history .contentBox .tabContentBox{margin-bottom: 50px; padding: 0 20px; box-sizing: border-box;}
.binex.history .contentBox .tabContentBox > div{display: none;}
.binex.history .contentBox .tabContentBox > div.active{display: block;}
.binex.history .contentBox .tabContentBox ul{border-left: 1px solid #EEEEEE;}
.binex.history .contentBox .tabContentBox ul li{position: relative; padding-left: 40px; box-sizing: border-box;}
.binex.history .contentBox .tabContentBox ul li:before{content: ''; display: block; position: absolute; left: -4px; top: 12px; border-radius: 100%;}
.binex.history .contentBox .tabContentBox ul li.active:before{background-color: #EE0000; width: 8px; height: 8px; z-index: 1;}
.binex.history .contentBox .tabContentBox ul li.active:after{content: ''; display: block; width: 14px; height: 14px; border: 1px solid #EE0000; background-color: #fff; border-radius: 100%; position: absolute; left: -8px; top: 8px;}
.binex.history .contentBox .tabContentBox ul li:not(.active):before{width: 8px; height: 8px; background-color: #CCCCCC; top: 10px; left: -4px;}
.binex.history .contentBox .tabContentBox ul li:not(:last-child){padding-bottom: 80px;}
.binex.history .contentBox .tabContentBox ul li > span{font-size: 24px; font-weight: 700; color: #333333; line-height: 32px; display: block; margin-bottom: 25px;}
.binex.history .contentBox .tabContentBox ul li > p{font-size: 18px; line-height: 32px; color: #555555; font-weight: 400;}
.binex.history .contentBox .tabContentBox ul li > p span{font-size: 18px; font-weight: 500; line-height: 32px; color: #EE0000; width: 34px; display: inline-block;}
.binex.history .contentBox .tabContentBox ul li > p:not(:last-child){margin-bottom: 15px;}
.binex.history .contentBox .tabContentBox ul li > p mark{font-size: 18px; font-weight: 400; line-height: 32px; color: #555555; display: block; background-color: transparent; font-style: normal; padding-left: 35px;}
.binex.history .contentBox > div > span{display: block; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: 400; line-height: 32px; color: #999999;}
/* 바이넥스 - 연혁 Fin */

.binex.location .contentBox h3{margin-bottom: 50px; text-align: center;}
.binex.location .contentBox .tabBtnBox{margin-bottom: 40px; padding: 10px 10px;}
.binex.location .contentBox .tabBtnBox > div > div{padding: 0 10px; width: 25%;}
.binex.location .contentBox .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; height: 120px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.binex.location .contentBox .tabBtnBox > div > div:before{height: 120px;}
.binex.location .contentBox .tabBtnBox > div button{height: 80px;}
.binex.location .contentBox .tabContentBox > div{display: none; padding: 0 10px 0 20px; box-sizing: border-box;}
.binex.location .contentBox .tabContentBox > div:not(:last-child).active{display: flex;}
.binex.location .contentBox .tabContentBox > div:last-child.active{display: block;}
.binex.location .contentBox .tabContentBox .left{width: 38%;}
.binex.location .contentBox .tabContentBox .left iframe{width: 100%; height: 410px;}
.binex.location .contentBox .tabContentBox .right{padding-left: 30px; box-sizing: border-box; width: 62%;}
.binex.location .contentBox .tabContentBox .right .tableWrap,
.binex.location .contentBox .tabContentBox .right .tableWrap table{height: 100%;}
.binex.location .contentBox .tabContentBox .right .tableWrap table{border-top: 1px solid #DDDDDD; width: 100%;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td{border-bottom: 1px solid #EEEEEE;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th{width: 150px; box-sizing: border-box; padding: 25px; text-align: left; background-color: #F9F9F9;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr:not(:last-child) th,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr:nth-child(4) td{height: 67px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th span{padding-left: 25px; position: relative; font-size: 16px; font-weight: 500; color: #444444;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th span:before{content: ''; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr:nth-child(1) th span:before{background-image: url('/assets/images/location_icon.png'); width: 15px; height: 20px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr:nth-child(2) th span:before{background-image: url('/assets/images/phone_icon.png'); width: 15px; height: 15px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr:nth-child(3) th span:before{background-image: url('/assets/images/fax_icon.png'); width: 15px; height: 15px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr:nth-child(4) th span:before{background-image: url('/assets/images/bus_icon.png'); width: 15px; height: 15px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td{font-size: 16px; color: #444444; font-weight: 400; padding: 25px; box-sizing: border-box;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .blue,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .green,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .orange,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .skyblue{padding-left: 20px; position: relative;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .blue:before,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .green:before,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .orange:before,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .skyblue:before{content: ''; display: block; position: absolute; left: 0; top: 1px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .blue:before{background-image: url('/assets/images/blue_bus.png'); width: 15px; height: 15px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .green:before{background-image: url('/assets/images/green_bus.png'); width: 15px; height: 15px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .orange:before{background-image: url('/assets/images/orange_subway.png'); width: 15px; height: 17px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .skyblue:before{background-image: url('/assets/images/skyblue_subway.png'); width: 15px; height: 17px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .blue,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .green,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .orange,
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .skyblue{margin-right: 10px; font-size: 15px; font-weight: 500;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .blue{color: #2E60B9;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .green{color: #50A232;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .orange{color: #F0602F;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .skyblue{color: #6F99D0;}
.binex.location .contentBox .tabContentBox .right .tableWrap table.head_office tbody tr:nth-child(4) td .green{margin-right: 10px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table.head_office tbody tr td > div:not(:last-of-type){margin-bottom: 20px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table.songdo tbody tr:nth-child(4) td .blue{margin-left: 15px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table.osong tbody tr td > div:not(:last-of-type){margin-bottom: 15px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table.osong tbody tr:nth-child(4) td .green{margin-left: 15px;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .ktx{font-size: 16px; font-weight: 400; color: #444444; padding-left: 65px; position: relative;}
.binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .ktx:before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 54px; height: 18px; background: url('/assets/images/ktx.png') center / contain no-repeat; display: block;}
.binex.location .contentBox .tabContentBox .table{border-top: 1px solid #DDDDDD;}
.binex.location .contentBox .tabContentBox .table li .tr{border-bottom: 1px solid #EEEEEE; display: flex;}
.binex.location .contentBox .tabContentBox .table li:not(.thead).active .tr{border-bottom: 1px solid #AAAAAA;}
.binex.location .contentBox .tabContentBox .table li.thead .tr{background-color: #F9F9F9;}
.binex.location .contentBox .tabContentBox .table li.thead .tr span{font-size: 16px; color: #444444; font-weight: 500;}
.binex.location .contentBox .tabContentBox .table li .tr span{padding: 24px 0;}
.binex.location .contentBox .tabContentBox .table li .tr span:nth-child(1){width: 240px; padding-left: 25px; box-sizing: border-box;}
.binex.location .contentBox .tabContentBox .table li .tr span:nth-child(2){width: 700px;}
.binex.location .contentBox .tabContentBox .table li .tr span:nth-child(3){width: 175px;}
.binex.location .contentBox .tabContentBox .table li .tr span:nth-child(4){width: 55px; text-align: right; padding-right: 25px; box-sizing: border-box;}
.binex.location .contentBox .tabContentBox .table li:not(.thead) .tr{cursor: pointer;}
.binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(1){font-size: 16px; font-weight: 500; color: #777777;}
.binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(2),
.binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(3){font-size: 14px; font-weight: 400; color: #999999;}
.binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(4){position: relative;}
.binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(4):after{content: ''; width: 15px; height: 19px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; background: url('/assets/images/mapBox.png') center / contain no-repeat;}
.binex.location .contentBox .tabContentBox .table li:not(.thead).active .tr span:nth-child(4):after{background-image: url('/assets/images/mapBox_active.png');}
.binex.location .contentBox .tabContentBox .table li:not(.thead).active .tr span:nth-child(1){color: #222222;}
.binex.location .contentBox .tabContentBox .table li:not(.thead).active .tr span:nth-child(2){text-decoration: underline; color: #555555;}
.binex.location .contentBox .tabContentBox .table li:not(.thead).active .tr span:nth-child(3){color: #555555;}
.binex.location .contentBox .tabContentBox .table li .mapBox{display: none;}
.binex.location .contentBox .tabContentBox .table li:not(.thead).active .mapBox{display: block;}
.binex.location .contentBox .tabContentBox .table li .mapBox iframe{width: 100%; height: 280px;}
/* 바이넥스 - 오시는 길 Fin */

.codeOfEthicsAndPracticalGuidelines .contentBox{padding: 100px 0 120px 0;}
.codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox h3{margin-bottom: 30px;}
.codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > p{margin-bottom: 50px; font-size: 20px; line-height: 32px; color: #333333; font-weight: 500;}
.codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > ul{padding: 40px 45px; box-sizing: border-box; border: 1px solid #DDDDDD; border-radius: 10px; position: relative;}
.codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > ul:after{content: ''; display: block; display: block; position: absolute; right: -8px; top: -5px; background: url('/assets/images/codeOfEthlcs.png') center / contain no-repeat; width: 170px; height: 57px;}
.codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > ul li:not(:last-child){margin-bottom: 20px;}
.codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > ul li p{position: relative; padding-left: 55px; font-size: 18px; line-height: 32px; font-weight: 400;}
.codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > ul li p span{position: absolute; left: 0; top: 0; font-size: 18px; font-weight: 500; line-height: 32px; color: #EE0000; display: inline-block;}
/* 윤리경영 - 윤리강령 및 실전지침 - 윤리강령 Fin */

.codeOfEthicsAndPracticalGuidelines.practice_guidelines .contentBox h3{margin-bottom: 60px;}
.codeOfEthicsAndPracticalGuidelines.practice_guidelines .contentBox h4{font-size: 22px; line-height: 36px; margin-bottom: 40px; color: #EE0000; font-weight: 800; padding-bottom: 25px; border-bottom: 1px solid #EE0000;}
.codeOfEthicsAndPracticalGuidelines.practice_guidelines .contentBox ul > li:not(:last-child){margin-bottom: 100px;}
.codeOfEthicsAndPracticalGuidelines.practice_guidelines .contentBox ul li > div > span{display: block; font-size: 18px; font-weight: 600; color: #333333; line-height: 36px; margin-bottom: 20px;}
.codeOfEthicsAndPracticalGuidelines.practice_guidelines .contentBox ul li > div:not(:first-of-type){padding-top: 40px; border-top: 1px solid #EEEEEE; margin-top: 40px;}
.codeOfEthicsAndPracticalGuidelines.practice_guidelines .contentBox ul li > div > p{font-size: 16px; line-height: 26px; font-weight: 400; color: #555555;}
.codeOfEthicsAndPracticalGuidelines.practice_guidelines .contentBox .numbList > li{font-size: 16px; line-height: 26px; font-weight: 400; color: #555555;}
/* 윤리경영 - 윤리강령 및 실전지침 - 실전지침 Fin */
.numbList > li{position: relative; padding-left: 22px;}
.numbList > li:not(:last-child){margin-bottom: 10px;}
.numbList > li > span{position: absolute; left: 0; top: 0; width: 23px;}

.reportingInformationAndProcedures .contentBox{padding: 100px 0 120px 0;}
.reportingInformationAndProcedures .contentBox .linkBox{display: flex; border-radius: 10px; overflow: hidden;}
.reportingInformationAndProcedures .contentBox .linkBox > div{cursor: pointer; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; height: 248px; width: 33.33%;}
.reportingInformationAndProcedures .contentBox .linkBox > div:after{transition: background 0.2s ease-out; content: ''; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: rgba(0,0,0,0.5);}
.reportingInformationAndProcedures .contentBox .linkBox > div:hover:after{background-color: rgba(203,0,0,0.7);}
.reportingInformationAndProcedures .contentBox .linkBox > div:not(:first-child):before{content: ''; display: block; width: 1px; height: 100%; background-color: #EEEEEE; position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%);}
.reportingInformationAndProcedures .contentBox .linkBox .whistleblower_protection_box{background-image: url('/assets/images/whistleblower_protection_bg.png');}
.reportingInformationAndProcedures .contentBox .linkBox .report_box{background-image: url('/assets/images/report_bg.png');}
.reportingInformationAndProcedures .contentBox .linkBox .processing_procedure_box{background-image: url('/assets/images/processing_procedure_bg.png');}
.reportingInformationAndProcedures .contentBox .linkBox .reporting_information_box{background-image: url('/assets/images/reporting_information_bg.png');}
.reportingInformationAndProcedures .contentBox .linkBox > div > div{position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.reportingInformationAndProcedures .contentBox .linkBox > div > div > span{text-align: center; display: block;}
.reportingInformationAndProcedures .contentBox .linkBox > div > div > span:nth-child(1){line-height: 36px; font-size: 20px; font-weight: 700; color: #fff; padding-top: 125px; position: relative;}
.reportingInformationAndProcedures .contentBox .linkBox > div > div > span:nth-child(1):before{content: ''; height: 100px; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.reportingInformationAndProcedures .contentBox .linkBox .whistleblower_protection_box span:nth-child(1):before{background-image: url('/assets/images/whistleblower_protection_icon.png'); width: 85px;}
.reportingInformationAndProcedures .contentBox .linkBox .report_box span:nth-child(1):before{background-image: url('/assets/images/report_icon.png'); width: 100px;}
.reportingInformationAndProcedures .contentBox .linkBox .processing_procedure_box span:nth-child(1):before{background-image: url('/assets/images/processing_procedure_icon.png'); width: 107px;}
.reportingInformationAndProcedures .contentBox .linkBox .reporting_information_box span:nth-child(1):before{background-image: url('/assets/images/reporting_information_icon.png'); width: 100px;}
.reportingInformationAndProcedures .contentBox .linkBox > div > div > span:nth-child(2){font-size: 16px; word-break: keep-all; line-height: 24px; font-weight: 400; color: rgba(255,255,255,0.6);}

.reportingInformationAndProcedures.reporting_information .contentBox h3{margin-bottom: 60px;}
.reportingInformationAndProcedures.reporting_information .contentBox h3 span{display: block;}
.reportingInformationAndProcedures.reporting_information dl{position: relative; margin-bottom: 35px; background-color: #F9F9F9; border-radius: 10px; padding: 40px 50px; box-sizing: border-box;}
.reportingInformationAndProcedures.reporting_information dl:before{content: ''; display: block; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: #DDDDDD; left: 15px; top: 15px;}
.reportingInformationAndProcedures.reporting_information dl dt{margin-bottom: 25px; font-size: 22px; line-height: 36px; color: #333333; font-weight: 700;}
.reportingInformationAndProcedures.reporting_information dl dd{position: relative; font-size: 18px; line-height: 32px; color: #555555; font-weight: 400; padding-left: 18px;}
.reportingInformationAndProcedures.reporting_information dl dd:before{content: '-'; position: absolute; left: 0; top: 0; font-size: 18px; font-weight: 400; color: #555555;}
.reportingInformationAndProcedures.reporting_information dl dd:not(:last-child){margin-bottom: 10px;}
/* 윤리경영 - 제보안내 및 절차 - 제보안내 Fin */

.reportingInformationAndProcedures.whistleblower_protection .contentBox h3{margin-bottom: 60px;}
.reportingInformationAndProcedures.whistleblower_protection .contentBox h3 span{display: block;}
.reportingInformationAndProcedures.whistleblower_protection .contentBox > div > div{margin-bottom: 35px; position: relative; border-radius: 10px; overflow: hidden; border: 1px solid #EEEEEE;}
.reportingInformationAndProcedures.whistleblower_protection .contentBox > div > div:before{content: ''; display: block; width: 10px; height: 10px; background-color: #DDDDDD; position: absolute; left: 15px; top: 15px; border-radius: 100%;}
.reportingInformationAndProcedures.whistleblower_protection .contentBox > div > div h4{font-size: 18px; font-weight: 400; color: #555555; line-height: 32px; background-color: #F9F9F9; padding: 40px 50px; box-sizing: border-box;}
.reportingInformationAndProcedures.whistleblower_protection .contentBox > div > div h4 span{display: inline-block; font-size: 22px; line-height: 36px; color: #333333; font-weight: 700; margin-right: 20px;}
.reportingInformationAndProcedures.whistleblower_protection .contentBox > div > div ol{padding: 30px 50px; box-sizing: border-box;}
.reportingInformationAndProcedures.whistleblower_protection .contentBox .numbList > li{font-size: 18px; line-height: 32px; font-weight: 400; color: #666666;}
/* 윤리경영 - 제보안내 및 절차 - 제보자 보호 Fin */


.reportingInformationAndProcedures.report .contentBox h3{padding: 0 10px; box-sizing: border-box; margin-bottom: 40px;}
.reportingInformationAndProcedures.report .contentBox .tabBtnBox{padding: 10px 10px;}
.reportingInformationAndProcedures.report .contentBox .tabBtnBox > div > div{padding: 0 10px; width: 50%;}
.reportingInformationAndProcedures.report .contentBox .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; height: 120px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.reportingInformationAndProcedures.report .contentBox .tabBtnBox > div > div:before{height: 120px;}
.reportingInformationAndProcedures.report .contentBox .tabBtnBox > div button{height: 80px;}

.reportingInformationAndProcedures.report .contentBox .noticeBox{margin-bottom: 100px; padding: 10px 10px; position: relative; box-sizing: border-box; border-bottom: 1px solid #EEEEEE;}
.reportingInformationAndProcedures.report .contentBox .noticeBox > div > div{padding: 0 10px; box-sizing: border-box; position: relative;}
.reportingInformationAndProcedures.report .contentBox .noticeBox > div button{position: relative; font-size: 20px; font-weight: 600; color: #CCCCCC; background-color: transparent; border: none; width: 100%;}
.reportingInformationAndProcedures.report .contentBox .noticeBox > div button.active{color: #fff; background-color: #CB0000;}
.reportingInformationAndProcedures.report .contentBox .noticeBox > div > div:before{content: ''; height: 150px; display: block; width: 1px; position: absolute; background-color: #EEEEEE; left: 0; top: 50%; transform: translateY(-50%);}
.reportingInformationAndProcedures.report .contentBox .noticeBox > div > div:last-child:after{content: ''; display: block; width: 1px; height: 150px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.reportingInformationAndProcedures.report .contentBox .noticeBox > div > div > div{padding: 20px 30px; box-sizing: border-box; background-color: #FBFBFB;}
.reportingInformationAndProcedures.report .contentBox .noticeBox > div > div > div p{font-size: 18px; font-weight: 400; color: #555555; line-height: 32px;}
.reportingInformationAndProcedures.report .contentBox .noticeBox > div > div > div p:not(:last-child){margin-bottom: 10px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div{display: none; padding: 0 10px; box-sizing: border-box;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div.active{display: block;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(1),
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(2){margin-bottom: 80px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(3),
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(4){margin-bottom: 100px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(5),
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_2 > div:nth-child(2){margin-bottom: 30px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(3) .tableWrap table tr:nth-of-type(3) td,
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div .tableWrap table tr td.paddingBox{padding: 17px 25px; box-sizing: border-box;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox h4{font-size: 22px; line-height: 36px; color: #333333; font-weight: 700;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:not(:nth-of-type(4), :nth-of-type(5)) h4{margin-bottom: 25px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox h4 span{display: inline-block; font-size: 18px; font-weight: 700; line-height: 32px; color: #EE0000; margin-right: 10px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table{width: 100%; border-top: 1px solid #999999;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table th{padding: 20px 25px; box-sizing: border-box; text-align: left; background-color: #FBFBFB;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table th{font-size: 16px; font-weight: 500; color: #333333;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table tbody th{position: sticky; left: 0; z-index: 1; width: 200px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table tbody th,
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table tbody tr{border-bottom: 1px solid #EEEEEE;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox{padding: 7px; box-sizing: border-box;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox input{padding: 0 15px; box-sizing: border-box; outline: none; font-size: 16px; font-weight: 400; color: #555555; height: 45px; border: 1px solid #EEEEEE; border-radius: 3px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox:not(.phone) input,
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox:not(.phone) select{width: 230px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox.phone input,
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox.phone select{width: 100px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox select{height: 45px; border: 1px solid #EEEEEE; border-radius: 3px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .textareaBox{padding: 7px; box-sizing: border-box;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .textareaBox textarea{font-size: 16px; color: #555555; line-height: 26px; width: 100%; height: 410px; resize: none; border: 1px solid #EEEEEE; border-radius: 3px; outline: none; padding: 15px; box-sizing: border-box;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table tr.half td{width: 410px;}
.reportingInformationAndProcedures.report .radioBox input[type='radio']{display: none;}
.reportingInformationAndProcedures.report .radioBox label{display: block; cursor: pointer; font-size: 16px; font-weight: 400; color: #666666; padding-left: 18px; position: relative;}
.reportingInformationAndProcedures.report .radioBox label:before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: url('/assets/images/radio.png') center / contain no-repeat;}
.reportingInformationAndProcedures.report .radioBox input[type='radio']:checked + label:before{background-image: url('/assets/images/radio_checked.png');}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileWrap{display: flex; margin-bottom: 20px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileBox input[type='file']{display: none;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileBox label{cursor: pointer; font-size: 12px; color: #111111; font-weight: 400; padding: 5px 10px; border-radius: 3px; border: 1px solid #EEEEEE;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileNameBox{position: relative; padding-right: 20px; margin-left: 10px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileNameBox span{font-size: 12px; color: #111111; font-weight: 400;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileNameBox button{position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 3px; border: none; background-color: transparent;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileNameBox button:after{content: ''; display: block; background: url('/assets/images/closeBtn_red.png') center / contain no-repeat; width: 6px; height: 6px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .flexWrap{display: flex; align-items: center;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .flexWrap > span{font-size: 16px; font-weight: 400; color: #555555;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .flexWrap.radio{padding: 0 25px; box-sizing: border-box;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .flexWrap.radio > div:not(:first-child){margin-left: 30px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(3) .tableWrap table tr:nth-of-type(3) td p,
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div .tableWrap table tr td.paddingBox p{font-size: 14px; font-weight: 400; color: #666666; line-height: 16px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(3) .tableWrap table tr:nth-of-type(3) td p:not(:last-of-type),
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div .tableWrap table tr td.paddingBox p:not(:last-of-type){margin-bottom: 10px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_2 > div:nth-child(1){margin-bottom: 80px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div .titleBox{margin-bottom: 25px; display: flex; align-items: flex-end; justify-content: space-between;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr th,
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr th{border-bottom: 1px solid #EEEEEE;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr td,
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr td{padding: 20px 25px; box-sizing: border-box;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr td:nth-child(1),
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr td:nth-child(1){font-size: 16px; font-weight: 500; color: #333333;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr td:not(:nth-child(1)),
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr td:not(:nth-child(1)){font-size: 16px; font-weight: 400; color: #555555; line-height: 24px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr th:nth-child(1),
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr th:nth-child(1){width: 300px;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr th:not(:first-child),
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr th:not(:first-child),
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr td:not(:first-child),
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr td:not(:first-child){border-left: 1px solid #EEEEEE;}
.reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tbody tr:nth-child(1) td:nth-child(2) p:nth-child(2){font-size: 16px; color: #999999; line-height: 24px; font-weight: 400; margin-top: 25px;}

.reportingInformationAndProcedures .btnBox{width: 100%; display: flex; justify-content: center;}
.reportBtn{transition: background 0.2s ease-out; font-size: 20px; font-weight: 700; color: #fff; padding: 18px 48px; border-radius: 37px; border: none; background-color: #444444;}
.reportBtn:hover{background-color: #EE0000;}
/* 윤리경영 - 제보안내 및 절차 - 제보하기 Fin */

.reportingInformationAndProcedures.processing_procedure .contentBox h3{margin-bottom: 50px;}
.reportingInformationAndProcedures.processing_procedure .contentBox h3 span{display: block;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox{padding: 10px 10px; margin-bottom: 30px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div{cursor: pointer; padding: 0 10px; width: 20%;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; height: 200px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div:before{height: 200px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div{transition: background 0.2s ease-out; position: relative; height: 160px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div:hover{background-color: #CB0000;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div > div{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div > div span{display: block; text-align: center;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div > div span:nth-child(1){position: relative; font-size: 15px; font-weight: 600; color: #EE0000; line-height: 26px; padding-top: 70px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div > div span:nth-child(2){font-size: 18px; line-height: 26px; font-weight: 600; color: #333333;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div > div span:nth-child(1):before{content: ''; display: block; height: 50px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-position: center; background-size: contain;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div:hover > div span:nth-child(1){color: rgba(255,255,255,0.5);}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div > div:hover > div span:nth-child(2){color: #fff;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_1 span:nth-child(1):before{background-image: url('/assets/images/step_1.png'); width: 44px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_2 span:nth-child(1):before{background-image: url('/assets/images/step_2.png'); width: 50px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_3 span:nth-child(1):before{background-image: url('/assets/images/step_3.png'); width: 40px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_4 span:nth-child(1):before{background-image: url('/assets/images/step_4.png'); width: 40px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_5 span:nth-child(1):before{background-image: url('/assets/images/step_5.png'); width: 50px;}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_1:hover span:nth-child(1):before{background-image: url('/assets/images/step_1_hover.png');}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_2:hover span:nth-child(1):before{background-image: url('/assets/images/step_2_hover.png');}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_3:hover span:nth-child(1):before{background-image: url('/assets/images/step_3_hover.png');}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_4:hover span:nth-child(1):before{background-image: url('/assets/images/step_4_hover.png');}
.reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div .step_5:hover span:nth-child(1):before{background-image: url('/assets/images/step_5_hover.png');}
.reportingInformationAndProcedures.processing_procedure .contentBox .hoverTxtBox{margin-bottom: 35px; padding: 43px 50px; box-sizing: border-box; border-radius: 10px; background-color: #F9F9F9; position: relative;}
.reportingInformationAndProcedures.processing_procedure .contentBox .hoverTxtBox:before{content: ''; width: 10px; height: 10px; border-radius: 100%; background-color: #DDDDDD; left: 15px; top: 15px; position: absolute;}
.reportingInformationAndProcedures.processing_procedure .contentBox .hoverTxtBox p{font-size: 18px; font-weight: 400; line-height: 32px; color: #555555; display: none;}
.reportingInformationAndProcedures.processing_procedure .contentBox .hoverTxtBox p.active{display: block;}
.reportingInformationAndProcedures.processing_procedure .contentBox .hoverTxtBox p.none{font-size: 18px; font-weight: 400; line-height: 36px; color: #999999;}
.reportingInformationAndProcedures.processing_procedure .contentBox .hoverTxtBox p span{margin-right: 20px; font-size: 22px; font-weight: 700; line-height: 36px; color: #333333; display: inline-block;}
/* 윤리경영 - 제보안내 및 절차 - 처리절차 Fin */


.bio_medicine_cdmo:not(.business_overview) .contentBox > div:not(.analysis_center){padding-top: 100px;}

.bio_medicine_cdmo.business_overview .contentBox{overflow: hidden;}
.bio_medicine_cdmo.business_overview .contentBox > div{padding: 100px 0 0 0;}
.bio_medicine_cdmo.business_overview .contentBox > div h3{margin-bottom: 40px;}
.bio_medicine_cdmo.business_overview .contentBox > div > p{word-break: keep-all; font-size: 18px; font-weight: 400; line-height: 32px; color: #555555;}
.bio_medicine_cdmo.business_overview .contentBox > div > p:not(:last-of-type){margin-bottom: 35px;}
.bio_medicine_cdmo.business_overview .contentBox > div > p:last-of-type{margin-bottom: 150px;}
.bio_medicine_cdmo.business_overview .contentBox > div > p strong{font-size: 24px; line-height: 32px; color: #333333; display: block; margin-bottom: 25px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div h4{color: #333333; font-size: 24px; font-weight: 700; margin-bottom: 25px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div > p{font-size: 18px; font-weight: 400; line-height: 32px; color: #555555;}
.bio_medicine_cdmo.business_overview .contentBox > div > div .btnBox{display: flex; justify-content: center;}
.bio_medicine_cdmo.business_overview .contentBox > div > div .btnBox button{font-size: 20px; font-weight: 700; color: #fff; border: none; padding: 18px 48px; border-radius: 37px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div .btnBox button:not(:first-child){margin-left: 20px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div .btnBox .blackBtn{background-color: #444444;}
.bio_medicine_cdmo.business_overview .contentBox > div > div .btnBox .redBtn{background-color: #EE0000;}

.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1){margin-bottom: 150px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) h4{color: #EE0000;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul{display: flex; justify-content: space-between;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul li{transition: transform 0.2s ease-out; cursor: pointer; position: relative; width: 23.5%;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul li:hover{transform: translateY(-10px);}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul li:after{transition: background 0.2s ease-out; content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; border-radius: 10px; background-color: rgba(0,0,0,0);}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul li:hover:after{background-color: rgba(0,0,0,0.3);}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul li span{z-index: 1; width: 100%; font-size: 20px; line-height: 26px; color: #fff; text-align: center; position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%);}

.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2){margin-bottom: 150px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > p{margin-bottom: 50px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > p span{display: block; margin-top: 20px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox){display: flex; align-items: center; position: relative; padding: 70px 75px; box-sizing: border-box;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox):after{content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.03);}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox) li:not(:first-child){margin-left: 75px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul.mobileBox{display: none; flex-wrap: wrap;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul.mobileBox li{width: 100%;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul.mobileBox li span{display: block;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul.mobileBox li span:nth-child(1){padding: 15px 0; background-color: #C60707; color: #fff; font-size: 16px; text-align: center;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul.mobileBox li span:nth-child(2){font-size: 30px; color: #C60707; font-weight: 400; text-align: center; padding: 30px 0;}

.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3){margin-bottom: 150px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) > p{margin-bottom: 35px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) > p span{margin-top: 20px; display: block;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap{margin-bottom: 35px; display: flex; justify-content: space-between;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div{position: relative; width: 48.5%; padding-right: 8px; box-sizing: border-box;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div:after{content: ''; position: absolute; right: 0; top: -5px; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; width: 170px; height: 57px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div:nth-child(1):after{background-image: url('/assets/images/songdo_txt.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div:nth-child(1).active:after{background-image: url('/assets/images/songdo_txt_active.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div:nth-child(2):after{background-image: url('/assets/images/osong_txt.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div:nth-child(2).active:after{background-image: url('/assets/images/osong_txt_active.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div img{opacity: 0.5;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div.active img{opacity: 1;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div{display: none;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div.active{display: block;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table{width: 100%; border-top: 1px solid #EE0000;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tr th{background-color: #FBFBFB; font-size: 16px; color: #CB0000; font-weight: 500;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tr td{padding: 20px 0;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th{padding: 20px 0;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(1),
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(2){width: 210px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(3),
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(4),
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(5){width: 260px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tr th,
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tr td{vertical-align: middle; text-align: center; border-bottom: 1px solid #EEEEEE;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tr th:not(:last-child),
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tr td:not(:last-child){border-right: 1px solid #EEEEEE;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tbody tr td{font-size: 16px; font-weight: 400; color: #555555;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tbody tr td.bold{font-weight: 500; color: #333333;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div > span{display: block; font-size: 21px; font-weight: 700; color: #C60707; line-height: 32px; margin-bottom: 20px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div > div{margin-bottom: 50px; margin-top: 30px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div > div > span{text-align: right; display: block; font-size: 14px; line-height: 22px; color: #666666; font-weight: 400;}

.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(4){margin-bottom: 150px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(4) > p{margin-bottom: 35px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(4) > p:last-of-type{margin-bottom: 100px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(4) .imgBox.center:not(:last-of-type){margin-bottom: 100px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(4) .imgBox.center img{margin: 0 auto; max-width: 1000px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(4) .imgBox span{display: block; font-size: 21px; font-weight: 700; color: #C60707; line-height: 32px; margin-bottom: 30px;}

.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5){margin-bottom: 160px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) > p{margin-bottom: 40px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul{margin-bottom: 20px; flex-wrap: wrap; display: flex; justify-content: space-between;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li{margin-bottom: 45px; cursor: pointer; position: relative; padding-right: 8px; box-sizing: border-box; width: 48.5%;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:after{content: ''; transition: background 0.2s ease-out; display: block; position: absolute; width: 170px; height: 57px; right: 0; top: -5px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:nth-child(1):after{background-image: url('/assets/images/step1_txt.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:nth-child(2):after{background-image: url('/assets/images/step2_txt.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:nth-child(3):after{background-image: url('/assets/images/step3_txt.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:nth-child(4):after{background-image: url('/assets/images/step4_txt.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:nth-child(1):hover:after{background-image: url('/assets/images/step1_txt_active.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:nth-child(2):hover:after{background-image: url('/assets/images/step2_txt_active.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:nth-child(3):hover:after{background-image: url('/assets/images/step3_txt_active.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:nth-child(4):hover:after{background-image: url('/assets/images/step4_txt_active.png');}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li .imgBox{margin-bottom: 20px; position: relative;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li .imgBox:before{transition: background 0.2s ease-out; content: ''; position: absolute; width: 100%; height: 100%; border-radius: 10px; background-color: rgba(0,0,0,0);}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li .imgBox span{display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 16px; line-height: 32px; color: #FFFFFF; font-weight: 500;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:hover .imgBox:before{background-color: rgba(0,0,0,0.2);}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:hover .imgBox span{display: block;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li dl dt{font-size: 18px; margin-bottom: 5px; font-weight: 600; color: #444444; line-height: 32px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li dl dd{position: relative; padding-left: 18px; font-size: 16px; line-height: 24px; font-weight: 400; color: #666666;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li dl dd:before{content: '-'; font-size: 16px; font-weight: 400; color: #666666; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li dl dd:not(:last-child){margin-bottom: 5px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li:hover dl dt{color: #EE0000;}

.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6){padding: 120px 0; position: relative; background-color: #F9F9F9;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6):before{content: ''; display: block; background-color: #F9F9F9; width: 100%; height: 100%; left: -100%; top: 0; position: absolute;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6):after{content: ''; display: block; background-color: #F9F9F9; width: 100%; height: 100%; right: -100%; top: 0; position: absolute;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) h4{margin-bottom: 35px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox:nth-of-type(2){margin-bottom: 50px;}


.bio_medicine_cdmo .available_modality_list{margin-bottom: 75px; background-color: #FBFBFB; border-radius: 10px; display: flex;}
.bio_medicine_cdmo .available_modality_list li{padding: 35px 0; width: 14.28%; position: relative;}
.bio_medicine_cdmo .available_modality_list li:not(:first-child):before{content: ''; display: block; width: 1px; background-color: #EEEEEE; height: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.bio_medicine_cdmo .available_modality_list li span{position: relative; display: block; padding-top: 110px; text-align: center; font-size: 18px; font-weight: 500; line-height: 24px; color: #333333;}
.bio_medicine_cdmo .available_modality_list li span:before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; height: 72px;}
.bio_medicine_cdmo .available_modality_list li:nth-child(1) span:before{background-image: url('/assets/images/monoclonal_antibody.png'); width: 62px;}
.bio_medicine_cdmo .available_modality_list li:nth-child(2) span:before{background-image: url('/assets/images/bispecific_antibody.png'); width: 62px;}
.bio_medicine_cdmo .available_modality_list li:nth-child(3) span:before{background-image: url('/assets/images/fc-fusion_protein.png'); width: 62px;}
.bio_medicine_cdmo .available_modality_list li:nth-child(4) span:before{background-image: url('/assets/images/recombinant_protein.png'); width: 97px;}
.bio_medicine_cdmo .available_modality_list li:nth-child(5) span:before{background-image: url('/assets/images/pDNA.png'); width: 72px;}
.bio_medicine_cdmo .available_modality_list li:nth-child(6) span:before{background-image: url('/assets/images/recombinant_vaccine.png'); width: 45px;}
.bio_medicine_cdmo .available_modality_list li:nth-child(7) span:before{background-image: url('/assets/images/exosome.png'); width: 72px;}

.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox,
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox{padding: 5px 5px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox > div > div,
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox > div > div{padding: 0 5px; width: 25%;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox > div > div:last-child:after,
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
/* .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox > div > div:last-child:after{height: 120px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox > div > div:last-child:after{height: 210px;} */
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox > div > div:before{height: 120px;}
/* .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox > div > div:before{height: 210px;} */
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox > div span{display: block; text-align: center;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(1){margin-bottom: 30px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(2){margin-bottom: 65px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div{justify-content: center; display: flex;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div > div{position: relative; background-color: #fff; border-radius: 10px; width: 25%;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div > div:not(:first-child){margin-left: 50px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(1) > div > div > .arrow{position: absolute; display: block; width: 18px; height: 18px; background-color: #CCCCCC; right: -36px; top: 50%; transform: translateY(-50%); border-radius: 100%;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(1) > div > div > .arrow:after{content: ''; background: url('/assets/images/arrow_white.png') center / contain no-repeat; width: 6px; height: 9px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(2) > div > div > .arrow{position: absolute; display: block; width: 18px; height: 18px; background-color: #CCCCCC; left: -36px; top: 50%; transform: translateY(-50%); border-radius: 100%;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(2) > div > div > .arrow:after{content: ''; background: url('/assets/images/arrow_white.png') center / contain no-repeat; width: 6px; height: 9px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div span{display: block; text-align: center;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div .step{font-size: 15px; line-height: 26px; font-weight: 600; color: #EE0000; padding-top: 70px; position: relative;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div .step:before{content: ''; display: block; position: absolute; height: 50px; left: 50%; top: 0; transform: translateX(-50%); background-repeat: no-repeat; background-size: contain; background-position: center;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div > div{padding: 25px 0 20px 0;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(1) > div > div:nth-child(1) .step:before{background-image: url('/assets/images/consignment_1.png'); width: 50px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(1) > div > div:nth-child(2) .step:before{background-image: url('/assets/images/consignment_2.png'); width: 38px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(1) > div > div:nth-child(3) .step:before{background-image: url('/assets/images/consignment_3.png'); width: 50px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(1) > div > div:nth-child(4) .step:before{background-image: url('/assets/images/consignment_4.png'); width: 46px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(2) > div > div:nth-child(1) .step:before{background-image: url('/assets/images/consignment_5.png'); width: 50px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(2) > div > div:nth-child(2) .step:before{background-image: url('/assets/images/consignment_6.png'); width: 50px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(2) > div > div:nth-child(3) .step:before{background-image: url('/assets/images/consignment_7.png'); width: 50px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div .txt{font-size: 18px; font-weight: 600; color: #333333; line-height: 26px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(1) > div span{color: #fff; padding: 15px 0; line-height: 60px; font-size: 18px; font-weight: 600; background-color: #EE0000; line-height: 30px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2) > div span{padding: 40px 0; font-size: 62px; font-weight: 400; color: #C60707;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2){border-top: none;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(2){border-top: none;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2){margin-bottom: 35px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(1) > div > div:before,
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(1) > div > div:after{height: 80px;}
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2) > div > div:before,
.bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2) > div > div:last-child:after{height: 165px;}
/* customBox 공통 Fin */

.bio_medicine_cdmo.cdmo_service .contentBox .tabContentBox > div{display: none;}
.bio_medicine_cdmo.cdmo_service .contentBox .tabContentBox > div.active{display: block;}

.bio_medicine_cdmo.cdmo_service .contentBox h3{margin-bottom: 40px;}
.bio_medicine_cdmo.cdmo_service .contentBox > div > p{word-break: keep-all; font-size: 18px; line-height: 32px; font-weight: 400; color: #555555;}
.bio_medicine_cdmo.cdmo_service .contentBox > div > p span{display: block; margin-top: 20px;}
.bio_medicine_cdmo.cdmo_service .contentBox > div > p strong{word-break: keep-all; display: block; margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #333333; line-height: 32px;}
.bio_medicine_cdmo.cdmo_service .contentBox > div > p:last-of-type{margin-bottom: 75px;}

.bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox{padding: 10px 10px;}
.bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div{flex-wrap: wrap;}
.bio_medicine_cdmo.cdmo_service:not(.consignment_development) .contentBox .tabBtnBox > div > div{width: 50%; padding: 0 10px;}
.bio_medicine_cdmo.cdmo_service.consignment_development .contentBox .tabBtnBox > div > div{width: 33.33%; padding: 0 10px;}
.bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div > div:last-child:after,
.bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div > div:nth-child(3):after{content: ''; display: block; width: 1px; height: 120px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div > div:before{height: 120px;}
.bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div button{height: 80px;}
.bio_medicine_cdmo.cdmo_service .contentBox .tabContentBox > div h4{color: #EE0000; font-size: 24px; font-weight: 700; line-height: 32px;}
.bio_medicine_cdmo.cdmo_service .contentBox .tabContentBox > div > p{word-break: keep-all; margin-bottom: 35px; font-size: 18px; font-weight: 400; line-height: 32px; color: #555555;}
.bio_medicine_cdmo.cdmo_service .contentBox .tabContentBox > div > p span{display: block; margin-top: 20px;}
.bio_medicine_cdmo.cdmo_service .contentBox .tabContentBox > div > span{display: block; font-size: 24px; line-height: 32px; color: #333333; font-weight: 700; margin-bottom: 25px;}
/* 위탁개발 서비스, 위탁생산 서비스 공통 */

.bio_medicine_cdmo.consignment_development .contentBox .tabBtnWrap{margin-bottom: 60px;}
.bio_medicine_cdmo.consignment_development .contentBox .tabBtnBox:nth-of-type(2){border-top: none;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .flexBox{overflow: hidden; border-radius: 10px; border: 1px solid #EEEEEE; display: flex; justify-content: space-between;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .left,
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .right{width: 50%;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox > div h4{margin-bottom: 25px;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox > div > div:not(.flexBox) h5{font-size: 24px; line-height: 36px; color: #333333;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox > div > div:not(.flexBox) h5 span{display: block; font-size: 20px; color: #CB0000; line-height: 36px;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox > div > div:not(.flexBox) > p{font-size: 20px; line-height: 32px; color: #CB0000; font-weight: 700;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox{display: flex;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li > div:nth-of-type(1):not(.grayBox){margin-bottom: 35px; height: 70px; position: relative;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox > .content_2 .grayBox{margin-bottom: 0;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li > div:nth-of-type(1) img{max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li > div:nth-of-type(2){position: relative; height: 45px;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li > div:nth-of-type(2) span{font-size: 18px; line-height: 24px; color: #333333; display: block; text-align: center; font-weight: 500; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox > div:not(.content_3, .content_5) .listBox li:not(:last-child) > div:nth-of-type(2):after{content: ''; display: block; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); background: url('/assets/images/CLD_arrow.png') center / contain no-repeat; width: 7px; height: 12px;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li .gray{margin-top: 30px; width: 100%; left: 50%; background-color: #F9F9F9; border-radius: 10px;}

.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .content_3 .listBox li{position: relative;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .content_3 .listBox li:not(:last-child):after{content: ''; display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background-color: #EEEEEE; width: 1px; height: 120px;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .content_3 .listBox li:not(:last-child) > div:nth-of-type(2):after{display: none;}

.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li .gray span{padding: 10px 15px; line-height: 24px; display: block; font-size: 16px; font-weight: 400; color: #333333;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox > div:not(.content_4){padding-bottom: 120px;}
.bio_medicine_cdmo.consignment_development .contentBox .tabContentBox > .content_4{padding-bottom: 60px;}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox{margin-bottom: 100px;}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox .left{padding: 35px 40px; box-sizing: border-box;}
/* .bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li{font-size: 18px; line-height: 32px; color: #555555; padding-left: 25px; position: relative;}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li:not(:last-child){margin-bottom: 20px;}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li:before{position: absolute; left: 0; top: 0; font-size: 18px; font-weight: 400; color: #EE0000;}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li:nth-child(1):before{content: '1';}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li:nth-child(2):before{content: '2';}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li:nth-child(3):before{content: '3';}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li:nth-child(4):before{content: '4';}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li:nth-child(5):before{content: '5';}
.bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li:nth-child(6):before{content: '6';} */
.bio_medicine_cdmo.consignment_development .content_1 .checkList{border-radius: 10px;}
.bio_medicine_cdmo.consignment_development .content_1 .checkList li{font-size: 18px; line-height: 32px; font-weight: 400; color: #555555; padding-left: 25px; position: relative;}
.bio_medicine_cdmo.consignment_development .content_1 .checkList li:before{content: ''; background: url('/assets/images/check_bullet.png') center / contain no-repeat; width: 12px; height: 9px; position: absolute; left: 0; top: 12px;}
.bio_medicine_cdmo.consignment_development .content_1 .checkList li:not(:last-child){margin-bottom: 15px;}


.bio_medicine_cdmo.consignment_development .content_1 .listBox li{width: 20%;}
.bio_medicine_cdmo.consignment_development .content_1 .imgBox img{height: 100%; object-fit: cover;}
.bio_medicine_cdmo.consignment_development .content_1 > div:not(.flexBox) h5{margin-bottom: 65px;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox:nth-of-type(1){margin-bottom: 50px;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox:nth-of-type(2){margin-bottom: 100px;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .right img{height: 100%; object-fit: cover;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div{padding: 30px 40px; box-sizing: border-box; display: flex; height: 100%; flex-wrap: wrap;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl{width: 100%;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl:last-of-type{margin-top: 35px;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl dt{margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #444444; line-height: 32px;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl dd{font-size: 18px; line-height: 32px; font-weight: 400; color: #555555; padding-left: 25px; position: relative;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl dd span{position: relative; padding-left: 15px; font-size: 16px; font-weight: 400; color: #666666; line-height: 24px; display: block;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl dd span:before{content: '-'; font-size: 16px; font-weight: 400; color: #666666; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl dd:before{content: ''; background: url('/assets/images/check_bullet.png') center / contain no-repeat; width: 12px; height: 9px; position: absolute; left: 0; top: 12px;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl dd:not(:last-child){margin-bottom: 10px;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl dd span{display: block;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left ul{padding: 30px 40px; box-sizing: border-box;}
.bio_medicine_cdmo.consignment_development .content_2 > div:not(.flexBox) h5{margin-bottom: 25px;}
.bio_medicine_cdmo.consignment_development .content_2 > div:not(.flexBox) > p{margin-bottom: 25px;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap{border: 1px solid #EEEEEE; border-radius: 10px; padding: 15px; box-sizing: border-box; display: flex; align-items: center;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap > div{width: 168px; position: relative; border-radius: 10px; height: 205px;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap > div > span{width: 95%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: 500; color: #fff; line-height: 32px;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(1){margin-bottom: 15px;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(1) > div{background-color: rgba(238,0,0,0.7);}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox{height: 205px; align-items: center; width: calc(100% - 168px);}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li{width: 25%;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(2){margin-bottom: 50px;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(2) > div{background-color: #93BB7B;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left{display: flex; align-items: center;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left ul li{padding-left: 18px; position: relative; font-size: 18px; line-height: 32px; font-weight: 400; color: #555555;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left ul li span{position: relative; padding-left: 15px; display: block; font-size: 16px; font-weight: 400; line-height: 24px; color: #666666;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left ul li span:before{content: '-'; font-size: 16px; font-weight: 400; color: #666666; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left ul li:before{content: ''; background: url('/assets/images/check_bullet.png') center / contain no-repeat; width: 12px; height: 9px; position: absolute; left: 0; top: 12px;}
.bio_medicine_cdmo.consignment_development .content_2 .flexBox .left ul li:not(:last-child){margin-bottom: 25px;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li .grayBox{height: 205px; background-color: #F9F9F9;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li:nth-child(1){padding-left: 10px; box-sizing: border-box;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li:nth-child(1) .grayBox{border-radius: 10px 0 0 10px;}
.bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li:nth-child(2) .grayBox{border-radius: 0 10px 10px 0;}
.bio_medicine_cdmo.consignment_development .content_3 .checkList{border-radius: 10px;}
.bio_medicine_cdmo.consignment_development .content_3 .checkList li{font-size: 18px; line-height: 32px; font-weight: 400; color: #555555; padding-left: 25px; position: relative;}
.bio_medicine_cdmo.consignment_development .content_3 .checkList li:before{content: ''; background: url('/assets/images/check_bullet.png') center / contain no-repeat; width: 12px; height: 9px; position: absolute; left: 0; top: 12px;}
.bio_medicine_cdmo.consignment_development .content_3 .checkList li:not(:last-child){margin-bottom: 15px;}



.bio_medicine_cdmo.consignment_development .content_2 > div:not(.flexBox) > .listBox{border: 1px solid #EEEEEE; border-radius: 10px; padding: 35px 0; box-sizing: border-box;}
.bio_medicine_cdmo.consignment_development .content_3 > div:not(.flexBox) .listBox{background-color: #F9F9F9; border-radius: 10px; padding: 35px 0;}
.bio_medicine_cdmo.consignment_development .content_2 > div:not(.flexBox) > .listBox li,
.bio_medicine_cdmo.consignment_development .content_3 > div:not(.flexBox) .listBox li{width: 33.33%;}

.bio_medicine_cdmo.consignment_development .content_3 .flexBox{margin-bottom: 35px;}
.bio_medicine_cdmo.consignment_development .content_3 .flexBox .left{display: flex; align-items: center; padding: 30px 40px; box-sizing: border-box;}
.bio_medicine_cdmo.consignment_development .content_3 .flexBox .left dl dt{font-size: 18px; font-weight: 600; color: #444444; line-height: 32px; margin-bottom: 5px;}
.bio_medicine_cdmo.consignment_development .content_3 .flexBox .left dl dd{position: relative; font-size: 16px; line-height: 24px; font-weight: 400; color: #666666; padding-left: 18px;}
.bio_medicine_cdmo.consignment_development .content_3 .flexBox .left dl dd:before{content: '-'; font-size: 16px; line-height: 24px; font-weight: 400; color: #666666; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_development .content_3 .flexBox .left dl:not(:last-of-type){margin-bottom: 25px;}
.bio_medicine_cdmo.consignment_development .content_3 .flexBox .imgBox img{height: 100%;}

.bio_medicine_cdmo.consignment_development .content_3 > div:not(.flexBox) .listBox{background-color: #F9F9F9; border-radius: 10px;}
.bio_medicine_cdmo.consignment_development .content_3 > div:not(.flexBox) .listBox li{width: 33.33%;}
.bio_medicine_cdmo.consignment_development .content_3 > div:not(.flexBox) h5{margin-bottom: 30px;}

.bio_medicine_cdmo.consignment_development .content_3 .tableWrap{margin-bottom: 100px;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table{border-top: 1px solid #EE0000; width: 100%;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table tr th,
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table tr td{vertical-align: middle; padding: 20px 25px; box-sizing: border-box; border-bottom: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table tr th{background-color: #FBFBFB; font-size: 16px; font-weight: 500;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table thead tr th{color: #CB0000;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table thead tr th:not(:last-child),
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table tbody tr td:not(:last-child){border-right: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table tbody tr th{border-right: 1px solid #EEEEEE; color: #CB0000;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap table tbody tr td{text-align: center;}


.bio_medicine_cdmo.consignment_development .tableWrap{margin-bottom: 100px;}
.bio_medicine_cdmo.consignment_development .tableWrap table{border-top: 1px solid #EE0000; width: 100%;}
.bio_medicine_cdmo.consignment_development .tableWrap table tr th,
.bio_medicine_cdmo.consignment_development .tableWrap table tr td{vertical-align: middle; padding: 20px 25px; box-sizing: border-box; border-bottom: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_development .tableWrap table tr th{background-color: #FBFBFB; font-size: 16px; font-weight: 500;}
.bio_medicine_cdmo.consignment_development .tableWrap table thead tr th{color: #CB0000;}
.bio_medicine_cdmo.consignment_development .tableWrap table thead tr th:not(:last-child),
.bio_medicine_cdmo.consignment_development .tableWrap table tbody tr td:not(:last-child){border-right: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_development .tableWrap table tbody tr th{border-right: 1px solid #EEEEEE; color: #CB0000;}
.bio_medicine_cdmo.consignment_development .tableWrap table tbody tr td{text-align: center;}


.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox{margin-bottom: 35px; display: flex;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(1){border: 1px solid #EEEEEE; border-radius: 5px; width: 42%; position: relative;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(1) img{max-width: 344px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(2){width: 68%; padding-left: 30px; box-sizing: border-box; display: flex; justify-content: space-between;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(2) > div{position: relative; border: 1px solid #EEEEEE; overflow: hidden; border-radius: 5px; width: 48%; padding-bottom: 45px; box-sizing: border-box;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(2) > div:after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.03);}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(2) > div img{margin: 0 auto; display: block;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(2) > div span{z-index: 1; position: absolute; bottom: 0; left: 0; background-color: #fff; font-size: 14px; font-weight: 400; line-height: 16px; color: #555555; display: block; width: 100%; text-align: center; padding: 14px 0;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .txtBox{background-color: #F9F9F9; border-radius: 10px; padding: 30px 40px; box-sizing: border-box;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .txtBox dl:not(:last-of-type){margin-bottom: 20px;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .txtBox dl dt{margin-bottom: 5px; font-size: 18px; font-weight: 600; color: #444444; line-height: 32px;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .txtBox dl dd{position: relative; padding-left: 18px; font-size: 16px; font-weight: 400; line-height: 24px; color: #666666;}
.bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .txtBox dl dd:before{content: '-'; font-size: 16px; font-weight: 400; color: #666666; font-weight: 400; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_development .analysis_center{display: none; position: relative; background: url('/assets/images/analysis_center.png') center / cover no-repeat; width: 100%; height: 400px;}
.bio_medicine_cdmo.consignment_development .analysis_center.active{display: block;}
.bio_medicine_cdmo.consignment_development .analysis_center > div{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.consignment_development .analysis_center > div img{margin: 0 auto; display: block; max-width: 100%; margin-bottom: 20px;}
.bio_medicine_cdmo.consignment_development .analysis_center > div button{transition: background 0.2s ease-out; padding: 18px 48px; border: none; border-radius: 37px; background-color: rgba(255,255,255,0.3); font-size: 20px; font-weight: 700; color: #fff; display: inline-block;}
.bio_medicine_cdmo.consignment_development .analysis_center:hover > div button{background-color: rgba(255,255,255,0.4);}

/* .bio_medicine_cdmo.consignment_development .content_5 > div{display: flex;}
.bio_medicine_cdmo.consignment_development .content_5 .left{width: 670px;}
.bio_medicine_cdmo.consignment_development .content_5 .left table{height: 100%; border-top: 1px solid #EE0000; width: 100%;}
.bio_medicine_cdmo.consignment_development .content_5 .left table tr th,
.bio_medicine_cdmo.consignment_development .content_5 .left table tr td{border-bottom: 1px solid #EEEEEE; padding: 20px 0;}
.bio_medicine_cdmo.consignment_development .content_5 .left table thead tr th:not(:last-child),
.bio_medicine_cdmo.consignment_development .content_5 .left table tbody tr th{border-right: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_development .content_5 .left table tr th{vertical-align: middle; background-color: #FBFBFB; font-size: 16px; font-weight: 500;}
.bio_medicine_cdmo.consignment_development .content_5 .left table thead tr th{color: #CB0000;}
.bio_medicine_cdmo.consignment_development .content_5 .left table tbody tr th{color: #444444;}
.bio_medicine_cdmo.consignment_development .content_5 .left table thead tr th:nth-child(1){width: 300px;}
.bio_medicine_cdmo.consignment_development .content_5 .left table thead tr th:nth-child(2){width: 370px;}
.bio_medicine_cdmo.consignment_development .content_5 .left table tr td{text-align: center; font-size: 16px; color: #555555;}
.bio_medicine_cdmo.consignment_development .content_5 .right{width: 530px; padding-left: 50px; box-sizing: border-box;}
.bio_medicine_cdmo.consignment_development .content_5 .right > div{height: 280px; overflow: hidden; position: relative; padding-bottom: 45px; box-sizing: border-box; border-radius: 5px; border: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_development .content_5 .right > div:after{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.03); position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_development .content_5 .right > div:nth-of-type(1){margin-bottom: 30px;}
.bio_medicine_cdmo.consignment_development .content_5 .right > div img{display: block; margin: 0 auto; height: 100%;}
.bio_medicine_cdmo.consignment_development .content_5 .right > div span{z-index: 1; position: absolute; bottom: 0; left: 0; background-color: #fff; font-size: 14px; font-weight: 400; line-height: 16px; color: #555555; padding: 14px 0; display: block; text-align: center; width: 100%;} */

.bio_medicine_cdmo.consignment_development .content_5 .grayWrap{display: flex; justify-content: space-between;}
.bio_medicine_cdmo.consignment_development .content_5 .grayBG{width: 32.33%; height: 305px; overflow: hidden; position: relative; padding-bottom: 70px; box-sizing: border-box; border-radius: 5px; border: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_development .content_5 .grayBG:after{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.03); position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_development .content_5 .grayBG:nth-of-type(1){margin-bottom: 30px;}
.bio_medicine_cdmo.consignment_development .content_5 .grayBG > div{height: calc(100% - 70px); width: 100%; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_development .content_5 .grayBG > div img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.consignment_development .content_5 .grayBG span{z-index: 1; position: absolute; bottom: 0; left: 0; background-color: #fff; font-size: 14px; font-weight: 400; line-height: 24px; color: #555555; padding: 14px 0; display: block; text-align: center; width: 100%;}
.bio_medicine_cdmo.consignment_development .content_5 .checkList{margin-bottom: 100px; border: 1px solid #DDDDDD; border-radius: 10px; padding: 35px 40px; box-sizing: border-box;}
.bio_medicine_cdmo.consignment_development .content_5 .checkList li{font-size: 18px; line-height: 32px; font-weight: 400; color: #555555; padding-left: 25px; position: relative;}
.bio_medicine_cdmo.consignment_development .content_5 .checkList li:before{content: ''; background: url('/assets/images/check_bullet.png') center / contain no-repeat; width: 12px; height: 9px; position: absolute; left: 0; top: 12px;}
.bio_medicine_cdmo.consignment_development .content_5 .checkList li:not(:last-child){margin-bottom: 15px;}

.bio_medicine_cdmo.consignment_development .content_5 .listWrap h5{margin-bottom: 30px;}
.bio_medicine_cdmo.consignment_development .content_5 .listBox{height: 225px; background-color: #F9F9F9; align-items: center; border-radius: 10px; display: flex;}
.bio_medicine_cdmo.consignment_development .content_5 .listBox li{width: 25%; position: relative;}
.bio_medicine_cdmo.consignment_development .content_5 .listBox li > div:nth-of-type(1):not(.grayBox){margin-bottom: 35px; height: 70px; position: relative;}
.bio_medicine_cdmo.consignment_development .content_5 .listBox li > div:nth-of-type(1) img{max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.consignment_development .content_5 .listBox li > div:nth-of-type(2){position: relative; height: 45px;}
.bio_medicine_cdmo.consignment_development .content_5 .listBox li > div:nth-of-type(2) span{font-size: 18px; font-weight: 500; line-height: 24px; color: #333333; display: block; text-align: center; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.consignment_development .content_5 .listBox li:not(:last-child):after{content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 120px; background-color: #EEEEEE;}

.bio_medicine_cdmo.consignment_development .content_3 .tableWrap thead tr th{width: 20%;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap tbody tr td{vertical-align: top;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap tbody tr td sub{font-size: 10px;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap tbody tr td ul li{font-size: 16px; font-weight: 400; line-height: 24px; color: #666666; text-align: left; padding-left: 18px; position: relative;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap tbody tr td ul li:before{content: '-'; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_development .content_3 .tableWrap tbody tr td ul li:not(:last-child){margin-bottom: 10px;}
/* 바이오의약품 CDMO - 위탁개발 서비스 Fin */

.bio_medicine_cdmo.consignment_production h5{font-size: 24px; font-weight: 700; line-height: 32px; color: #333333;}
.bio_medicine_cdmo.consignment_production h5 span{display: block; font-size: 20px; font-weight: 700; line-height: 36px; color: #CB0000;}
.bio_medicine_cdmo.consignment_production .tabBtnBox{margin-bottom: 60px;}
.bio_medicine_cdmo.consignment_production .tabContentBox > div{padding-bottom: 120px;}

.bio_medicine_cdmo.consignment_production .flexBox{margin-bottom: 35px; border-radius: 10px; overflow: hidden; display: flex;}
.bio_medicine_cdmo.consignment_production .flexBox .left{flex-wrap: wrap; display: flex; align-items: center; padding: 45px 40px 45px 40px; box-sizing: border-box; background-color: #F9F9F9; width: 60%;}
.bio_medicine_cdmo.consignment_production .flexBox .left ol{display: flex; align-items: center; flex-wrap: wrap;}
.bio_medicine_cdmo.consignment_production .flexBox .left ol > li{width: 100%; font-size: 18px; font-weight: 400; line-height: 32px; color: #555555; position: relative; padding-left: 25px;}
.bio_medicine_cdmo.consignment_production .flexBox .left ol > li:not(:last-child){margin-bottom: 25px;}
.bio_medicine_cdmo.consignment_production .flexBox .left ol > li:before{content: ''; background: url('/assets/images/check_bullet.png') center / contain no-repeat; width: 12px; height: 9px; position: absolute; left: 0; top: 12px;}
.bio_medicine_cdmo.consignment_production .flexBox .left > span{margin-top: 30px; width: 100%; font-size: 14px; font-weight: 400; color: #666666; line-height: 22px; text-align: right; display: block;}
/* .bio_medicine_cdmo.consignment_production .flexBox .left ol > li:nth-child(1):before{content: '1';}
.bio_medicine_cdmo.consignment_production .flexBox .left ol > li:nth-child(2):before{content: '2';}
.bio_medicine_cdmo.consignment_production .flexBox .left ol > li:nth-child(3):before{content: '3';} */
.bio_medicine_cdmo.consignment_production .flexBox .left ul:not(.checkList){margin-top: 5px;}
.bio_medicine_cdmo.consignment_production .flexBox .left ul:not(.checkList) > li{font-size: 16px; line-height: 24px; font-weight: 400; color: #666666; position: relative; padding-left: 18px;}
.bio_medicine_cdmo.consignment_production .flexBox .left ul:not(.checkList) > li:before{content: '-'; position: absolute; left: 0; top: 0; font-size: 16px; font-weight: 400; color: #666666;}
.bio_medicine_cdmo.consignment_production .flexBox .left ul:not(.checkList) > li:not(:last-child){margin-bottom: 5px;}
.bio_medicine_cdmo.consignment_production .flexBox .right{width: 40%;}
.bio_medicine_cdmo.consignment_production .flexBox .right img{height: 100%; object-fit: cover;}
.bio_medicine_cdmo.consignment_production .tableWrap{margin-bottom: 100px;}
.bio_medicine_cdmo.consignment_production .tableWrap table{border-top: 1px solid #EE0000; width: 100%;}
.bio_medicine_cdmo.consignment_production .tableWrap table + div{margin-top: 30px;}
.bio_medicine_cdmo.consignment_production .tableWrap table + div > span{text-align: right; display: block; font-size: 14px; line-height: 22px; color: #666666; font-weight: 400;}
.bio_medicine_cdmo.consignment_production .tableWrap table tr th,
.bio_medicine_cdmo.consignment_production .tableWrap table tr td{vertical-align: middle; padding: 20px 25px; box-sizing: border-box; border-bottom: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_production .tableWrap table tr th{background-color: #FBFBFB; font-size: 16px; font-weight: 500;}
.bio_medicine_cdmo.consignment_production .tableWrap table thead tr th{color: #CB0000;}
.bio_medicine_cdmo.consignment_production .tableWrap table thead tr th:not(:last-child),
.bio_medicine_cdmo.consignment_production .tableWrap table tbody tr td:not(:last-child){border-right: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_production .tableWrap table tbody tr th{border-right: 1px solid #EEEEEE; color: #CB0000;}
.bio_medicine_cdmo.consignment_production .tableWrap table tbody tr td{text-align: center;}

.bio_medicine_cdmo.consignment_production .tabContentBox > div:not(.content_3) h4{margin-bottom: 35px;}
.bio_medicine_cdmo.consignment_production .tabContentBox > .content_3 h4{margin-bottom: 25px;}

.bio_medicine_cdmo.consignment_production .content_1 .tableWrap table thead tr th:nth-child(1){width: 210px;}
.bio_medicine_cdmo.consignment_production .content_1 .tableWrap table thead tr th:nth-child(2),
.bio_medicine_cdmo.consignment_production .content_1 .tableWrap table thead tr th:nth-child(3),
.bio_medicine_cdmo.consignment_production .content_1 .tableWrap table thead tr th:nth-child(4){width: 330px;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(3) h5{margin-bottom: 20px;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) h5{margin-bottom: 30px;}

.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap{margin-top: 50px; margin-bottom: 15px; height: 200px; justify-content: space-between; display: flex; align-items: center; border: 1px solid #EEEEEE; border-radius: 10px;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap > div{transition: opacity 0.2s ease-out; box-sizing: border-box; width: 50%;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap > div:nth-of-type(1){padding: 0 35px;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap > div:nth-of-type(2){padding: 0 35px;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap .right{position: relative; margin-top: -55px;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap .right > span{position: absolute; right: 60px; top: -65px; font-size: 18px; line-height: 27px; color: #888888; background-color: #F2F2F2; border-radius: 10px; padding: 20px 45px;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap > div img{width: 100%; display: inline-block; vertical-align: middle;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .opacityBox{border-radius: 10px; overflow: hidden; display: flex;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .opacityBox span{text-align: center; cursor: pointer; display: block; padding: 18px 0; width: 50%; border: none; font-size: 20px; font-weight: 700; color: #FFFFFF;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .opacityBox span:nth-child(1){position: relative; background-color: #F37C7C;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .opacityBox span:nth-child(1):after{content: ''; display: block; position: absolute; width: 25px; height: 60px; right: -25px; top: 0; background: url('/assets/images/upstream_triangle.png') center / contain no-repeat;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .opacityBox span:nth-child(2){background-color: #D90000;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap .right.active,
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap .left.active{opacity: 0.6;}
.bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .mobileBox{display: none;}

.bio_medicine_cdmo.consignment_production .content_2 .tableWrap table thead tr th,
.bio_medicine_cdmo.consignment_production .content_3 .tableWrap table thead tr th{width: 300px;}
.bio_medicine_cdmo.consignment_production .content_2 > div:nth-of-type(3) h5{margin-bottom: 40px;}
.bio_medicine_cdmo.consignment_production .content_2 > div:nth-of-type(3) > div > span{display: inline-block; margin-bottom: 20px; font-size: 18px; font-weight: 500; color: #444444; line-height: 32px;}
.bio_medicine_cdmo.consignment_production .content_2 > div:nth-of-type(3) > div > span > span{font-size: 18px; font-weight: 600; color: #EE0000; line-height: 32px; margin-right: 10px;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap:not(:last-of-type){margin-bottom: 65px;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox{align-items: center; display: flex; border: 1px solid #EEEEEE; border-radius: 10px;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li{width: 16.66%; position: relative; padding: 35px 0;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li > div{position: relative;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li > div:nth-of-type(1){height: 65px; margin-bottom: 20px;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li > div:nth-of-type(1) img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(1),
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(2){background-color: #FBFBFB;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(2){border-right: 1px solid #EEEEEE;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:not(:last-child, :nth-child(2)) > div:nth-of-type(2):after{content: ''; display: block; position: absolute; background: url('/assets/images/CLD_arrow.png') center / contain no-repeat; width: 7px; height: 12px; right: -3px; top: 50%; transform: translateY(-50%); z-index: 1;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(2) > span{position: absolute; right: -10px; top: 50%; transform: translateY(-50%); z-index: 1; width: 18px; height: 18px; border-radius: 100%; background-color: #666666;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(2) > span:after{content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url('/assets/images/arrow_white.png') center / contain no-repeat; width: 6px; height: 10px;}
.bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li > div:nth-of-type(2) span{display: block; text-align: center; width: 100%; font-size: 18px; line-height: 24px; font-weight: 500; color: #333333;}

.bio_medicine_cdmo.consignment_production .content_3 .flexBox dl dt{font-size: 20px; font-weight: 600; color: #444444; line-height: 32px; margin-bottom: 15px;}
.bio_medicine_cdmo.consignment_production .content_3 .flexBox dl dd{font-size: 18px; line-height: 24px; font-weight: 400; color: #666666; position: relative; padding-left: 25px;}
.bio_medicine_cdmo.consignment_production .content_3 .flexBox dl dd:before{content: ''; background: url('/assets/images/check_bullet.png') center / contain no-repeat; width: 12px; height: 9px; position: absolute; left: 0; top: 9px;}
.bio_medicine_cdmo.consignment_production .content_3 .flexBox dl dd:not(:last-child){margin-bottom: 20px;}
.bio_medicine_cdmo.consignment_production .content_3 .flexBox dl dd.padding{word-break: keep-all; padding-right: 46px; box-sizing: border-box; line-height: 28px;}
.bio_medicine_cdmo.consignment_production .content_3 .tableWrap tbody tr td{font-size: 16px; font-weight: 400; line-height: 24px; color: #666666; vertical-align: top;}
.bio_medicine_cdmo.consignment_production .content_3 .tableWrap tbody tr td ul li{text-align: left; padding-left: 18px; position: relative;}
.bio_medicine_cdmo.consignment_production .content_3 .tableWrap tbody tr td ul li:before{content: '-'; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_production .content_3 .tableWrap tbody tr td ul li:not(:last-child){margin-bottom: 10px;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox{margin-bottom: 100px;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox h5{margin-bottom: 25px;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul{display: flex; justify-content: space-between;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(1),
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(6){width: 290px;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(2),
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(3),
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(4),
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(5){width: 140px;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li span{border-radius: 5px;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li > span{margin-bottom: 15px; height: 79px; position: relative; display: block; font-size: 20px; color: #fff; font-weight: 500; line-height: 24px; background-color: #F03C3D;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul li > span > span{width: 100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul .colspan{justify-content: space-between; display: flex;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul .colspan > div{width: 48%;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul div span{background-color: #F3F3F3; display: block; padding: 18px 10px; box-sizing: border-box; text-align: center; font-size: 18px; font-weight: 400; line-height: 22px; color: #666666;}
.bio_medicine_cdmo.consignment_production .content_3 .programBox ul div span:not(:last-of-type){margin-bottom: 10px;}
.bio_medicine_cdmo.consignment_production .content_3 > div:nth-of-type(5) h5{margin-bottom: 60px;}
.bio_medicine_cdmo.consignment_production .content_3 > div:nth-of-type(5) .imgBox{padding: 0 50px; box-sizing: border-box;}
/* 바이오의약품 CDMO - 위탁생산 서비스 Fin */

.bio_medicine_cdmo.consignment_production .content_3 .checkList li{font-size: 18px; line-height: 32px; font-weight: 400; color: #555555; padding-left: 25px; position: relative;}
.bio_medicine_cdmo.consignment_production .content_3 .checkList li:before{content: ''; background: url('/assets/images/check_bullet.png') center / contain no-repeat; width: 12px; height: 9px; position: absolute; left: 0; top: 12px;}
.bio_medicine_cdmo.consignment_production .content_3 .checkList li:not(:last-child){margin-bottom: 15px;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox{background-color: #F9F9F9; border-radius: 10px; box-sizing: border-box; border: 1px solid #EEEEEE; display: flex;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox > div{padding: 40px 0; position: relative; width: 33.33%;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox > div:not(:first-child):before{content: ''; display: block; width: 1px; height: 100%; background-color: #EEEEEE; position: absolute; left: 0; top: 0;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox > div img{margin: 0 auto 20px; display: block;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox > div > div > span{display: block; text-align: center;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox > div > div > span:nth-child(1){font-size: 20px; font-weight: 700; line-height: 36px; color: #C60707;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox > div > div > span:nth-child(2){font-size: 16px; font-weight: 400; color: #555555; line-height: 24px;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox .btnBox{display: flex; justify-content: center;}
.bio_medicine_cdmo.consignment_production .content_3 .contactBox .btnBox > a{text-decoration: none; color: #fff; border: none; background-color: #C60707; border-radius: 37px; font-size: 20px; font-weight: 700; padding: 12px 24px;}
/* quality Fin */


.investment_information .contentBox > div{padding: 100px 0 120px 0;}
.investment_information.settlement_announcement .contentBox h3{margin-bottom: 55px; text-align: center;}
.investment_information.settlement_announcement .contentBox .tableWrap{margin-bottom: 20px;}
.investment_information.settlement_announcement .contentBox .tableWrap table{width: 100%; border-top: 1px solid #EE0000;}
.investment_information.settlement_announcement .contentBox .tableWrap table thead tr th{background-color: #F9F9F9; font-size: 16px; line-height: 24px; color: #444444; font-weight: 500;}
.investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(1){width: 75px;}
.investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(2){width: 900px;}
.investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(3){width: 155px; text-align: left;}
.investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(4){width: 70px;}
.investment_information.settlement_announcement .contentBox .tableWrap table thead tr th,
.investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td{border-bottom: 1px solid #EEEEEE; padding: 20px 0;}
.investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td:nth-child(1),
.investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td:nth-child(4){text-align: center;}
.investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td,
.investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td p{cursor: pointer; font-size: 18px; font-weight: 400; line-height: 24px; color: #555555;}
/* .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td p{display: block; width: 535px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} */
.investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td span{font-size: 16px; font-weight: 500; line-height: 24px;}
.investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td .red{color: #EE0000;}
.investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td .orange{color: #FF8F38;}
/* 투자정보 - 전자공고 Fin */

.investment_information.public_announcement h3{text-align: center;}
.investment_information.public_announcement h3 span{display: block;}
.investment_information.public_announcement .dart_wrapper {width: 1200px; height: auto; text-align: center; margin: 0 auto;}
.investment_information.public_announcement .dart_wrapper iframe{margin: 0 auto; width: 750px; height: 1000px; overflow-y: auto; padding: 30px 0;}
/* 투자정보 - 전자공시 */


.investment_information .contentBox h4{margin-bottom: 20px; font-size: 24px; font-weight: 800; color: #C60707; line-height: 36px; position: relative; width: 100%;}
.investment_information .contentBox h4 span{font-size: 16px; line-height: 22px; color: #666666; font-weight: 400; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.investment_information.financial_information .contentBox h3{text-align: center; margin-bottom: 50px;}
.investment_information.financial_information .contentBox .tabBtnBox{padding: 10px 10px; margin-bottom: 50px;}
.investment_information.financial_information .contentBox .tabBtnBox > div button{height: 80px;}
.investment_information.financial_information .contentBox .tabBtnBox > div > div{width: 50%; padding: 0 10px;}
.investment_information.financial_information .contentBox .tabBtnBox > div > div:not(:first-child):after{content: ''; display: block; width: 1px; height: 120px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.investment_information.financial_information .contentBox .tabBtnBox > div > div:before{height: 120px;}
.investment_information.financial_information .contentBox .tabContentBox > div{display: none;}
.investment_information.financial_information .contentBox .tabContentBox > div.active{display: block;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap:not(:last-of-type){margin-bottom: 120px;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table{width: 100%; border-top: 1px solid #E01E25;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th{vertical-align: middle; border-bottom: 1px solid #AAAAAA; padding: 25px 0; font-size: 18px; font-weight: 600; color: #444444;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(1){text-align: left; padding-left: 30px; box-sizing: border-box;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:not(:nth-child(1)){width: 190px; text-align: right;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(3){width: 275px;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(4){width: 315px; padding-right: 30px; box-sizing: border-box;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th > div{float: right; width: 175px;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th > div > span{text-align: center; display: block;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th > div > span:nth-child(1){font-size: 18px; font-weight: 600; line-height: 21px; color: #444444; margin-bottom: 5px;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th > div > span:nth-child(2){font-size: 16px; font-weight: 400; color: #999999; line-height: 19px;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr.gray{background-color: #FBFBFB;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td span{font-weight: 600; color: #444444; font-size: 18px;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr th,
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td{border-bottom: 1px solid #EEEEEE; padding: 24px 0;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr th{font-size: 19px; font-weight: 600; color: #444444; text-align: left; padding-left: 30px; box-sizing: border-box;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td{font-size: 18px; font-weight: 400; color: #555555; text-align: right;}
.investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td:last-of-type{padding-right: 30px; box-sizing: border-box;}
/* 투자정보 - 재무정보 Fin */

.chartBox{padding: 85px 0;}
.chartBox > div{max-width: 1480px; margin: 0 auto 100px;}

.investment_information.stockPrice_information h3,
.investment_information.stock_status h3,
.investment_information.general_information h3{text-align: center; margin-bottom: 50px;}
.investment_information.stockPrice_information h3 span,
.investment_information.stock_status .contentBox h3 span,
.investment_information.general_information h3 span{color: #C60707;}

.investment_information.stockPrice_information .contentBox .tableWrap:not(:last-of-type){margin-bottom: 120px;}
.investment_information.stockPrice_information .contentBox .tableWrap table{border-top: 1px solid #C60707; width: 100%;}
.investment_information.stockPrice_information .contentBox .tableWrap table tbody tr th,
.investment_information.stockPrice_information .contentBox .tableWrap table tbody tr td{border-bottom: 1px solid #EEEEEE;}
.investment_information.stockPrice_information .contentBox .tableWrap table tbody tr th{text-align: left; padding: 24px 0 24px 30px; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #444444; background-color: #F9F9F9; width: 300px;}
.investment_information.stockPrice_information .contentBox .tableWrap table tbody tr td{padding-left: 28px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #444444;}

.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th,
.investment_information.stockPrice_information .contentBox .tableWrap table tbody tr td{padding: 25px 0;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th{background-color: #FBFBFB; font-size: 18px; font-weight: 600; color: #444444;}
.investment_information.stockPrice_information .contentBox .tableWrap table tbody tr td{text-align: center; font-size: 18px; font-weight: 400; color: #555555;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(1){width: 150px;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(2){width: 145px;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(3){width: 135px;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(4){width: 150px;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(5){width: 125px;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(6){width: 155px;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(7){width: 135px;}
.investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(8){width: 205px;}

.investment_information.stockPrice_information .contentBox .graphBox{margin-bottom: 120px;}
/* 투자정보 - 주식정보 - 주가정보 Fin  */

.investment_information.stock_status .contentBox .tableWrap table{width: 100%; border-top: 1px solid #C60707;}
.investment_information.stock_status .contentBox .tableWrap table thead tr th,
.investment_information.stock_status .contentBox .tableWrap table tbody tr td{word-break: break-word; padding: 24px 0; border-bottom: 1px solid #EEEEEE;}
.investment_information.stock_status .contentBox .tableWrap table thead tr th{width: 300px; background-color: #F9F9F9; font-size: 16px; font-weight: 500; color: #444444;}
.investment_information.stock_status .contentBox .tableWrap table tbody tr td{text-align: center; font-size: 18px; font-weight: 500; color: #555555;}
.investment_information.stock_status .contentBox .tableWrap table tbody tr td:last-of-type{color: #C60707;}
/* 투자정보 - 주식정보 - 주식현황 Fin */

.investment_information.general_information .contentBox .tableWrap table{width: 100%; border-top: 1px solid #C60707;}
.investment_information.general_information .contentBox .tableWrap table tbody tr th,
.investment_information.general_information .contentBox .tableWrap table tbody tr td{word-break: break-word; width: 200px; border-bottom: 1px solid #EEEEEE;}
.investment_information.general_information .contentBox .tableWrap table tbody tr th{padding: 24px 0 24px 28px; box-sizing: border-box; text-align: left; background-color: #F9F9F9; font-size: 18px; font-weight: 500; color: #444444;}
.investment_information.general_information .contentBox .tableWrap table tbody tr td{font-size: 16px; font-weight: 400; color: #444444; padding: 25px 0 25px 28px; box-sizing: border-box;}
/* 투자정보 - 주식정보 - 일반현황 Fin */

.recruitment_information .contentBox > div{padding: 100px 0 130px 0;}

.recruitment_information.ideal_talent .contentBox h3{text-align: center; margin-bottom: 30px;}
.recruitment_information.ideal_talent .contentBox > div > p{margin-bottom: 60px; text-align: center; font-size: 20px; line-height: 32px; color: #555555; font-weight: 400;}
.recruitment_information.ideal_talent .contentBox > div > p strong{font-weight: 20px; line-height: 32px; color: #EE0000; font-weight: 600;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox{padding: 10px 10px;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div{cursor: pointer; position: relative; height: 280px; padding: 0 10px; width: 25%;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; height: 320px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:before{height: 320px;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div{transition: background 0.2s ease-out; background-color: #fff; width: calc(100% - 20px); height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div:hover{background-color: #CB0000;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div > div{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div span{display: block; text-align: center;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div span:nth-of-type(1){margin-bottom: 5px; font-size: 20px; font-weight: 600; color: #CB0000; line-height: 26px; position: relative; padding-top: 125px;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div span:nth-of-type(2){font-size: 18px; line-height: 26px; font-weight: 400; color: #333333;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div:hover span:nth-of-type(1),
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div:hover span:nth-of-type(2){color: #fff;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div > div span:nth-of-type(1):before{content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-repeat: no-repeat; background-size: contain; background-position: center; height: 100px; width: 100px;}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:nth-child(1) > div span:nth-of-type(1):before{background-image: url('/assets/images/knowledge.png');}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:nth-child(2) > div span:nth-of-type(1):before{background-image: url('/assets/images/responsibility.png');}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:nth-child(3) > div span:nth-of-type(1):before{background-image: url('/assets/images/communication.png');}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:nth-child(4) > div span:nth-of-type(1):before{background-image: url('/assets/images/teamwork.png');}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:nth-child(1):hover > div span:nth-of-type(1):before{background-image: url('/assets/images/knowledge_hover.png');}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:nth-child(2):hover > div span:nth-of-type(1):before{background-image: url('/assets/images/responsibility_hover.png');}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:nth-child(3):hover > div span:nth-of-type(1):before{background-image: url('/assets/images/communication_hover.png');}
.recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:nth-child(4):hover > div span:nth-of-type(1):before{background-image: url('/assets/images/teamwork_hover.png');}
/* 채용정보 - 인재상 Fin */

.recruitment_information.welfare_benefits .contentBox h3{margin-bottom: 60px; text-align: center;}
.recruitment_information.welfare_benefits .contentBox h3 span{display: block;}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox{padding: 10px 10px;}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(2){border-top: none;}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div{position: relative; height: 160px; padding: 0 10px; width: 25%;}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; height: 200px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div:before{height: 200px;}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div > div{transition: background 0.2s ease-out; background-color: #fff; width: calc(100% - 20px); height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div > div span{width: 100%; font-size: 18px; font-weight: 600; color: #333333; line-height: 26px; padding-top: 75px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; text-align: center;}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div > div span:before{content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-repeat: no-repeat; background-size: contain; background-position: center; height: 50px; width: 50px;}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(1) > div > div:nth-child(1) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_1.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(1) > div > div:nth-child(2) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_2.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(1) > div > div:nth-child(3) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_3.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(1) > div > div:nth-child(4) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_4.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(1) > div > div:nth-child(5) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_5.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(2) > div > div:nth-child(1) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_6.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(2) > div > div:nth-child(2) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_7.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(2) > div > div:nth-child(3) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_8.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(2) > div > div:nth-child(4) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_9.png');}
.recruitment_information.welfare_benefits .contentBox .tabBtnBox:nth-of-type(2) > div > div:nth-child(5) > div span:nth-of-type(1):before{background-image: url('/assets/images/welfare_benefits_10.png');}
/* 채용정보 - 복리후생 Fin */

.recruitment_information.job_posting .btnBox{transform: rotate(0); position: absolute; height: 100%; right: -70px; top: 60px; padding-top: 80px; box-sizing: border-box;}
.recruitment_information.job_posting .btnBox button{transition: background 0.2s ease-out; border-radius: 15px 15px 0 0; background-color: #FF0000; border: none; transform: rotate(90deg); top: 260px; width: 220px; height: 74px; position: sticky; right: 0;}
.recruitment_information.job_posting .btnBox button span{color: #fff; font-size: 20px; font-weight: 600; position: relative; padding-right: 30px;}
.recruitment_information.job_posting .btnBox button span:after{transition: right 0.2s ease-out; content: ''; display: block; position: absolute; right: -5px; top: 3px; transform: rotate(-90deg); background: url('/assets/images/applicationBtn.png') center / contain no-repeat; width: 24px; height: 18px;}
.recruitment_information.job_posting .btnBox button:hover{background-color: #EE0000;}
.recruitment_information.job_posting .btnBox button:hover span:after{right: -10px;}

.recruitment_information.job_posting .contentBox h3{margin-bottom: 30px;}
.recruitment_information.job_posting .contentBox > div > div{position: relative;}
.recruitment_information.job_posting .contentBox > div > div > div:not(:nth-of-type(3)){width: calc(100% - 75px);}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(1){border-radius: 20px 20px 0 0; background: url('/assets/images/job_posting.png') left / contain no-repeat #F6F6F6; height: 375px; padding: 55px 65px; box-sizing: border-box;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(1) p{font-size: 20px; font-weight: 400; line-height: 32px; color: #555555;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(1) p strong{font-size: 20px; line-height: 32px; font-weight: 600; color: #EE0000;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2){padding: 0 40px 40px 40px; box-sizing: border-box; border-radius: 0 0 20px 20px; background-color: #F6F6F6;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) h4{font-size: 20px; line-height: 26px; color: #333333; font-weight: 700; position: relative; padding-left: 30px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) h4:before{content: ''; display: block; position: absolute; left: 0; top: 3px; background: url('/assets/images/circle_check.png') center / contain no-repeat; width: 20px; height: 20px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul{border-radius: 10px; padding: 60px 75px; box-sizing: border-box; background-color: #fff;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) h4{margin-bottom: 20px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul{margin-bottom: 35px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li{height: 160px; position: relative; margin-bottom: 30px; width: 31.33%; border-radius: 20px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li:not(:nth-child(6)){background-color: #F9F9F9;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li:nth-child(6){background-color: #0C0000; border: 2px solid #EE0000; box-sizing: border-box;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li:nth-child(6):after{content: ''; display: block; position: absolute; right: -5px; top: -5px; background: url('/assets/images/binex_logo.png') center / contain no-repeat; width: 71px; height: 29px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li > div{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li span{display: block; text-align: center;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li span:nth-of-type(1){font-size: 16px; font-weight: 400; color: #EE0000; line-height: 26px; margin-bottom: 5px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li span:nth-of-type(2){font-size: 20px; line-height: 26px; font-weight: 700;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li:not(:nth-child(6)) span:nth-of-type(2){color: #333333;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li:nth-child(6) span:nth-of-type(2){color: #fff;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li span:nth-of-type(2) span{font-size: 16px; font-weight: 400; color: #999999; line-height: 26px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(2){margin-bottom: 60px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(2) > div{display: flex; align-items: center;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(2) > div p{font-size: 18px; font-weight: 400; color: #444444; line-height: 26px; margin-left: 25px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) h4{margin-bottom: 20px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div{padding: 18px 30px; box-sizing: border-box; background-color: #F9F9F9; border-radius: 20px; display: flex; justify-content: space-between; align-items: center;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div a:nth-of-type(1){padding-left: 35px; position: relative; font-size: 16px; line-height: 24px; font-weight: 400; color: #666666; text-decoration: none;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div a:nth-of-type(1):before{content: ''; display: block; position: absolute; background: url('/assets/images/xls_icon.png') center / contain no-repeat; width: 22px; height: 25px; left: 0; top: 50%; transform: translateY(-50%);}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div a:nth-of-type(2){text-align: right; text-decoration: none; font-size: 14px; font-weight: 400; color: #999999; line-height: 24px;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div:hover a:nth-of-type(1){text-decoration: underline;}
.recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div:hover a:nth-of-type(2){color: #EE0000;}
/* 채용정보 - 채용안내 Fin */


.synthetic_drugs .contentBox > div{padding: 100px 0 120px 0;}

.synthetic_drugs.product_search .contentBox h3{text-align: center; margin-bottom: 30px;}
.synthetic_drugs.product_search .contentBox > div > p{margin-bottom: 45px; text-align: center; font-size: 20px; font-weight: 500; line-height: 32px; color: #333333;}
.synthetic_drugs.product_search .contentBox .tabBtnBox{padding: 10px 10px;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2,
.synthetic_drugs.product_search .contentBox .tabBtnBox_3{border-top: none;}
.synthetic_drugs.product_search .contentBox .tabBtnBox > div > div{padding: 0 10px;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div{width: 50%;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div,
.synthetic_drugs.product_search .contentBox .tabBtnBox_3 > div > div{width: 100%;}
.synthetic_drugs.product_search .contentBox .tabBtnBox > div > div:last-child:after{content: ''; display: block; width: 1px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div:last-child:after,
.synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div:before{height: 120px;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div:last-child:after,
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div:before{height: 255px;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_3 > div > div:last-child:after,
.synthetic_drugs.product_search .contentBox .tabBtnBox_3 > div > div:before{height: 105px;}
.synthetic_drugs.product_search .contentBox .tabBtnBox > div button:not(.search_btn){height: 80px;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2{background-color: #fff;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox{margin-bottom: 0; display: none; height: 215px; background-color: #FBFBFB;}

.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name > div{height: 100%; flex-wrap: wrap; align-content: center; display: flex;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul{display: flex; justify-content: center; width: 100%;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li{cursor: pointer; font-size: 14px; font-weight: 500; color: #666666; text-align: center; width: 50px; line-height: 50px; border-radius: 10px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li.active{color: #fff; background-color: #CB0000; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) inset;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li:not(:first-child){margin-left: 15px;}
.synthetic_drugs.product_search.product_name .contentBox .tabBtnBox_3{margin-bottom: 50px;}
.synthetic_drugs.product_search.product_name .contentBox .tabBtnBox_2 .grayBox.product_name{display: block;}
/* 제품별 검색 */

.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy{padding: 25px 35px; box-sizing: border-box;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul{height: 100%; align-content: space-between; display: flex; flex-wrap: wrap;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul li{cursor: pointer; padding-left: 22px; box-sizing: border-box; position: relative; width: 25%;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul li:before{content: ''; display: block; width: 8px; height: 8px; border-radius: 2px; background-color: #999999; position: absolute; left: 0; top: 11px;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul li.active:before{background-color: #EE0000;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul li span{font-size: 18px; font-weight: 500; line-height: 32px; color: #555555;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul li:hover span{text-decoration: underline;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul li.active span{color: #EE0000;}
.synthetic_drugs.product_search.efficacy .contentBox .tabBtnBox_3{display: none;}
.synthetic_drugs.product_search.efficacy .contentBox .tabBtnBox_2{margin-bottom: 50px;}
.synthetic_drugs.product_search.efficacy .contentBox .tabBtnBox_2 .grayBox.efficacy{display: block;}
/* 효능별 검색 */

.synthetic_drugs.product_search .contentBox .tabBtnBox_3 .searchResultBox{display: flex; align-items: center; background-color: #FBFBFB; padding: 17px 25px; box-sizing: border-box;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_3 .searchResultBox > p{font-size: 17px; font-weight: 400; line-height: 32px; color: #555555;}
.synthetic_drugs.product_search .contentBox .tabBtnBox_3 .searchResultBox > span{font-size: 17px; font-weight: 400; color: #999999; line-height: 32px; margin-left: 15px;}
.synthetic_drugs.product_search .contentBox .searchResultList{margin-bottom: 25px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.synthetic_drugs.product_search .contentBox .searchResultList li{margin-bottom: 45px; width: 49%;}
.synthetic_drugs.product_search .contentBox .searchResultList li > div{height: 100%; display: flex; align-items: flex-start;}
.synthetic_drugs.product_search .contentBox .searchResultList li > div .thumbBox{position: relative; border: 1px solid #EEEEEE; border-radius: 5px; width: 230px; height: 250px;}
.synthetic_drugs.product_search .contentBox .searchResultList li > div .thumbBox img{position: absolute; left: 50%; top: 50%; max-width: 100%; transform: translate(-50%, -50%);}
.synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox{display: flex; flex-wrap: wrap; align-content: space-between; height: 100%; width: calc(100% - 230px); padding-left: 30px; box-sizing: border-box;}
.synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox dl{width: 100%; margin-bottom: 30px;}
.synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox dl dt{margin-bottom: 10px; font-size: 20px; font-weight: 600; line-height: 32px; color: #EE0000;}
.synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox dl dd{font-size: 16px; font-weight: 400; line-height: 26px; color: #555555;}
.synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox dl dd span{font-size: 17px; font-weight: 500; line-height: 32px; color: #999999; display: inline-block; width: 80px;}
.synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox button{margin-bottom: 15px; padding: 8px 20px; background-color: transparent; border: 1px solid #EEEEEE; border-radius: 37px; font-size: 15px; font-weight: 500; color: #555555;}

.synthetic_drugs.product_search .searchBox{margin: 0 auto 35px;}

/* 검색창 공통 */
/* select custom */
.searchWrap select::-ms-expand {
	display: none;
}
.searchWrap select{
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 51px;
    appearance: none;
    box-sizing: border-box;
    font-size: 18px; line-height: 32px; font-weight: 400; color: #555555;
    border: none;
    width: 100px;
    background: url('/assets/images/select_arrow.png') calc(100% - 10px) center / contain no-repeat;
    background-size: 8px;
    outline: none;
    cursor: pointer;
}
.searchWrap select option{font-size: 16px; color: #666666; font-weight: 400;}
.searchWrap select:focus{background-color: #333333;}
/* select custom */

.searchBox{width: 440px; box-sizing: border-box; padding: 0 10px; border: none; background-color: transparent; border-radius: 5px; height: 50px; display: flex; justify-content: space-between; align-items: center;}
.searchBox .search_btnBox{display: flex; border-bottom: 2px solid #999999;}
.searchBox input[type="text"]{font-size: 18px; font-weight: 500; color: #444444; line-height: 32px; padding: 0 5px; width: 100%; height: 50px; border: none; border-bottom: 2px solid #999999; outline: none; background: none;}
.searchBox input[type="text"]::placeholder {color:#999999; line-height: 32px; font-size:18px; font-weight: 500;}
.searchBox input[type="text"]:focus,
.searchBox input[type="text"]:valid,
.searchBox input[type="text"]:focus + .search_btnBox,
.searchBox input[type="text"]:valid + .search_btnBox{border-color: #666666;}
.searchBox button{background-color: transparent; outline: none; border: none; width: 24px; height: 50px; padding: 0; line-height: 0; font-size: 0;}
.searchBox .search_btn{position: relative; margin-left: 15px;}
.searchBox .search_btn:after{content: ''; display: block; position: absolute; width: 16px; height: 16px; background: url('/assets/images/search_icon.png') center / contain no-repeat; top: 50%; right: 15px; transform: translateY(-50%);}
.searchBox input[type="text"]:focus + .search_btnBox .search_btn:after,
.searchBox input[type="text"]:valid + .search_btnBox .search_btn:after{background-image: url('/assets/images/search_icon_active.png');}
/* 검색창 공통 Fin */
/* 합성의약품 - 제품검색 Fin */


.borad h3{margin-bottom: 25px; text-align: center;}

.borad .searchWrap{margin-bottom: 80px; justify-content: center; display: flex;}
.borad .searchWrap select{background-color: transparent; border: none; outline: none; border-bottom: 2px solid #999999;}

.borad .contentBox .tableWrap{margin-bottom: 20px;}
.borad .contentBox .tableWrap table{width: 100%; border-top: 1px solid #EE0000;}
.borad .contentBox .tableWrap table thead tr th,
.borad .contentBox .tableWrap table tbody tr td{padding: 24px 0; border-bottom: 1px solid #EEEEEE;}
.borad .contentBox .tableWrap table thead tr th{background-color: #F9F9F9; font-size: 16px; font-weight: 500; color: #444444;}
.borad .contentBox .tableWrap table thead tr th:nth-child(1){width: 90px;}
.borad .contentBox .tableWrap table thead tr th:nth-child(2){width: 880px;}
.borad .contentBox .tableWrap table thead tr th:nth-child(3),
.borad .contentBox .tableWrap table thead tr th:nth-child(4){width: 115px;}
.borad .contentBox .tableWrap table tbody tr:hover p{text-decoration: underline;}
.borad .contentBox .tableWrap table tbody tr td{cursor: pointer;}
.borad .contentBox .tableWrap table tbody tr td:not(:nth-child(2)){text-align: center;}
.borad .contentBox .tableWrap table tbody tr td:nth-child(1){font-size: 16px; font-weight: 500; color: #999999;}
/* .borad .contentBox .tableWrap table tbody tr td:nth-child(2) p{display: block; width: 535px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 400; color: #555555;} */
.borad .contentBox .tableWrap table tbody tr td:nth-child(2) p{display: block; font-size: 18px; font-weight: 400; color: #555555;}
.borad .contentBox .tableWrap table tbody tr td:nth-child(3),
.borad .contentBox .tableWrap table tbody tr td:nth-child(4){font-size: 16px; font-weight: 400; color: #555555;}
/* 합성의약품 - 제품허가변경사항 Fin */


.boardView .contentBox h3{text-align: center; margin-bottom: 55px;}
.boardView .contentBox .tableWrap{margin-bottom: 25px;}
.boardView .contentBox .tableWrap table{border-top: 1px solid #EE0000; width: 100%;}
.boardView .contentBox .tableWrap table tbody tr th,
.boardView .contentBox .tableWrap table tbody tr td{border-bottom: 1px solid #EEEEEE; padding: 25px; box-sizing: border-box;}
.boardView .contentBox .tableWrap table tbody tr th{vertical-align: top; font-size: 16px; font-weight: 500; color: #444444; width: 160px; background-color: #F9F9F9;}
.boardView .contentBox .tableWrap table tbody tr td.th{text-align: center; width: 160px; background-color: #F9F9F9;}
.boardView .contentBox .tableWrap table tbody tr:nth-child(1) td{font-size: 16px; line-height: 24px; color: #444444; font-weight: 500;}
.boardView .contentBox .tableWrap table tbody tr td{font-size: 16px; line-height: 24px; color: #666666; font-weight: 400;}
.boardView .contentBox .tableWrap table tbody tr td p strong{font-size: 16px; line-height: 24px; color: #444444; font-weight: 500;}
.boardView .contentBox .tableWrap table tbody tr td > div p:not(:last-child){margin-bottom: 5px;}
.boardView .contentBox .tableWrap table tbody tr td a{cursor: pointer; font-size: 16px; line-height: 24px; text-decoration: underline; color: #666666;}
.boardView .contentBox .tableWrap table tbody tr td a.download{padding-left: 24px; position: relative;}
.boardView .contentBox .tableWrap table tbody tr td a.download:before{content: ''; display: block; position: absolute; left: 0; top: 3px; background: url('/assets/images/downloadBtn.png') center / contain no-repeat; width: 14px; height: 14px;}
.boardView .contentBox .btnBox{display: flex; justify-content: right;}
.boardView .contentBox .btnBox button{background-color: #444444; border-radius: 37px; color: #fff; font-size: 20px; font-weight: 700; border: none; padding: 18px 48px;}

/* .user_wrap .MuiStack-root{width: 100% !important;} */
/* .user_wrap .css-10w330c-MuiButtonBase-root-MuiPaginationItem-root{margin: 0 !important;}
.user_wrap .css-wjh20t-MuiPagination-ul,
.user_wrap .MuiPagination-ul {width: 100% !important; justify-content: center !important;}
.user_wrap .css-wjh20t-MuiPagination-ul li,
.user_wrap .pagerBox button{max-width: 20px !important; min-width: 9% !important;}
.user_wrap .user_wrap .pagerBox button,
.user_wrap .pagerBox button{width: 20px; padding: 0; box-sizing: border-box;}
.user_wrap .css-10w330c-MuiButtonBase-root-MuiPaginationItem-root{min-width: auto !important; width: 20px;} */
/* 합성의약품 - 제품허가변경사항 view Fin */

.synthetic_drugs.probiotics.manufacturing_facility .contentBox h3{margin-bottom: 55px; text-align: center;}
/* .synthetic_drugs.probiotics.manufacturing_facility .contentBox .imgBox{margin-bottom: 50px;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .imgBox img{height: 400px; border-radius: 20px;} */
.synthetic_drugs.probiotics.manufacturing_facility .contentBox > div > p{text-align: center; font-size: 18px; line-height: 32px; font-weight: 400; color: #555555;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox > div > p:not(:last-of-type){margin-bottom: 25px;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox > div > p:last-of-type{margin-bottom: 45px;}

.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap{overflow: hidden; border-radius: 20px; position: relative; margin-top: 70px;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap > ul li{position: relative; height: 600px;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap > ul li:after{z-index: 1; content: ''; right: -7px; top: -10px; position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain; width: 170px; height: 57px;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap > ul li .imgBox{height: 100%; object-fit: cover;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap > ul li .imgBox img{height: 100%;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox button{transition: background 0.2s ease-out; border: none; background-color: transparent; position: absolute; height: 100%; top: 0; width: 80px;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox button:hover{background-color: rgba(255,255,255,0.15);}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox button:after{content: ''; opacity: 0.5; display: block; width: 15px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox button:hover:after{opacity: 1;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox .prevBtn{left: 0;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox .nextBtn{right: 0;}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox .prevBtn:after{background-image: url('/assets/images/prevBtn.png');}
.synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap .btnBox .nextBtn:after{background-image: url('/assets/images/nextBtn.png');}
.sliderWrap .sliderPagerBox{position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); background-color: rgba(0,0,0,0.5); border-radius: 22px; padding: 5px 16px;}
.sliderWrap .sliderPagerBox span{color: #fff; opacity: 0.5; font-size: 14px; font-weight: 400;}
.sliderWrap .sliderPagerBox span.now{opacity: 1;}
.sliderWrap .sliderPagerBox span:nth-child(2){margin: 0 5px;}
/* 합성의약품 - Probiotics - 제조시설 Fin */

.synthetic_drugs.busan .contentBox h3{margin-bottom: 30px; text-align: center;}
.synthetic_drugs.busan .contentBox > div > .imgBox{margin-bottom: 50px;}
.synthetic_drugs.busan .contentBox > div > .imgBox img{height: 735px; border-radius: 20px;}
.synthetic_drugs.busan .contentBox > div > p{text-align: center; margin-bottom: 30px; font-size: 18px; line-height: 32px; font-weight: 400; color: #555555;}
.synthetic_drugs.busan .contentBox .tabBtnBox{padding: 10px 10px; margin-bottom: 60px;}
.synthetic_drugs.busan .contentBox .tabBtnBox > div button{height: 80px;}
.synthetic_drugs.busan .contentBox .tabBtnBox > div > div{width: 50%; padding: 0 10px;}
.synthetic_drugs.busan .contentBox .tabBtnBox > div > div:not(:first-child):after{content: ''; display: block; width: 1px; height: 120px; background-color: #EEEEEE; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.synthetic_drugs.busan .contentBox .tabBtnBox > div > div:before{height: 120px;}
.synthetic_drugs.busan .contentBox .tabContentBox > div{display: none; padding: 0 20px; box-sizing: border-box;}
.synthetic_drugs.busan .contentBox .tabContentBox > div.active{display: block;}
.synthetic_drugs.busan .contentBox .tabContentBox > div h4{font-size: 24px; font-weight: 700; line-height: 32px; color: #EE0000; margin-bottom: 25px;}
.synthetic_drugs.busan .contentBox .tabContentBox > div p{margin-bottom: 25px; font-size: 18px; font-weight: 400; line-height: 32px; color: #555555;}

.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap{overflow: hidden; border-radius: 20px; position: relative; margin-top: 70px; height: auto;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap > ul li{position: relative; height: 600px;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap > ul li:after{z-index: 1; content: ''; right: -7px; top: -10px; position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain; width: 170px; height: 57px;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap > ul li .imgBox{height: 100%; overflow: hidden; object-fit: cover;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap > ul li .imgBox img{height: 100%;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox button{transition: background 0.2s ease-out; border: none; background-color: transparent; position: absolute; height: 100%; top: 0; width: 80px;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox button:hover{background-color: rgba(255,255,255,0.15);}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox button:after{content: ''; opacity: 0.5; display: block; width: 15px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox button:hover:after{opacity: 1;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox .prevBtn{left: 0;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox .nextBtn{right: 0;}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox .prevBtn:after{background-image: url('/assets/images/prevBtn.png');}
.synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap .btnBox .nextBtn:after{background-image: url('/assets/images/nextBtn.png');}
/* 합성의약품 - Probiotics - 제조시설(부산공장) Fin */


.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox h3{margin-bottom: 60px; text-align: center;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl{border: 1px solid #EEEEEE; border-radius: 10px; margin-bottom: 35px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dt{font-size: 22px; font-weight: 700; line-height: 36px; color: #333333; padding: 40px 50px; box-sizing: border-box; background-color: #F9F9F9;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd{font-size: 18px; font-weight: 400; line-height: 30px; color: #666666; position: relative; padding-right: 50px; padding-left: 77px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd:before{content: '-'; position: absolute; left: 50px; font-size: 18px; font-weight: 400; color: #666666;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd:not(:first-of-type):before{top: 0;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd:first-of-type:before{top: 30px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd:first-of-type{padding-top: 30px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd:last-of-type{padding-bottom: 30px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd:not(:first-of-type){margin-top: 15px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .imgBox{margin-bottom: 100px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox h4{font-size: 24px; line-height: 32px; font-weight: 700; color: #333333; margin-bottom: 30px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox{padding: 35px 0; background-color: #F9F9F9; border-radius: 10px; display: flex; justify-content: space-between;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div{width: 33.33%;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div > span{display: block; text-align: center;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div > span:nth-child(1){padding-top: 100px; position: relative; font-size: 20px; font-weight: 700; color: #EE0000; line-height: 36px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div > span:nth-child(2){font-size: 18px; line-height: 24px; color: #444444;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div > span:nth-child(1):before{content: ''; height: 75px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-size: contain; background-position: center;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div:nth-child(1) > span:nth-child(1):before{background-image: url('/assets/images/fax.png'); width: 71px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div:nth-child(2) > span:nth-child(1):before{background-image: url('/assets/images/mail.png'); width: 75px;}
.synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div:nth-child(3) > span:nth-child(1):before{background-image: url('/assets/images/tel.png'); width: 75px;}
/* 합성의약품 - Probiotics - 미생물 동정 분석 서비스 Fin */


.contactUs .contentBox{width: 1200px; margin: 0 auto; padding: 100px 0 120px 0;}
.contactUs .contentBox h3{margin-bottom: 25px;}
.contactUs .contentBox > span{display: block; margin-bottom: 100px; font-size: 20px; font-weight: 500; color: #C60707; line-height: 32px;}
.contactUs .contentBox fieldset{min-width: 0;}
.contactUs .contentBox fieldset h4{position: relative; padding-left: 50px; font-size: 24px; font-weight: 700; line-height: 32px; color: #333333;}
.contactUs .contentBox fieldset > div:not(:nth-child(3)) h4{margin-bottom: 30px;}
.contactUs .contentBox fieldset h4 > span:nth-child(1){position: absolute; left: 0; top: -2px; margin-right: 10px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) inset; display: inline-block; text-align: center; color: #fff; font-size: 14px; font-weight: 500; width: 36px; line-height: 36px; border-radius: 10px; background-color: #CB0000;}
.contactUs .contentBox fieldset h4 > span.red{margin-left: 8px; font-size: 24px; line-height: 32px; font-weight: 700; color: #C60707; line-height: 32px;}
.contactUs .contentBox fieldset > div:nth-child(1){margin-bottom: 75px;}
.contactUs .contentBox fieldset > div:nth-child(1) ul{display: flex; flex-wrap: wrap;}
.contactUs .contentBox fieldset > div:nth-child(1) ul li{margin-bottom: 25px; width: 32%; border: 1px solid #EEEEEE; box-sizing: border-box; border-radius: 5px; position: relative; height: 100px;}
.contactUs .contentBox fieldset > div:nth-child(1) ul li:not(:nth-child(3n)){margin-right: 2%;}
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div{overflow-x: hidden; height: 100%; position: absolute; left: 0; top: 0; width: 100%;}
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div input,
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div label{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div label{cursor: pointer; font-size: 18px; line-height: 26px; color: #999999; font-weight: 400; width: 100%; height: 100%; display: block;}
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div label span{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div input{font-size: 16px; line-height: 26px; color: #555555; font-weight: 500; text-align: center; display: block; width: 100%; padding: 0; margin: 0; border: none; outline: none;}
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div input:focus,
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div input:valid{top: 60%;}
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div input:focus + label span,
.contactUs .contentBox fieldset > div:nth-child(1) ul li > div input:valid + label span{font-size: 16px; top: 40%;}
.contactUs .contentBox fieldset > div:nth-child(2){margin-bottom: 100px;}
.contactUs .contentBox fieldset > div:nth-child(2) ul{display: flex;}
.contactUs .contentBox fieldset > div:nth-child(2) ul li{width: 18%;}
.contactUs .contentBox fieldset > div:nth-child(2) ul li:not(:nth-child(5n)){margin-right: 2.5%;}
.contactUs .contentBox fieldset > div:nth-child(2) ul li > div input[type="radio"]{display: none;}
.contactUs .contentBox fieldset > div:nth-child(2) ul li > div label{position: relative; cursor: pointer; transition: background 0.2s ease-out; background-color: #fff; width: 100%; display: block; text-align: center; height: 105px; font-size: 18px; line-height: 22px; font-weight: 400; color: #555555; border: 1px solid #EEEEEE; border-radius: 5px;}
.contactUs .contentBox fieldset > div:nth-child(2) ul li > div label span{position: absolute; display: block; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%);}
.contactUs .contentBox fieldset > div:nth-child(2) ul li > div input[type="radio"]:checked + label{color: #fff; background-color: #CB0000;}
.contactUs .contentBox fieldset > div:nth-child(3){margin-bottom: 95px;}
.contactUs .contentBox fieldset > div:nth-child(3) h4{margin-bottom: 20px;}
.contactUs .contentBox fieldset > div:nth-child(3) textarea{outline: none; padding: 18px 24px; box-sizing: border-box; border-radius: 5px; border: 1px solid #EEEEEE; width: 100%; resize: none; height: 250px;}
.contactUs .contentBox fieldset > div:nth-child(3) textarea::placeholder{font-size: 16px; line-height: 24px; color: #AAAAAA;}
.contactUs .contentBox fieldset > div:nth-child(4){padding-bottom: 100px; border-bottom: 1px solid #EEEEEE; margin-bottom: 40px;}
.contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox{margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox > div input[type="file"]{display: none;}
.contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox > div label{cursor: pointer; position: relative; font-size: 16px; color: #555555; font-weight: 400; display: block; padding: 15px 25px 15px 50px; border: 1px solid #DDDDDD; border-radius: 5px;}
.contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox > div label:before{content: ''; display: block; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); background: url('/assets/images/fileUpload.png') center / contain no-repeat; width: 16px; height: 16px;}
.contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox p{font-size: 16px; line-height: 24px; color: #666666; font-weight: 300; padding-left: 25px; position: relative;}
.contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox p:before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('/assets/images/notice_icon.png') center / contain no-repeat; width: 16px; height: 16px;}
.contactUs .contentBox fieldset > div:nth-child(4) ul li{padding: 17px 25px 17px 50px; box-sizing: border-box; background-color: #F6F6F6; border-radius: 5px; position: relative;}
.contactUs .contentBox fieldset > div:nth-child(4) ul li:before{content: ''; display: block; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url('/assets/images/fileName.png') center / contain no-repeat;}
.contactUs .contentBox fieldset > div:nth-child(4) ul li:not(:last-child){margin-bottom: 15px;}
.contactUs .contentBox fieldset > div:nth-child(4) ul li input[type="text"]{font-size: 16px; font-weight: 400; color: #555555; width: calc(100% - 30px); border: none; outline: none; background-color: transparent;}
.contactUs .contentBox fieldset > div:nth-child(4) ul li button{background: url('/assets/images/closeBtn_gray.png') center / contain no-repeat; width: 10px; height: 10px; position: absolute; border: none; right: 20px; top: 50%; transform: translateY(-50%);}
.contactUs .contentBox fieldset > div:nth-child(5){margin-bottom: 65px;}
.contactUs .contentBox fieldset > div:nth-child(5) > div{margin-bottom: 15px;}
.contactUs .contentBox fieldset > div:nth-child(5) > div input[type="checkbox"]{display: none;}
.contactUs .contentBox fieldset > div:nth-child(5) > div label{cursor: pointer; font-size: 20px; line-height: 36px; color: #444444; font-weight: 500; padding-left: 40px; position: relative;}
.contactUs .contentBox fieldset > div:nth-child(5) > div label:before{content: ''; display: block; position: absolute; left: 0; top: 3px; background: url('/assets/images/checkBox.png') center / contain no-repeat; width: 20px; height: 20px;}
.contactUs .contentBox fieldset > div:nth-child(5) > div input[type="checkbox"]:checked + label:before{background-image: url('/assets/images/checkBox_checked.png');}
.contactUs .contentBox fieldset > div:nth-child(5) > p{padding-left: 40px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #666666; line-height: 28px;}
.contactUs .contentBox fieldset > div:nth-child(6){display: flex; justify-content: center;}
.contactUs .contentBox fieldset > div:nth-child(6) button{padding: 18px 48px; background-color: #444444; border-radius: 37px; color: #fff; font-size: 20px; font-weight: 700; border: none; transition: background 0.2s ease-out;}
.contactUs .contentBox fieldset > div:nth-child(6) button:hover{background-color: #C60707;}
/* 문의하기 Fin */

.investment_information.inside_information .contentBox h3{margin-bottom: 60px;}
.investment_information.inside_information .contentBox h4{font-size: 22px; line-height: 36px; margin-bottom: 40px; color: #EE0000; font-weight: 800; padding-bottom: 25px; border-bottom: 1px solid #EE0000;}
.investment_information.inside_information .contentBox ul > li:not(:last-child){margin-bottom: 100px;}
.investment_information.inside_information .contentBox ul li > div > span{display: block; font-size: 18px; font-weight: 600; color: #333333; line-height: 36px; margin-bottom: 20px;}
.investment_information.inside_information .contentBox ul li > div:not(:first-of-type){padding-top: 40px; border-top: 1px solid #EEEEEE; margin-top: 40px;}
.investment_information.inside_information .contentBox ul li > div > p{font-size: 16px; line-height: 26px; font-weight: 400; color: #555555;}
.investment_information.inside_information .contentBox .numbList > li{font-size: 16px; line-height: 26px; font-weight: 400; color: #555555;}
.investment_information.inside_information .contentBox .subNumbList{margin-top: 10px;}
.investment_information.inside_information .contentBox .subNumbList li{font-size: 16px; font-weight: 400; color: #777777; line-height: 26px; position: relative; padding-left: 20px;}
.investment_information.inside_information .contentBox .subNumbList li:not(:last-child){margin-bottom: 10px;}
.investment_information.inside_information .contentBox .subNumbList li span{position: absolute; left: 0; top: 0; font-size: 16px; font-weight: 400; color: #777777;}
.investment_information.inside_information .contentBox p strong{font-size: 18px; font-weight: 600; color: #333333; line-height: 36px;}
/* 내부정보관리규정 Fin */

.privacy h3{margin-bottom: 60px;}
.privacy .contentBox{padding: 100px 0 120px 0;}
.privacy .contentBox ul li > div > span{display: block; font-size: 18px; font-weight: 600; color: #333333; line-height: 36px; margin-bottom: 20px;}
.privacy .contentBox ul li:not(:first-of-type){padding-top: 40px; border-top: 1px solid #EEEEEE; margin-top: 40px;}
.privacy .contentBox ul li > div > p{font-size: 16px; line-height: 26px; font-weight: 400; color: #555555;}
.privacy .contentBox ul li > div > p:not(:last-child){margin-bottom: 30px;}
.privacy .contentBox ul li > div > div > span{position: relative; display: block; padding-left: 23px; font-size: 16px; font-weight: 400; color: #555555; line-height: 26px;}
.privacy .contentBox ul li > div > div > span:not(:last-child){margin-bottom: 10px;}
.privacy .contentBox ul li > div > div > span:before{content: '-'; display: block; position: absolute; left: 0; top: 0; font-size: 16px; font-weight: 400; color: #555555;}
/* 개인정보처리방침 Fin */

.siteMap{padding-top: 110px;}
.siteMap .grayBox{position: relative; height: 300px; background-color: #F9F9F9;}
.siteMap h2{position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; font-size: 60px; font-weight: 700; color: #222222; line-height: 71px;}
.siteMap .section_1{padding: 90px 0 120px 0;}
.siteMap .section_1 > div{display: flex;}
.siteMap .section_1 > div > span{display: block; font-size: 20px; font-weight: 700; color: #333333; width: 200px;}
.siteMap .section_1 > div > div{width: calc(100% - 200px);}
.siteMap .section_1 .type_a,
.siteMap .section_1 .type_b:not(:last-of-type){margin-bottom: 125px;}
.siteMap .section_1 .type_a > div span{cursor: pointer; font-size: 18px; font-weight: 600; width: 200px; color: #C4000E; padding-bottom: 15px; border-bottom: 1px solid #C4000E;}
.siteMap .section_1 .type_a > div > div{display: flex;}
.siteMap .section_1 .type_a > div > div:not(:last-child){margin-bottom: 20px;}
.siteMap .section_1 .type_a > div > div > ul{border-bottom: 1px solid #EEEEEE; display: flex; width: calc(100% - 200px);}
.siteMap .section_1 .type_a > div > div > ul li{word-break: keep-all; cursor: pointer; display: block; font-size: 17px; font-weight: 500; color: #777777; padding: 0 20px 15px 20px;}
.siteMap .section_1 .type_a > div > div > ul li:hover{text-decoration: underline;}
.siteMap .section_1 .type_b > div{border-bottom: 1px solid #EEEEEE; display: flex;}
.siteMap .section_1 .type_b > div a{display: block; font-size: 17px; font-weight: 500; color: #777777;}
.siteMap .section_1 .type_b > div a:not(:first-child){padding: 0 20px 15px 20px;}
.siteMap .section_1 .type_b > div a:first-child{padding: 0 20px 15px 0;}
.siteMap .section_1 .type_b > div a:hover{text-decoration: underline;}
/* 이용안내 / 사이트맵 Fin */

@media (max-width:1700px){
    .mainPage .sliderWrap .right > div h2,
    .mainPage .sliderWrap .right > div h2 span{font-size: 48px; line-height: 68px;}

    .banner_area > div,
    .siteMap h2,
    .siteMap .section_1{width: 90%;}
    .stickyNavBox > div{width: 100%;}

    .subPage.job_posting .contentBox > div{width: calc(100% - 220px);}
    /* .recruitment_information.job_posting .contentBox > div > div{overflow: hidden;} */
}

@media (max-width:1280px){
    .siteMap .section_1 > div,
    .siteMap .section_1 .type_a > div > div{flex-wrap: wrap;}
    .siteMap .section_1 > div > span{margin-bottom: 40px;}
    .siteMap .section_1 > div > span,
    .siteMap .section_1 > div > div,
    .siteMap .section_1 .type_a > div > div > ul{border-bottom: none; flex-wrap: wrap; margin-top: 20px; width: 100%;}
    .siteMap .section_1 .type_a > div > div > ul li{width: 100%; padding-left: 0;}
    .siteMap .section_1 .type_a > div span{width: 100%;}
    /* .mainPage > div > div{position: relative; width: 100%; height: 100%;}
    .mainPage > div > div > div{position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-top: 100px;}
    .mainPage .right{padding: 100px 6% 0 6%;}
    .mainPage .right > div h2,
    .mainPage .right > div h2 span{font-size: 52px; line-height: 68px;} */

    .mainPage .sliderWrap > div > div,
    .subPage{padding-top: 80px;}
    .mainPage .sliderWrap .right{padding: 100px 7% 0 7%;}
    .mainPage .sliderWrap .right > div h2,
    .mainPage .sliderWrap .right > div h2 span{font-size: 52px; line-height: 68px;}
    /* mainPage Fin */

    .subPage:not(.ci, .job_posting) .contentBox > div:not(.analysis_center),
    .contactUs .contentBox{width: 90%;}
    .subPage:not(.ci, .job_posting).stockPrice_information .contentBox > div:not(.analysis_center),
    .subPage:not(.ci, .job_posting).stock_status .contentBox > div:not(.analysis_center),
    .subPage:not(.ci, .job_posting).general_information .contentBox > div:not(.analysis_center),
    .subPage:not(.ci, .job_posting).financial_information .contentBox > div:not(.analysis_center){width: 100%;}
    .binex.business_areas .contentBox .tabContentBox .right{padding-left: 3%;}

    .binex.company_overview .contentBox > div > p{width: 100%;}

    .binex.business_areas .contentBox .tabContentBox .right p br{display: none;}

    /* .binex.location .contentBox .tabContentBox > div{overflow-x: auto;}
    .binex.location .contentBox .tabContentBox .table{width: 1180px;} */
    .binex.location .contentBox .tabContentBox .table li.thead .tr span,
    .binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(1),
    .binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(1){font-size: 14px;}
    .binex.location .contentBox .tabContentBox .table li .tr span:nth-child(1){width: 20%;}
    .binex.location .contentBox .tabContentBox .table li .tr span:nth-child(3){width: 25%;}
    .binex.location .contentBox .tabContentBox .table li .tr span:nth-child(4){width: 15%; padding-right: 10px;}
    .binex.location .contentBox .tabContentBox .table li .tr span:nth-child(2){width: 50%;}
    .binex.location .contentBox .tabContentBox .table li .tr span:nth-child(1){padding-left: 10px;}
    .binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(4):after{left: auto; right: 10px;}

    /* .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap,
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap,
    .investment_information.general_information .contentBox .tableWrap,
    .investment_information.stock_status .contentBox .tableWrap,
    .investment_information.stockPrice_information .contentBox .tableWrap{overflow-x: auto; white-space: nowrap;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table,
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table,
    .investment_information.general_information .contentBox .tableWrap table,
    .investment_information.stock_status .contentBox .tableWrap table,
    .investment_information.stockPrice_information .contentBox .tableWrap table{width: 1200px;} */

    .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li > div:nth-of-type(2) span{font-size: 16px;}

    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul{flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul > li:not(:last-child){margin-bottom: 30px;}
    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(1),
    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(2),
    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(3),
    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(4),
    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(5),
    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul li:nth-child(6){width: 100%;}

    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li{width: 40px; line-height: 40px;}

    /* .synthetic_drugs.product_license_changes .contentBox .tableWrap,
    .investment_information.settlement_announcement .contentBox .tableWrap{overflow-y: hidden; overflow-x: scroll; white-space: nowrap;}
    .synthetic_drugs.product_license_changes .contentBox .tableWrap table,
    .investment_information.settlement_announcement .contentBox .tableWrap table{width: 1200px;} */

    .synthetic_drugs.product_license_changes .contentBox .tableWrap table thead tr th:nth-child(1),
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(1),
    .synthetic_drugs.product_license_changes .contentBox .tableWrap table tbody tr td:nth-child(1),
    .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td:nth-child(1){position: sticky; left: 0; top: 0;}
    .synthetic_drugs.product_license_changes .contentBox .tableWrap table tbody tr td:nth-child(1),
    .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td:nth-child(1){background-color: #fff;}


    .investment_information.public_announcement .dart_wrapper,
    .investment_information.public_announcement .dart_wrapper iframe{width: 100%;}

    .synthetic_drugs.probiotics.manufacturing_facility .contentBox .sliderWrap > ul li,
    .synthetic_drugs.busan .contentBox .tabContentBox .sliderWrap > ul li{height: auto;}
}

@media (max-width:1023px){
    .mainPopUp{width: 60%; height: 75%;}
    .mainPopUp > div:nth-child(1){overflow: auto; background-color: #fff; height: calc(100% - 35px);}
    .mainPopUp > div:nth-child(2){position: absolute; left: 0; bottom: 0; width: 100%;}
    .mainPopUp > div:nth-child(1) > div:nth-child(1){padding: 20px;}
    .mainPopUp > div:nth-child(1) > div:nth-child(1) h3{font-size: 18px; line-height: 28px;}
    .mainPopUp > div:nth-child(1) > div:nth-child(2){padding: 20px;}
    .mainPopUp > div:nth-child(1) > div:nth-child(2) p,
    .mainPopUp > div:nth-child(1) > div:nth-child(2) p strong{font-size: 14px; line-height: 24px;}
    .mainPopUp > div:nth-child(1) > div:nth-child(2) > div{flex-wrap: wrap;}
    .mainPopUp > div:nth-child(1) > div:nth-child(2) ul li{font-size: 14px;}
    .mainPopUp > div:nth-child(1) > div:nth-child(2) > div button{width: 100%;}
    .mainPopUp > div:nth-child(1) > div:nth-child(2) > div button:not(:last-child){margin-bottom: 10px;}

    /* .mainPage .right > div .dotsBox ol li{background-color: #fff;}
    .mainPage .right > div .dotsBox button i{color: #fff;}
    .mainPage .right > div .dotsBox .controlBtn{background-image: url('/assets/images/pauseBtn_white.png');}
    .mainPage .right > div .dotsBox .controlBtn.active{background-image: url('/assets/images/playBtn_white.png');} */

    .mainPage .sliderWrap > div{flex-wrap: wrap;}
    .mainPage .sliderWrap > div > div{width: 100%; height: 50%;}
    .mainPage .circleBtn{top: 50%; width: 80px; height: 80px;}
    /* .mainPage .circleBtn:before{width: 70px; height: 70px;} */
    .mainPage .circleBtn img{width: 70px; height: 70px;}
    /* mainPage Fin */

    .banner_area{height: 300px;}
    .banner_area h2{font-size: 40px; line-height: 60px;}
    .subPage.ci .contentBox > div{width: 90%;}

    .tabBtnBox > div button{font-size: 14px;}

    .binex.company_overview .contentBox ul{flex-wrap: wrap;}
    .binex.company_overview .contentBox ul li{width: 50%;}

    .binex.business_areas .contentBox .tabContentBox > div.active > div{flex-wrap: wrap;}
    .binex.business_areas .contentBox .tabContentBox .left,
    .binex.business_areas .contentBox .tabContentBox .right{width: 100%;}
    .binex.business_areas .contentBox .tabContentBox .left{margin-bottom: 30px;}
    .binex.business_areas .contentBox .tabContentBox .right{padding-left: 0;}

    .binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1){flex-wrap: wrap;}
    .binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-child(1),
    .binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-child(2){width: 100%;}
    .binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-child(1){margin-bottom: 30px;}
    .binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-child(2){margin-left: 0;}
    .binex.ci .contentBox .tabContentBox ul{flex-wrap: wrap;}
    .binex.ci .contentBox .tabContentBox ul li{width: 49%;}
    .binex.ci .contentBox .tabContentBox ul li:not(:nth-child(3n)){margin-right: 0;}
    .binex.ci .contentBox .tabContentBox ul li:not(:nth-child(2n)){margin-right: 2%;}

    .binex.location .contentBox .tabContentBox > div:not(:last-child).active{flex-wrap: wrap;}
    .binex.location .contentBox .tabContentBox > div:not(:last-child) .left,
    .binex.location .contentBox .tabContentBox > div:not(:last-child) .right{width: 100%;}
    .binex.location .contentBox .tabContentBox > div:not(:last-child) .left{margin-bottom: 30px;}
    .binex.location .contentBox .tabContentBox > div:not(:last-child) .right{padding-left: 0;}

    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul{flex-wrap: wrap;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul li{margin-bottom: 20px; width: 49%;}
    /* .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox){overflow-x: scroll; overflow-y: hidden; white-space: nowrap; padding: 20px;} */
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox){padding: 0; flex-wrap: wrap;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox) li{padding: 15px 0; width: 49%;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox) li:not(:first-child){margin-left: 0;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox) li:not(:nth-child(2n)){margin-right: 2%;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox) li .imgBox img{margin: 0 auto; max-width: 100px;}
    /* .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div{overflow-x: scroll; overflow-y: hidden; white-space: nowrap;} */
    /* .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table{width: 1200px;} */
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul{flex-wrap: wrap;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(5) ul li{width: 100%;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div{flex-wrap: wrap;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div > div{width: 100%;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div > div:not(:first-child){margin-left: 0;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox > div > div:not(:last-child){margin-bottom: 30px;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(1) > div > div > .arrow,
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .listBox:nth-of-type(2) > div > div > .arrow{display: none;}
    .bio_medicine_cdmo .available_modality_list{flex-wrap: wrap;}
    .bio_medicine_cdmo .available_modality_list li{width: 50%;}
    .bio_medicine_cdmo .available_modality_list li:not(:first-child):before{display: none;}

    .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .flexBox{flex-wrap: wrap; flex-direction: column-reverse;}
    .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .left,
    .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .right{width: 100%;}
    .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox{flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li{width: 100%;}
    .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .listBox li:not(:last-child) > div:nth-of-type(2):after{display: none;}

    .bio_medicine_cdmo.consignment_development .tabContentBox .content_1 .listBox li{margin-bottom: 50px;}
    .bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div{flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_development .content_2 .flexBox .left > div dl{width: 100%;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(1),
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(2){flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap > div{width: 100%; height: 100px; margin-bottom: 50px;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox{height: auto; width: 100%;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li{margin-bottom: 30px;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li:not(:last-child){margin-bottom: 50px;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li:nth-child(1){padding-left: 0;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(2) .listBox li:nth-child(1){margin-bottom: 0;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(2) .listBox li:nth-child(1) .grayBox{border-radius: 10px 10px 0 0;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(2) .listBox li:nth-child(2) .grayBox{border-radius: 0 0 10px 10px;}
    /* .bio_medicine_cdmo.consignment_development .content_5 > div{flex-wrap: wrap; flex-direction: column-reverse;}
    .bio_medicine_cdmo.consignment_development .content_5 .right{padding-left: 0; margin-bottom: 50px;} */
    .bio_medicine_cdmo.consignment_development .content_5 .grayWrap{flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_development .content_5 .grayWrap .grayBG{width: 100%; margin-bottom: 30px;}
    .bio_medicine_cdmo.consignment_development .content_5 .listBox{height: auto; padding: 20px 0;}
    .bio_medicine_cdmo.consignment_development .content_5 .listBox li:not(:last-child){margin-bottom: 30px;}

    .bio_medicine_cdmo.consignment_production .flexBox{flex-wrap: wrap; flex-direction: column-reverse;}
    .bio_medicine_cdmo.consignment_production .flexBox .left,
    .bio_medicine_cdmo.consignment_production .flexBox .right{width: 100%;}
    /* .bio_medicine_cdmo.consignment_production .tableWrap,
    .borad .contentBox .tableWrap,
    .boardView .contentBox .tableWrap{overflow-y: hidden; overflow-x: scroll; white-space: nowrap;}
    .borad .contentBox .tableWrap table,
    .boardView .contentBox .tableWrap table{width: 1200px;} */

    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox{flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(1),
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(2){width: 50%;}
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(2){border-right: none;}
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(2) > span,
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(2) > span:after{display: none;}
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(3),
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(4),
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(5),
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(6){width: 25%;}

    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul{flex-wrap: wrap;}
    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li:not(:first-child){margin-left: 0;}
    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li{margin: 5px;}
    .synthetic_drugs.product_search .contentBox .searchResultList li{width: 100%;}
    .synthetic_drugs.product_search .contentBox .searchResultList li > div .thumbBox{width: 40%;}
    .synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox{width: 60%;}
    .synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dt{padding: 25px 20px;}
    .synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd{padding-left: 47px; padding-right: 20px;}
    .synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox dl dd:before{left: 20px;}

    .synthetic_drugs.probiotics.manufacturing_facility .contentBox .imgBox img{height: auto;}

    .recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div > div span{font-size: 16px;}

    .subPage.job_posting .contentBox > div{width: 90%;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(1){background-position: left bottom;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul{padding: 20px;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li{width: 49%;}

    .recruitment_information.job_posting .contentBox > div > div > div:not(:nth-of-type(3)){width: 100%;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(1){background-position: left bottom; padding: 30px; height: auto;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2){padding: 0 10px 10px 10px;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(1) > ul li{width: 100%;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(2) > div{flex-wrap: wrap;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(2) > div h4{width: 100%; margin-bottom: 20px;}
    .recruitment_information.job_posting .btnBox{display: flex; justify-content: center; position: static;}
    .recruitment_information.job_posting .btnBox button{border-radius: 15px; transform: rotate(0);}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div{flex-wrap: wrap;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div a{width: 100%;}
    .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(2) > ul > li:nth-child(3) div a:nth-of-type(1){overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .contactUs .contentBox fieldset > div:nth-child(1) ul li{width: 49%;}
    .contactUs .contentBox fieldset > div:nth-child(1) ul li:not(:nth-child(3n)){margin-right: 0;}
    .contactUs .contentBox fieldset > div:nth-child(1) ul li:not(:nth-child(2n)){margin-right: 2%;}
    .contactUs .contentBox fieldset > div:nth-child(2) ul{flex-wrap: wrap;}
    .contactUs .contentBox fieldset > div:nth-child(2) ul li{width: 48%; margin-bottom: 20px;}
    .contactUs .contentBox fieldset > div:nth-child(2) ul li:not(:nth-child(5n)){margin-right: 0;}
    .contactUs .contentBox fieldset > div:nth-child(2) ul li:not(:nth-child(2n)){margin-right: 4%;}

    .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td p{width: 100%;}
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(1){width: 10%;}
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(2){width: 60%;}
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(3){width: 20%;}
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(4){width: 10%;}

    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(1),
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr th{width: 20%; padding-left: 5px;}
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:not(:nth-child(1)){width: 26.66%;}
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(3),
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(4){width: auto;}
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th > div{width: 100%;}
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(4),
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td:last-of-type{padding-right: 5px;}
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th > div > span{text-align: right;}

    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(1) table tbody tr th{width: 20%; padding-left: 0; text-align: center;}
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(1) table tbody tr td{width: 30%;}
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:nth-child(1){width: 15%;}
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:nth-child(2),
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:nth-child(3),
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:nth-child(4),
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:nth-child(5),
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:nth-child(6),
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:nth-child(7){width: 10%;}
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:nth-child(8){width: 25%;}
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th:not(:first-child),
    .investment_information.stockPrice_information .contentBox .tableWrap table tbody tr td:not(:first-child){border-left: 1px solid #EEEEEE;}

    .investment_information.stock_status .contentBox .tableWrap table thead tr th{width: 25%;}

    .investment_information.general_information .contentBox .tableWrap table tbody tr th,
    .investment_information.general_information .contentBox .tableWrap table tbody tr td{width: 16.66%; padding-left: 0; text-align: center;}


    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table tbody th{position: static;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_1 .tableWrap table tbody th{padding: 24px 5px; text-align: center; width: 25%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_1 .tableWrap table tbody td{width: 75%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_1 .tableWrap table .flexWrap{flex-wrap: wrap; justify-content: center;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_1 .tableWrap table .inputBox,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_1 .tableWrap table .inputBox.phone input,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_1 .tableWrap table .inputBox.phone select{width: 100%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox:not(.phone) input,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox:not(.phone) select{width: 100%; display: block;}

    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table th{padding: 20px 5px; text-align: center; vertical-align: top;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_2 .tableWrap table tbody tr.half th,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .anonymous_1 .tableWrap table tbody th{width: 20%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_2 .tableWrap table tr.half td{width: 25%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_2 .tableWrap table tbody th{width: 25%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .flexWrap.radio{flex-wrap: wrap; padding: 20px 5px;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .flexWrap.radio > div{width: 100%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .flexWrap.radio > div:not(:first-child){margin-top: 5px; margin-left: 0;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_3 .tableWrap table tbody th,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .anonymous_2 .tableWrap table tbody th{width: 25%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr th:nth-child(1),
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr th:nth-child(1){width: 25%;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr td,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr td{padding: 20px 5px;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr td:nth-child(1){text-align: center;}

    .borad .contentBox .tableWrap table thead tr th:nth-child(1),
    .borad .contentBox .tableWrap table tbody tr td:nth-child(1){display: none;}
    .borad .contentBox .tableWrap table tbody tr td:nth-child(2){padding-left: 10px; box-sizing: border-box;}
    .borad .contentBox .tableWrap table thead tr th:nth-child(2){width: 60%;}
    .borad .contentBox .tableWrap table thead tr th:nth-child(3),
    .borad .contentBox .tableWrap table thead tr th:nth-child(4){width: 20%;}

    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(1) > div span{font-size: 14px;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2) > div span{font-size: 50px;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2) > div > div:before,
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2) > div > div:last-child:after{height: 155px;}

    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(1),
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(2),
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(3),
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(4),
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table thead tr th:nth-child(5){width: 20%;}

    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table tr.half td{width: 20%;}

    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listWrap,
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .opacityBox{display: none;}
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .mobileBox{display: block;}
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .mobileBox img{display: block; width: 100%;}

    .synthetic_drugs.busan .contentBox > div > .imgBox img{height: auto;}

    .bio_medicine_cdmo.consignment_development .content_2 .listWrap .listBox li .grayBox{display: none;}
    .bio_medicine_cdmo.consignment_development .content_2 .listWrap:nth-of-type(2) > div{margin-bottom: 0;}

    .bio_medicine_cdmo.consignment_production .content_3 .contactBox{flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_production .content_3 .contactBox > div{width: 100%;}
    .bio_medicine_cdmo.consignment_production .content_3 .contactBox > div:not(:first-child):before{display: none;}
}


@media (max-width: 767px){
    .mainPopUp{width: 90%; height: 80%;}
    .mainPopUp > div:nth-child(1) > div:nth-child(1) h3 br{display: none;}
    .mainPopUp > div:nth-child(1) > div:nth-child(2) > div button{padding: 10px 0;}
    .mainPopUp > div:nth-child(1) > div:nth-child(2):after{right: 20px; top: 10px; width: 60px;}

    .tabBtnBox > div button{font-size: 12px;}

    .user_wrap .pagerBox,
    .user_wrap .MuiStack-root {width: 100% !important;}
    .user_wrap .MuiPagination-root{width: 100% !important;}
    .user_wrap button.MuiButtonBase-root{min-width: 20px !important; margin: 0 !important;}
    .user_wrap .MuiStack-root > nav > ul,
    .user_wrap .MuiPagination-ul {width: 100% !important; justify-content: center !important;}


    .user_wrap .pagerBox button{font-size: 12px !important; height: 25px !important; width: auto !important;}
    /* .user_wrap .css-wjh20t-MuiPagination-ul li,
    .user_wrap .pagerBox button{margin: 0 3px; min-width: 9% !important;}
    .user_wrap .user_wrap .pagerBox button,
    .user_wrap .pagerBox button{padding: 0; box-sizing: border-box;}
    .user_wrap .css-10w330c-MuiButtonBase-root-MuiPaginationItem-root{min-width: auto !important; width: 20px;} */

    /* .mainPopUp{width: 90%; height: auto;} */

    /* .mainPage .circleBtn{display: none;} */
    .mainPage .sliderWrap .right{padding: 0 5%;}
    .mainPage .sliderWrap .right > div h2,
    .mainPage .sliderWrap .right > div h2 span{font-size: 32px; line-height: 48px;}
    .mainPage .sliderWrap .right > div p{margin-bottom: 30px;}
    .mainPage .sliderWrap .right > div p,
    .mainPage .sliderWrap .right > div p strong{font-size: 16px; line-height: 28px;}

    .mainPage .slider_txt_wrap2{margin-bottom: 0;}

    .mainPage .slider_txt_wrap2 .slider_txt br{display: none;}

    /* .mainPopUp .btnBox > div label,
    .mainPopUp .btnBox > button{font-size: 12px;} */
    /* mainPage Fin */



    .banner_area{height: 250px;}
    .stickyNavBox > div > div:not(:last-of-type){display: none;}
    .tabBtnBox > div{overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
    /* .bio_medicine_cdmo.business_overview .contentBox .tabBtnWrap{overflow-x: scroll; overflow-y: hidden; white-space: nowrap;} */
    .bio_medicine_cdmo.business_overview .contentBox .tabBtnWrap{flex-wrap: wrap;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div{width: 100%; margin-bottom: 20px;}
    .bio_medicine_cdmo.business_overview .contentBox .tabBtnWrap .tabBtnBox{width: 100%;}
    .tabBtnBox > div > div:before,
    .binex.business_areas .contentBox .tabBtnBox > div > div:not(:first-child):after,
    .binex.history .contentBox .tabBtnBox > div > div:last-child:after,
    .binex.location .contentBox .tabBtnBox > div > div:last-child:after,
    .reportingInformationAndProcedures.report .contentBox .tabBtnBox > div > div:last-child:after,
    .reportingInformationAndProcedures.report .contentBox .noticeBox > div > div:before,
    .reportingInformationAndProcedures.report .contentBox .noticeBox > div > div:last-child:after,
    .reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div:last-child:after,
    .binex.ci .contentBox .tabBtnBox > div > div:last-child:after,
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(1) > div > div:after,
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) .tabBtnBox:nth-of-type(2) > div > div:last-child:after,
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox > div > div:last-child:after,
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div > div:last-child:after,
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div > div:nth-child(3):after,
    .synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div:last-child:after,
    .synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div:before,
    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div:last-child:after,
    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div:before,
    .synthetic_drugs.product_search .contentBox .tabBtnBox_3 > div > div:last-child:after,
    .synthetic_drugs.product_search .contentBox .tabBtnBox_3 > div > div:before,
    .recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div:last-child:after,
    .recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div:last-child:after{display: none;}
    /* .binex.business_areas .contentBox .tabBtnBox > div > div,
    .binex.business_areas .contentBox .tabBtnBox > div > div button, */
    .binex.ci .contentBox .tabBtnBox > div > div,
    .binex.ci .contentBox .tabBtnBox > div > div button,
    /* .binex.history .contentBox .tabBtnBox > div > div, */
    /* .binex.history .contentBox .tabBtnBox > div > div button, */
    .binex.location .contentBox .tabBtnBox > div > div,
    .binex.location .contentBox .tabBtnBox > div > div button,
    .reportingInformationAndProcedures.report .contentBox .tabBtnBox > div > div,
    .reportingInformationAndProcedures.report .contentBox .tabBtnBox > div > div button,
    .synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div,
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div button{min-width: 180px; font-size: 16px;}

    .binex.business_areas .contentBox h3 span,
    .binex.history .contentBox h3 span,
    .reportingInformationAndProcedures.whistleblower_protection .contentBox h3 span,
    .reportingInformationAndProcedures.processing_procedure .contentBox h3 span{word-break: keep-all; display: inline;}

    .searchBox{width: 90%;}

    .binex.company_overview .contentBox ul li{width: 100%; height: 240px;}
    .binex.company_overview .contentBox ul li:not(:last-child){margin-bottom: 20px;}
    .binex.company_overview .contentBox ul li:not(:first-child):before{display: none;}
    .binex.company_overview .contentBox ul li span:nth-child(1){margin-bottom: 10px;}

    .binex.vision .contentBox h3 span{display: block;}
    .binex.vision .contentBox > div > div p{font-size: 24px; width: 90%; left: 50%; transform: translate(-50%, -50%);}
    .binex.vision .contentBox > div > div p strong{font-size: 24px;}

    .binex.greetings .contentBox > div > div{padding: 40px 20px 40px 20px;}
    .binex.greetings .contentBox > div > div:after{width: 80px; right: 30px; bottom: 30px;}
    .binex.greetings .contentBox > div > div > span{padding-right: 0;}
    .binex.greetings .contentBox > div > div > p:nth-child(1){padding: 20px 0 0 0;}

    .binex.business_areas .contentBox .tabContentBox .right > div > div{flex-wrap: wrap;}
    .binex.business_areas .contentBox .tabContentBox .right > div > div h4{width: 100%; margin-bottom: 20px;}
    .binex.business_areas .contentBox .tabContentBox .right > div > div > div{margin-left: 0;}

    .binex.ci .contentBox > div > div:nth-of-type(2) > div:nth-of-type(1) > div > div img{max-width: 90%;}
    .binex.ci .contentBox .tabContentBox ul li{width: 100%;}
    .binex.ci .contentBox .tabContentBox ul li:not(:nth-child(2n)){margin-right: 0;}

    .binex.history .contentBox .tabContentBox ul li{padding-left: 20px;}

    /* .binex.location .contentBox .tabContentBox .right .tableWrap{overflow-x: auto; white-space: nowrap;}
    .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th{position: sticky; left: 0; z-index: 1;} */
    .codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > ul{padding: 60px 20px 20px 20px;}

    .reportingInformationAndProcedures .contentBox .linkBox{flex-wrap: wrap;}
    .reportingInformationAndProcedures .contentBox .linkBox > div{background-size: cover; width: 100%;}
    .reportingInformationAndProcedures .contentBox .linkBox > div:not(:first-child):before{display: none;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div .titleBox{flex-wrap: wrap;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox h4{width: 100%; margin-bottom: 20px;}

    .reportingInformationAndProcedures.reporting_information dl{padding: 30px 25px;}

    .reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div{flex-wrap: wrap;}
    .reportingInformationAndProcedures.processing_procedure .contentBox .tabBtnBox > div > div{width: 100%;}

    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(1) ul li{width: 100%;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox{padding: 0;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox > div{flex-wrap: wrap;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox > div > div{width: 100%;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox:nth-of-type(1){border-bottom: none;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(6) .tabBtnBox > div > div:last-of-type{display: none;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div .btnBox{flex-wrap: wrap;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div .btnBox button{width: 100%;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div .btnBox button:not(:first-child){margin-left: 0; margin-top: 20px;}

    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnWrap{overflow-y: hidden; overflow-x: scroll; white-space: nowrap;}
    /* .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnWrap .tabBtnBox{width: 1000px;} */
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnWrap{display: flex;}
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox{border: none; padding: 0;}
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div{flex-wrap: nowrap;}
    /* .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div > div, */
    .synthetic_drugs.busan .contentBox .tabBtnBox > div > div{width: 300px;}
    .bio_medicine_cdmo.consignment_development .contentBox .tabBtnBox:nth-of-type(1) > div{overflow-x: unset; overflow-y: unset;}
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox:nth-of-type(1) > div > div{width: 200px;}
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox:nth-of-type(2) > div > div{width: 300px;}
    .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox:nth-of-type(2) > div > div:last-of-type,
    .synthetic_drugs.busan .contentBox .tabBtnBox > div > div:not(:first-child):after{display: none;}

    .bio_medicine_cdmo.consignment_development .tabContentBox > div > div:not(.flexBox) > .listBox{flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_development .tabContentBox > div > div:not(.flexBox) > .listBox li{width: 100%;}
    .bio_medicine_cdmo.consignment_development .tabContentBox > div > div:not(.flexBox) > .listBox li:not(:last-child){margin-bottom: 50px;}

    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul li > span{font-size: 18px;}
    .bio_medicine_cdmo.consignment_production .content_3 .programBox ul div span{font-size: 14px;}
    .bio_medicine_cdmo.consignment_production .content_3 > div:nth-of-type(5) .imgBox{padding: 0;}

    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) > div:nth-of-type(1) .listBox,
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) > div:nth-of-type(2) .listBox{flex-wrap: wrap;}
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listBox li,
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) > div:nth-of-type(2) .listBox li{width: 100%;}
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) .listBox li:not(:last-child),
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) > div:nth-of-type(2) .listBox li:not(:last-child){margin-bottom: 50px;}
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) > div:nth-of-type(1) .listBox li:not(:last-child) > div:nth-of-type(2):after,
    .bio_medicine_cdmo.consignment_production .content_1 > div:nth-of-type(4) > div:nth-of-type(2) .listBox li:not(:last-child) > div:nth-of-type(2):before,
    .investment_information.financial_information .contentBox .tabBtnBox > div > div:not(:first-child):after{display: none;}

    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(3),
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(4),
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(5),
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:nth-child(6){width: 100%;}
    .bio_medicine_cdmo.consignment_production .content_2 .listWrap .listBox li:not(:last-child, :nth-child(2)) > div:nth-of-type(2):after{display: none;}


    .searchBox input[type="text"]::placeholder{font-size: 4vw;}
    .synthetic_drugs.product_search .contentBox .tabBtnBox{padding: 10px 0;}
    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox{padding: 20px 0; height: auto;}
    .synthetic_drugs.product_search .contentBox .tabBtnBox_3 .searchResultBox > p,
    .synthetic_drugs.product_search .contentBox .tabBtnBox_3 .searchResultBox > span{font-size: 14px;}

    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul{height: 200px; overflow-y: scroll;}
    .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.efficacy ul li{width: 100%;}
    .synthetic_drugs.product_search .contentBox .searchResultList li > div{flex-wrap: wrap;}
    .synthetic_drugs.product_search .contentBox .searchResultList li > div .thumbBox,
    .synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox{height: auto; width: 100%;}
    .synthetic_drugs.product_search .contentBox .searchResultList li > div .thumbBox{height: 230px; margin-bottom: 30px;}

    /* .synthetic_drugs.product_license_changes_view .contentBox .tableWrap{overflow-y: hidden; overflow-x: scroll; white-space: nowrap;} */
    .synthetic_drugs.product_license_changes_view .contentBox .tableWrap table tr th{position: sticky; left: 0; top: 0; z-index: 1;}
    .synthetic_drugs.product_license_changes_view .contentBox .tableWrap table tbody tr th,
    .synthetic_drugs.product_license_changes_view .contentBox .tableWrap table tbody tr td{padding: 10px;}
    .synthetic_drugs.product_license_changes_view .contentBox .tableWrap table tbody tr th,
    .synthetic_drugs.product_license_changes_view .contentBox .tableWrap table tbody tr td,
    .synthetic_drugs.product_license_changes_view .contentBox .tableWrap table tbody tr td p strong,
    .synthetic_drugs.product_license_changes_view .contentBox .tableWrap table tbody tr td a{font-size: 14px;}

    .recruitment_information.ideal_talent .contentBox .tabBtnBox{border: none;}
    .recruitment_information.ideal_talent .contentBox .tabBtnBox > div{flex-wrap: wrap;}
    .recruitment_information.ideal_talent .contentBox .tabBtnBox > div > div{width: 100%;}
    .recruitment_information.welfare_benefits .contentBox .tabBtnBox{padding: 0; border: none;}
    .recruitment_information.welfare_benefits .contentBox .tabBtnBox > div{white-space: wrap; flex-wrap: wrap;}
    .recruitment_information.welfare_benefits .contentBox .tabBtnBox > div > div{width: 100%;}

    .contactUs .contentBox fieldset > div:nth-child(1) ul li{width: 100%;}
    .contactUs .contentBox fieldset > div:nth-child(1) ul li:not(:nth-child(2n)){margin-right: 0;}
    .contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox{flex-wrap: wrap;}
    .contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox > div,
    .contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox > p{width: 100%;}
    .contactUs .contentBox fieldset > div:nth-child(4) .fileUploadBox > div{margin-bottom: 10px;}

    .borad .searchWrap{flex-wrap: wrap;}
    .borad .searchWrap select,
    .borad .searchBox{width: 100%;}
    .borad .searchBox{padding: 0; margin-top: 20px;}

    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th,
    .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td,
    /* .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td p, */
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th,
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr th,
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td,
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td span,
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th > div > span:nth-child(1),
    .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th > div > span:nth-child(2),
    .investment_information.stockPrice_information .contentBox .tableWrap table tbody tr th,
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(1) table tbody tr td,
    .investment_information.stock_status .contentBox .tableWrap table thead tr th,
    .investment_information.stock_status .contentBox .tableWrap table tbody tr td,
    .investment_information.general_information .contentBox .tableWrap table tbody tr th,
    .investment_information.general_information .contentBox .tableWrap table tbody tr td,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table th{font-size: 14px; padding: 24px 5px; box-sizing: border-box;}
    .reportingInformationAndProcedures.report .radioBox label,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr td:nth-child(1),
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr td:nth-child(1),
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tr td:not(:nth-child(1)),
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(5) .tableWrap table tr td:not(:nth-child(1)),
    .reportingInformationAndProcedures.report .contentBox .tabContentBox > div > div:nth-child(4) .tableWrap table tbody tr:nth-child(1) td:nth-child(2) p:nth-child(2),
    .borad .contentBox .tableWrap table thead tr th,
    .borad .contentBox .tableWrap table tbody tr td:nth-child(2) p,
    .borad .contentBox .tableWrap table tbody tr td:nth-child(3),
    .borad .contentBox .tableWrap table tbody tr td:nth-child(4),
    .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td p{font-size: 14px;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(3) .tableWrap table tr:nth-of-type(3) td p,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div .tableWrap table tr td.paddingBox p{font-size: 12px;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tr th,
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabContentBox > div table tbody tr td{font-size: 12px; padding: 14px 3px; box-sizing: border-box;}
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table thead tr th,
    .investment_information.stockPrice_information .contentBox .tableWrap:nth-of-type(2) table tbody tr td{font-size: 10px;}
    .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td p{width: 100%;}
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(1),
    .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td:nth-child(1){display: none;}
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(2){width: 58%; text-align: left; padding-left: 5px; box-sizing: 5px;}
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(3){width: 25%;}
    .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(4){padding-right: 5px; box-sizing: border-box; width: 17%;}
    .investment_information.settlement_announcement .contentBox .tableWrap table tbody tr td:nth-child(2){padding-left: 5px; box-sizing: border-box;}

    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileWrap{flex-wrap: wrap;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .fileWrap .fileBox{width: 100%; margin-bottom: 20px;}
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div:nth-child(3) .tableWrap table tr:nth-of-type(3) td,
    .reportingInformationAndProcedures.report .contentBox .tabContentBox .tabContent_1 > div .tableWrap table tr td.paddingBox{padding: 17px 5px;}

    .boardView .contentBox .tableWrap table tbody tr th{width: 25%;}
    .boardView .contentBox .tableWrap table tbody tr.half td{width: 25%;}

    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul.mobileBox{display: flex;}
    .bio_medicine_cdmo.business_overview .contentBox .tabBtnWrap{display: none;}

    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox) li{width: 100%;}
    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(2) > ul:not(.mobileBox) li:not(:nth-child(2n)){margin-right: 0;}
    .bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox{flex-wrap: wrap; padding-top: 300px; position: relative;}
    .bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(1),
    .bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(2){width: 100%;}
    .bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(1){position: absolute; height: 300px; top: 0;}
    .bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(2){flex-wrap: wrap; padding-top: 20px; padding-left: 0;}
    .bio_medicine_cdmo.consignment_development .tabContentBox .content_4 .img_flexBox > div:nth-of-type(2) > div{width: 100%; margin-bottom: 20px;}

    .synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox{flex-wrap: wrap;}
    .synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div{width: 100%;}
    .synthetic_drugs.probiotics.microbial_dynamic_analysis_service .contentBox .listBox > div:not(:last-child){margin-bottom: 25px;}

    .binex.location .contentBox .tabContentBox > div{padding: 0;}
    .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th span,
    .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td{font-size: 14px;}
    .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th{box-sizing: border-box; padding: 25px 7px; width: 35%;}
    .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td{box-sizing: border-box; padding: 25px 7px; width: 65%;}
    .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .ktx:before{top: 8px;}

    .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr td .blue{display: block; margin-bottom: 10px;}
    .binex.location .contentBox .tabContentBox .right .tableWrap table.head_office tbody tr:nth-child(4) td .green,
    .binex.location .contentBox .tabContentBox .right .tableWrap table.songdo tbody tr:nth-child(4) td .blue,
    .binex.location .contentBox .tabContentBox .right .tableWrap table.osong tbody tr:nth-child(4) td .green{margin-left: 0;}
    .binex.location .contentBox .tabContentBox .right .tableWrap table.head_office tbody tr:nth-child(4) td > span{display: block; margin-left: 0;}

    .bio_medicine_cdmo.consignment_production .content_1 .tableWrap table thead tr th:nth-child(1),
    .bio_medicine_cdmo.consignment_production .content_1 .tableWrap table thead tr th:nth-child(2),
    .bio_medicine_cdmo.consignment_production .content_1 .tableWrap table thead tr th:nth-child(3),
    .bio_medicine_cdmo.consignment_production .content_1 .tableWrap table thead tr th:nth-child(4){width: 25%;}
    .bio_medicine_cdmo.consignment_production .tableWrap table tr th,
    .bio_medicine_cdmo.consignment_production .tableWrap table tr td{padding: 20px 5px; font-size: 14px;}
    .bio_medicine_cdmo.consignment_production .content_2 .tableWrap table thead tr th,
    .bio_medicine_cdmo.consignment_production .content_3 .tableWrap table thead tr th,
    .bio_medicine_cdmo.consignment_production .tableWrap table tbody tr td{word-break: break-word; width: 25%;}

    .bio_medicine_cdmo.consignment_development .content_3 .tableWrap thead tr th,
    .bio_medicine_cdmo.consignment_development .content_3 .tableWrap table tbody tr td{padding: 20px 5px; font-size: 12px; word-break: break-word; width: 20%;}
    .bio_medicine_cdmo.consignment_development .content_3 .tableWrap tbody tr td ul li{font-size: 12px;}
    .bio_medicine_cdmo.consignment_production .flexBox .left{padding: 20px;}

    .investment_information.financial_information .contentBox .tabBtnBox > div > div{width: 320px;}

    .boardView .contentBox .tableWrap table tbody tr th, .boardView .contentBox .tableWrap table tbody tr td{padding: 25px 5px;}

    .reportingInformationAndProcedures.whistleblower_protection .contentBox > div > div h4{padding: 20px 30px;}
    .reportingInformationAndProcedures.whistleblower_protection .contentBox > div > div ol{padding: 30px 10px;}

    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(1),
    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(2),
    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(3),
    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(4),
    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(5),
    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(6),
    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(7),
    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th:nth-child(8){width: 12.5%;}
    .investment_information.stockPrice_information .contentBox .tableWrap table thead tr th,
    .investment_information.stockPrice_information .contentBox .tableWrap table tbody tr td{font-size: 10px;}

    .bio_medicine_cdmo .available_modality_list li{width: 100%;}

    .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div:after{top: -10px; right: 3px; width: 130px;}

    .synthetic_drugs.busan .contentBox .tabContentBox > div{padding: 0;}


    .binex.history .contentBox .tabBtnBox > div > div{padding: 0;}
    .binex.history .contentBox .tabBtnBox > div button{word-break: break-all; font-size: 12px;}


    .binex.greetings .contentBox > div > div > p,
    /* .binex.vision .contentBox > div > p,
    .binex.vision .contentBox > div > p:not(:last-of-type), */
    .binex.business_areas .contentBox .tabContentBox .right p,
    .binex.ci .contentBox > div > div:nth-of-type(1) p,
    .bio_medicine_cdmo.business_overview .contentBox > div > p,
    .bio_medicine_cdmo.business_overview .contentBox > div > div > p,
    .bio_medicine_cdmo.cdmo_service .contentBox > div > p,
    .bio_medicine_cdmo.cdmo_service .contentBox .tabContentBox > div > p,
    .codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > p,
    .codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > ul li p,
    .reportingInformationAndProcedures.reporting_information dl dd,
    .reportingInformationAndProcedures.whistleblower_protection .contentBox .numbList > li,
    .binex.company_overview .contentBox > div > p,
    .binex.greetings .contentBox > div > p,
    .binex.history .contentBox .tabContentBox ul li > p,
    .bio_medicine_cdmo.consignment_development .content_1 .flexBox ol li{word-break: break-all; text-align: justify;}

    .binex.vision .contentBox > div > p,
    .binex.vision .contentBox > div > p:not(:last-of-type),
    .binex.vision .contentBox > div > p:last-of-type{word-break: break-all;}

    .codeOfEthicsAndPracticalGuidelines.code_of_ethics .contentBox > div > p br{display: none;}

    .binex.business_areas .contentBox .tabBtnBox > div > div{padding: 0;}
    .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .content_3 .listBox li:not(:last-child):after{display: none;}
  }




/* 영문 css */
.user_wrap.en .binex.business_areas .contentBox .tabContentBox .right > div > div > div button:not(:first-child){margin-left: 0; margin-top: 5px;}
.user_wrap.en .reportingInformationAndProcedures.report .contentBox .tabContentBox .realName_2 .tableWrap table tr.half td{vertical-align: middle;}
.user_wrap.en .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table .inputBox input{padding: 0;}

.user_wrap.en .binex.company_overview h3{word-break: break-all;}
.user_wrap.en .subPage:not(.business_overview, .stock_information, .stock_status, .general_information) h3 span{display: block;}

.user_wrap.en .stickyNavBox > div > div > span:after{right: 20px;}

.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div{width: 100%;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div:last-of-type{display: none;}
.user_wrap.en .synthetic_drugs.product_search .tabBtnBox > div > div:after{content: ''; display: block; width: 1px; position: absolute; background-color: #EEEEEE; right: 0; top: 50%; transform: translateY(-50%);}
.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_1 > div > div:first-child:after{height: 120px;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox{margin-bottom: 0; height: 300px;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul{width: 76%; margin: 0 auto; justify-content: center; flex-wrap: wrap;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li{text-transform: uppercase; margin-bottom: 10px;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li:nth-child(14){margin-left: 0;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div:last-child:after,
.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div:before{height: 340px;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .searchResultList li > div{height: 100%;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox dl dd span{width: 100%;}

.user_wrap.en .reportingInformationAndProcedures .contentBox .linkBox > div{height: 280px;}

.user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_1{border-top: none;}
/* .user_wrap.en .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(1){width: 200px;} */
.user_wrap.en .investment_information.settlement_announcement .contentBox .tableWrap table thead tr th:nth-child(2){width: 785px;}
.user_wrap.en .synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox dl dd:last-child,
.user_wrap.en .synthetic_drugs.product_search .contentBox .searchResultList li > div .txtBox button{display: none;}

.user_wrap.en .siteMap .section_1 > div > span{width: 300px;}

.user_wrap.en .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .flexBox .left{width: 100%;}
.user_wrap.en .bio_medicine_cdmo.consignment_development .contentBox .tabContentBox .flexBox .right{display: none;}

.user_wrap.en .bio_medicine_cdmo.consignment_production .tabContentBox .content_1 .flexBox .left ol li:nth-child(4){display: none;}
.user_wrap.en .bio_medicine_cdmo.consignment_production .tabContentBox .content_1 .flexBox .left ol li:nth-child(3){margin-bottom: 0;}

@media (max-width: 1279px){
  .user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li{line-height: 52px; width: 52px; height: 52px;}
  .user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul{width: 90%;}
  /* .user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li:nth-child(14){margin-left: 15px;} */

  .user_wrap.en .recruitment_information.ideal_talent .contentBox > div > p br,
  .user_wrap.en .recruitment_information.job_posting .contentBox > div > div > div:nth-of-type(1) p br{display: none;}
}

@media (max-width: 1023px){
    .user_wrap.en .binex.location .contentBox .tabContentBox .table li .tr span{word-break: break-word;}
    /* .user_wrap.en .binex.location .contentBox .tabContentBox .table li .tr span:nth-child(1){width: 25%;} */
    .user_wrap.en .binex.location .contentBox .tabContentBox .table li.thead .tr span, .binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(1),
    .user_wrap.en .binex.location .contentBox .tabContentBox .table li:not(.thead) .tr span:nth-child(1){font-size: 13px;}
    .user_wrap.en .binex.location .contentBox .tabContentBox .table li .tr span:nth-child(2){width: 43%;}
    .user_wrap.en .binex.location .contentBox .tabContentBox .table li .tr span:nth-child(4){width: 12%;}


    .user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox{height: auto;}
    .user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div:last-child:after,
    .user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 > div > div:before{height: 270px;}
    .user_wrap.en .synthetic_drugs.product_search .contentBox .tabBtnBox_2 .grayBox.product_name ul li{line-height: 40px; width: 40px; height: 40px;}
}

@media (max-width: 767px){
    .user_wrap.en .reportingInformationAndProcedures.report .contentBox .tabContentBox .tableWrap table tr.half td{vertical-align: middle;}
    .user_wrap.en .searchBox .search_btn:after{right: 0;}

    .user_wrap.en .binex.ci .contentBox .tabBtnBox > div > div{min-width: 300px;}
    .user_wrap.en .binex.ci .contentBox .tabBtnBox > div > div button{width: 300px;}

    .user_wrap.en .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap{flex-wrap: wrap;}
    .user_wrap.en .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div{width: 100%;}
    .user_wrap.en .bio_medicine_cdmo.business_overview .contentBox > div > div:nth-of-type(3) .tabBtnWrap > div:not(:last-of-type){margin-bottom: 30px;}

    .user_wrap.en .investment_information .contentBox h4{padding-bottom: 50px;}
    .user_wrap.en .investment_information .contentBox h4 span{top: auto; bottom: 0; right: 0;}

    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(1),
    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:not(:nth-child(1)),
    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(1),
    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr th{width: 25%;}
    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr th{word-break: break-word;}

    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table thead tr th:nth-child(4),
    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td:last-of-type,
    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr th,
    .user_wrap.en .investment_information.financial_information .contentBox .tabContentBox .tableWrap table tbody tr td{width: 25%;}

    .user_wrap.en .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th span{padding-left: 0;}
    .user_wrap.en .binex.location .contentBox .tabContentBox .right .tableWrap table tbody tr th span:before{display: none;}

    .user_wrap.en .synthetic_drugs.product_search .tabBtnBox > div > div:after{display: none;}

    .user_wrap.en .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox:nth-of-type(2) > div > div{width: 200px;}
    .user_wrap.en .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox > div button{font-size: 14px;}
    .user_wrap.en .bio_medicine_cdmo.consignment_development .contentBox .tabBtnBox:nth-of-type(2) > div{overflow-x: hidden;}

    .user_wrap.en .bio_medicine_cdmo.cdmo_service .contentBox .tabBtnBox:nth-of-type(1) > div > div:nth-child(3){width: 250px;}
}