@charset "utf-8";

/* 
* content CSS Document
* KOWEB
*/
#sub_visual {position: relative; height:454px;}
#sub_visual.sub01 {background:url(/images/content/sub_visual01.jpg)no-repeat center/cover;} 
#sub_visual.sub02 {background:url(/images/content/sub_visual02.jpg)no-repeat center/cover;} 
#sub_visual.sub03 {background:url(/images/content/sub_visual03.jpg)no-repeat center/cover;} 
#sub_visual.sub04 {background:url(/images/content/sub_visual04.jpg)no-repeat center/cover;} 
#sub_visual.sub05 {background:url(/images/content/sub_visual05.jpg)no-repeat center/cover;} 
#sub_visual.sub06 {background:url(/images/content/sub_visual06.jpg)no-repeat center/cover;} 
#sub_visual .text {position:absolute; bottom:20%; left:50%; width:1465px; transform: translateX(-50%); color:#fff;}
#sub_visual .text h2 {font-size:55px; font-family: 'Montserrat'; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) forwards; animation-delay: 0.5s; opacity: 0; text-transform: capitalize; font-weight:700;}

.sub_dept {position: relative; width:1465px; margin:-37px auto 0; z-index:1;}
.sub_dept ul {display:flex;}
.sub_dept ul li.home {width:74px; background:#007db6 url(/images/content/icon_home.png)no-repeat center;}
.sub_dept ul li {height:74px; background:#333;}
.sub_dept ul li a {display:block; color:#fff; padding:0 40px; font-size:20px; line-height: 74px; font-family: 'Montserrat';height:74px}

.sub_dept2 {margin:50px auto 100px;}
.sub_dept2 ul {display:flex; justify-content: center;}
.sub_dept2 ul li {margin:0 15px; min-width:190px; }
.sub_dept2 ul li a {font-size:20px; color:#aaaaaa; font-weight: 300; display:block; padding:20px 0; text-align: center;border-bottom:2px solid #aaa}
.sub_dept2 ul li a.on {color: #007db6; font-weight: 500;border-bottom:2px solid #007db6;}

.sub_tit {text-align: center; margin-bottom: 70px;}
.sub_tit h3 {font-size:50px; color:#222; padding: 0 15px;}
.sub_tit p {font-size:20px; color:#666666; font-weight: 300; margin-top:10px; padding: 0 15px;}

.container .content {min-height:500px;}
.subConbox{position: relative; width:1465px; margin: 0 auto;padding: 0 0 100px;}
.subConbox2{position: relative; width:100%; margin: 0 auto;}

/* 01_company - sub01 인사말*/
.s1_1{padding-bottom: 160px; overflow: hidden;}
.s1_1 div{float: left;}
.s1_1_img{width: 41.5%; overflow: hidden;}
.s1_1_img img{height: 100%;}
.s1_1_cont{width: 55%; padding: 70px 0 0 100px;}
.s1_1_cont h5{font-size: 42px;}
.s1_1_cont h5 i {position: relative; padding-right: 172px;}
.s1_1_cont h5 i::before {content: ''; position: absolute; left: 0; top: 0; background: url('../../images/common/ics_logo_black.png') no-repeat; height: 45px; width: 153px;}
.s1_1_cont h5 img{height: 45px; width: auto; margin-top: 10px; margin-right: 5px;}
.s1_1_cont p{font-size: 20px;  line-height: 42px;}
.s1_1_cont p.txt1 {padding-top: 140px;}
.s1_1_cont p.txt2 {padding-top: 30px;}
.s1_1_cont .ceo_name{font-size: 18px; line-height: 65px; padding-top: 50px; clear: both;}
.s1_1_cont .ceo_name span{font-family: 'SlowSlow'; font-size: 47px; padding-left: 23px;}
.s1_1_bg{position: absolute; width: 100%; height: 590px; background-color: #f8f8f8; bottom: 100px; z-index: -100;}

/* 01_company - sub02 연혁 */
.s1_2{overflow: hidden;}
.s1_2_tit{background: url(../../images/content/s1_2_1.jpg) no-repeat center /auto 100%; padding: 55px 0; margin-bottom: 70px;} 
.s1_2_tit p{font-size: 28px; line-height: 45px; text-align: center; color: #fff; padding: 0 15px;}
.s1_2_cont div{float: left;}
.s1_2_img{width: 45%; overflow: hidden;}
.s1_2_img li:nth-of-type(1){margin-bottom: 135px;}
.s1_2_img li img{width: 100%; height: auto;}
.s1_2_history{position:relative; width:50%; padding-left: 140px;}
.s1_2_history ul:before {content:''; position:absolute; height:100%; width:1px; background:#ccc; left:120px; top:0;}
.s1_2_history ul li{position:relative; padding:0 0 160px 120px;}
.s1_2_history ul li:last-of-type{padding-bottom: 0;}
.s1_2_history ul li:before {content:''; position:absolute; left:-30px; top:50px; width:10px; height:10px; background:#fff; border:5px solid #007db6; border-radius: 50%;}
.s1_2_history ul li:after {content:''; position:absolute; left:-10px; top:60px; width:80px; height:1px; background:#007db6; z-index:-1;}
.s1_2_history ul li span{font-size:70px; color:#007db6; font-family: 'Montserrat'; font-weight:700;}
.s1_2_history ul li dl{padding:30px 0 10px 0;}
.s1_2_history ul li dl:last-of-type{padding-bottom: 0;}
.s1_2_history ul li dt{font-size: 24px; font-family: 'Montserrat'; font-weight:600;}
.s1_2_history ul li dd{font-size: 20px;}

/* 01_company - sub03 인증서특허 */
.s1_3{padding-bottom: 70px; overflow: hidden;}
.s1_3_tit{background: url(../../images/content/s1_3_1.jpg) no-repeat center /auto 100%; padding: 55px 0; margin-bottom: 100px;} 
.s1_3_tit p{font-size: 28px; line-height: 45px; text-align: center; color: #fff; padding: 0 15px;}
.s1_3_cont dl{float: left; width: calc((100% - 96px) / 4); margin-right:32px;}
.s1_3_cont dl:last-of-type{margin-right: 0;}
.s1_3_cont dl dt{margin-bottom: 30px;}
.s1_3_cont dl dt img{width: 100%; border: #ccc 1px solid;}
.s1_3_cont dl dd{width: 100%; border: #007db6 1px solid; color: #007db6; text-align: center; font-size: 20px; padding: 10px 0; border-radius: 100px;}

.s1_3_table{width: 100%;}
.s1_3_table table {width: 100%; border-collapse: collapse; margin-top: 30px; font-size: 18px; margin-bottom: 120px;}
.s1_3_table table tbody tr td {text-align: center;}
.s1_3_table table thead {border-top: 2px solid #007db6; background-color: #e8f3f7;}
.s1_3_table table thead th:last-of-type {border-right: 0;}
.s1_3_table table thead th {text-align: center; padding: 20px 10px; border-right: 1px solid #e1e1e1;}
.s1_3_table table thead th:nth-of-type(2){border-bottom: 1px solid #e1e1e1}
.s1_3_table table tbody tr:last-of-type{border-bottom: 1px solid #007db6;}
.s1_3_table table tbody td {border-top: 1px solid #e1e1e1;}
.s1_3_table table tbody td:nth-of-type(1) {border-top: 0;}
.s1_3_table table tbody th {border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 0 10px;}
.s1_3_table table tbody td {padding: 20px 10px; text-align: left; border-right: 1px solid #e1e1e1; color: #545454;}
.s1_3_table table tbody td:last-of-type{border-right: 0;}

/* 01_company - sub04 오시는길 */
.s1_4{padding-bottom: 80px; overflow: hidden;}
.s1_4_cont{margin-bottom: 100px; height: auto; overflow: hidden; padding-top:50px; padding-bottom: 50px;}
.s1_4_tit{position: absolute; top:0; right:50px; background-color: #007db6; width: 330px; padding: 50px 40px 40px 40px; z-index: 2;}
.s1_4_tit img{width: 130px;}
.s1_4_tit p{position: relative; font-size: 28px; color: #fff; padding-top: 50px;}
.s1_4_tit p::before{content: ''; position: absolute; width: 100%; height: 1px; background-color: #fff; top:30px;}
.s1_4_info{padding-top: 50px;}
.s1_4_info ul{float: left;}
.s1_4_info ul li{float: left;}
.s1_4_info ul li:first-of-type{width: 64px; height: 64px; background-color: #f7f7f7; border-radius: 50%; padding: 10px 8px; margin:15px 20px 0 0}
.s1_4_info ul li img{width: auto; height: 40px;}
.s1_4_info ul li span{font-size: 20px; color: #007db6; font-weight: 700; line-height: 50px;}
.s1_4_info ul li p{font-size: 18px;}
.s1_4_info ul:nth-of-type(1)::after{content:''; display:inline-block; background-color: #ccc; width: 1px; height: 50px; transform: translateY(20px); margin: 0 50px;}
.s1_4_info ul:nth-of-type(2) li:nth-of-type(2){margin-right: 40px;}
.s1_4_btn{width: 300px; height: 67px; display: inline-block; float: right;}
.s1_4_btn a{position: relative; display:block; border:1px solid #dcdcdc; font-size: 18px; color:#000; background:#fff; padding:20px 0; width:300px; text-align: center; overflow: hidden; z-index:1;}
.s1_4_btn a::before {content:''; position:absolute; left:0; top:0; width:120%; height:100%; background:#122b3c; z-index:-1; transition: 0.5s;-ms-transform:translateX(-101%) skewX(-17.62deg);-webkit-transform:translateX(-101%) skewX(-17.62deg);-webkit-transform-origin:right top; -ms-transform-origin:right top;}
.s1_4_btn a:hover::before {transform:translateX(0) skewX(-17.62deg); transform-origin: left top;}
.s1_4_btn a:hover {color:#fff;}
.s1_4_btn a::after {content:''; display:inline-block; width:20px; height:15px; background:url(/images/common/btn_arrow.png)no-repeat center; margin-left:10px; vertical-align: middle;}
.s1_4_btn a:hover::after {background:url(/images/common/btn_arrow_hover.png)no-repeat center;}

.s1_4_cont2{position: relative;  overflow: hidden; padding-top:50px;}
.s1_4_tit2{position: absolute; top:0; right:50px; background-color: #007db6; width: 330px; padding: 50px 40px 40px 40px; z-index: 2;}
.s1_4_tit2 img{width: 130px;}
.s1_4_tit2 p{position: relative; font-size: 28px; color: #fff; padding-top: 50px;}
.s1_4_tit2 p::before{content: ''; position: absolute; width: 100%; height: 1px; background-color: #fff; top:30px;}

/* 02_business - sub01 사업분야 */
.s2_1{padding-bottom: 70px; overflow: hidden;}
.s2_1_cont ul{display: block; overflow: hidden; padding-bottom: 130px;}
.s2_1_cont ul:last-of-type{padding-bottom: 20px;}
.s2_1_cont ul:nth-of-type(2n-1) li{float: left;}
.s2_1_cont ul:nth-of-type(2n) li{float: right;}

.s2_1_cont ul .s2_1_img{width: 60%; position: relative;}
.s2_1_cont ul .s2_1_img img{width: 100%; height: 100%;}

.s2_1_cont ul:nth-of-type(2n-1) .s2_1_img{margin: 0 120px 0 20px;}
.s2_1_cont ul:nth-of-type(2n) .s2_1_img{margin: 0 20px 0 60px;}
.s2_1_cont ul:nth-of-type(2n-1) .s2_1_img::before{content: ''; width: 140px; height: 140px; background-color: #007db6; position: absolute;z-index: -5; left:-20px; bottom: -20px;}
.s2_1_cont ul:nth-of-type(2n) .s2_1_img::before{content: ''; width: 140px; height: 140px; background-color: #007db6; position: absolute; z-index: -5; right:-20px; bottom: -20px;}

.s2_1_txt{transform: translateY(50%);}
.s2_1_cont ul:nth-of-type(2n) .s2_1_txt{text-align: right;}
.s2_1_txt span{display: block; font-size: 20px; font-family: 'Montserrat'; font-weight: 500; color: #007db6; margin-bottom: 20px;}
.s2_1_txt p{font-size: 36px; font-family: 'Montserrat'; font-weight: 700; line-height: 1.4; color: #333; letter-spacing: -1px;}
.s2_1_cont ul:nth-of-type(4) li p, .s2_1_cont ul:nth-of-type(5) li p{font-family:'Noto Sans KR';}

/* 03_products - sub01 혈액조사기 */
.s3_1_product{background-color: #222; padding: 100px 0 130px 0;}
.s3_1_productIn{position: relative; width: 1465px; margin: 0 auto;}
.s3_1_txt{width: 40%;}
.s3_1_tTop{width: 95%; padding-bottom: 80px;}
.s3_1_tTop span{display: block; font-size: 20px; font-family: 'Montserrat'; font-weight: 500; color: #007db6; margin-bottom: 20px;}
.s3_1_tTop p{font-size: 45px; font-family: 'Montserrat'; font-weight: 700; line-height: 1.4; color: #fff; letter-spacing: -1px;}
.s3_1_tBottom{width: 95%; padding-bottom: 50px;}
.s3_1_tBottom span{display: block; color: #fff; font-size: 28px; padding-bottom: 30px;}
.s3_1_tBottom p{color: #fff; font-size: 20px; font-weight: 300; line-height: 1.8;}

.s3_1_download{border-top: #666666 1px solid; padding-top: 60px;}
.s3_1_download input{position: relative; float: left; margin: 0 10px 10px 0; background: #333333 url(../../images/content/s_3_1_check.png) no-repeat 5px center; border: 0; color: #fff; padding:0 5px 0 25px;  height: 35px;}
.s3_1_download input::placeholder{color: #999; font-weight: 400; font-size: 16px;}
.s3_1_download input:nth-of-type(2n-1){width: 28%;}
.s3_1_download input:nth-of-type(2n){width: calc(50% - 20px);}
.s3_1_btn a{position: relative; display:block; font-size: 18px; color:#fff; border:1px solid #007db6; background: #007db6 url(../../images/content/s3_1_btn_bg.png) no-repeat center center / 150%; padding:13px 0; width:22%; height: 80px; text-align: center; overflow: hidden; z-index:1;}
.s3_1_btn a::before {content:''; position:absolute; left:0; top:0; width:130%; height:100%; background:#122b3c url(../../images/content/s3_1_btn_bg.png) no-repeat center center / 150%;; z-index:-1; transition: 0.5s;-ms-transform:translateX(-101%) skewX(-17.62deg);-webkit-transform:translateX(-101%) skewX(-17.62deg);-webkit-transform-origin:right top; -ms-transform-origin:right top;}
.s3_1_btn a:hover::before {transform:translateX(0) skewX(-17.62deg); transform-origin: left top;}
.s3_1_btn a:hover {color:#fff; border:1px solid #162e3f;}

.s3_1_img{position: absolute; bottom: -130px; right: 0; width: 60%;}

.s3_1_solution{background: #f7f7f7 url(../../images/content/s3_1_6.jpg) no-repeat bottom;background-size: contain;}
.s3_1_solutionIn{position: relative; width: 1465px; margin: 0 auto; overflow: hidden; padding: 100px 0 170px 0;}
.s3_1_solutionIn span{display: block; font-size: 50px; font-family: 'Montserrat'; font-weight: 700; color: #333; padding-bottom: 20px;}
.s3_1_solutionIn ul li{width:calc((100% - 40px) / 3); float: left; border: #eee 1px solid; margin-right: 20px;}
.s3_1_solutionIn ul li:last-of-type{margin-right: 0;}
.s3_1_solutionIn ul li img{width: 100%; height: 100%;}

/* 06_etc - sub01 개인정보처리방침 */
.s6_1{overflow: hidden;}
/* .etc {padding-top: 50px;} */
.infor h1 {font-size:32px; margin-bottom:40px;}
.infor {font-size: 17px;}
.infor h5 {margin: 35px 0 5px; font-weight: bold;}
.infor span {display: block; color: #949494;}
.infor .tbox {background: #fbfbfb; padding: 10px 15px; margin: 20px 0 40px; border: 1px dashed #dadada; border-radius: 16px;}
.infor .tbox p {color: #757575; margin: 10px 0;}
.infor .tbox p strong {display: block; color: #3c3838;}
.infor .tbox1 {text-align:center;}
.infor .tbox1 p strong {margin:10px 25px 25px; font-size:16px;}

/* 06_etc - sub02 이메일무단취급거부 */
.s6_2{overflow: hidden;}
.etc_2 {overflow: hidden; width: 100%; background-color: #f9f9f9; padding: 80px 216px;}
.etc_2 .email_icon {float: left; margin:  34px auto 0;}
.etc_2 .cont {float: left; padding: 30px 0 0 30px; width: 76%;}
.etc_2 .cont h2 {font-size: 20px; color: #fff; font-weight: bold; width: fit-content; height: 100%; background-color: #1a1a1a; border-radius: 30px; padding: 7px 140px; text-align: center;}
.etc_2 .cont p {font-size: 18px; color: #6b6b6b; padding: 10px 0 0 7px;}
.etc_2 .cont p span {font-weight: bold;}