@charset "utf-8";

/* 
 * responsive CSS Document
 * KOWEB
 */
 @media all and (max-width:1680px) {
    footer .info_area {flex-direction: column;}
    footer .link {padding-top: 10px;}

 }
@media all and (max-width:1550px){
    header h1 {left:50px;}
    header nav {display:none;}
    .lnb_full .dept1 > li {margin:0 20px;}
    .lnb_full .dept1 > li > a {font-size:40px;}
    .lnb_full .dept2 > li > a {font-size:20px;}
    .inner {width:100%;}

    /*main*/
    .product_area .text span {font-size:20px; margin-bottom:20px;}
    .product_area .text p {font-size:70px;}
    .product_area .text a.btn_more {margin-top:50px;}
    .product_area .ani .circle_ani01 {height:40%;}
    .product_area .ani .circle_ani02 {height:60%;}
    .product_area .ani .circle_ani03 {height:40%;}
    .product_area .ani .circle_ani01 img,
    .product_area .ani .circle_ani02 img,
    .product_area .ani .circle_ani03 img {height:100%; width:auto;}
    .solution_area .part .box-basic span {font-size:20px;}
    .solution_area .part2 .box-on img {max-width:90%}
    .solution_area .part .box-basic img {max-width:90%}
    .solution_area .title span {font-size:28px;}
    .solution_area .title {left:5%;}

    #section4 .inner {width:90%;}
    #section4 .map {width:100%;}
    #section4 .map img {width:100%;}

    /*sub*/
    #sub_visual .text {width:calc(100% - 100px);}
    .subConbox{width:calc(100% - 40px);}

    /* 01_company - sub01 인사말*/
    .s1_1 {padding-bottom: 105px;}
    .s1_1_img img{transform: translateX(-80px);}
    

    /* 02_business - sub01 사업분야 */    
    .s2_1_cont ul .s2_1_img{width: 50%;}
    .s2_1_cont ul:nth-of-type(2n-1) .s2_1_img{margin: 0 80px 0 20px;}
    .s2_1_cont ul:nth-of-type(2n) .s2_1_img{margin: 0 20px 0 80px;}
    .s2_1_txt{transform: translateY(30%);}    

    /* 03_products - sub01 혈액조사기 */
    .s3_1_productIn{width:calc(100% - 100px);}
    .s3_1_img{right: 150px;}
    .s3_1_solutionIn{width:calc(100% - 100px);}

    .etc_2 .cont h2 {padding: 7px 15px;}
}

@media all and (max-width:1414px){
    /* 01_company - sub04 오시는길 */
    .s1_4{padding-bottom: 0 !important;}
    .s1_4_cont{margin-bottom: 50px; padding-bottom: 80px;}
    .s1_4_cont2{padding-bottom: 30px;}
    .s1_4_btn{float: none; display: block;}
    .s1_4_btn a{margin-top: 120px;}
}

@media all and (max-width:1340px){
    .lnb_full .dept1 > li > a {font-size:34px;}
    .lnb_full .dept2 > li > a {font-size:18px;}
    footer .logo_area {padding:100px 50px}
    footer .info_area {padding-left:50px;}
    footer .info_area p span {font-size:15px;}
    footer .info_area .link ul li a {font-size:15px;}
    footer .copyright {padding:30px 50px; font-size:14px;}

    /* 01_company - sub01 인사말*/
    .s1_1_cont{padding: 70px 0 0 80px;}
    .s1_1_cont h5{font-size: 38px;}

    /* 01_company - sub02 연혁*/
    .s1_2_tit p{font-size: 26px; line-height: 1.5;}    
    .s1_2_history ul:before {left:80px; top:0;}
    .s1_2_history ul li{padding:0 0 160px 70px;}
    .s1_2_history ul li:before {left:-70px; top:50px;}
    .s1_2_history ul li:after {left:-50px; top:60px;}

    /* 01_company - sub03 인증서특허 */
    .s1_3_tit p{font-size: 26px; line-height: 1.5;}  

    /* 02_business - sub01 사업분야 */
    .s2_1_cont ul:nth-of-type(2n-1) .s2_1_img::before{width: 100px; height: 100px; left:-15px; bottom: -15px;}
    .s2_1_cont ul:nth-of-type(2n) .s2_1_img::before{width: 100px; height: 100px;right:-15px; bottom: -15px;}    
    .s2_1_txt{transform: translateY(15%);}

    /* 06_etc - sub02 이메일무단취급거부 */
    .etc_2 {padding: 50px 15px;}
    .etc_2 .cont {float: unset; padding: 30px 0 0 0; text-align: center; margin: 0 auto;}
    .etc_2 .email_icon {float: unset; width:183px;}
    .etc_2 .cont h2 {margin:  0 auto;}
    .etc_2 .cont p {padding: 20px 0 0;}

    .etc_2 .email_icon {margin: 0 auto;}
}
@media all and (max-width:1240px){
    .lnb_full .dept1 > li > a {font-size:28px;}
    header .langBox {right: 103px;}
    footer .btn_request {right:50px;}
    footer .info_area {padding-right:50px;}
    footer .logo_area {padding:70px 50px;}
    footer .btn_request a em {font-size:22px;}

    /*main*/
    #wrap.main:after {display:none;}
    .main_visual .list .text {left:50px;}
    .main_visual .list .text span {font-size:40px;}
    .main_visual .list .text p {font-size:18px;}
    .main_visual .list .text p::before {top:16px;}
    .vision_area .info {justify-content: space-around;}
    .vision_area .info:before,
    .vision_area .info:after {display:none;}
    .vision_area .info > div {margin:0;}
    .vision_area .info > div span {font-size:20px;}
    .vision_area .info > div p {font-size:16px;}
    #section4 h2 {font-size:46px;}
    #section4 h3 {font-size:60px;}

    #section1 .fp-tableCell{display:block;}
    .product_area .text {position: relative; top:auto; transform:none;width:100%; padding:70px 50px 300px; left:auto;}
    .product_area .ani {top:auto; bottom:0;}
    .solution_area .part {border-left:none; height:100%;}
    
    /*sub*/
    .sub_tit {margin-bottom: 80px;}
    .sub_tit h3 {font-size:42px;}    

    .s1_1 {padding-bottom: 0;}
    .s1_1_cont .ceo_name {padding-top: 23px;}
    .s1_1_bg {bottom: 0;}
    /* 02_business - sub01 사업분야 */
    .s2_1_txt span{font-size: 18px;}
    .s2_1_txt p{font-size: 30px;}

    /* 03_products - sub01 혈액조사기 */
    .s3_1_img{right: 25%;}
}
@media all and (max-width:1120px) {
    .s1_1_bg {height: 629px;}
}
@media all and (max-width:1090px){
    /* 01_company - sub04 오시는길 */
    .s1_4{padding-bottom: 80px;}
    .s1_4_cont{padding-bottom: 100px; margin-bottom: 50px;}
    .s1_4_cont2{padding-bottom: 50px;}

    .s1_4_info ul{width: 100%;}
    .s1_4_info ul:nth-of-type(1){margin-bottom: 30px;}
    .s1_4_info ul:nth-of-type(1)::after{visibility: hidden;}
    .s1_4_btn a{margin-top: 250px;}
}
@media all and (max-width:1024px){
    header {height:70px;}
    header h1 {height:35px;}
    header h1 a {background-size:contain;}
    header .langBox {display: none;}
    header .langBox_m {position: absolute; top: 20px; right: 87px; cursor: pointer;}
    header .langBox_m.en {display: none;}
    header .langBox_m.ko {display: block;}
    header .langBox_m a {font-size: 15px; color: #1e1e1e; width: 100px; height: 35px; border-radius: 30px; display: block; background-color: #f2f2f2; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 35px;}
    header .langBox_m a i {position: relative; padding-right: 30px;}
    header .langBox_m a i::before {content: ''; position: absolute; left: 10px; top: 3px; background: url('../../images/common/lang_icon.png')no-repeat; width: 13px; height: 13px;}
    #mNaviOpen {z-index:500; height:70px; width:70px;}
    .lnb_full {background:#fff; width:70%; left:auto; right:0; z-index:400;}
    .lnb_full .wrap {justify-content: inherit; align-items: baseline; padding-top:70px; width:70%; float:left;}
    .lnb_full .dept1 {flex-direction: column;width:100%; text-align: left;}
    .lnb_full .dept1 > li {text-align: left; margin:0;}
    .lnb_full .dept1 > li > a {display:block; position: relative; color:#000; padding:20px 30px 20px 50px; border-bottom:1px solid #eeeeee;}
    .lnb_full .dept1 > li.on > a {color:#007db6; border-color:#ddd}
    .lnb_full .dept1 > li > a:after {content:''; position: absolute; right:30px; top:calc(50% - 5px);margin:0; width:20px; height:10px; background: url(/images/common/m_nav_arrow.png)no-repeat center; transition: 0.3s; background-color: transparent !important;}
    .lnb_full .dept1 > li.on > a:after {transform: rotate(-180deg);}
    .lnb_full .dept2 {display:none; background:#fafafa; padding:15px 30px 15px 50px; border-bottom:1px solid #eeeeee;}
    .lnb_full .dept2 > li > a {color:#666666; font-weight: 300;}
    .m_lnb_side {display:block !important; background:#007db6; height:100%; width:30%; float:left; background:#007db6 url(/images/common/m_nav_bg.png)no-repeat bottom -5px left -10px}
    .m_lnb_side h2 {padding-top:100px; text-align: center;}
    .m_lnb_side h2 img {max-width:60%;}
    #nav_gr {top:0;}

    footer .info_area {flex-direction: column;}
    footer .info_area .link {margin-top:5px;}

    /*main*/
    #scroll_ani {padding-bottom:120px;}
    #scroll_ani i {height:100px;}
    #scroll_ani i:after {height:100px;}

    @keyframes scrollbar {
        0% {transform: translateY(-100px);}
        100% {transform: translateY(100px);}
    }
    .main_visual .list .text p {padding-left:70px;}
    .main_visual .list .text p::before {width:50px;}
    .main_visual .slick-prev {right:50%; margin-right:5px; bottom:50px;}
    .main_visual .slick-next {right:50%; margin-right:-55px; bottom:50px;}
    #section3 {padding:0;}
    .solution_area {flex-direction: column;}
    .solution_area .title {position: relative; top:auto; left:auto; transform: none; align-self: center; text-align: center; margin:70px 0 50px;}
    .solution_area .part {width:100%;}
    .solution_area .part .box-basic {transform: translateY(0); padding:50px 0;}
    .solution_area .part .box-on {padding:50px 0;}
    .solution_area .part .box-on img {max-width:80%;}
    #section4 ul {justify-content:space-between; width:100%;}
    #section4 ul li:nth-child(1) {margin-left:0;}
    #section4 ul li {margin-left:0;}
    #section4 ul li span {font-size:18px;}
    #section4 ul li p {font-size:16px;}
    #section1 {height:auto !important;}
    #section1 .fp-tableCell {height:auto !important;}
    .product_area .text {position: relative;width:100%; padding:70px 50px 300px; left:0; transform: translateY(0);}
    .product_area .ani .circle_ani01 {top:auto; bottom:13%; left:2%; right:auto; width:30%; height:auto;}
    .product_area .ani .circle_ani02 {top:auto; bottom:18%; width:45%; height:auto;}
    .product_area .ani .circle_ani03 {width:30%; bottom:7%; height:auto;}
    .product_area .ani .circle_ani01 img,
    .product_area .ani .circle_ani02 img,
    .product_area .ani .circle_ani03 img {width:100%; height:auto;}


    /*sub*/
    #sub_visual {height:360px;}
    #sub_visual .text h2 {font-size:46px;}
    .sub_dept ul li {height:65px;}
    .sub_dept ul li a {line-height:65px; font-size:18px;}
    .sub_dept2 ul li {min-width:15%; margin:0 8px;}
    .sub_dept2 ul li a {font-size:18px; padding:10px 0;}
    .sub_tit {margin-bottom: 70px;}
    .sub_tit h3 {font-size:40px;}
    .sub_tit p {font-size:20px;}        

    /* 01_company - sub01 인사말*/    
    .s1_1_img{width: 100%; height: 300px;}
    .s1_1_img img{width: 100%; height: auto; transform: translateY(-25%);}
    .s1_1_cont{width: 100%; padding: 50px 0 0 0;}
    .s1_1_cont h5 {font-size: 32px;}
    .s1_1_cont h5 i {padding-right: 126px;}
    .s1_1_cont h5 i::before {width: 100px; background-size: contain;}   
    .s1_1_cont p.txt1 {padding-top: 30px;}
    .s1_1_bg {height: 78%;}
    

    /* 01_company - sub02 연혁*/    
    .s1_2{padding-bottom: 20px;}
    .s1_2_history ul li span{font-size:55px;}    
    .s1_2_history ul li:before {left:-70px; top:30px;}
    .s1_2_history ul li:after {left:-50px; top:40px;}

    /* 01_company - sub03 인증서특허 */
    .s1_3{padding-bottom: 20px;}

    /* 01_company - sub04 오시는길 */
    .s1_4{padding-bottom: 80px;}
    .s1_4_cont{margin-bottom: 0;}
    .s1_4_tit{top:-10px; right:30px;width: 250px; padding: 40px 30px 30px 30px;}
    .s1_4_tit img{width: 100px;}
    .s1_4_tit p{font-size: 24px;}

    /* 02_business - sub01 사업분야 */   
    .s2_1{padding-bottom: 20px;} 
    .s2_1_cont ul .s2_1_img{width: 45%;}
    .s2_1_cont ul:nth-of-type(2n-1) .s2_1_img{margin: 0 50px 0 10px;}
    .s2_1_cont ul:nth-of-type(2n) .s2_1_img{margin: 0 10px 0 50px;}
    .s2_1_cont ul:nth-of-type(2n-1) .s2_1_img::before{left:-10px; bottom: -10px;}
    .s2_1_cont ul:nth-of-type(2n) .s2_1_img::before{right:-10px; bottom: -10px;}
    .s2_1_txt{transform: translateY(0);}

    /* 03_products - sub01 혈액조사기 */
    .s3_1_txt{width: 50%;}
    .s3_1_img{width: 40%; right: 40%;}
    .s3_1_solution{background: #f7f7f7 url(../images/content/s3_1_6.jpg) no-repeat bottom / 300%;}
    .s3_1_solutionIn{padding: 100px 0 80px 0;}
    .s3_1_solutionIn ul li{width:100%; margin-right: 0; margin-bottom: 50px;}

    /* 04_cscenter */
    .s4_1{padding-bottom: 120px;}
    .s4_2{padding-bottom: 120px;}

    /* 05_contactus */
    .s5_1{padding-bottom: 120px;}
}
@media all and (max-width:924px){
    /* 02_business - sub01 사업분야 */
    .s2_1_cont ul:nth-of-type(2n) li{float: left;}
    .s2_1_cont ul .s2_1_img{width: calc(100% - 15px);}
    .s2_1_cont ul:nth-of-type(2n-1) .s2_1_img{margin: 0 0 50px 15px;}
    .s2_1_cont ul:nth-of-type(2n) .s2_1_img{margin: 0 15px 50px 0;}
    .s2_1_cont ul:nth-of-type(2n-1) .s2_1_img::before{left:-15px; bottom: -15px;}
    .s2_1_cont ul:nth-of-type(2n) .s2_1_img::before{right:-15px; bottom: -15px;}
    .s2_1_cont ul:nth-of-type(2n) .s2_1_txt{text-align: left;}
    .s2_1_cont ul .s2_1_txt p{float: left;}
    .s2_1_cont ul .s2_1_txt p::after{content: '\00a0';}
    
    /* 01_company - sub02 연혁*/
    .s1_2_tit p{font-size: 24px;}    
    .s1_2_history ul:before {left:80px; top:0;}
    .s1_2_history ul li{padding:0 0 160px 70px;}

    /* 01_company - sub03 인증서특허 */
    .s1_3_tit p{font-size: 24px;}    
    .s1_3_table table {font-size: 16px; margin-bottom: 80px;} 
    

    /* 01_company - sub04 오시는길 */
    .s1_4{padding-bottom: 40px;}
    .s1_4_cont{padding-top: 15px; margin-bottom: 0;}
    .s1_4_tit{top:-10px; right:30px;width: 250px; padding: 40px 30px 30px 30px;}
    .s1_4_tit img{width: 100px;}
    .s1_4_tit p{font-size: 24px;}

    .s1_4_cont2{padding-top: 20px;}
    .s1_4_tit2{top:-10px; right:30px;width: 250px; padding: 40px 30px 30px 30px;}
    .s1_4_tit2 img{width: 100px;}
    .s1_4_tit2 p{font-size: 24px;}
     
}
@media all and (max-width:768px){
    footer .btn_request {position: relative; right:auto; top:auto; transform: translate(0, 0); margin-top:30px;}
    footer .btn_request a {display:block; padding:10px 24px 10px 0; width:100%;}
    footer .btn_request a em {font-size:18px;}
    #btn_top {right:20px;}
    /*main*/
    #scroll_ani {right:30px;}
    .main_visual .list .text {width:100%; left:0; padding:0 50px;}
    .main_visual .list .text p {font-size:16px;}
    .main_visual .list .text p::before {top:13px;}
    .vision_area h2 {margin-bottom:70px;}
    .vision_area .info {flex-direction: column; align-items: center;}
    .vision_area .info > div {flex-direction: row; min-width:430px; padding:30px;}
    .vision_area .info > div i {margin:0;}
    .vision_area .info > div .text {flex-grow:1; text-align: left; margin-left:30px; align-self: center;}
    .vision_area .info > div span {margin:0 0 10px 0;}
    #section4 ul li {margin:10px 0;}
    #section4 .ani {transform:translate(-50%, -50%) scale(0.5);}
    .product_area .text p {font-size:54px;}
    .product_area .text a.btn_more {font-size:16px; width:270px; padding:15px 0;}
    .solution_area .title span {font-size:22px;}

    /* 01_company - sub02 연혁*/
    .s1_2_tit{padding: 40px 0;}
    .s1_2_tit p{font-size: 22px;}
    .s1_2_history ul:before {left:50px; top:0;}
    .s1_2_history ul li{padding:0 0 160px 0;}
    .s1_2_history ul li:before {left:-100px; top:20px;}
    .s1_2_history ul li:after {left:-80px; top:30px; width:50px;}
    .s1_2_history ul li span{font-size:40px;}
    .s1_2_history ul li dl{padding:20px 0 10px 0;}
    .s1_2_history ul li dt{font-size: 20px;}
    .s1_2_history ul li dd{font-size: 18px;}

    /* 01_company - sub03 인증서특허 */
    .s1_3_tit{padding: 40px 0;}
    .s1_3_tit p{font-size: 22px; padding: 0 20px;}
    .s1_3_cont dl{width: calc((100% - 32px) / 2); margin-right:32px;} 
    .s1_3_cont dl:nth-of-type(2n){margin-right: 0;}
    .s1_3_cont dl:nth-of-type(1),.s1_3_cont dl:nth-of-type(2){margin-bottom: 65px;}

    /* 03_products - sub01 혈액조사기 */
    .s3_1_product{padding: 50px 0 420px 0;}
    .s3_1_txt{width: 100%; text-align: center;}
    .s3_1_tTop{padding-bottom: 50px;}
    .s3_1_tTop span{font-size: 20px;}
    .s3_1_tTop p{font-size: 36px;}
    .s3_1_tBottom{padding-bottom: 60px;}
    .s3_1_tBottom span{font-size: 26px;}    
    .s3_1_img{position: absolute; bottom: -420px; left: 50%; width: 100%; transform: translateX(-50%);}
    .s3_1_img img{width: 100%;  height: auto; min-width:700px; margin: 0 calc((100% - 700px) / 2);}

    .s3_1_solutionIn{padding: 50px 0 80px 0;}
    .s3_1_solutionIn span{font-size: 36px;}
    .s3_1_btn a{margin: 0 auto;}

    /* 06_etc - sub02 이메일무단취급거부 */
    .etc_2 .cont {width: 100%;}
}

@media all and (max-width:650px){
    #section4 .text {position: relative; top:auto; left:auto; padding-top:70px;}
    #section4 .map {position: relative; top:auto; left:auto; transform: translate(0, 0);}
    #section4 ul {position: relative; bottom:auto; right:auto; margin-bottom:70px;}
    #section4 ul li em {position: relative; top:auto; left:auto;}
    #section4 .inner {padding:0;}

    /* 01_company - sub01 인사말*/
    .s1_1_cont{padding: 30px 0 0 0;}
    .s1_1_cont h5:nth-of-type(2){margin-bottom: 55px;} 

    /* 01_company - sub02 연혁*/
    .s1_2_tit{margin-bottom: 35px;}     
    .s1_3_table{overflow-x:auto; margin-bottom: 50px;}
    .s1_3_table table {margin-bottom: 20px;}
    .s1_3_table table thead th {padding: 15px 5px;}
    .s1_3_table table tbody td {padding: 15px 5px;}
    .s1_3_table table tbody th {border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 0 5px;}

    .s1_2_img{display: none;}
    .s1_2_history{position:relative; width:100%; padding-left: 83px;}
    .s1_2_history ul:before {left:15px; top:0;}
    .s1_2_history ul li{position:relative; padding:0 0 70px 0;}
    .s1_2_history ul li:before {left: -76px;}
    .s1_2_history ul li:after {left: -67px;}
    .s1_2_history ul li span {font-size: 35px;}

    /* 01_company - sub03 인증서특허*/
    .s1_3_tit{margin-bottom: 60px;}    
    .s1_3_cont dl:nth-of-type(1),.s1_3_cont dl:nth-of-type(2){margin-bottom: 50px;}
    .s1_3_cont dl dd{font-size: 18px;}    
    .s1_3_table{overflow-x: scroll;}
    .s1_3_table table {width: 700px;}

    /* 01_company - sub04 오시는길 */ 
    .s1_4{padding-bottom: 50px; overflow: hidden;}    
    .s1_4_cont{padding-top:0; margin-bottom: 0;}
    .s1_4_cont2{padding-top:0;}   
    .s1_4_map{margin-bottom: 30px;}
    .s1_4_map iframe {height: 350px;}
    .s1_4_tit{position: relative; top:0; right:0; width: 100%;}
    .s1_4_tit2{position: relative; top:0; right:0; width: 100%;}
    .s1_4_info{padding-top: 30px;}
    .s1_4_info ul:nth-of-type(1)::after{display: none;}

    /* 02_business - sub01 사업분야*/
    .s2_1_cont ul{padding-bottom: 0px;}
    .s2_1_txt p{font-size: 28px;}
    .s2_1{padding-bottom: 0px;}   
    

    /* 03_products - sub01 혈액조사기 */
    .s3_1_solutionIn ul li{margin-bottom: 30px;}
}

@media all and (max-width:600px){
    .lnb_full {width:80%;}
    .m_lnb_side {display:none !important;}
    .lnb_full .wrap {width:100%;}
    .lnb_full .dept1 > li > a {padding-left:30px; font-size:20px;}
    .lnb_full .dept2 > li > a {font-size:15px;}
    footer .logo_area {padding:50px 30px;}
    footer .info_area {padding:20px 30px;}
    footer .info_area p span {font-size:13px;}
    footer .info_area .link ul li a {font-size:13px;}
    footer .copyright {padding:20px 30px; font-size:12px;}

    /*main*/
    .main_visual .list .text p {padding-left:0;}
    .main_visual .list .text p::before {display:none;}
    #scroll_ani {display:none;}
    #section4 .inner {height:auto;}
    #section4 ul {flex-wrap: wrap; justify-content: space-around;}
    #section4 ul li {text-align: center;}
    #section4 h2 {font-size:32px;}
    #section4 h3 {font-size:40px; margin-top:20px;}
    .vision_area .info {padding-bottom:70px;}
    .vision_area h2 {padding:0 30px; margin-bottom:30px; margin-top:70px;}
    .vision_area h2 span {font-size:34px;}
    .vision_area h2 p {font-size:18px;}
    .product_area .text p {font-size:42px;}

    /*sub*/    
    .sub_tit {margin-bottom: 50px;}
    .sub_tit h3 {font-size:32px;}
    .sub_tit p {font-size:16px;}
    .sub_dept2 {margin:40px 0 70px;}

    /* 01_company - sub01 인사말*/
    .s1_1_cont h5{font-size: 26px;}
    .s1_1_cont h5 i {padding-right: 104px;}
    .s1_1_cont h5 i::before {width: 82px;}   
    .s1_1_img img{transform: translateY(-20%);}
    .s1_1_cont p{font-size: 18px; line-height: 2;}
    .s1_1_cont .ceo_name{font-size: 16px;}
    .s1_1_cont .ceo_name span {font-size: 35px;}

    /* 01_company - sub02 연혁 */
    .s1_2_tit p{font-size: 22px;}
    .s1_2_history ul:before {top:0;}
    .s1_2_history ul li{padding:0 0 60px 0;}
    .s1_2_history ul li:before{left:-80px;}
    .s1_2_history ul li:after{left:-60px;  width:30px;}
    .s1_2_history ul li dt{font-size: 20px;}
    .s1_2_history ul li dd{font-size: 18px;}
    

    /* 01_company - sub03 인증서특허 */
    .s1_3_tit p{font-size: 22px;}
    .s1_3_cont dl dd{font-size: 18px;}

    /* 01_company - sub04 오시는길 */       
    .s1_4_cont{margin-bottom: 10px;}
    .s1_4_info ul li:first-of-type{margin-right: calc(100% - 64px);}
    .s1_4_info ul li span{font-size: 18px;}
    .s1_4_info ul li p{font-size: 18px;}
    .s1_4_info ul li p br {display: none;}
    .s1_4_btn a{margin-top: 380px;}

    /* 02_business - sub01 사업분야*/
    .s2_1_cont ul{padding-bottom: 30px;}
    .s2_1_txt span{font-size: 16px; margin-bottom: 10px;}
    .s2_1_txt p{font-size: 24px;}

    /* 03_products - sub01 혈액조사기 */
    .s3_1_download input::placeholder{color: #999; font-weight: 400; font-size: 14px;}
}

@media all and (max-width:425px){
    header h1 {left:30px;}
    .inner {padding:0 30px;}

    /*main*/
    .main_visual .list .text {padding:0 30px;}
    .main_visual .list .text span {font-size:34px; line-height:1.2em;}
    .main_visual .list .text p {font-size:13px; line-height:1.5em;}
    .main_visual .list .text p br {display:none;}
    .vision_area {padding:70px 0;}
    .vision_area h2 span {font-size:27px;}
    .vision_area h2 p {font-size:15px;}
    .vision_area .info > div {flex-direction: column;}
    .vision_area .info > div i {align-self: center;}
    .vision_area .info > div .text {text-align: center; margin-left:0; margin-top:20px;}
    .vision_area .info > div p {font-size:14px;}
    .vision_area .info > div span b {margin-right:10px;}
    .vision_area .info > div span em {margin-left:10px;}
    .product_area .text {padding:70px 30px 300px;}
    .product_area .text p {font-size:36px;}
    .product_area .text span {font-size:16px;}
    .product_area .text a.btn_more {width:100%;}
    .solution_area .title span {font-size:16px;}

    /*sub*/
    #sub_visual .text {width:calc(100% - 60px);}
    #sub_visual .text h2 {font-size:40px;}
    .sub_dept2.inner {padding:0;}
    .sub_dept2 ul li {min-width: auto; flex-grow: 1;}
    .sub_dept2 ul li a {font-size:16px;}
    .sub_tit h3 {font-size:30px;}

    .subConbox{width:calc(100% - 60px);}

    /* 01_company - sub01 인사말*/   
    .s1_1_img img{transform: translateY(-5%);}
    .s1_1_cont{padding: 45px 0 0 0;}
    .s1_1_cont h5:nth-of-type(2){margin-bottom: 40px;}

    /* 01_company - sub03 인증서특허*/
    .s1_3_cont dl{width: 100%;}   
    .s1_3_cont dl{margin-bottom: 50px;}
    .s1_3_cont dl:last-of-type{margin-bottom: 0;}

    /* 01_company - sub04 오시는길 */
    .s1_4_map iframe {height: 300px;}
    .s1_4_tit{padding: 30px 30px 20px 30px;}
    .s1_4_tit img{width: 100px;}
    .s1_4_tit p{font-size: 22px; padding-top: 20px;}
    .s1_4_tit p::before{top:15px;}
    .s1_4_tit2 p{font-size: 22px; padding-top: 20px;}
    .s1_4_tit2 p::before{top:15px;}
    .s1_4_btn{width: 100%;}
    .s1_4_btn a{width: 100%; text-align: center;}     
    .s1_4_btn a{margin-top: 420px;}

    /* 02_business - sub01 사업분야*/
    .s2_1_cont ul .s2_1_img{width: calc(100% - 8px);}
    .s2_1_cont ul:nth-of-type(2n-1) .s2_1_img::before{width: 80px; height: 80px; left:-8px; bottom: -8px;}
    .s2_1_cont ul:nth-of-type(2n) .s2_1_img::before{width: 80px; height: 80px; right:-8px; bottom: -8px;}

    /* 03_products - sub01 혈액조사기 */
    .s3_1_product{padding: 50px 0 380px 0;}    
    .s3_1_productIn{width:calc(100% - 60px);}
    .s3_1_txt{width: 100%; text-align: center;}
    .s3_1_tTop{padding-bottom: 30px;}
    .s3_1_tTop span{font-size: 20px;}
    .s3_1_tTop p{font-size: 30px;}
    .s3_1_tBottom span{font-size: 24px;}
    .s3_1_tBottom p{font-size: 18px;}
    .s3_1_download input{margin-bottom: 20px; height: 38px;}
    .s3_1_download input:nth-of-type(2n-1){width: 100%;}
    .s3_1_download input:nth-of-type(2n){width: 100%;}
    .s3_1_download input:last-of-type{margin-bottom: 50px;}
    .s3_1_btn a{width:80%; height: auto;}
    .s3_1_btn a{background: #007db6 url(../images/content/s3_1_btn_bg.png) no-repeat center center / 100%;}
    .s3_1_btn a br{display: none;}

    .s3_1_img{bottom: -380px;}
    .s3_1_img img{min-width:600px; margin: 0 calc((100% - 600px) / 2);}

    .s3_1_solutionIn{width:calc(100% - 60px); padding: 50px 0 60px 0;}     
      
    
}
