@charset "UTF-8";
/* 0705이전 */
/* 0705 이후 */
@media (max-width: 320px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 960px) {
  html {
    font-size: 20px;
  }
}

.l_sub_intro .section_05 .mobile_show {
  display:none;
}

@media (max-width: 1024px) {
    
  .serif {
    font-family: "Nanum_Myeongjo", serif;
  }

  .inner {
    margin: 0 auto;
    padding: 0 1.4583333333rem;
  }

  .l_sub_intro .inner {
    width:auto;
  }

  .l_sub_intro .section_02 .sec_02_top .inner {
    border:0;
    padding-bottom:0;
  }

  .l_sub {
    padding-bottom: 5.625rem;
  }
  .l_sub_intro .section_02 .sec_02_top ul li:nth-child(2) img {
    width:100%;
  }

  .l_sub_intro .section_02 .sec_02_cont {
    padding-bottom:0;
  }

  .l_sub_intro .section_02 .sec_02_cont ul:nth-child(1) {
    padding-top:0;
  }

  .container .l_sub .section_top {
  height:0;
  padding:0.6rem 0 3.125rem;
  }
  .l_sub .section_top::before {
  height:3.725rem !important;
  }
  .l_sub_intro .section {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .l_sub_intro .section .info_01 {
    width:100%;
    height:12.0833333333rem;
    background-image: url(../../../images/sub/brand/gallery/new_bg_01.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .l_sub_intro .section .info_01 p {
    font-size:0.9583333333rem;
    color:#fff;
    display:flex;
    align-items:center;
    line-height:1.375rem;
  }


  .l_sub_intro .section_01 {
    height: 38.1458333333rem;
    background-image: url(../../../images/sub/brand/intro/brand_intro_bg01.png);
    padding-top: 4.1666666667rem;
    position: relative;
  }
  .l_sub_intro .section_01 .sec_tit {
    display: inline-block;
    position: relative;
    margin-top: 3.2083333333rem;
  }
  .l_sub_intro .section_01 .sec_tit img {
    width: 73.421%;
  }
  .l_sub_intro .section_01 .img_wrap {
    position: relative;
  }
  .l_sub_intro .section_01 .img_wrap img {
    position: absolute;
  }
  .l_sub_intro .section_01 .img_wrap img.img_back {
    top: 0;
    left: 43.8596%;
    opacity: 0.5;
    width: 35%;
  }
  .l_sub_intro .section_01 .img_wrap img.img_front {
    right: 0;
    top: 4.0416666667rem;
    width: 45.0877%;
  }
  .l_sub_intro .section_01 .txt_wrap {
    padding-left: 1.6666666667rem;
    margin-top: 7.0833333333rem;
    position: relative;
  }
  .l_sub_intro .section_01 .txt_wrap .sub_tit {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6666666667rem;
    margin-bottom: 2.0833333333rem;
  }
  .l_sub_intro .section_01 .txt_wrap .sub_tit .line {
    display: inline-block;
    width: 6.25rem;
    height: 1px;
    background: #000;
    margin-left: 1.6666666667rem;
  }
  .l_sub_intro .section_01 .txt_wrap .desc {
    font-size: 0.9583333333rem;
    line-height: 1.875rem;
  }
  .l_sub_intro .section_01 .txt_wrap .desc strong {
    font-weight: 700;
  }
  .l_sub_intro .section_02 {
    /*background-image: url(/Content/static/images/sub/brand/intro/sec_02_bg.jpg);
    padding-bottom: 5.2083333333rem;*/
  }
  .l_sub_intro .section_02 .sec_02_top {
    /*background: rgba(0, 0, 0, 0.1);
    height: 18.4583333333rem;*/
    padding: 4.9166666667rem 0;
  }
  .l_sub_intro .section_02 .sec_02_top ul {
  display: flex;
  border-bottom:1px solid #000;
  padding-bottom:4.916666667rem;
  }
  .l_sub_intro .section_02 .sec_02_top ul li:first-child {
    width:auto;
    gap:inherit;
    display: flex;
    align-items: start;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.3583333333rem;
    margin-bottom: 1.9166666667rem;
    flex-direction:column;
    margin-right:20px;
  }
  .l_sub_intro .section_02 .sec_02_top ul li:first-child .line {
    width: 2.0833333333rem;
    height: 1px;
    background: #000;
    margin-right: 1.3125rem;
    margin-bottom:20px;
  }
  .l_sub_intro .section_02 .sec_02_top ul li:nth-child(2) {
    font-size: 0.875rem;
    line-height: 1.7083333333rem;

  }

  .l_sub_intro .section_02 .sec_02_top ul li .ef_img {
  width:60%;
  margin-bottom:10px;
  }
  .l_sub_intro .section_02 .sec_02_top ul li .ef_img img {
    width:100%;
  }
  .l_sub_intro .section_02 .sec_02_cont ul li.img_wrap {
    width: 100%;
  
    margin: 2.0833333333rem 0;
    display:flex;
  }
  .l_sub_intro .section_02 .sec_02_cont ul li.img_wrap img {
  width:50%;
  }


  .l_sub_intro .section_02 .sec_02_cont ul li.txt_wrap .ef_img {
    width:60%;
    margin-bottom:30px;
  }
  .l_sub_intro .section_02 .sec_02_cont ul li.txt_wrap .line {
  width:2.08333333rem;
  height:1px;
  background-color:#000;
  margin-right:1.3125rem;
  margin-bottom:20px;
  }
  .l_sub_intro .section_02 .sec_02_cont ul li.txt_wrap .small {
    color: #7e8f94;
    font-size: 0.7083333333rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin-bottom: 1.6666666667rem;
  }
  .l_sub_intro .section_02 .sec_02_cont ul li.txt_wrap .tit {
    font-weight: 800;
    font-size: 2rem;
    letter-spacing: 0;
    margin-bottom: 2.0833333333rem;
  }
  .l_sub_intro .section_02 .sec_02_cont ul li.txt_wrap .sub_tit {
    font-size: 1.125rem;
    margin-bottom: 0.8333333333rem;
    font-weight:600;
  }
  .l_sub_intro .section_02 .sec_02_cont ul li.txt_wrap .desc {
    font-size: 0.9583333333rem;
    line-height: 1.375rem;
  }
  .l_sub_intro .section_02 .sec_02_cont ul:nth-child(1) {
    margin-bottom: 4.1875rem;
  }
  .l_sub_intro .section_02 .sec_02_cont ul:nth-child(2) {
    margin-bottom: 4.2708333333rem;
  }
  .l_sub_intro .section_02 .sec_02_cont ul:nth-child(2) li.txt_wrap {
    text-align: right;
    padding-right: 5.2631%;
    padding-left: 0;
  }
  .l_sub_intro .section_02 .sec_02_cont ul:nth-child(2) li.img_wrap {
    margin-right: auto;
    margin-left: 0;
  }
  /*section_03.sec_cont*/


  .l_sub_intro .section_02 .sec_02_cont ul li.img_wrap {
    width: 100%;
  
    margin: 2.0833333333rem 0;
    display:flex;
  }
  .l_sub_intro .section_02 .sec_02_cont ul li.img_wrap img {
  width:50%;}




  /*section_04.sec_cont*/
  .l_sub_intro .section_02 .sec_04_cont {
    background-image:url(../../../images/sub/brand/intro/buliding_m_bg.png);
    background-repeat:no-repeat;
  background-position:center bottom;
    background-size:100%;
  padding-bottom:50px;
  border-bottom:3px solid #000;

  }
  .l_sub_intro .section_02 .sec_04_cont .ef_img {
  width:70%;
  padding-top:0;
  margin-bottom:30px;
  }
  .l_sub_intro .section_02 .sec_04_cont ul {
  display:flex;
  flex-direction:column;
  }
  .l_sub_intro .section_02 .sec_04_cont ul li {
  margin-bottom:40px;
  display:flex;
  flex-direction:column;
  }
  .l_sub_intro .section_02 .sec_04_cont ul li:nth-child(2),
  .l_sub_intro .section_02 .sec_04_cont ul li:nth-child(4) {
  align-items:end;
  }
  .l_sub_intro .section_02 .sec_04_cont ul li .thum {
  width:80%;
  }
  .l_sub_intro .section_02 .sec_04_cont ul li:nth-child(1) .bd_wrap,
  .l_sub_intro .section_02 .sec_04_cont ul li:nth-child(3) .bd_wrap  {
    border-left:2px solid #000;
    padding-left:10px;
    text-align:left
  }
  .l_sub_intro .section_02 .sec_04_cont ul li:nth-child(2) .bd_wrap,
  .l_sub_intro .section_02 .sec_04_cont ul li:nth-child(4) .bd_wrap  {
    border-right:2px solid #000;
    padding-right:10px;
    text-align:right;
  }

  .l_sub_intro .section_02 .sec_04_cont ul li .bd_wrap .tit img {
    width:50%;
  }
  /*
  .l_sub_intro .section_02 .sec_04_cont ul li.txt_wrap .ef_img {
    width:60%;
    margin-bottom:30px;
  }*/
  .l_sub_intro .section_02 .sec_04_cont ul li.txt_wrap .line {
  width:2.08333333rem;
  height:1px;
  background-color:#000;
  margin-right:1.3125rem;
  margin-bottom:20px;
  }
  .l_sub_intro .section_02 .sec_04_cont ul li.txt_wrap .small {
    color: #7e8f94;
    font-size: 0.7083333333rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin-bottom: 1.6666666667rem;
  }
  .l_sub_intro .section_02 .sec_04_cont ul li.txt_wrap .tit {
    font-weight: 800;
    font-size: 2rem;
    letter-spacing: 0;
    margin-bottom: 1.0833333333rem;
  }
  .l_sub_intro .section_02 .sec_04_cont ul li.txt_wrap .sub_tit {
    font-size: 1.125rem;
    margin-bottom: 0.8333333333rem;
    font-weight:600;
  }
  .l_sub_intro .section_02 .sec_04_cont ul li.txt_wrap .desc {
    font-size: 0.9583333333rem;
    line-height: 1.375rem;
    padding-bottom:20px;
  }
  .l_sub_intro .section_02 .sec_04_cont ul:nth-child(1) {
  /* margin-bottom: 4.1875rem;*/
  }
  .l_sub_intro .section_02 .sec_04_cont ul:nth-child(2) {
    margin-bottom: 4.2708333333rem;
  }
  .l_sub_intro .section_02 .sec_04_cont ul:nth-child(2) li.txt_wrap {
    text-align: right;
    padding-right: 5.2631%;
    padding-left: 0;
  }
  .l_sub_intro .section_02 .sec_04_cont ul:nth-child(2) li.img_wrap {
    margin-right: auto;
    margin-left: 0;
  }
  /*section_04.sec_cont*/

  .l_sub_intro .section_02 .sec_03_cont {
    padding: 4.1666666667rem 1.45833333rem 5.1666666667rem 0;
    position: relative;
    background-image:url(../../../images/sub/brand/intro/sec04_bg.png);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100%;
    display:flex;
    justify-content:end;
  }
  .l_sub_intro .section_02 .sec_03_cont .inner {
  display:flex;
  justify-content:end;
  }
  .l_sub_intro .section_02 .sec_03_cont .ef_img {
  width:50%;
  padding-top:0;
  margin-bottom:0;
  margin-top:3.75rem;
  }
  .l_sub_intro .section_02 .sec_03_cont .ef_img img {
    width:100%;
  }
  .l_sub_intro .section_02 .sec_03_cont .tit_area {
    margin-top: 3.75rem;
  }
  .l_sub_intro .section_02 .sec_03_cont .tit_area .sec_tit img {
    width: 54.2982%;
  }
  /*section_03.sec_cont*/



  .l_sub_intro .section_03 {
    padding: 4.1666666667rem 0;
    position: relative; 
  }
  .l_sub_intro .section_03 .sec_02_top .ef_img {
  width:30%;
  margin-bottom:10px;
  }
  .l_sub_intro .section_03 .sec_02_top ul {
  padding-top:30px;
  display:flex
  }
  .l_sub_intro .section_03 .sec_02_top ul li:first-child {
  margin-bottom:20px;
  margin-right:20px;
  font-size:0.958333333rem;
  line-height:1.375rem
  }
  .l_sub_intro .section_03 .sec_02_top ul li:first-child .line {
  width:2.08333333rem;
  height:1px;
  background-color:#000;
  margin-right:1.3125rem;
  margin-bottom:20px;
  display:inline-block
  }


  .l_sub_intro .section_03 .sec_02_top .inner {
    padding-bottom:0;
    border-bottom:0;
  }


  .l_sub_intro .section_03::before {
  /* content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.0416666667rem;
    width: 0.0833333333rem;
    height: 26.6666666667rem;
    background: #dfdfdf;
    z-index: -1;*/
  }
  .l_sub_intro .section_03 .tit_area {
    margin-bottom: 3.75rem;
    padding:0;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }
  .l_sub_intro .section_03 .tit_area .sec_tit img {
    width: 54.2982%;
  }


  .l_sub_intro .section_03 .slide_wrap {
    position: relative;
    width: 100%;
  }

  .l_sub_intro .section_03 .slide_wrap .logo_wrap {

  display:flex;
  gap:5px;

  }
  .l_sub_intro .section_03 .slide_wrap .logo_wrap img {
  width:50%;
  }
  .l_sub_intro .section_03 .slide_wrap .logo_wrap img:nth-child(1) {
  border-right:1px solid #000;
  padding-right:5px;
  }

  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor {
  display:flex;
  margin-top:30px;
  }

  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor .colorbox {
  width:calc(100%/4);
  font-size:0.65833333rem;
  padding:3px;
  }

  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor .colorbox .c_name {
  font-weight:300;
  margin-bottom:5px;
  }
  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor .colorbox .c_txt {
  font-weight:200;
  }
  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor .colorbox.cb1 {
  background-color:#122d43;
  color:#d8d4cd;
  }
  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor .colorbox.cb2 {
  background-color:#d8d4cd;
  color:#122d43;
  }
  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor .colorbox.cb3 {
  background-color:#4bbae6;
  color:#122d43;
  }
  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor .colorbox.cb4 {
  background-color:#0085ad;
  color:#d8d4cd;
  }

  .l_sub_intro .section_03 .slide_wrap::before {
  /* content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #dfdfdf;
    top: 5.6875rem;
    left: 0;
    z-index: -1;*/
  }
  .l_sub_intro .section_03 .slide_wrap .logo_slide {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .l_sub_intro .section_03 .slide_wrap .logo_slide .swiper-slide {
    width: 62.1093% !important;
    margin: 0 3.9062%;
  }
  .l_sub_intro .section_03 .slide_wrap .logo_slide .swiper-slide .title {
    font-size: 0.9583333333rem;
    font-weight: 500;
    margin-bottom: 0.8333333333rem;
    padding-top: 0.5625rem;
    position: relative;
  }
  .l_sub_intro .section_03 .slide_wrap .logo_slide .swiper-slide .title::before {
    /*content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.0833333333rem;
    height: 0.0416666667rem;
    background: #000;*/
  }
  .l_sub_intro .section_03 .slide_wrap .logo_slide .swiper-slide .content img {
    width: 100%;
  }
  .l_sub_intro .section_03 .slide_wrap .swiper-button-prev,
  .l_sub_intro .section_03 .slide_wrap .swiper-button-next {
    top: 50%;
    right: calc(18.94535% - 0.96875rem);
    margin-top: 0;
    width: 1.9375rem;
    height: 1.9375rem;
  }
  .l_sub_intro .section_03 .slide_wrap .swiper-button-prev::after,
  .l_sub_intro .section_03 .slide_wrap .swiper-button-next::after {
    content: "";
    background: url(../../../images/sub/brand/intro/btn_slide.png) no-repeat 0 0/100% auto;
    width: 100%;
    height: 100%;
  }
  .l_sub_intro .section_03 .slide_wrap .swiper-button-prev {
    left: calc(18.94535% - 0.96875rem);
    right: 0;
  }
  .l_sub_intro .section_03 .slide_wrap .swiper-button-prev::after {
    transform: rotate(180deg);
  }
  .l_sub_intro .section_03 .slide_wrap .swiper-pagination {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .l_sub_intro .section_03 .slide_wrap .swiper-pagination .swiper-pagination-bullet {
    width: 1.6666666667rem;
    height: 0.0833333333rem;
    background: #e5e5e5;
    border-radius: 0;
    margin: 0 0.3541666667rem;
    opacity: 1;
  }
  .l_sub_intro .section_03 .slide_wrap .swiper-pagination .swiper-pagination-bullet-active {
    background: #000;
  }
  .l_sub_intro .section_03 .tit_area .btn {
    display:block;
    width: 13.7916666667rem;
    line-height:3.5rem;
    height: auto;
    border-radius: 0.3125rem;
    font-size: 0.9583333333rem;
    margin: 2.1666666667rem auto 0;
    text-align:center;
  }
  .l_sub_intro .section_03 .tit_area .btn.btn_black {
    background:#333;
    color:#fff;
  }
  .l_sub_intro .section_03 .tit_area .btn .icon {
    background-image: url(../../../images/sub/brand/intro/icon_download.png);
    margin-left: 0.625rem;
  }
  .l_sub_intro .section_04 {
    background: #fbfbfb;
    padding: 5rem 0;
    text-align: center;
  }
  .l_sub_intro .section_04 .sec_04_tit {
    font-size: 1.8333333333rem;
    letter-spacing: -0.03em;
    line-height: 2.5rem;
    font-weight: 200;
    margin-bottom: 2.3333333333rem;
  }
  .l_sub_intro .section_04 .sec_04_tit strong {
    font-weight: 700;
  }

  .l_sub_intro .section_04 p {
  font-size:1rem;
  line-height:1.4rem;
  }

  .l_sub_intro .section_04 .desc {
    font-size: 1.4rem;
    line-height: 1.875rem;
    letter-spacing: -0.03em;
    color: #000;
    margin-bottom: 2.6041666667rem;
  font-weight:700;
  }
  .l_sub_intro .section_04 .desc strong {
    color: #0e86a5;
    font-weight: 700;
  }
  .l_sub_intro .section_05 {
    padding-top: 4.1666666667rem;
  }
  .l_sub_intro .section_05 .sec_05_tit {
    position: relative;
    display: inline-block;
    font-size: 1.8333333333rem;
    font-weight: 700;
    padding: 0.9166666667rem 1.7708333333rem 0 0;
    margin-bottom: 30px;
  }
  .l_sub_intro .section_05 .sec_05_tit .icon {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../../../images/sub/brand/intro/icon_arrow_right_top.png);
    width: 1.0833333333rem;
    height: 1.125rem;
    background-size: 100% auto;
  }
  .l_sub_intro .section_05 .desc {
    font-size: 0.875rem;
    color: #666;
    margin-bottom: 1.6666666667rem;
  }
  .l_sub_intro .section_05 ul li {
    width: 100%;
    position: relative;
  }
  .l_sub_intro .section_05 ul li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .l_sub_intro .section_05 ul li a img {
    width: 100%;
  }
  .l_sub_intro .section_05 ul li + li {
    margin-top: 1.6666666667rem;
  }

  .blocker {
    padding:1.4583333333rem;
  }

  .modal.video {
    width:100%;
  }

  .modal.video .video_wrap {
    width:100%;
  }

  .modal.video a.close-modal {
    right: 0;
    width: 1.1041666667rem;
    height: 1.1041666667rem;
    top: -2.125rem;
  }

  .l_sub_intro .section_05 .mobile_show {
    display:block;
  }

  .l_sub_intro .section_05 .slide_wrap {
    display:none;
  }

  .l_sub_intro .section_05 .slide_wrap .video_slide {
    width:100%;
  }

  .l_sub_intro .section_05 .inner {
    width:auto;
  }

  .l_sub_intro .section_05 .slide_wrap .swiper-pagination {
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
  }

  .l_sub_intro .section_05 .slide_wrap .swiper-pagination .swiper-pagination-bullet {
    margin:0;
    width:auto;
    flex:1;
  }

}


@media (max-width:500px) {

  .l_sub_intro .section_03 .sec_02_top ul {
  flex-direction:column;
  }
  .l_sub_intro .section_03 .sec_02_top ul li:nth-child(2) {
  width:80%;
  margin:0 auto;
  text-align:center;
  }
  .l_sub_intro .section_03 .sec_02_top ul li:nth-child(2) img {
    width:100%;
  }

  .l_sub_intro .section_03 .slide_wrap .logo_wrap {

  display:flex;
  flex-direction:column;
  gap:20px;
  }
  .l_sub_intro .section_03 .slide_wrap .logo_wrap img {
  width:100%;
  }
  .l_sub_intro .section_03 .slide_wrap .logo_wrap img:nth-child(1) {
  border-right:0
  }
  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor {
  display:flex;
  }
  .l_sub_intro .section_03 .slide_wrap .logoType .logoColor .colorbox {
  width:100%;
  }

}