/* common */
#subWrap{width: 100%;overflow: hidden;}
#sv{position: relative;width: 100%;height: 587px;}
.sv01{background: url("../../img/sub/subVisual01.jpg") no-repeat center /cover;}
.sv02{background: url("../../img/sub/subVisual02.jpg") no-repeat center /cover;}
.sv03{background: url("../../img/sub/subVisual03.jpg") no-repeat center /cover;}
.sv04{background: url("../../img/sub/subVisual04.jpg") no-repeat center /cover;}
.sv05{background: url("../../img/sub/subVisual05.jpg") no-repeat center /cover;}
.sv06{background: url("../../img/sub/subVisual04.jpg") no-repeat center /cover;}
.sv07{background: url("../../img/sub/subVisual01.jpg") no-repeat center /cover;}
.board_box {
  padding:50px 0;
}

.subTitleWrap{position: absolute;bottom: 90px;left: 50%;transform:translateX(-50%);width: 95%;max-width:1200px;}
.subTitleWrap h2{font-family: 'Roboto';font-size: 50px;font-weight: 900 !important;color: #fff;text-shadow: 4px 4px 4px rgba(0,0,0,.20);}


#lnbTabWrap{position: relative;width: 100%;background: #043972;transition:all .3s;}
#lnbTabWrap .lnblnbTab{position: relative;width: 100%;max-width:1200px;margin: 0 auto;}
#lnbTabWrap .lnblnbTab ul{position: relative;display: flex;justify-content:center;width: 100%;}
#lnbTabWrap .lnblnbTab ul li{position: relative;width: 16.666%;}
#lnbTabWrap .lnblnbTab ul li a{position: relative;display: block;font-family: 'Montserrat';font-size: 16px;color: #fff;font-weight: 500;text-align: center;padding: 24px 0;box-sizing:border-box;border-left: 1px solid rgba(255,255,255,.1);transition:all .3s;}
#lnbTabWrap .lnblnbTab ul li a:hover{background: #009edd;transition:all .3s;}
#lnbTabWrap .lnblnbTab ul li:last-child a{border-right: 1px solid rgba(255,255,255,.1);}

#lnbTabWrap .lnblnbTab ul li.on a{background: #009edd;}


#lnbTabWrap.fixed{position: fixed;top: 0;left: 0;z-index: 1000;transition:all .3s;
z-index:1000;
}

.pageTitleWrap{position: relative;width: 100%;background: #f9f9f9;padding: 89px 0;box-sizing:border-box;}
.pageTitleWrap h3{font-size: 50px;font-weight: 900;color: #043972;text-align: center;/* text-transform: uppercase; */}
.pageTitleWrap p{font-family: 'Roboto';font-size: 18px;font-weight: 300;color: #043972;text-align: center;padding-top: 7px;}


/* company introduction */
.subSection{position: relative;width: 100%;}



/* TiCARos */
#TiCARos{position: relative;}
.comp01TitleWrap{position: relative;width: 95%;margin: 0 auto;padding: 89px 0;box-sizing:border-box;}
.comp01TitleWrap h3{font-size: 50px;font-weight: 900;color: #043972;text-align: center;}

.TiCARosConWrap{background: url("../../img/sub/companyBg01.jpg") no-repeat center /cover fixed;padding: 194px 0 175px;box-sizing:border-box;}
.TiCARosConWrap .conBox{position: relative;width: 95%;max-width:1720px;margin: 0 auto;}
.TiCARosConWrap .conBox .txtWrap{position: relative;width: 50%;float: right;overflow: hidden;}
.TiCARosConWrap .conBox .txtWrap .txtBox{position: relative;width: 100%;max-width: 767px;}
.TiCARosConWrap .conBox h3{font-size: 16px;color: #009edd;font-weight: 700;letter-spacing: 0;opacity: 0;}
.TiCARosConWrap .conBox .bigTitleWrap{position: relative;padding: 46px 0;box-sizing:border-box;width: 100%;max-width: 710px;}
.TiCARosConWrap .conBox .bigTitleWrap p{font-size: 50px;color: #fff;font-weight: 700;line-height: 1.1;letter-spacing: .-5px;opacity: 0;}
.TiCARosConWrap .conBox .bigTitleWrap .leftBigTitle{float: left;opacity: 0;}
.TiCARosConWrap .conBox .bigTitleWrap .rightBigTitle{float: right;opacity: 0;}
.TiCARosConWrap .conBox .mediumTxt{font-size: 20px;color: #fff;font-weight: 400;opacity: 0;}
.TiCARosConWrap .conBox .smallTxt{font-size: 17px;color: #fff;font-weight: 300;opacity: .5;padding-top: 30px;line-height: 1.7;opacity: 0;}

/* TiCARos animation */
.scon01.on .TiCARosConWrap .conBox h3{animation:up 1s both;}
.scon01.on .TiCARosConWrap .conBox .bigTitleWrap .leftBigTitle{animation:left 1s both;animation-delay:.3s;}
.scon01.on .TiCARosConWrap .conBox .bigTitleWrap .rightBigTitle{animation:right 1s both;animation-delay:.3s;}
.scon01.on .TiCARosConWrap .conBox .mediumTxt{animation:up 1s both;animation-delay:.6s;}
.scon01.on .TiCARosConWrap .conBox .smallTxt01{animation:up 1s both;animation-delay:.9s;}
.scon01.on .TiCARosConWrap .conBox .smallTxt02{animation:up 1s both;animation-delay:1.2s;}



/* Mission */
#Mission{position: relative;background: url("../../img/sub/companyBg02.jpg") no-repeat center /cover;padding: 194px 0 136px;box-sizing:border-box;}
.comp02TitleWrap{position: relative;width: 95%;max-width: 1200px;margin: 0 auto;}
.comp02TitleWrap h3{font-size: 16px;color: #009edd;font-weight: 700;letter-spacing: 0;}
.comp02TitleWrap .bigTitle{font-size:50px;color: #043972;font-weight: 900;text-shadow: 0px 0px 10px rgba(0,0,0,.20);text-align: center;padding: 54px 0 46px;box-sizing:border-box;opacity: 0;}
.comp02TitleWrap .bigTitle br{display: none;}
.comp02TitleWrap .smallTxt{font-size: 22px;color: #043972;font-weight: 400;text-shadow: 0px 0px 7px rgba(0,0,0,.20);text-align: center;opacity: 0;}

.missionConWrap{position: relative;width: 95%;max-width:1200px;margin: 82px auto 0;opacity: 0;}
.missionConWrap .missionLineWrap{position: absolute;top: 50%;left: 0;width: 100%;height: 210px;transform:translateY(-50%);background: url("../../img/sub/compScon02CircleBg.png") no-repeat left 24px center;}
.missionConWrap .missionLineWrap span.missionDot{position: absolute;top: 50%;transform:translateY(-50%);display: block;width: 22px;height: 22px;background: url("../../img/sub/compScon02Dot.png") no-repeat center;}
.missionConWrap .missionLineWrap span.missionDot:first-child{left: 0;}
.missionConWrap .missionLineWrap span.missionDot:last-child{right: 0;}

.missionConListWrap{position: relative;width: 100%;max-width:980px;display: flex;justify-content:space-around;margin: 0 auto;}
.missionConListWrap .missionBox{position: relative;width: 210px;height: 210px;border-radius:100rem;}
.missionConListWrap .missionBox .boxWrap{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.missionConListWrap .missionBox .boxWrap img{display: block;margin: 0 auto;}
.missionConListWrap .missionBox .boxWrap p{font-size: 20px;color: #fff;font-weight: 500;text-align: center;padding-top: 20px;}

/* Mission animation */
.scon02.on .comp02TitleWrap .bigTitle{animation:up 1s both;}
.scon02.on .comp02TitleWrap .smallTxt{animation:up 1s both;animation-delay:.3s;}
.scon02.on .missionConWrap{animation:bigger 1s both;animation-delay:.6s;}



/* History */
#History {position: relative;width: 100%;padding: 163px 0 142px;box-sizing:border-box;background: #fff;}
.comp03TitleWrap{position: relative;width: 95%;max-width:1200px;margin: 0 auto;}
.comp03TitleWrap h3{font-size: 16px;color: #009edd;font-weight: 700;letter-spacing: 0;}
.comp03TitleWrap .bigTitle{font-size: 50px;color: #222;font-weight: 700;padding: 38px 0 127px;box-sizing:border-box;}
.comp03TitleWrap .bigTitle br{display: none;}

.historyConWrap{position: relative;width: 95%;max-width:1200px;margin: 0 auto;}
.historyConWrap .leftAlignList{position: relative;width: 100%;background: url("../../img/sub/historyLineBg.png") repeat-x 50% 73%;display: flex;}
/*
.historyConWrap .leftAlignList:after {
  content:"";
  width:256px;
  height:5px;
  background: #222;
  display: block;
  position: absolute;
  right: 0%;
  bottom:57px;
}
*/
.historyConWrap .leftAlignList li{position: relative;margin-right: 60px;}

.historyConWrap .leftAlignList li p.year{position: relative;font-family: 'Montserrat';font-size: 30px;color: #222;font-weight: 700;width: 100%;margin-top: 20px;}
.historyConWrap .leftAlignList li .month{position: relative;left: 27px;}
.historyConWrap .leftAlignList li .month .point{background: url("../../img/sub/historyDot_up.png") no-repeat center;width: 18px;height: 59px;margin-top: 23px;}

.historyConWrap .historyLine{position: absolute;top: 160px;right: 0;display: block;width: 4px;height: 200px;background: #e1e1e1;}

.historyConWrap .rightListBox{position: relative;width: 100%;}
.historyConWrap .rightAlignList{position: relative;width: 57%;max-width:612px;background: url("../../img/sub/historyLineBg_bold.png") repeat-x 50% 21%;margin-top: 76px;}
.historyConWrap .rightAlignList li{position: relative;}
/*.historyConWrap .rightAlignList li:first-child{float: right;margin-right: 147px;}*/
/*.historyConWrap .rightAlignList li:last-child{float: left;left: -27px;}*/

.historyConWrap .rightAlignList li p.year{position: relative;font-family: 'Montserrat';font-size: 30px;color: #222;font-weight: 700;width: 100%;margin-bottom: 26px;}
.historyConWrap .rightAlignList li .month{position: relative;left: 27px;}
.historyConWrap .rightAlignList li .month p span:not(.black){font-family: 'Roboto Condensed';font-size: 18px;color: #009edd;font-weight: 700;display: inline-block;margin-right: 13px;}
.historyConWrap .rightAlignList li .month .point{background: url("../../img/sub/historyDot_down.png") no-repeat center;width: 18px;height: 59px;margin-bottom: 23px;}

/* 22.10.13 */
.historyConWrap .leftAlignList,
.historyConWrap .rightAlignList { justify-content: space-between; }
.historyConWrap .leftAlignList:after { width: 245px; }
.historyConWrap .leftAlignList li { margin-right: 0; display: flex; flex-direction: column; justify-content: flex-end; z-index: 2; }
.historyConWrap .rightAlignList { flex-direction: row-reverse; max-width: inherit; width: 100%; display: flex; margin-top: 63px; }
.historyConWrap .rightAlignList li { transform: translateY(11px); }
.historyConWrap .month b,
.historyConWrap .month p b { color: #009edd; }
.historyConWrap .month p span.pointColor,
.historyConWrap .month p b.pointColor { color: #7030a0; }
.historyConWrap .month p{font-family: 'Noto Sans KR';font-size: 15px;color: #222;font-weight: 400; line-height: 1.3; box-sizing:border-box;}
.historyConWrap .history li { display: flex; transform: translateY(0); flex-direction: row; padding: 5px 0; justify-content: flex-start; }
.historyConWrap .history li span{font-family: 'Roboto Condensed';font-size: 18px;color: #009edd;font-weight: 700;display: inline-block;margin-right: 13px;}


/* 23.11.17 */
.historyConWrap .newLeft { position: relative; margin-top:100px; }
.historyConWrap .newLeft:before { content:""; display:block; background: #222; height:550px; width: 4px; position: absolute;bottom: 58px;left: 0; z-index: 2;}
.historyConWrap .newLeft .leftAlignList:after { left:0; width:250px; height: 4px; bottom: 58px;}
.historyConWrap .newLeft .leftAlignList > li:nth-child(1) { padding-left:63px; }

/* History animation */
.scon03.on .historyConWrap .leftAlignList li .month{animation:down 1s both;}
.scon03.on .historyConWrap .leftAlignList li:nth-child(2) .month{animation-delay:.3s;}
.scon03.on .historyConWrap .leftAlignList li:nth-child(3) .month{animation-delay:.6s;}
.scon03.on .historyConWrap .leftAlignList li:nth-child(4) .month{animation-delay:.9s;}
.scon03.on .historyConWrap .leftAlignList li:nth-child(5) .month{animation-delay:1.2s;}
.scon03.on .historyConWrap .leftAlignList li:nth-child(6) .month{animation-delay:1.5s;}

.scon03.on .historyConWrap .rightAlignList li .month{animation:up 1s both;}
.scon03.on .historyConWrap .rightAlignList li:nth-child(1) .month{animation-delay:1.8s;}
.scon03.on .historyConWrap .rightAlignList li:nth-child(2) .month{animation-delay:2.1s;}
.scon03.on .historyConWrap .rightAlignList li:nth-child(3) .month{animation-delay:2.4s;}
.scon03.on .historyConWrap .rightAlignList li:nth-child(4) .month{animation-delay:2.7s;}

/* 24.08.19 */
.historyConWrap .month dl{ display:flex; }
.historyConWrap .innerList{ margin-top: 10px; color:#222; }
.historyConWrap .month li > p{ display:flex; }
.historyConWrap .month li > p b{ margin-right: 5px;}
.historyConWrap .month dl{ display:flex; }
.historyConWrap .month dt{ flex-shrink:0; }
.historyConWrap .month dt b{ font-size:15px; color: #009edd;}
.historyConWrap .month dd{ margin-top: -3px; margin-left: 5px;}
.historyConWrap .month dd p:not(:last-child){ margin-bottom: 3px;}
.historyConWrap .month .black{ font-weight: 600; font-size:15px; color:#222; font-family: 'Noto Sans KR'; margin-right: 5px;}
.historyConWrap .historyLine { top: 272px; }
.historyConWrap .leftAlignList{ background: url(../../img/sub/historyLineBg.png) repeat-x 50% 82%;}
/*.historyConWrap .leftAlignList{ background: url(../../img/sub/historyLineBg_bold.png) repeat-x 50% 82%;} */
.historyConWrap .leftAlignList > li{	width: calc(100% / 3);}
.historyConWrap .rightAlignList{ background: url(../../img/sub/historyLineBg.png) repeat-x 50% 24%; }
.historyConWrap .rightAlignList > li{ width: 25%;}
.historyConWrap .leftAlignList:after{ bottom: -142px; z-index: 5; }


/* Founder */
#Founder{position: relative;width: 100%;background: url("../../img/sub/companyBg04.jpg") no-repeat center /cover;padding: 121px 0 123px;box-sizing:border-box;}
.comp04TitleWrap{position: relative;}
.comp04TitleWrap h3{font-family: 'Montserrat';font-size: 12px;color: #009edd;font-weight: 800;text-align: center;}
.comp04TitleWrap .bigTitle{font-size: 45px;color: #222;font-weight: 700;padding: 36px 0 96px;box-sizing:border-box;text-align: center;}

.founderConWrap{position: relative;width: 95%;max-width:1200px;margin: 0 auto;}
.founderConWrap > ul{position: relative;width: 100%;display: flex;}
.founderConWrap > ul > li{position: relative;width: 230px; margin-right: 13px;background: rgba(34,34,34,.8);border-radius:20px;opacity: 0; padding:46px 0 32px;}
.founderConWrap > ul > li:last-child{margin-right: 0;}
.founderConWrap > ul > li .fName{font-size: 24px;color: #fff;font-weight: 700;text-align: center;}
.founderConWrap > ul > li .fPosition{font-size: 18px;color: #009edd;font-weight: 500;text-align: center;padding: 19px 12px 24px;}
.founderConWrap > ul > li .historyList{position: relative;width: 100%;padding: 0 19px 0 37px;margin: 0 auto;box-sizing:border-box;}
.founderConWrap > ul > li .historyList li{list-style-type: disc;font-size: 15px;font-weight: 300;color: #fff;opacity: .7;line-height: 1.3;padding: 5px 0;letter-spacing: 0;word-break: break-word;} 

/* 22.10.13 */
.founderConWrap > ul { flex-wrap: wrap; gap: 15px; justify-content: center; }
.founderConWrap > ul > li { margin-right: 0; }

/* Founder animation */
.scon04.on .founderConWrap > ul > li{animation:up 1s both;}
.scon04.on .founderConWrap > ul > li:nth-child(2){animation-delay:.3s;}
.scon04.on .founderConWrap > ul > li:nth-child(3){animation-delay:.6s;}
.scon04.on .founderConWrap > ul > li:nth-child(4){animation-delay:.9s;}
.scon04.on .founderConWrap > ul > li:nth-child(5){animation-delay:1.2s;}
.scon04.on .founderConWrap > ul > li:nth-child(6){animation-delay:1.5s;}
.scon04.on .founderConWrap > ul > li:nth-child(7){animation-delay:1.8s;}



/* Collaboration */
#Collaboration{position: relative;width: 100%;padding: 159px 0 125px;background: #f5f5f5;box-sizing:border-box;}
.comp05TitleWrap{position: relative;}
.comp05TitleWrap h3{font-family: 'Montserrat';font-size: 12px;color: #009edd;font-weight: 800;text-align: center;}
.comp05TitleWrap .bigTitle{font-size: 50px;color: #222;font-weight: 700;padding: 28px 0 101px;box-sizing:border-box;text-align: center;}

.collaborationWrap{position: relative;width: 95%;max-width:1200px;margin: 0 auto;}
.collaborationWrap .collabLogo{position: relative;padding-bottom: 57px;overflow: hidden;}
.collaborationWrap .collabLogo:last-child{padding-bottom: 0;}
.collaborationWrap .collabLogo img{display: block;margin: 0 auto;}

/* Collaboration animation */
.scon05.on .collaborationWrap .collabLogo img{animation:up 1s both;}
.scon05.on .collaborationWrap .collabLogo:nth-child(2) img{animation-delay:.3s;}
.scon05.on .collaborationWrap .collabLogo:nth-child(3) img{animation-delay:.6s;}
.scon05.on .collaborationWrap .collabLogo:nth-child(4) img{animation-delay:.9s;}
.scon05.on .collaborationWrap .collabLogo:nth-child(5) img{animation-delay:1.2s;}
.scon05.on .collaborationWrap .collabLogo:nth-child(6) img{animation-delay:1.5s;}
.scon05.on .collaborationWrap .collabLogo:nth-child(7) img{animation-delay:.1.8s;}
.scon05.on .collaborationWrap .collabLogo:nth-child(8) img{animation-delay:.2.1s;}
.scon05.on .collaborationWrap .collabLogo:nth-child(9) img{animation-delay:2.4s;}
.scon05.on .collaborationWrap .collabLogo:nth-child(10) img{animation-delay:2.7s;}




/* Location */
#Location{position: relative;padding: 147px 0 144px;box-sizing:border-box;}
.comp06TitleWrap{position: relative;}
.comp06TitleWrap h3{font-family: 'Montserrat';font-size: 12px;color: #009edd;font-weight: 800;text-align: center;}
.comp06TitleWrap .bigTitle{font-size: 45px;color: #222;font-weight: 700;padding: 28px 0 88px;box-sizing:border-box;text-align: center;}

.locationWrap{position: relative;width: 100%;max-width:1200px;margin: 0 auto;overflow: hidden; padding-top:70px;}
.locationWrap .locationStep01{position: relative;width: 100%;}
.locationWrap .locationStep01 .mapBox{position: relative;width: 50%;float: left;}
.locationWrap .locationStep01 .addressBox{position: relative;width: 50%;height: 350px;float: right;}
.locationWrap .locationStep02{position: relative;width: 100%;}
.locationWrap .locationStep02 .addressBox{position: relative;width: 50%;height: 350px;float: left;}
.locationWrap .locationStep02 .mapBox{position: relative;width: 50%;float: right;}

.locationWrap .addressBox > div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 410px;display: flex;}
.locationWrap .addressBox .locIconWrap{position: relative;width: 82px;}
.locationWrap .addressBox .locTxtWrap{position: relative;width: calc(100% - 82px);}
.locationWrap .addressBox .locTxtWrap .locTitle{font-size: 24px;font-weight: 700;color: #333;padding-bottom: 15px;}
.locationWrap .addressBox .locTxtWrap .locAddress{font-size: 16px;font-weight: 300;color: #333;line-height: 1.4;}

.locationWrap .locationStep01 .addressBox .locIconWrap img{margin-top: 10px;}
.locationWrap .locationStep02 .addressBox .locIconWrap img{margin-top: 20px;}

/* Location animation */
.scon06.on .locationWrap .locationStep01 .mapBox{animation:left 1s both;}
.scon06.on .locationWrap .locationStep01 .addressBox{animation:right 1s both;}
.scon06.on .locationWrap .locationStep02 .mapBox{animation:right 1s both;animation-delay:.3s;}
.scon06.on .locationWrap .locationStep02 .addressBox{animation:left 1s both;animation-delay:.3s;}









/* 
  서브페이지 4p 작업자 - 이효섭 
*/


/* tit */
.tit_s1 {
  font-size:2.5rem;
  font-weight: 700;
  color:#333;
  margin-bottom:55px;
}
.tit_s1 p {
  display:inline-block;
  position: relative;
}
.tit_s1 p:after { 
  content:"";
  width:20px;
  height:20px;
  border-radius:50%;
  border:5px solid #009edd;
  box-sizing:border-box;
  display:none;
  position:absolute;
  right:-30px;
  top:-16px;
}

.contSection {
  margin-top:140px;
}
.contSection > section{
  margin-bottom:120px; 
}

/* PIPELINE */
#pipelines {
  
}
#pipelines .development .img { 

}
#pipelines .loadMap .list ul{
  display:flex;
}
#pipelines .loadMap .list ul li {
  border-radius:20px;
  
  margin-right:12px;
  background: #f5f5f5;
  position:relative;
}
#pipelines .loadMap .list ul li:last-child {
  margin:0;
}
#pipelines .loadMap .list ul li .txt {
  text-align:center;
  font-weight: 700;
  height:148px;
  display:flex;
  align-items: center;
  overflow:hidden;
  justify-content: center;
  font-size: 1.5rem;
  color:#333;
  line-height: 1.16em;
  position:relative;
  /* background: #fbfbfb; */
  z-index:10;
}
#pipelines .loadMap .list ul li .txt p {
  position:relative;
  z-index:10;
}
#pipelines .loadMap .list ul li:after {
  content:"";
  display:block;
  width:80px;
  height:80px;
  background:url("/img/sub/next_icon_white.png") no-repeat center #009edd;
  border:9px solid #fff;
  border-radius:50%;
  position:absolute;
  left:100%;
  transform: translateX(-40px);
  top:50px;
  z-index:100;
}
#pipelines .loadMap .list ul li:last-child:after {
  display:none;
}
#pipelines .loadMap .list ul li .txt:after {
  content:"";
  width:477px;
  height:231px;
  border-radius:50%;
  background: #fbfbfb;
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  bottom:0;
}
#pipelines .loadMap .list ul li:last-child .txt {
  color:#009edd;
}
#pipelines .system .info{
  display:flex;
  align-items: center;
}
#pipelines .system .info > div {
  width:50%;
}
#pipelines .system .img {}
#pipelines .system .txt { 
  padding-left:30px;
}
#pipelines .system .txt dt {
  font-size:2.1875rem;
  font-weight: 700;
  color:#333;
  line-height:1.2em;
} 
#pipelines .system .txt dd {
  font-size:1.0625‬rem;
  line-height:1.6em;
  margin-top:40px;
}
#pipelines .system .txt dd p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom:30px;
}
#pipelines .system .txt dd p:last-child {
  margin:0;
}


/* scienceTech */
.scienceTech {
  /* font-size:1.0625rem; */
  font-weight: 300;
  line-height:1.6;
}
.scienceTech .intro {

}
.scienceTech .intro dl {
  display:flex;
}
.scienceTech .intro dt,
.scienceTech .intro dd {
}
.scienceTech .intro dt {
  font-size:2.8125rem;
  font-weight: 700;
  color:#333;
  line-height:1.3em;
  width:540px;
}
.scienceTech .intro dd {
  flex:1;
  padding:0 5% 76px;
  background: #fff;
}
.scienceTech .intro dd p {
  margin-bottom:24px;
}
.scienceTech .intro dd p:last-child {
  margin:0;
} 

.scienceTech .bg {
  height:500px;
  margin-top:-240px;
  background-size: cover;
  background-repeat: no-repeat;
}

.scienceTech .info { 
  display:flex;
  padding:118px 0;
}
.scienceTech .info > div {
  width:50%;
}
.scienceTech .txtBox {
  padding-right:5.83333333333%;
}
.scienceTech .txtBox dt { 
  font-size:2.1875rem;
  font-weight: 700;
  color:#333;
}
.scienceTech .txtBox dt span { color:#009edd;}
.scienceTech .txtBox dd {
  font-size: 18px;
  margin-top:30px;
}
.scienceTech .imgBox {
  padding-left:4%;
}
.scienceTech .imgBox .tit { 
  color:#043972;
  font-size:1.5rem;
  font-family: 'Roboto';
  font-weight: 700;
  
}
.scienceTech .imgBox ul {
  text-align:center;
  display:flex;
  margin-top:15px;
}
.scienceTech .imgBox ul li{ 
  margin-right:30px;
}
.scienceTech .imgBox ul li:last-child{  
  margin:0;
}
.scienceTech .imgBox ul li p {
  display:flex;
  margin-top: 15px;
  align-items: center;
  justify-content: center;
  height:55px;
  color: #333;
  font-size: 1.125rem;
  font-weight: 700;
  font-family: 'Roboto';
  line-height:1.2;

}

/* 22.10.13 */
.scienceTech .info { flex-direction: column; }
.scienceTech .info > div { width: 100%; }
.scienceTech .imgBox { margin: 60px 0 0; }


/* therapy */
#therapy {}
#therapy .intro dt {
  width:50%;
  position:relative;
  z-index:1;

}
#therapy .info .skill .txt dd,
#therapy .intro dd,
.scienceTech .intro dd {
  font-size: 18px;
}
#therapy .intro dd {
  align-self: self-start;
  padding-bottom:110px;
  position:relative;
}
#therapy .intro dd:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  right:100%;
  background: #fff;
  position:absolute;
  bottom:0;
}
#therapy .intro dt span {
  font-size:1.25rem;
  display:block;
  margin-bottom:66px;
}
#therapy .bg {
  margin-top:-320px;
  background-image: url("/img/sub/carTtherapy_bg.jpg");
}

#therapy .info {
  display:block;
}
#therapy .info section {
  display:flex;
}
#therapy .info section > div {
  width:50%;
}
#therapy .info .skill .txt { }
#therapy .info .skill .txt dt { 
  
  line-height:1.1em;
  font-size:2.1875rem;
  color:#333;
  font-weight: 700;
  margin-bottom:48px;
}
#therapy .info .skill .txt dd {
  
  padding-right:18%;
}
#therapy .info .skill .img {
  padding-left:30px;
}

#therapy .info .skill .txt dd p {
  margin-bottom:24px;
}
#therapy .info .skill .txt dd p span {
	display:block;
	position: relative;
	padding-left:25px;
}
#therapy .info .skill .txt dd p span em {
	position: absolute;
	left:0;
	top:0;
}
#therapy .info .skill .txt dd p:last-child {
  margin: 0;
}

#therapy .info .skill2 {
  align-items: center;
  margin-top: 38px;
}
#therapy .info .skill2 .txt { 
  padding-left:6.25%;
  font-size: 18px;
}

/* converter */
#converter {}

#converter .bg {
  background-image: url("/img/sub/converterCAR_bg.jpg");
}

/* clipcar */
#clipcar .bg {
  margin-top:-180px;
  background-image: url("/img/sub/clipcar_bg.jpg");
}
#clipcar .info ul {
	width: 100%;
  /* display:flex; */
  text-align:center;
}
#clipcar .info ul li {
	
  margin-bottom:48px;
} 
#clipcar .info ul li P {
  margin-top:16px;
  color:#333;
  font-size: 18px;
}
#clipcar .info ul li:last-child {
  margin:0;
}