/****** 공통css ******/
#sv{position:relative; width:100%; height:819px; padding-top:260px; box-sizing:border-box;}
#sv.sv0{background:url(/en/img/sub/sv0_visual.png) center top no-repeat; background-size:cover;}
#sv.sv1{background:url(/en/img/sub/sv1_visual.png) center top no-repeat; background-size:cover;}
#sv.sv2{background:url(/en/img/sub/sv2_visual.png) center top no-repeat; background-size:cover;}
#sv.sv10{background:url(/en/img/sub/sv2_visual.png) center top no-repeat; background-size:cover;}
#sv .tit h3{font-size:70px; font-family: 'Saira', sans-serif; font-weight:700; color:#fff; line-height:1.1em; text-transform:uppercase;}
#sv .tit p{margin-top:25px; font-size:24px; font-family: 'Saira', sans-serif; font-weight:400; color:#fff; line-height:1.4em;}
#sv .scroll_img{position:absolute; bottom:65px; right:30px; animation: scroll 1s linear infinite alternate;}
@keyframes scroll{
    0%{bottom:65px;}
    100%{bottom:25px;}
}
#lnb{position:relative; z-index:2; margin-top:-87px;}
#lnb .w1400{font-size:0;}
#lnb .w1400 > *{display:inline-block; vertical-align:top;}
#lnb .home{position:relative; margin-right:60px;}
#lnb .home::before{content:""; position:absolute; top:50%; right:-30px; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:3px; height:3px; background-color:#aaa; border-radius:50%;}
#lnb .home a{display:block;}
#lnb .depth{position:relative;}
#lnb .txt{position:relative; font-size:13px; font-weight:600; line-height:1; padding-bottom:5px; margin-top:5px; cursor:pointer;}
#lnb .txt::before{content:""; position:absolute; top:2px; right:0; display:block; width:7px; height:6px;}
#lnb .depth1_txt{padding-right:23px; margin-right:54px;}
#lnb .depth1_txt::before{background:url(/en/img/sub/route_Garrow.png) 0 0 no-repeat; background-size:cover;}
#lnb .depth2_txt{padding-right:40px; border-bottom:1px solid #222; color:#222; text-transform:uppercase;}
#lnb .depth2_txt::before{background:url(/en/img/sub/route_Barrow.png) 0 0 no-repeat; background-size:cover;}
#lnb .depth ul{display:none; position:absolute; top:33px; left:0; width:100%; padding-bottom:15px; background-color:#fff;}
#lnb .depth ul li:nth-of-type(n+2){margin-top:10px; }
#lnb .depth ul li a{display:block; font-size:16px; font-family: 'Saira', sans-serif; font-weight:400; color:#222; line-height:1; text-transform:uppercase; white-space:nowrap; }
#subContents{padding:132px 0 210px;}
.pageTit_box{width:100%; max-width:1400px; margin:0 auto; box-sizing:border-box;}
.pageTit_box .pageTit{position:relative; display:inline-block; vertical-align:top; font-size:28px;font-weight:700; color:#222; line-height:1;}
.pageTit_box .pageTit::before{content:""; display:block; width:28px; height:28px; top:-19px; right:34px; background:url(/en/img/sub/subTitle_point.png) 0 0 no-repeat; background-size:cover;}
#sub_page{padding-top:110px;}
#sub_page .common_top_txt{text-align:center;}
#sub_page .common_top_txt h5{font-size:60px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1.2em; word-break:keep-all;}

/***** misstion page *****/
.mission .list_box{width:100%; margin-top:15px; background:url(/en/img/sub/mission/listBg.png) center top no-repeat;}
.mission .list_box .center{display:block; width:546px; height:468px; margin:0 auto; padding-top:220px; box-sizing:border-box; text-align:center; background:url(/en/img/sub/mission/centerBg.png) center top no-repeat;}
.mission .list_box .center p{font-size:30px; font-family: 'Saira', sans-serif; font-weight:700; color:#f08902; line-height:1.4em;}
.mission .list_box .list{width:100%; margin-top:29px; font-size:0; text-align:center;}
.mission .list_box .list li{display:inline-block; vertical-align:top; width:28.666666%; margin-right:7%; height:653px; border:1px solid #e1e1e1; border-radius:30px; box-sizing:border-box; background-color:#fff; text-align:center;}
.mission .list_box .list li:last-of-type{margin-right:0;}
.mission .list_box .list li:first-of-type,
.mission .list_box .list li:last-of-type{margin-top:-174px;}
.mission .list_box .list li:nth-of-type(2){height:670px;}
.mission .list_box .list li span{display:block; width:42px; margin:19px auto 0; padding-top:36px; border-top:1px solid #f08902; font-size:14px; font-family: 'Saira', sans-serif; font-weight:500; color:#f08902; line-height:1;}
.mission .list_box .list li img{margin:30px 0 35px;}
.mission .list_box .list li .tit{font-size:22px; font-family: 'Saira', sans-serif; font-weight:700; letter-spacing:-0.025em; color:#222; line-height:1.4em;}
.mission .list_box .list li .sub_txt{margin-top:27px;}
.mission .list_box .list li .sub_txt p{font-size:16px; font-weight:300; color:#222; line-height:1; padding:12px 0; font-family: 'Pretendard', sans-serif;}
.mission .list_box .list li .sub_txt p:nth-of-type(n+2){position:relative;}
.mission .list_box .list li .sub_txt p:nth-of-type(n+2)::before{content:""; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); display:block; width:171px; height:1px; background-color:#e1e1e1;}

#sub_page.position{position:relative; }
.company-leadership_info{}
.company-leadership_info::after{content:''; position:absolute; top: 10px; left: -140px; background:url(/en/img/sub/icon_new001.png) 50% 50% no-repeat; background-size:cover; width: 565px; height: 563px;}
.company-leadership_info .flex_box{display:flex; flex-wrap:wrap; }
.company-leadership_info .flex_box .tit{width: 600px;}
.company-leadership_info .flex_box .tit h3{font-family: 'Saira', sans-serif;font-weight:bold; font-size:60px; color: #222; line-height: 1.2; margin-bottom:14px;}
.company-leadership_info .flex_box .tit p{font-family: 'Saira', sans-serif;font-size:24px; color: #f08902;}
.company-leadership_info .flex_box .txt{width: calc(100% - 600px);}
.company-leadership_info .flex_box .txt p{font-family: 'Saira', sans-serif;font-size:20px; color: #222; margin-bottom:30px;}
.company-leadership_info .flex_box .txt p:last-of-type{margin-bottom:0;}

@media all and (max-width:1600px){

    /****** 공통css ******/
    #sv .scroll_img{display:none;}
	.company-leadership_info::after{left: -330px;}
}

@media all and (max-width:1400px){

    /****** 공통css ******/
    .pageTit_box{padding:0 15px;}
    #sub_page .common_top_txt h5{font-size:50px;}

    /***** misstion page *****/
    .mission .list_box{background:none; margin-top:30px;}
    .mission .list_box .center{width:100%; height:auto; padding:15px 0; background:none; border-radius:30px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);}
    .mission .list_box .list li span{padding-top:25px;}
    .mission .list_box .list li img{margin:20px 0 25px;}
    .mission .list_box .list li{width:31.333333%; margin-right:3%; margin-top:0 !important; height:653px !important;}
    .mission .list_box .list li:last-of-type{margin-right:0;}
}

@media all and (max-width:1200px){

    /****** 공통css ******/
    #subContents{padding:60px 0 150px;}
    #sv{height:640px; padding-top:210px;}
    #sv .tit h3{font-size:50px;}
    #sv .tit p{margin-top:20px; font-size:22px;}
    #lnb{margin-top:-30px;}
    #sub_page{padding-top:60px;}
    #sub_page .common_top_txt h5{font-size:40px;}

    /***** misstion page *****/
    .mission .list_box .center p{font-size:25px;}
    .mission .list_box .list li .tit{font-size:20px;}
    .mission .list_box .list li{font-size:14px;}
	 /***** leadership info *****/
	.company-leadership_info .flex_box .tit{width: 100%;}
	.company-leadership_info .flex_box .tit h3{font-size:50px;}
	.company-leadership_info .flex_box .txt{width: 100%; margin-top: 50px;}
}

@media all and (max-width:768px){

    /****** 공통css ******/
    #sv{height:400px; padding-top:145px; background-position:60% 100% !important;}
    #sv .tit h3{font-size:35px;}
    #sv .tit p{font-size:18px;}
    #lnb{margin-top:0;}
    #lnb .home{margin-right:30px;}
    #lnb .home::before{right:-15px;}
    #lnb .depth1_txt{margin-right:20px;}
    #subContents{padding:50px 0 100px;}
    #sub_page .common_top_txt h5{font-size:35px;}

    /***** misstion page *****/
    .mission .list_box .list li{display:block; width:100%; margin-right:0; height:auto !important; padding:25px 0;}
    .mission .list_box .list li:nth-of-type(n+2){margin-top:20px !important;}
    .mission .list_box .list li .tit{word-break:keep-all;}
    .mission .list_box .list li .tit br{display:none;}

	/***** leadership info *****/
	.company-leadership_info .flex_box .tit h3{font-size:40px;}
	.company-leadership_info .flex_box .txt{margin-top: 20px;}
	.company-leadership_info .flex_box .txt p{font-size:16px;}
    
}

/* history */
.company-history {}
.company-history * { box-sizing:border-box; }
.company-history > ul > li { position:relative; margin-top:200px; }
.company-history > ul > li:first-child { margin-top:0; }
.company-history > ul > li dl { position:relative; }
.company-history > ul > li dl:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-history > ul > li dt { position:relative; float:left; width:475px; text-align:center; margin-top:-40px; font-family: 'Saira', sans-serif; font-weight:700; color:#f08902; font-size:100px; letter-spacing:0.02em; }
.company-history > ul > li dt span { position:relative; font-family: 'Saira', sans-serif; font-weight:700;  }
.company-history > ul > li dt:before { content:""; display:block; position:absolute; left:50%; margin-left:-5px; bottom:-30px; width:10px; height:10px; background-color:#e1e1e1; border-radius:50%; }
.company-history > ul > li dt:after { content:""; display:block; position:absolute; left:50%; margin-left:-5px; top:-30px; width:10px; height:10px; background-color:#e1e1e1; border-radius:50%; }
.company-history > ul > li:before { content:""; display:block; position:absolute; left:237px; top:120px; width:1px; height:calc(100% + 20px); background-color:#e1e1e1; }
.company-history > ul > li dd { position:relative;float:left; width:calc(100% - 475px); padding-left:55px; }
.company-history > ul > li dd li { position:relative; padding-left:85px; margin-top:20px; font-family: 'Pretendard', sans-serif; font-weight:400; color:#222; font-size:20px; line-height:130%; }
.company-history > ul > li dd li:first-child { margin-top:0; }
.company-history > ul > li dd li .stxt { position:absolute; left:13px; top:0; color:#457fc1; font-weight:700; }
.company-history > ul > li dd li:before { content:""; display:block; position:absolute; left:0; top:12px; width:6px; height:6px; background-color:#457fc1; border-radius:50%; }
.company-history > ul > li:first-child dt:after,
.company-history > ul > li:last-child dt:before,
.company-history > ul > li:last-child:before { display:none; }

@media all and (max-width:1400px){
	.company-history > ul > li { position:relative; margin-top:150px; }
	.company-history > ul > li dt { width:350px; margin-top:-30px; font-size:80px; }
	.company-history > ul > li dt:before { margin-left:-4px; bottom:-30px; width:8px; height:8px; }
	.company-history > ul > li dt:after { margin-left:-4px; top:-30px; width:8px; height:8px; }
	.company-history > ul > li:before { left:175px; top:110px; height:calc(100% - 15px);}
	.company-history > ul > li dd { width:calc(100% - 350px); padding-left:45px; }
	.company-history > ul > li dd li { padding-left:85px; margin-top:20px; font-size:18px; }
	.company-history > ul > li dd li .stxt { left:13px; }
	.company-history > ul > li dd li:before { top:12px; width:6px; height:6px; }
	.company-history > ul > li dd li br { display:none; }
}

@media all and (max-width:1024px){
	.company-history > ul > li { position:relative; margin-top:120px; }
	.company-history > ul > li dt { width:300px; margin-top:-25px; font-size:80px; }
	.company-history > ul > li dt:before { margin-left:-4px; bottom:-30px; width:8px; height:8px; }
	.company-history > ul > li dt:after { margin-left:-4px; top:-30px; width:8px; height:8px; }
	.company-history > ul > li:before { left:150px; top:110px; height:calc(100% - 35px);}
	.company-history > ul > li dd { width:calc(100% - 300px); padding-left:45px; }
	.company-history > ul > li dd li { padding-left:80px; margin-top:20px; font-size:18px; }
	.company-history > ul > li dd li .stxt { left:13px; }
	.company-history > ul > li dd li:before { top:11px; width:5px; height:5px; }
}
@media all and (max-width:768px){
	.company-history > ul > li { position:relative; margin-top:80px; }
	.company-history > ul > li dt { width:100%; margin-top:0; font-size:50px; }
	.company-history > ul > li dt:before,
	.company-history > ul > li dt:after,
	.company-history > ul > li:before { display:none; }
	.company-history > ul > li dd { width:100%; padding-left:0; }
	.company-history > ul > li dd li:first-child { margin-top:10px; }
	.company-history > ul > li dd li { padding-left:60px; margin-top:20px; font-size:16px; }
	.company-history > ul > li dd li .stxt { left:10px; }
	.company-history > ul > li dd li:before { top:10px; width:5px; height:5px; }
}

/* location */
.company-location {}
.company-location * { box-sizing:border-box; }
.company-location .infobox {}
.company-location .infobox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-location .infobox > div { float:left; }
.company-location .infobox .l_box { width:calc(100% - 408px); }
.company-location .infobox .l_box .icon { display:inline-block; vertical-align:middle; }
.company-location .infobox .l_box .icon span { display:flex; width:100px; height:100px; background-color:#457fc1; border-radius:100px; align-items: center; justify-content: center;}
.company-location .infobox .l_box dl { display:inline-block; vertical-align:middle; padding-left:50px; }
.company-location .infobox .l_box dt { font-family: 'Exo', sans-serif; font-weight:700; font-size:22px; color:#f08902; }
.company-location .infobox .l_box dd { margin-top:7px; font-family: 'Pretendard', sans-serif; font-weight:500; font-size:20px; color:#333; line-height:140%; }
.company-location .infobox .r_box { width:408px; }
.company-location .infobox .r_box li { margin-top:16px; font-family: 'Exo', sans-serif; font-weight:500; font-size:18px; color:#222; }
.company-location .infobox .r_box li:first-child { margin-top:0; }
.company-location .infobox .r_box li .icon { display:inline-block; vertical-align:middle; }
.company-location .infobox .r_box li strong { display:inline-block; vertical-align:middle; margin:0 20px 0 10px; font-family: 'Exo', sans-serif; font-weight:700; font-size:22px; color:#f08902;}
.company-location .mapbox { margin-top:85px; }
.company-location .mapbox,
.company-location .mapbox > div,
.company-location .wrap_map,
.company-location .mapbox iframe  { height:565px !important; border-radius:12px; }
.company-location .img_box { position:relative;  margin-top:100px; }
.company-location .img_box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-location .img_box .swiper-container.swiper-big { position:relative; width:100%; height:565px; overflow:hidden; }
.company-location .img_box .swiper-container.swiper-big .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; display:flex; }
.company-location .img_box .swiper-container.swiper-big .swiper-slide > div { position:relative; width:100%; height:100%;}
.company-location .img_box .swiper-container.swiper-big .swiper-slide .imgbox { position:relative; width:100%; height:565px; }
.company-location .img_box .swiper-container.swiper-big .swiper-slide .imgbox:after{ content:""; display:block; padding-bottom:100%; }
.company-location .img_box .swiper-container.swiper-big .swiper-slide .imgbox img {  position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:12px; } 
.company-location .img_box .swiper-container.swiper-small { float:right; display:block; position:relative; width:420px; height:100px; overflow:hidden; margin:15px 0 0 0; }
.company-location .img_box .swiper-container.swiper-small.active { display:block;  }
.company-location .img_box .swiper-container.swiper-small .swiper-slide {  position:relative; width:200px; height:100px; overflow:hidden; display:flex; cursor:pointer; }
.company-location .img_box .swiper-container.swiper-small .swiper-slide:after{ content:""; display:block; padding-bottom:100%; }
.company-location .img_box .swiper-container.swiper-small .swiper-slide img {  position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover;  border-radius:8px; } 
.company-location .img_box .swiper-container.swiper-small .swiper-slide.swiper-slide-thumb-active { display:none; }
.company-location .img_box .swiper-container .btn_pn { position:absolute; top:50%; margin-top:-80px; width:40px; height:60px; outline:none; transition:all .3s ease-in-out; z-index:100; display:none;}
.company-location .img_box .swiper-container .btn_pn.on { display:block; }
.company-location .img_box .swiper-container .btn_pn span { font-weight:200; overflow:hidden; text-indent:-9999em; display:block; }
.company-location .img_box .swiper-container .swiper-button-next { right:0; background:rgba(0,0,0, 0.3) url(/img/sub/btn-next.png) center center no-repeat; }
.company-location .img_box .swiper-container .btn_pn:after { display:none; }
.company-location .img_box .swiper-container .swiper-button-next:hover { background:rgba(0,0,0, 0.5) url(/img/sub/btn-next.png) center center no-repeat; }
.company-location .img_box .swiper-container .swiper-button-prev { left:0; background:rgba(0,0,0, 0.3) url(/img/sub/btn-prev.png) center center no-repeat;}
.company-location .img_box .swiper-container .swiper-button-prev:hover { background:rgba(0,0,0, 0.5) url(/img/sub/btn-prev.png) center center no-repeat;}
.company-location .img_box .swiper-pagination { position:absolute; left:10px; bottom:0; }
.company-location .img_box .swiper-pagination .swiper-pagination-bullet { display:inline-block; vertical-align:middle; margin:0 34px 0 0; height:8px; width:8px; opacity:1; border:1px solid #4e86c4; background-color:#fff; border-radius:20px; }
.company-location .img_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { height:11px; width:11px; background-color:#457fc1; }

@media all and (max-width:1400px){
	.company-location .infobox .l_box { width:calc(100% - 320px); }
	.company-location .infobox .l_box dl { padding-left:25px; }
	.company-location .infobox .r_box { width:320px; }
	.company-location .infobox .r_box li strong { margin:0 12px 0 8px; }
}
@media all and (max-width:1024px){
	.company-location .infobox .l_box { width:100%; }
	.company-location .infobox .l_box dl { width:calc(100% - 150px)}
	.company-location .infobox .l_box dd br { display:none; }
	.company-location .infobox .r_box { width:100%; padding:0 20px; margin-top:40px; }
	.company-location .infobox .r_box li { display:inline-block; }
	.company-location .infobox .r_box li:first-child { padding-right:40px; }
	.company-location .mapbox { margin-top:70px; }
	.company-location .mapbox,
	.company-location .mapbox > div,
	.company-location .wrap_map,
	.company-location .mapbox iframe  { height:500px !important; border-radius:12px; }
	.company-location .img_box { position:relative;  margin-top:80px; }
	.company-location .img_box .swiper-container.swiper-big { height:500px; }
	.company-location .img_box .swiper-container.swiper-big .swiper-slide .imgbox { height:500px; }
}
@media all and (max-width:768px){
	.company-location .infobox .l_box .icon span { width:80px; height:80px; }
	.company-location .infobox .l_box dl { padding-left:15px; width:calc(100% - 100px) }
	.company-location .infobox .l_box dt { font-size:20px;}
	.company-location .infobox .l_box dd { margin-top:5px; font-size:18px; }
	.company-location .infobox .r_box li { margin-top:12px; font-size:16px; }
	.company-location .infobox .r_box li:first-child { margin-top:0; }
	.company-location .infobox .r_box li strong { font-size:20px; }
	.company-location .mapbox { margin-top:50px; }
	.company-location .mapbox,
	.company-location .mapbox > div,
	.company-location .wrap_map,
	.company-location .mapbox iframe  { height:400px !important; border-radius:10px; }
	.company-location .img_box { position:relative;  margin-top:50px; padding-bottom:40px;  }
	.company-location .img_box .swiper-container.swiper-big { height:350px; }
	.company-location .img_box .swiper-container.swiper-big .swiper-slide .imgbox { height:350px; }
	.company-location .img_box .swiper-container.swiper-small { display:none; }
	.company-location .img_box .swiper-pagination { position:absolute; left:0; bottom:0; width:100%; text-align:center; }
	.company-location .img_box .swiper-pagination .swiper-pagination-bullet {  margin:0 15px; }
}

/* leadersihp */
.company-leadership  {}
.company-leadership * { box-sizing:border-box; }
.company-leadership .lisbox > ul { margin:-80px 0 0 -40px; }
.company-leadership .lisbox > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-leadership .lisbox > ul > li { position:relative; float:left; width:calc(33.33% - 40px); margin:80px 0 0 40px; cursor:pointer;}
.company-leadership .lisbox > ul > li:after{ content:""; display:block; padding-bottom:115.5%; }
.company-leadership .lisbox > ul > li .infobox { opacity:1; position:absolute; left:0; top:0; width:100%; height:100%; padding:85px 0 0 53px; background-color:#eee; border-radius:30px; }
.company-leadership .lisbox > ul > li .infobox .tit { font-family: 'Saira', sans-serif; font-weight:600; color:#f18d00; font-size:30px; line-height:140%; }
.company-leadership .lisbox > ul > li .infobox .name { position:absolute; right:50px; bottom:45px; font-family: 'Saira', sans-serif; font-weight:600; color:#222; font-size:30px; line-height:140%; padding:38px 0 0 20px }
.company-leadership .lisbox > ul > li .infobox .name:after { content:""; display:block; position:absolute; left:0; top:0; width:31px; height:32px; background:url(/en/img/sub/icon_leadersihp_off.png) center top no-repeat;} 
.company-leadership .lisbox > ul > li .over { opacity:0; z-index:-1; transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#457fc1; border-radius:30px; }
/* .company-leadership .lisbox > ul > li .over:after { content:""; display:block; position:absolute; left:28px; top:0; width:236px; height:183px; background:url(/en/img/sub/icon_leadersihp_on.png) center top no-repeat;}  */
.company-leadership .lisbox > ul > li .over .name { position:absolute; right:50px; bottom: 55px; font-family: 'Saira', sans-serif; text-align:right; font-weight:600; color:#fff; font-size:18px; line-height:140%; padding:85px 0 0 53px; box-sizing:border-box;}
.company-leadership .lisbox > ul > li .over .name strong { display:block; font-size:32px; margin-top: 10px; }
.company-leadership .lisbox > ul > li .over .list { position:absolute; left:0; bottom:45px; padding:0 50px; }
.company-leadership .lisbox > ul > li .over .list li {  position:relative; padding-left:14px; margin-top:12px; font-family: 'Saira', sans-serif; font-weight:500; color:#fff; font-size:18px; line-height:150%; }
.company-leadership .lisbox > ul > li .over .list li:after { content:""; display:block; position:absolute; left:0; top:10px; width:5px; height:5px; background-color:#fff; border-radius:50%; }
.company-leadership .lisbox > ul > li:hover .over { opacity:1; z-index:2; }
.company-leadership .lisbox > ul > li .over a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}

@media all and (max-width:1200px){
	.company-leadership .lisbox { margin:0 auto; max-width:820px; width:100% }
	.company-leadership .lisbox > ul { margin:-60px 0 0 -30px; }
	.company-leadership .lisbox > ul > li { width:calc(50% - 30px); margin:60px 0 0 30px; }
	.company-leadership .lisbox > ul > li .infobox { padding:55px 0 0 30px; }
	.company-leadership .lisbox > ul > li .infobox .tit { font-size:26px;  }
	.company-leadership .lisbox > ul > li .infobox .name {right:30px; bottom:35px; font-size:26px; padding:30px 0 0 18px }
	.company-leadership .lisbox > ul > li .over .name { right:30px; top:57px; font-size:16px; }
	.company-leadership .lisbox > ul > li .over:after { left:16px; top:0; width:180px; height:140px; background-size:180px auto; } 
	.company-leadership .lisbox > ul > li .over .name strong { font-size:28px; }
	.company-leadership .lisbox > ul > li .over .list { bottom:35px; padding:0 30px; }
	.company-leadership .lisbox > ul > li .over .list li { padding-left:10px; margin-top:10px; font-size:16px; }
	.company-leadership .lisbox > ul > li .over .list li:after { top:9px; width:4px; height:4px; }
}
@media all and (max-width:768px){
	.company-leadership .lisbox { max-width:440px; }
	.company-leadership .lisbox > ul { margin:-40px 0 0 0; }
	.company-leadership .lisbox > ul > li { width:100%; margin:40px 0 0 0; }
}

/* geroscience */
.technology-geroscience {}
.technology-geroscience * { box-sizing:border-box; }
.technology-geroscience .txt_top { text-align:center; }
.technology-geroscience .txt_top .txt_1 { font-family: 'Saira', sans-serif; font-weight:700; color:#222; font-size:60px; line-height:130%;}
.technology-geroscience .txt_top .txt_2 { margin-top:35px; font-family: 'Pretendard', sans-serif; font-weight:500; color:#222; font-size:24px; line-height:140%;}
.technology-geroscience .txt_cont {}
.technology-geroscience .txt_cont dl { margin-top:145px; }
.technology-geroscience .txt_cont dl:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.technology-geroscience .txt_cont dt { position:relative;  padding-top:40px; float:left; width:50%; font-family: 'Saira', sans-serif; font-weight:700; color:#222; font-size:34px; line-height:140%; }
.technology-geroscience .txt_cont dt:after{ content:""; display:block; position:absolute; top:8px; left:0; width:150px; height:1px; background-color:#f08902; }
.technology-geroscience .txt_cont dd { float:left; width:50%; }
.technology-geroscience .txt_cont dd p { padding-top:40px; font-family: 'Pretendard', sans-serif; font-weight:500; color:#222; font-size:20px; line-height:160%; }
.technology-geroscience .txt_cont dd p:nth-child(1) { padding-top:0; }
.technology-geroscience .bgbox { margin-top:150px; background-color:#f5f5f5; padding:130px 0; }
.technology-geroscience .bgbox .history_box { padding:210px 0 210px 0;}
.technology-geroscience .bgbox .history_box ul { position:relative; padding:0 40px;  background-color:#ccc; }
.technology-geroscience .bgbox .history_box ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.technology-geroscience .bgbox .history_box ul:before { content:""; display:block; position:absolute; right:0; top:-7px; width:20px; height:30px; background:url(/en/img/sub/icon_history_arr.png) center top no-repeat;} 
.technology-geroscience .bgbox .history_box li .list { position:absolute; left:55%; bottom:80px; transform:translateX(-50%);  width:200%; text-align:center;  }
.technology-geroscience .bgbox .history_box li { position:relative; float:left; width:11.11%; height:15px; }
.technology-geroscience .bgbox .history_box li:after { content:""; display:block; position:absolute; left:50%; bottom:-10px; margin:0 0 0 -18px; width:36px; height:84px; background:url(/en/img/sub/icon_history.png) center top no-repeat;} 
.technology-geroscience .bgbox .history_box li .list { position:absolute; left:55%; bottom:80px; transform:translateX(-50%);  width:200%; text-align:center;  }
.technology-geroscience .bgbox .history_box li .txtbox { font-family: 'Saira', sans-serif; font-weight:500; color:#222; font-size:16px; line-height:130%; display:inline-block; vertical-align:bottom; text-align:left; }
.technology-geroscience .bgbox .history_box li .txtbox strong { font-family: 'Saira', sans-serif; color:#457fc1; font-weight:700; font-size:24px; display:block; margin-bottom:12px; }
.technology-geroscience .bgbox .history_box li .imgbox { font-weight:700; color:#777; font-size:20px; line-height:130%; display:inline-block; vertical-align:bottom; margin-left:4px; text-align:left;}
.technology-geroscience .bgbox .history_box li .imgbox span { display:block; padding:0 0 6px 5px; }
.technology-geroscience .bgbox .history_box li:nth-child(2n):after { transform:rotateX(180deg); top:-10px; bottom:auto; } 
.technology-geroscience .bgbox .history_box li:nth-child(2n) .list { top:80px; bottom:auto; }
.technology-geroscience .bgbox .history_box li:nth-child(2n) .txtbox,
.technology-geroscience .bgbox .history_box li:nth-child(2n) .imgbox { vertical-align:top; }
.technology-geroscience .bgbox .history_box li:nth-child(8) .list { left:95%; width:280%; }
.technology-geroscience .bgbox .history_box li:nth-child(8) .imgbox { width:193px; }
.technology-geroscience .bgbox .history_box li:nth-child(9) .list { left:32%; }
.technology-geroscience .bgbox .txt_cont dl { margin-top:125px; }
.technology-geroscience .cont_bottom { margin-top:150px; }
.technology-geroscience .cont_bottom .txt_cont1 { text-align:center; font-family: 'Pretendard', sans-serif; font-weight:500; color:#222; font-size:24px; line-height:160%; }
.technology-geroscience .cont_bottom .txt_cont2 { margin-top:120px; text-align:center; }
.technology-geroscience .cont_bottom .txt_cont2 .box { position:relative; display:inline-block; vertical-align:middle; }
.technology-geroscience .cont_bottom .txt_cont2 .box .circle_box { width:300px; height:300px; display:flex; justify-content:center; align-items:center; border-radius:100%;  font-family: 'Saira', sans-serif; font-weight:700; color:#fff; font-size:30px; line-height:200%; }
.technology-geroscience .cont_bottom .txt_cont2 .box.circle1 .circle_box { background-color:#f08902; border:15px solid #fdead2; }
.technology-geroscience .cont_bottom .txt_cont2 .box.circle2 .circle_box { background-color:#457fc1; border:15px solid #ecf2f9; }
.technology-geroscience .cont_bottom .txt_cont2 .box.circle1:before { content:""; display:block; z-index:-1; position:absolute; right:-140px; top:50%; margin-top:-145px; width:205px; height:290px; background:url(/en/img/sub/bg_geroscience_arr1.png) center center no-repeat;} 
.technology-geroscience .cont_bottom .txt_cont2 .box.circle2:before { content:""; display:block; z-index:-1; position:absolute; left:-220px; top:50%; margin-top:-145px; width:205px; height:290px; background:url(/en/img/sub/bg_geroscience_arr2.png) center center no-repeat;} 
.technology-geroscience .cont_bottom .txt_cont2 .box.list { padding:0 150px; width:calc(100% - 608px); }
.technology-geroscience .cont_bottom .txt_cont2 .box.list li { margin-top:40px; }
.technology-geroscience .cont_bottom .txt_cont2 .box.list li span { width:100%; border:1px solid #457fc1; height:80px; display:flex; justify-content:center; align-items:center; border-radius:10px; font-family: 'Saira', sans-serif; font-weight:700; color:#457fc1; font-size:24px; background-color:#fff; }
.technology-geroscience .cont_bottom .txt_cont2 .box.list li:first-child { margin-top:0px;  }
.technology-geroscience .cont_bottom .txt_cont3 { margin-top:150px; }
.technology-geroscience .cont_bottom .txt_cont3:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.technology-geroscience .cont_bottom .txt_cont3 > div { float:left; width:50%; }
.technology-geroscience .cont_bottom .txt_cont3 .txtbox p { padding-top:40px; font-family: 'Pretendard', sans-serif; font-weight:500; color:#222; font-size:20px; line-height:180%; }
.technology-geroscience .cont_bottom .txt_cont3 .txtbox p:nth-child(1) { padding-top:0; }
.technology-geroscience .cont_bottom .txt_cont3 > div .tit { text-align:center; font-family: 'Saira', sans-serif; color:#457fc1; font-weight:700; font-size:20px; padding:0 60px 20px 0;  }
.technology-geroscience .cont_bottom .txt_cont3 > div .txt_b { text-align:right; font-family: 'Pretendard', sans-serif; color:#222; font-weight:500; font-size:16px; padding:10px 70px 0 0;  }


@media all and (max-width:1400px){
	.technology-geroscience .txt_top .txt_1 { font-size:45px; }
	.technology-geroscience .txt_top .txt_2 { margin-top:30px; font-size:20px; }
	.technology-geroscience .txt_top .txt_2 br { display:none; }
	.technology-geroscience .txt_top .txt_2 .m_br { display:block; }
	.technology-geroscience .txt_cont dl { margin-top:100px; }
	.technology-geroscience .txt_cont dt { padding-top:30px; padding-right:20px; font-size:30px; }
	.technology-geroscience .txt_cont dt:after{ top:4px; width:120px; }
	.technology-geroscience .txt_cont dt br { display:none; }
	.technology-geroscience .txt_cont dd p { padding-top:32px; font-size:18px; }
	.technology-geroscience .bgbox { margin-top:100px; padding:100px 0; }
	.technology-geroscience .bgbox .history_box li:nth-child(8) .list { left:95%; width:320%; }
	.technology-geroscience .bgbox .history_box li:nth-child(9) .list { width:240%; }
	.technology-geroscience .bgbox .txt_cont dl { margin-top:100px; }
	.technology-geroscience .cont_bottom { margin-top:100px; }
	.technology-geroscience .cont_bottom .txt_cont1 { font-size:20px; }
	.technology-geroscience .cont_bottom .txt_cont1 br { display:none; }
	.technology-geroscience .cont_bottom .txt_cont1 .m_br { display:block; }
	.technology-geroscience .cont_bottom .txt_cont2 { margin-top:90px; }
	.technology-geroscience .cont_bottom .txt_cont2 .box .circle_box { width:250px; height:250px; font-size:22px; }
	.technology-geroscience .cont_bottom .txt_cont2 .box.circle1 .circle_box { border:12px solid #fdead2; }
	.technology-geroscience .cont_bottom .txt_cont2 .box.circle2 .circle_box { border:12px solid #ecf2f9; }
	.technology-geroscience .cont_bottom .txt_cont2 .box.circle1:before { right:-95px; margin-top:-106px; width:150px; height:212px; background-size:150px auto; } 
	.technology-geroscience .cont_bottom .txt_cont2 .box.circle2:before { left:-160px; margin-top:-106px; width:150px; height:212px; background-size:150px auto; } 
	.technology-geroscience .cont_bottom .txt_cont2 .box.list { padding:0 100px; width:calc(100% - 508px); }
	.technology-geroscience .cont_bottom .txt_cont2 .box.list li { margin-top:30px; }
	.technology-geroscience .cont_bottom .txt_cont2 .box.list li span {height:70px; border-radius:7px; font-size:20px; }
	.technology-geroscience .cont_bottom .txt_cont3 { margin-top:100px; }
	.technology-geroscience .cont_bottom .txt_cont3 .imgbox { padding-right:30px; }
	.technology-geroscience .cont_bottom .txt_cont3 .txtbox p { padding-top:30px; font-size:17px; }
}
@media all and (max-width:1200px){
	.technology-geroscience .bgbox .history_box { padding:310px 0 310px 0;}
	.technology-geroscience .bgbox .history_box li .txtbox br { display:none; }
	.technology-geroscience .bgbox .history_box li .imgbox { margin-top:10px; }
	.technology-geroscience .bgbox .history_box li .list { width:150%; }
	.technology-geroscience .bgbox .history_box li:nth-child(8) .list { left:95%; width:150%; }
	.technology-geroscience .bgbox .history_box li:nth-child(9) .list { width:150%; }
	.technology-geroscience .bgbox .txt_cont dl { margin-top:100px; }
}
@media all and (max-width:1024px){
	.technology-geroscience .bgbox .history_box { position:relative; padding:0; }
	.technology-geroscience .bgbox .history_box:before { content:""; display:block; position:absolute; left:18px; top:0; width:15px; height:100%; background-color:#ccc; }
	.technology-geroscience .bgbox .history_box ul { position:relative; padding:0 40px 40px 40px; background:none; }
	.technology-geroscience .bgbox .history_box ul:before { left:15px; top:auto; bottom:-5px;  transform:rotate(90deg); }
	.technology-geroscience .bgbox .history_box li { float:none; height:auto; width:100%; padding-top:40px; }
	.technology-geroscience .bgbox .history_box li:after { transform:rotate(90deg) !important; left:10px !important; top:30px !important;  }
	.technology-geroscience .bgbox .history_box li .list { position:relative; left:0; bottom:auto; transform:translateX(0);  width:auto; text-align:left; padding:20px 0 0 60px; }
	.technology-geroscience .bgbox .history_box li .txtbox {display:inline-block; vertical-align:top; }
	.technology-geroscience .bgbox .history_box li .txtbox strong { display:block; }
	.technology-geroscience .bgbox .history_box li .txtbox br { display:none; }
	.technology-geroscience .bgbox .history_box li .imgbox { margin-top:0; display:inline-block !important;  vertical-align:top !important; }
	.technology-geroscience .bgbox .history_box li .list { width:150%; }
	.technology-geroscience .bgbox .history_box li:nth-child(2n):after { transform:rotateX(0); top:auto; bottom:auto; } 
	.technology-geroscience .bgbox .history_box li:nth-child(2n) .list { top:auto; bottom:auto; }
	.technology-geroscience .bgbox .history_box li:nth-child(8) .list { left:auto; width:auto; }
	.technology-geroscience .bgbox .history_box li:nth-child(9) .list { width:auto; left:auto; }
	.technology-geroscience .bgbox .txt_cont dl { margin-top:100px; }
	.technology-geroscience .cont_bottom .txt_cont2 .box .circle_box { width:250px; height:250px; font-size:22px; }
	.technology-geroscience .cont_bottom .txt_cont2 .box.list { width:100%; margin:130px auto; padding:0; width:100%; }
	.technology-geroscience .cont_bottom .txt_cont2 .box.circle1:before { left:50%; right:auto; top:180px; margin:0 0 0 -75px;  transform:rotate(90deg); }
	.technology-geroscience .cont_bottom .txt_cont2 .box.circle2:before { left:50%; right:auto; top:-190px; margin:0 0 0 -75px;  transform:rotate(90deg); }
}
@media all and (max-width:768px){
	.technology-geroscience .txt_top .txt_1 { font-size:40px; }
	.technology-geroscience .txt_top .txt_1 br { display:none; }
	.technology-geroscience .txt_top .txt_1 .m_br { display:block; }
	.technology-geroscience .txt_cont dl { margin-top:80px; }
 	.technology-geroscience .txt_cont dt { float:none; width:100%; }
	.technology-geroscience .txt_cont dd { float:none; width:100%; margin-top:20px; }
	.technology-geroscience .cont_bottom .txt_cont3 > div { float:none; width:100%; }
	.technology-geroscience .cont_bottom .txt_cont3 .imgbox { padding-right:0; }
	.technology-geroscience .cont_bottom .txt_cont3 .txtbox { margin-top:30px; }
.technology-geroscience .cont_bottom .txt_cont3 > div .tit { font-size:18px; padding:0 0 20px 0;  }
.technology-geroscience .cont_bottom .txt_cont3 > div .txt_b { font-size:14px; padding:10px 0 0 0;  }
}


/* medispan */
.technology-medispan {}
.technology-medispan * { box-sizing:border-box; }
.technology-medispan .txt_top { text-align:center; }
.technology-medispan .txt_top .txt_1 { font-family: 'Saira', sans-serif; font-weight:700; color:#222; font-size:60px; line-height:130%;}
.technology-medispan .txt_top .txt_2 { margin-top:35px; font-family: 'Pretendard', sans-serif; font-weight:500; color:#222; font-size:24px; line-height:140%;}
.technology-medispan .box_cont { margin-top:105px; }
.technology-medispan .box_cont .top { padding:0 100px; }
.technology-medispan .box_cont .top strong { width:100%;padding:29px 0;  text-align:center; display:flex; justify-content:center; align-items:center; font-family: 'Saira', sans-serif; color:#222; font-size:30px; font-weight:700; border-radius:10px; background-color:#eee; }
.technology-medispan .box_cont .list { position:relative; padding-top:60px; }
.technology-medispan .box_cont .list:before { content:""; display:block;  position:absolute; left:50%; top:0; width:1px; margin-left:-1px; height:60px; background-color:#e1e1e1; }
.technology-medispan .box_cont .list:after { content:""; display:block;  position:absolute; left:50%; top:38px; transform:translateX(-50%); width:calc(100% - 20% + 10px); height:1px; background-color:#e1e1e1; }
.technology-medispan .box_cont .list ul { margin:0 0 0 -12px; }
.technology-medispan .box_cont .list ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.technology-medispan .box_cont .list li { position:relative; float:left; width:calc(20% - 12px); margin:0 0 0 12px; border:1px solid #e1e1e1; border-radius:10px; }
.technology-medispan .box_cont .list li:before { content:""; display:block; padding-bottom:131.4%; }
.technology-medispan .box_cont .list li:after { content:""; display:block;  position:absolute; left:50%; top:-22px; width:1px; height:22px; background-color:#e1e1e1; }
.technology-medispan .box_cont .list li .sbox { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; }
.technology-medispan .box_cont .list li .sbox dl { padding:40px 10px 0 10px; }
.technology-medispan .box_cont .list li .sbox dt { font-family: 'Saira', sans-serif; font-weight:600; color:#457fc1; font-size:27px; line-height:140%;}
.technology-medispan .box_cont .list li .sbox dd { margin-top:32px; font-family: 'Pretendard', sans-serif; font-weight:500; color:#222; font-size:20px; line-height:140%;}
.technology-medispan .box_cont .list li .logo { position:absolute; left:0; bottom:30px; width:100%; text-align:center; }
.technology-medispan .box_cont .list li:nth-child(3):after { display:none; }
.technology-medispan .box_vs { margin-top:80px; }
.technology-medispan .box_vs .top { text-align:center; }
.technology-medispan .box_vs .top strong { position:relative; font-family: 'Saira', sans-serif; font-weight:700; color:#222; font-size:100px; letter-spacing:0.1em; }
.technology-medispan .box_vs .top strong:before { content:""; display:block;  position:absolute; left:50%; top:50%; width:44px; transform:translate(-50%, -50%); margin:0 0 0 -5px;  height:159px; background:url(/en/img/sub/icon_box_vs.png) left top no-repeat; }
.technology-medispan .box_vs .cont_box { margin-top:80px; text-align:center; padding:0 100px; }
.technology-medispan .box_vs .cont_box .top_txt { position:relative;  width:100%; height:100px; text-align:center; display:flex; justify-content:center; align-items:center; font-family: 'Saira', sans-serif; color:#fff; font-size:36px; font-weight:700; border-radius:10px; background-color:#457fc1; }
.technology-medispan .box_vs .cont_box .top_txt:before { content:""; display:block;  position:absolute; left:50%; bottom:-30px; width:1px; margin-left:-1px; height:30px; background-color:#e1e1e1; }
.technology-medispan .box_vs .cont_box .txt-1 { position:relative; margin-top:30px; }
.technology-medispan .box_vs .cont_box .txt-1:before { content:""; display:block;  position:absolute; left:50%; bottom:-40px; width:1px; margin-left:-1px; height:40px; background-color:#e1e1e1; }
.technology-medispan .box_vs .cont_box .txt-1 span { margin:0 auto; width:60%; height:100px; text-align:center; display:flex; justify-content:center; align-items:center; font-family: 'Saira', sans-serif; color:#457fc1; font-size:30px; font-weight:700; border-radius:10px; background-color:#eee; }
.technology-medispan .box_vs .cont_box .txt-2 { position:relative; margin-top:65px; }
.technology-medispan .box_vs .cont_box .txt-2:before { content:""; display:block;  position:absolute; left:50%; top:-25px; transform:translateX(-50%); width:calc(100% - 25% - 2px); height:1px; background-color:#e1e1e1; } 
.technology-medispan .box_vs .cont_box .txt-2:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.technology-medispan .box_vs .cont_box .txt-2 .lbox { position:relative; float:left; width:25%; height:100px; border:7px solid #eee; border-radius:10px; }
.technology-medispan .box_vs .cont_box .txt-2 .lbox:after { content:""; display:block;  position:absolute; left:50%; top:-32px; width:1px; height:25px; background-color:#e1e1e1; }
.technology-medispan .box_vs .cont_box .txt-2 .lbox:before { content:""; display:block;  position:absolute; left:50%; bottom:-32px; width:1px; height:25px; background-color:#e1e1e1; }
.technology-medispan .box_vs .cont_box .txt-2 .rbox { position:relative; float:right;  width:50%; height:100px; border:7px solid #eee; border-radius:10px; }
.technology-medispan .box_vs .cont_box .txt-2 .rbox:after { content:""; display:block;  position:absolute; left:calc(75% + 2px); top:-32px; width:1px; height:25px; background-color:#e1e1e1; }
.technology-medispan .box_vs .cont_box .txt-2 .rbox:before { content:""; display:block;  position:absolute; left:calc(75% + 2px); bottom:-32px; width:1px; height:25px; background-color:#e1e1e1; }
.technology-medispan .box_vs .cont_box .txt-2 .rbox span { width:50%; float:left; }
.technology-medispan .box_vs .cont_box .txt-2 .rbox span:nth-child(2) { border-left:1px solid #eee; }
.technology-medispan .box_vs .cont_box .txt-2 span { width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-family: 'Saira', sans-serif; color:#222; font-size:30px; font-weight:600;}
.technology-medispan .box_vs .cont_box .txt-3 { position:relative; margin-top:65px; }
.technology-medispan .box_vs .cont_box .txt-3:before { content:""; display:block;  position:absolute; left:50%; top:-40px; transform:translateX(-50%); width:calc(100% - 25% - 2px); height:1px; background-color:#e1e1e1; } 
.technology-medispan .box_vs .cont_box .txt-3:after { content:""; display:block;  position:absolute; left:50%; top:-40px; width:1px; margin-left:-1px; height:40px; background-color:#e1e1e1; }
.technology-medispan .box_vs .cont_box .txt-3 .sbox { margin:0 auto; width:60%; height:235px; text-align:center; display:flex; justify-content:center; align-items:center; border:7px solid #eee; border-radius:10px; }
.technology-medispan .box_vs .cont_box .txt-3 .sbox span { font-family: 'Saira', sans-serif; color:#222; font-size:30px; font-weight:700; line-height:150%; display:block; }
.technology-medispan .box_vs .cont_box .txt-3 .sbox strong { margin-top:35px; font-family: 'Saira', sans-serif; color:#222; font-size:30px; font-weight:700; line-height:140%; display:block; }
.technology-medispan .box_vs .cont_box .txt-3 .imgbox { margin-top:40px; }
.technology-medispan .txt_cont { margin-top:215px; }
.technology-medispan .txt_cont dl { }
.technology-medispan .txt_cont dl:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.technology-medispan .txt_cont dt { position:relative;  padding-top:40px; float:left; width:50%; font-family: 'Saira', sans-serif; font-weight:700; color:#222; font-size:34px; line-height:140%; }
.technology-medispan .txt_cont dt:after{ content:""; display:block; position:absolute; top:8px; left:0; width:150px; height:1px; background-color:#f08902; }
.technology-medispan .txt_cont dd { float:left; width:50%; }
.technology-medispan .txt_cont dd p { padding-top:40px; font-family: 'Pretendard', sans-serif; font-weight:500; color:#222; font-size:20px; line-height:160%; }
.technology-medispan .txt_cont dd p:nth-child(1) { padding-top:0; }
.technology-medispan .circle_box { margin-top:200px;  text-align:center; }
.technology-medispan .circle_box > ul > li { position:relative; display:inline-block; vertical-align:top; }
.technology-medispan .circle_box > ul > li:nth-child(2) { margin:0 155px; }
.technology-medispan .circle_box > ul > li .circle { width:330px; height:330px; text-align:center; display:flex; justify-content:center; border:7px solid #eee; border-radius:100%; }
.technology-medispan .circle_box > ul > li dl { padding-top:83px; }
.technology-medispan .circle_box > ul > li dt { font-family: 'Saira', sans-serif; font-weight:700; color:#f08902; font-size:30px; }
.technology-medispan .circle_box > ul > li dd { margin-top:30px; font-family: 'Pretendard', sans-serif; font-weight:700; color:#222; font-size:20px; line-height:140%; }
.technology-medispan .circle_box > ul > li ul { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.technology-medispan .circle_box > ul > li ul li { position:absolute; font-family: 'Saira', sans-serif; font-weight:600; color:#457fc1; font-size:26px; line-height:140%; }
.technology-medispan .circle_box > ul > li ul .m1_1 { top:-235px; left:50%; transform:translateX(-50%) }
.technology-medispan .circle_box > ul > li ul .m1_2 { top:225px; left:50%; transform:translateX(-50%) }
.technology-medispan .circle_box > ul > li ul .m2_1 { top:-235px; left:50%; transform:translateX(-50%) }
.technology-medispan .circle_box > ul > li ul .m2_2 { top:-100px; left:200px; }
.technology-medispan .circle_box > ul > li ul .m2_3 { top:98px; left:200px; }
.technology-medispan .circle_box > ul > li ul .m2_4 { top:225px; left:50%; transform:translateX(-50%) }
.technology-medispan .circle_box > ul > li ul .m2_5 { top:98px; right:200px; }
.technology-medispan .circle_box > ul > li ul .m2_6 { top:-100px; right:200px;  }
.technology-medispan .circle_box > ul > li ul .m3_1 { top:-235px; left:50%; transform:translateX(-50%);  width:200px; }
.technology-medispan .circle_box > ul > li ul li:before { content:""; display:block;  position:absolute; left:50%; bottom:-41px; margin:0 0 0 -3px; width:7px; height:40px; background:url(/en/img/sub/icon_circle_arr.png) left top no-repeat; }
.technology-medispan .circle_box > ul > li ul .m1_2:before,
.technology-medispan .circle_box > ul > li ul .m2_4:before { transform:rotate(180deg); top:-66px; bottom:auto;}
.technology-medispan .circle_box > ul > li ul .m2_2:before { transform:rotate(60deg); top:4px; left:-40px; bottom:auto; }
.technology-medispan .circle_box > ul > li ul .m2_6:before { transform:rotate(-60deg); top:6px; left:auto; right:-40px; bottom:auto; }
.technology-medispan .circle_box > ul > li ul .m2_3:before { transform:rotate(120deg); top:-20px; left:-52px; bottom:auto; }
.technology-medispan .circle_box > ul > li ul .m2_5:before { transform:rotate(-120deg); top:-24px; left:auto; right:-50px; bottom:auto; }
.technology-medispan .immunosenescence { margin-top:250px; padding:100px 100px 95px 100px; background-color:#f5f5f5; border-radius:10px; }
.technology-medispan .immunosenescence .title { font-family: 'Saira', sans-serif; font-weight:700; color:#222; font-size:40px; }
.technology-medispan .i_contbox { position:relative; margin-top:15px; }
.technology-medispan .i_contbox:before { content:""; display:block;  position:absolute; left:84px; top:0; width:1033px; height:400px; background:url(/en/img/sub/bg_immunosenescence.png) left top no-repeat; }
.technology-medispan .i_contbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.technology-medispan .i_contbox > div { position:relative; float:left; width:50%; }
.technology-medispan .i_contbox .type { position:absolute;  width:100px; height:100px;  display:flex; justify-content:center; align-items:center; background-color:#fff; border:3px solid #457fc1; border-radius:100px;}
.technology-medispan .i_contbox .type span { font-family: 'Saira', sans-serif; font-weight:700; color:#457fc1; font-size:18px; line-height:140%;}
.technology-medispan .i_contbox .type:before { content:""; display:block;  position:absolute; left:50%; bottom:-24px; width:17px; transform:translateX(-50%); height:16px; background:url(/en/img/sub/icon_arr_b.png) left top no-repeat; }
.technology-medispan .i_contbox .r_box .type:before { top:-24px; bottom:auto; transform:rotate(180deg);  margin-left:-8px; }
.technology-medispan .i_contbox .txt { position:absolute; font-family: 'Saira', sans-serif; font-weight:700; color:#fff; font-size:20px; line-height:130%;}
.technology-medispan .i_contbox dt { font-family: 'Saira', sans-serif; font-weight:700; color:#f08902; font-size:30px; line-height:140%; }
.technology-medispan .i_contbox dd { padding:5px 0 0 10px; }
.technology-medispan .i_contbox dd li { position:relative; padding-left:18px; margin-top:8px; font-family: 'Pretendard', sans-serif; font-weight:500; color:#222; font-size:20px; line-height:130%; }
.technology-medispan .i_contbox dd li:before { content:""; display:block;  position:absolute; left:0; top:12px; width:5px; height:5px; background-color:#222; border-radius:50%; }
.technology-medispan .i_contbox .l_box { padding-top:298px; }
.technology-medispan .i_contbox .l_box .type { left:245px; top:20px; }
.technology-medispan .i_contbox .l_box .txt { left:185px; top:172px; }
.technology-medispan .i_contbox .r_box { padding:10px 0 0 312px; }
.technology-medispan .i_contbox .r_box .type { left:206px; top:353px; }
.technology-medispan .i_contbox .r_box .txt { left:97px; top:260px; }

@media all and (max-width:1400px){
	.technology-medispan .txt_top .txt_1 { font-size:45px; }
	.technology-medispan .txt_top .txt_2 { margin-top:30px; font-size:20px; }
	.technology-medispan .txt_top .txt_2 br { display:none; }
	.technology-medispan .txt_top .txt_2 .m_br { display:block; }
	.technology-medispan .box_cont { margin-top:95px; }
	.technology-medispan .box_cont .top { padding:0; }
	.technology-medispan .box_cont .top strong { margin:0 auto; width:100%; padding:20px 0; height:auto; font-size:26px; }
	.technology-medispan .box_cont .list { padding-top:60px; }
	.technology-medispan .box_cont .list ul { margin:0 0 0 -8px; }
	.technology-medispan .box_cont .list li { width:calc(20% - 8px); margin:0 0 0 8px; }
	.technology-medispan .box_cont .list li:before {  padding-bottom:140%; }
	.technology-medispan .box_cont .list li .sbox dl { padding:35px 10px 0 10px; }
	.technology-medispan .box_cont .list li .sbox dt { font-size:24px; }
	.technology-medispan .box_cont .list li .sbox dd { margin-top:25px; font-size:18px; }
	.technology-medispan .box_cont .list li .logo { position:absolute; left:0; bottom:30px; width:100%; padding:0 5px; text-align:center; }
	.technology-medispan .box_cont .list li:nth-child(3):after { display:none; }
	.technology-medispan .box_vs { margin-top:80px; }
	.technology-medispan .box_vs .top strong { font-size:80px; letter-spacing:0.1em; }
	.technology-medispan .box_vs .top strong:before { width:44px; margin:0 0 0 -13px;  height:90px; }
	.technology-medispan .box_vs .cont_box { margin-top:50px; text-align:center; padding:0; }
	.technology-medispan .box_vs .cont_box .top_txt { width:100%; height:90px; font-size:28px; }
	.technology-medispan .box_vs .cont_box .txt-1 span { width:60%; height:90px; font-size:26px; }
	.technology-medispan .box_vs .cont_box .txt-2 .lbox { height:90px; border:7px solid #eee; }
	.technology-medispan .box_vs .cont_box .txt-2 .rbox { height:90px; border:7px solid #eee; }
	.technology-medispan .box_vs .cont_box .txt-2 span { font-size:26px; }
	.technology-medispan .box_vs .cont_box .txt-3 .sbox {height:225px; border:7px solid #eee; }
	.technology-medispan .box_vs .cont_box .txt-3 .sbox span { font-size:26px; }
	.technology-medispan .box_vs .cont_box .txt-3 .sbox strong { margin-top:30px; font-size:26px; }
	.technology-medispan .txt_cont { margin-top:180px; }
	.technology-medispan .txt_cont dl { }
	.technology-medispan .txt_cont dt { padding-top:30px; padding-right:20px; font-size:30px; }
	.technology-medispan .txt_cont dt:after{ top:4px; width:120px; }
	.technology-medispan .txt_cont dt br { display:none; }
	.technology-medispan .txt_cont dd p { padding-top:32px; font-size:18px; }
	.technology-medispan .circle_box { margin-top:180px; }
	.technology-medispan .circle_box > ul > li:nth-child(2) { margin:0 110px; }
	.technology-medispan .circle_box > ul > li .circle { width:240px; height:240px; }
	.technology-medispan .circle_box > ul > li dl { padding-top:50px; }
	.technology-medispan .circle_box > ul > li dt { font-size:24px; }
	.technology-medispan .circle_box > ul > li dd { margin-top:15px; font-size:16px; }
	.technology-medispan .circle_box > ul > li ul li { font-size:20px; }
	.technology-medispan .circle_box > ul > li ul .m1_1 { top:-182px; }
	.technology-medispan .circle_box > ul > li ul .m1_2 { top:180px; }
	.technology-medispan .circle_box > ul > li ul .m2_1 { top:-182px; left:50%; transform:translateX(-50%) }
	.technology-medispan .circle_box > ul > li ul .m2_2 { top:-80px; left:160px; }
	.technology-medispan .circle_box > ul > li ul .m2_3 { top:78px; left:160px; }
	.technology-medispan .circle_box > ul > li ul .m2_4 { top:180px; }
	.technology-medispan .circle_box > ul > li ul .m2_5 { top:74px; right:160px; }
	.technology-medispan .circle_box > ul > li ul .m2_6 { top:-78px; right:160px;  }
	.technology-medispan .circle_box > ul > li ul .m3_1 { top:-182px; left:50%; transform:translateX(-50%);  width:200px; }
	.technology-medispan .immunosenescence { margin-top:200px; padding:80px 0 75px 0; }
	.technology-medispan .immunosenescence .title { font-size:36px; }
	.technology-medispan .i_contbox { margin:0 auto; max-width:870px; }
	.technology-medispan .i_contbox:before { left:0; top:0; width:870px; height:337px; background-size:870px 337px; }
	.technology-medispan .i_contbox .type { position:absolute; width:80px; height:80px; }
	.technology-medispan .i_contbox .type span { font-size:15px; }
	.technology-medispan .i_contbox .txt { font-size:16px; }
	.technology-medispan .i_contbox dt { font-size:22px; }
	.technology-medispan .i_contbox dd { padding:5px 0 0 5px; }
	.technology-medispan .i_contbox dd li { padding-left:12px; margin-top:5px; font-size:16px; }
	.technology-medispan .i_contbox dd li:before { top:10px; width:3px; height:3px; }
	.technology-medispan .i_contbox .l_box { padding-top:228px; }
	.technology-medispan .i_contbox .l_box .type { left:180px; top:18px; }
	.technology-medispan .i_contbox .l_box .txt { left:100px; top:150px; }
	.technology-medispan .i_contbox .r_box { padding:10px 0 0 180px; }
	.technology-medispan .i_contbox .r_box .type { left:180px; top:300px; }
	.technology-medispan .i_contbox .r_box .txt { left:97px; top:220px; }
}
@media all and (max-width:1024px){
	.technology-medispan .box_cont { margin-top:70px; }
	.technology-medispan .box_cont .top { padding:0; }
	.technology-medispan .box_cont .top strong { margin:0 auto; width:100%; padding:20px 10px; height:auto; font-size:26px; }
	.technology-medispan .box_cont .list { padding-top:10px; }
	.technology-medispan .box_cont .list:after { display:none; }
	.technology-medispan .box_cont .list:before { display:none; }
	.technology-medispan .box_cont .list ul { margin:0 0 0 -8px; text-align:center; }
	.technology-medispan .box_cont .list li { float:none; display:inline-block; vertical-align:top; width:calc(33.33% - 14px); margin:20px 0 0 8px; }
	.technology-medispan .box_cont .list li:before {  padding-bottom:120%; }
	.technology-medispan .box_cont .list li:after { display:none; }
	.technology-medispan .txt_cont { margin-top:120px; }
	.technology-medispan .circle_box { margin-top:0; }
	.technology-medispan .circle_box > ul > li { display:inline-block; width:100%; text-align:center; margin:120px 0; }
	.technology-medispan .circle_box > ul > li:nth-child(2) { margin:120px 0; }
	.technology-medispan .circle_box > ul > li .circle { width:240px; height:240px; margin:0 auto; }
	.technology-medispan .circle_box > ul > li dl { padding-top:50px; }
	.technology-medispan .circle_box > ul > li dt { font-size:24px; }
	.technology-medispan .circle_box > ul > li dd { margin-top:15px; font-size:16px; }
	.technology-medispan .circle_box > ul > li ul li { font-size:20px; }
	.technology-medispan .circle_box > ul > li ul .m1_1 { top:-182px; }
	.technology-medispan .circle_box > ul > li ul .m1_2 { top:180px; }
	.technology-medispan .circle_box > ul > li ul .m2_1 { top:-182px; left:50%; transform:translateX(-50%) }
	.technology-medispan .circle_box > ul > li ul .m2_2 { top:-80px; left:160px; }
	.technology-medispan .circle_box > ul > li ul .m2_3 { top:78px; left:160px; }
	.technology-medispan .circle_box > ul > li ul .m2_4 { top:180px; }
	.technology-medispan .circle_box > ul > li ul .m2_5 { top:74px; right:160px; }
	.technology-medispan .circle_box > ul > li ul .m2_6 { top:-78px; right:160px;  }
	.technology-medispan .circle_box > ul > li ul .m3_1 { top:-182px; left:50%; transform:translateX(-50%);  width:200px; }
	.technology-medispan .immunosenescence { margin:0 auto; padding:40px 20px; }
	.technology-medispan .immunosenescence .title { font-size:36px; }
	.technology-medispan .i_contbox { position:relative; margin:0 auto; max-width:640px; height:1055px; }
	.technology-medispan .i_contbox:before { top:100px; left:50%; margin-left:-302px; width:604px; height:916px; background:url(/en/img/sub/bg_immunosenescence_m.png) left top no-repeat; }
	.technology-medispan .i_contbox > div { position:relative; float:none; width:100%; }
	.technology-medispan .i_contbox .type { position:absolute; width:100px; height:100px; }
	.technology-medispan .i_contbox .type span { font-size:18px; }
	.technology-medispan .i_contbox .txt { position:absolute; font-size:18px; color:#fff; margin-top:0; }
	.technology-medispan .i_contbox dl { margin-top:20px; }
	.technology-medispan .i_contbox dt { font-size:28px; }
	.technology-medispan .i_contbox dd { padding:5px 0 0 5px; }
	.technology-medispan .i_contbox dd li { padding-left:12px; margin-top:5px; font-size:18px; }
	.technology-medispan .i_contbox dd li:before { top:12px; width:3px; height:3px; }
	.technology-medispan .i_contbox .l_box { padding:35px 0 0 260px; }
	.technology-medispan .i_contbox .l_box .type { left:30px; top:320px; }
	.technology-medispan .i_contbox .l_box .txt { left:100px; top:280px; transform:rotate(50deg); }
	.technology-medispan .i_contbox .r_box { position:absolute; top:550px; left:0; padding:200px 0 0 75px; }
	.technology-medispan .i_contbox .r_box .type { left:490px; top:130px; }
	.technology-medispan .i_contbox .r_box .txt { left:335px; top:260px; transform:rotate(50deg); }
	.technology-medispan .i_contbox .l_box .type:before { top:-5px; left:auto; right:-12px; transform:rotate(230deg); }
	.technology-medispan .i_contbox .r_box .type:before { top:auto; bottom:-5px; left:-12px; transform:rotate(50deg); margin-left:0; }
}
@media all and (max-width:768px){
	.technology-medispan .txt_top .txt_1 { font-size:40px; }
	.technology-medispan .box_cont { margin-top:50px; }
	.technology-medispan .box_cont .top strong { border-radius:8px; }
	.technology-medispan .box_cont .list { padding-top:10px; }
	.technology-medispan .box_cont .list li { border-radius:8px; }
	.technology-medispan .box_cont .list li:before {  padding-bottom:120%; }
	.technology-medispan .box_cont .list li .sbox dl { padding:20px 10px 0 10px; }
	.technology-medispan .box_cont .list li .sbox dd { margin-top:10px; }
	.technology-medispan .box_cont .list li .sbox dt { font-size:16px; }
	.technology-medispan .box_cont .list li .sbox dd { font-size:14px; }
	.technology-medispan .box_cont .list li .logo { bottom:10px; }
	.technology-medispan .box_vs { margin-top:80px; }
	.technology-medispan .box_vs .top strong { font-size:50px; letter-spacing:0.1em; }
	.technology-medispan .box_vs .top strong:before { width:44px; margin:0 0 0 -16px;  height:57px; overflow:hidden; }
	.technology-medispan .box_vs .cont_box { margin-top:50px; }
	.technology-medispan .box_vs .cont_box .top_txt { font-size:22px; border-radius:8px; }
	.technology-medispan .box_vs .cont_box .txt-1 span {height:90px; font-size:22px; }
	.technology-medispan .box_vs .cont_box .txt-2 .lbox { height:90px; border:5px solid #eee; border-radius:8px; }
	.technology-medispan .box_vs .cont_box .txt-2 .rbox { height:90px; border:5px solid #eee; border-radius:8px; }
	.technology-medispan .box_vs .cont_box .txt-2 span { font-size:20px; }
	.technology-medispan .box_vs .cont_box .txt-3 .sbox {height:150px; border:5px solid #eee; border-radius:8px; }
	.technology-medispan .box_vs .cont_box .txt-3 .sbox span { font-size:20px; }
	.technology-medispan .box_vs .cont_box .txt-3 .sbox strong { margin-top:30px; font-size:20px; }
	.technology-medispan .txt_cont dl { margin-top:80px; }
 	.technology-medispan .txt_cont dt { float:none; width:100%; }
	.technology-medispan .txt_cont dd { float:none; width:100%; margin-top:20px; }
	.technology-medispan .immunosenescence { margin-top:0; padding:40px 20px; border-radius:8px; }
	.technology-medispan .i_contbox:before { top:100px; left:50%; margin-left:-160px; width:320px; height:485px; background-size:320px 485px; }
	.technology-medispan .i_contbox { max-width:360px; height:580px; }
	.technology-medispan .i_contbox .type { width:80px; height:80px; }
	.technology-medispan .i_contbox .type span { font-size:15px; }
	.technology-medispan .i_contbox .txt { font-size:14px; line-height:110%; }
	.technology-medispan .i_contbox dl { margin-top:20px; }
	.technology-medispan .i_contbox dt { font-size:20px; }
	.technology-medispan .i_contbox dd { padding:5px 0 0 5px; }
	.technology-medispan .i_contbox dd li { padding-left:12px; margin-top:5px; font-size:15px; }
	.technology-medispan .i_contbox dd li:before { top:10px; width:3px; height:3px; }
	.technology-medispan .i_contbox .l_box { padding:10px 0 0 160px; }
	.technology-medispan .i_contbox .l_box .type { left:-20px; top:200px; }
	.technology-medispan .i_contbox .l_box .txt { left:30px; top:180px; }
	.technology-medispan .i_contbox .r_box { position:absolute; top:240px; left:0; padding:170px 0 0 0; }
	.technology-medispan .i_contbox .r_box .type { left:270px; top:130px; }
	.technology-medispan .i_contbox .r_box .txt { left:160px; top:235px; }
}
@media all and (max-width:640px){
	.technology-medispan .box_cont .list li:before {  padding-bottom:150%; }
}

/* pipeline */
.technology-pipeline {}
.technology-pipeline * { box-sizing:border-box; }
.technology-pipeline .pipeline_box { }
.technology-pipeline .pipeline_box > div { display:table; width:100%; }
.technology-pipeline .pipeline_box .col { position:relative; display:table-cell; vertical-align:bottom;}
.technology-pipeline .pipeline_box .col.col1 { width:150px; }
.technology-pipeline .pipeline_box .col.col2 { width:270px; }
.technology-pipeline .pipeline_box .col.col3 { width:205px; }
.technology-pipeline .pipeline_box .col.col4 { width:calc(100% - 860px); }
.technology-pipeline .pipeline_box .col.col5 { width:120px; }
.technology-pipeline .pipeline_box .col.col6 { width:115px; }
.technology-pipeline .pipeline_box .top .col { font-family: 'Saira', sans-serif; font-weight:700; color:#222; }
.technology-pipeline .pipeline_box .top .col1 { font-size:20px; padding-left:10px; }
.technology-pipeline .pipeline_box .top .col2 { font-size:20px; padding-left:10px; }
.technology-pipeline .pipeline_box .top .col3,
.technology-pipeline .pipeline_box .top .col4,
.technology-pipeline .pipeline_box .top .col5,
.technology-pipeline .pipeline_box .top .col6 { font-size:28px; padding-left:10px; vertical-align:top; }
.technology-pipeline .pipeline_box .top .col:before { content:""; display:block; z-index:-1; position:absolute; left:0; top:10px; width:1px; height:445px; background:url(/en/img/sub/bg_p_line.png) left top repeat-y;} 
.technology-pipeline .pipeline_box .top .col1:before,
.technology-pipeline .pipeline_box .top .col2:before { display:none; }
.technology-pipeline .pipeline_box .body { padding-top:10px; }
.technology-pipeline .pipeline_box .body li { margin-top:20px; }
.technology-pipeline .pipeline_box .body li .col { height:115px; padding-left:10px; }
.technology-pipeline .pipeline_box .body li .col1 { padding-left:0; }
.technology-pipeline .pipeline_box .body li .col .box { width:calc(100% - 10px); height:100%; text-align:center; display:flex; justify-content:center; align-items:center; font-family: 'Saira', sans-serif; font-weight:700; line-height:140%; border-radius:10px; }
.technology-pipeline .pipeline_box .body li .col1 .box { width:100%; background-color:#457fc1; color:#fff; font-size:24px; }
.technology-pipeline .pipeline_box .body li .col2 .box { background-color:#f5f5f5; color:#f08902; font-size:22px; }
.technology-pipeline .pipeline_box .body li .sbox { position:absolute; left:10px; top:0; display:flex; height:100%; background-color:rgba(240, 137, 2, 0.2); border-radius:10px; }
.technology-pipeline .pipeline_box .body li .sbox.sb1 { width:185px; }
.technology-pipeline .pipeline_box .body li .sbox.sb2 { width:150px; }
.technology-pipeline .pipeline_box .body li .sbox.sb3 { width:185px; }
.technology-pipeline .pipeline_box .body li .arr_box { display:inline-block; height:141px; margin-left:-1px;}
.technology-pipeline .pipeline_box .body li .arr_box .abox { width:175px; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; background:url(/en/img/sub/bg_p_arr.png) left center no-repeat;}
.technology-pipeline .pipeline_box .body li .arr_box .abox span { color:#457fc1; font-size:14px; font-family: 'Saira', sans-serif; font-weight:500; line-height:140%; }
.technology-pipeline .pipeline_box .body li .arr_box .abox span strong { color:#457fc1; font-size:20px; font-family: 'Saira', sans-serif; font-weight:500; line-height:140%; display:block; }


@media all and (max-width:1400px){
	.technology-pipeline .pipeline_box { padding-left:0; }
	.technology-pipeline .pipeline_box > div { display:table; margin:0 auto; }
	.technology-pipeline .pipeline_box .col.col1 { width:100px; }
	.technology-pipeline .pipeline_box .col.col2 { width:200px; }
	.technology-pipeline .pipeline_box .col.col3 { width:150px; }
	.technology-pipeline .pipeline_box .col.col4 { width:calc(100% - 650px); }
	.technology-pipeline .pipeline_box .col.col5 { width:100px; }
	.technology-pipeline .pipeline_box .col.col6 { width:100px; }
	.technology-pipeline .pipeline_box .top .col1 { font-size:16px; }
	.technology-pipeline .pipeline_box .top .col2 { font-size:16px;}
	.technology-pipeline .pipeline_box .top .col3,
	.technology-pipeline .pipeline_box .top .col4,
	.technology-pipeline .pipeline_box .top .col5,
	.technology-pipeline .pipeline_box .top .col6 { font-size:20px; }
	.technology-pipeline .pipeline_box .top .col:before { height:425px; }
	.technology-pipeline .pipeline_box .body { padding-top:10px; }
	.technology-pipeline .pipeline_box .body li { margin-top:20px; }
	.technology-pipeline .pipeline_box .body li .col { height:105px;}
	.technology-pipeline .pipeline_box .body li .col1 { padding-left:0; }
	.technology-pipeline .pipeline_box .body li .col1 .box { font-size:20px; }
	.technology-pipeline .pipeline_box .body li .col2 .box { font-size:18px; }
	.technology-pipeline .pipeline_box .body li .sbox.sb1 { width:130px; }
	.technology-pipeline .pipeline_box .body li .sbox.sb2 { width:95px; }
	.technology-pipeline .pipeline_box .body li .sbox.sb3 { width:130px; }
}
@media all and (max-width:1280px){
	.technology-pipeline .pipeline_box { max-width:1000px}
	.technology-pipeline .pipeline_box .col.col1 { width:90px; }
	.technology-pipeline .pipeline_box .col.col2 { width:180px; }
	.technology-pipeline .pipeline_box .col.col3 { width:130px; }
	.technology-pipeline .pipeline_box .col.col4 { width:calc(100% - 560px); }
	.technology-pipeline .pipeline_box .col.col5 { width:80px; }
	.technology-pipeline .pipeline_box .col.col6 { width:80px; }
	.technology-pipeline .pipeline_box .top .col1 { font-size:14px; }
	.technology-pipeline .pipeline_box .top .col2 { font-size:14px; }
	.technology-pipeline .pipeline_box .top .col3,
	.technology-pipeline .pipeline_box .top .col4,
	.technology-pipeline .pipeline_box .top .col5,
	.technology-pipeline .pipeline_box .top .col6 { font-size:18px; }
	.technology-pipeline .pipeline_box .body li .col1 .box { font-size:18px; }
	.technology-pipeline .pipeline_box .body li .col2 .box { font-size:18px; }
	.technology-pipeline .pipeline_box .body li .sbox.sb1 { width:110px; }
	.technology-pipeline .pipeline_box .body li .sbox.sb2 { width:80px; }
	.technology-pipeline .pipeline_box .body li .sbox.sb3 { width:110px; }
	.technology-pipeline .pipeline_box .body li .arr_box { height:109px; }
	.technology-pipeline .pipeline_box .body li .arr_box .abox { width:135px; background-size:135px 109px;}
	.technology-pipeline .pipeline_box .body li .arr_box .abox span { font-size:11px; }
	.technology-pipeline .pipeline_box .body li .arr_box .abox span strong { font-size:16px; }
}
@media all and (max-width:1024px){
	.technology-pipeline .pipeline_box > div { display:block; }
	.technology-pipeline .pipeline_box .col { display:block; }
	.technology-pipeline .pipeline_box .col.col1,
	.technology-pipeline .pipeline_box .col.col2,
	.technology-pipeline .pipeline_box .col.col3,
	.technology-pipeline .pipeline_box .col.col4,
	.technology-pipeline .pipeline_box .col.col5,
	.technology-pipeline .pipeline_box .col.col6 { width:100%; margin:0; padding-left:0; }
	.technology-pipeline .pipeline_box .top { display:inline-block; vertical-align:top; width:100px; padding-top:5px; }
	.technology-pipeline .pipeline_box .top .col:before { content:""; display:block; z-index:-1; position:absolute; left:0; top:-5px; width:calc(100vw - 65px); height:1px; background:url(/en/img/sub/bg_p_line_1.png) left top repeat;} 
	.technology-pipeline .pipeline_box .top .col1:before,
	.technology-pipeline .pipeline_box .top .col2:before { display:none; }
	.technology-pipeline .pipeline_box .top .col1,
	.technology-pipeline .pipeline_box .top .col2,
	.technology-pipeline .pipeline_box .top .col3,
	.technology-pipeline .pipeline_box .top .col5,
	.technology-pipeline .pipeline_box .top .col6 { padding-left:0; height:130px; margin-top:0; }
	.technology-pipeline .pipeline_box .top .col4 { height:440px;}
	.technology-pipeline .pipeline_box .body { display:inline-block; vertical-align:top; width:calc(100% - 104px); }
	.technology-pipeline .pipeline_box .body li { display:inline-block; vertical-align:top; width:calc(33.33% - 14px); margin:0 0 0 10px; }
	.technology-pipeline .pipeline_box .body li .col { height:110px; padding-left:0; width:100%; margin-top:20px; }
	.technology-pipeline .pipeline_box .body li .col.col1 { margin-top:0; }
	.technology-pipeline .pipeline_box .body li .col .box { width:100%; }
	.technology-pipeline .pipeline_box .body li .sbox { left:0; top:0; width:100% !important; }
	.technology-pipeline .pipeline_box .body li .sbox.sb1 { height:110px; }
	.technology-pipeline .pipeline_box .body li .sbox.sb2 { height:85px; }
	.technology-pipeline .pipeline_box .body li .sbox.sb3 { height:110px; }
	.technology-pipeline .pipeline_box .body li .arr_box { display:block; height:138px; width:141px; margin:0 auto;  }
	.technology-pipeline .pipeline_box .body li .arr_box .abox { width:100%; height:100%; background:url(/en/img/sub/bg_p_arr_m.png) left center no-repeat;}
}
@media all and (max-width:640px){
	.technology-pipeline .pipeline_box .top { width:80px; }
	.technology-pipeline .pipeline_box .top .col1,
	.technology-pipeline .pipeline_box .top .col2 { font-size:15px; }
	.technology-pipeline .pipeline_box .top .col3,
	.technology-pipeline .pipeline_box .top .col5,
	.technology-pipeline .pipeline_box .top .col6 { font-size:18px; }
	.technology-pipeline .pipeline_box .top .col4 { height:280px;}
	.technology-pipeline .pipeline_box .body { width:calc(100% - 84px); }
	.technology-pipeline .pipeline_box .body li .col1 .box { font-size:17px; }
	.technology-pipeline .pipeline_box .body li .col2 .box { font-size:15px; }
	.technology-pipeline .pipeline_box .body li .arr_box { display:block; width:90px; height:88px; margin:0 auto;  }
	.technology-pipeline .pipeline_box .body li .arr_box .abox { background-size:90px 88px; }
}