/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
/*T.광명철산점 티타늄 */
.titanium_module > div{
  padding: 80px 0 130px;
  letter-spacing: -1px;
}
.titanium_module .fix_area{
  max-width: 500px;
  margin: 0 auto;
}
.titanium_module > div img{
  display: block;
}
.titanium_module .color-txt{
  color: #51607F;
}
.titanium_module .titanium-list01{
  padding: 80px 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.titanium_module .titanium-list01 .fix_area{
  max-width: 400px;
}
.titanium_module .titanium-list01 .logo{
  width: 80%;
  margin: 0 auto 2rem;
  
}
.titanium_module .titanium-list01 .logo img{
  width: 100%;
}
.titanium_module .titanium-list01 .content-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.titanium_module .titanium-list01 .content-list > li{
  width: 130px;
  height: 130px;
  border-radius: 50em;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
  background-size: contain;
  margin: 0 8px 15px;
}
.titanium_module .titanium-list02{
  padding: 290px 0 80px;
  background-position: center 30%;
  background-repeat: no-repeat;
  background-size: cover;
}
.titanium_module .titanium-list02 .txt_box{
  text-align: center;
  font-weight: 100;
}
.titanium_module .titanium-list02 .txt_box > span{
  display: block;
  line-height: 1;
}
.titanium_module .titanium-list02 .txt_box > span:nth-child(1){
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 3px;
}
.titanium_module .titanium-list02 .txt_box > span:nth-child(2){
  width: 270px;
  margin: 0 auto;
  padding: 0.5rem 0 2rem;
  font-size: 40px;
  letter-spacing: 20px;
  line-height: 1.1;
  background: -o-linear-gradient(172deg, #090D22,#4F5267, #090D22);
  background: linear-gradient(278deg, #090D22,#4F5267, #090D22);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.titanium_module .titanium-list02 .txt_box > span:nth-child(3){
  color: #464A5E;
  font-size: 16px;
  font-weight: 100;
  font-style: italic;
}
.titanium_module .titanium-list03{
  background-color: rgba(248, 248, 248, 0.5);
}
.titanium_module .titanium-list03 .main-area{
  padding-top: 30px;
}
.titanium_module .titanium-list03 .main-area .main-txt{
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
}
.titanium_module .titanium-list03 .main-area .main-img{
  width: 75%;
  margin: 30px auto 0;
}
.titanium_module .titanium-list03 .main-area .main-img img{
  width: 100%;
}
.titanium_module .titanium-list03 .content-box{
  padding: 60px 0;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 13px rgba(0,0,0,0.1);
          box-shadow: 3px 3px 13px rgba(0,0,0,0.1);
  border-radius: 1rem;
}
.titanium_module .titanium-list03 .content-box .sub-tit-box{
  background-color: #121721;
  border-radius: 50em;
  width: 65%;
  margin: 0 auto;
  text-align: center;
}
.titanium_module .titanium-list03 .content-box .sub-tit-box > span{
  font-size: 15px;
  font-weight: 700;
  line-height:1;
  padding: 10px 0;
  background: -o-linear-gradient(172deg, #B1B1B1,#F4F4F4, #B1B1B1);
  background: linear-gradient(278deg, #B1B1B1,#F4F4F4, #B1B1B1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.titanium_module .titanium-list03 .content-box .content-list{

}
.titanium_module .titanium-list03 .content-box .content-list figure{
  width: 80%;
  margin: 0 auto;
  padding: 40px 0 20px;
}
.titanium_module .titanium-list03 .content-box .content-list figure img{
  width: 100%;
}
.titanium_module .titanium-list03 .content-box .content-list .eng-tit{
  border-radius: 50em;
  border: 1px solid #51607F;
  font-size: 14px;
  width: 130px;
  padding: 6px 0;
  margin: 0 auto;
  text-align: center;
  line-height: 1;
}
.titanium_module .titanium-list03 .content-box .content-list .sub-tit{
  font-size: 16px;
  padding: 10px 0 20px;
  text-align: center;
  font-style: italic;
}
.titanium_module .titanium-list03 .content-box .content-list .desc-list{
  font-size: 14px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.titanium_module .titanium-list03 .content-box .content-list .desc-list > p{
  position: relative;
  padding-left: 20px;
  margin: 0 10px 7px;
}
.titanium_module .titanium-list03 .content-box .content-list .desc-list > p > i{
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 14px;
}
.titanium_module .titanium-list03 .content-box .content-list .desc-list > p > i img{
  width: 100%;
}
.titanium_module .titanium-list04{
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.titanium_module .titanium-list04 .ds-tit h5{
  color: #fff;
}
.titanium_module .titanium-list04 .main-img{
  width: 90%;
  margin: 60px auto 80px;
}
.titanium_module .titanium-list04 .main-img img{
  width: 100%;
}
.titanium_module .titanium-list04 .content-box{
  position: relative;
  background-color: #fff;
  border-radius: 1rem;
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
          box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}
.titanium_module .titanium-list04 .content-box .img-list{
  width: 80%;
  position: absolute;
  left: 50%;
  top: -7%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.titanium_module .titanium-list04 .content-box .img-list img{
  width:100%;
}
.titanium_module .titanium-list04 .content-box .content{
  padding: 110px 0 0;
}
.titanium_module .titanium-list04 .content-box .content .txt__{
  padding: 0 2rem;
}
.titanium_module .titanium-list04 .content-box .content .txt__ .color-txt{
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 1.5rem;
  text-align: center;
}
.titanium_module .titanium-list04 .content-box .content .txt__ .txt-list{
  font-size: 14px;
}
.titanium_module .titanium-list04 .content-box .content .txt__ .txt-list > p{
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  color: #303030;
}
.titanium_module .titanium-list04 .content-box .content .txt__ .txt-list > p > i{
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
}
.titanium_module .titanium-list04 .content-box .content .txt__ .txt-list > p > i img{
  width: 100%;
}
.titanium_module .titanium-list04 .content-box .content figure{
  width: 45%;
  margin: 0 auto;
}
.titanium_module .titanium-list04 .content-box .content figure img{
  width: 100%;
}