@charset "UTF-8";
/* 모바일만 ~767px */
@media screen and (max-width: 767px) {
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box {
    padding-top: 100px;
    padding-left: 40px;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 {
    float: inherit;
    width: 170px;
    margin: 0;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 .depth2 {
    margin-bottom: 0;
    display: none;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 .depth2 > li {
    padding: 3px 0;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 .depth2.active {
    display: block;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .util-menu {
    right: 10%;
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box {
    width: 400px;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box .eng {
    font-size: 2em;
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box .kor {
    padding: 7px 0 0;
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box .kor br {
    display: block;
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box .lineControl .main-banner-controls .bar {
    width: 340px;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .bsimg {
    margin-left: 0;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .left {
    position: static;
    background: none;
    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;
    gap: 40px;
    width: 100%;
    height: 100px;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .left .title {
    padding-right: 0;
    color: #fff;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .left .title span {
    display: none;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .left .title:first-child {
    margin-top: 0;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt {
    text-align: left;
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .txt {
    padding-top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80%;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .txt br {
    display: none;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .txt dl {
    font-size: 2em;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .txt dt {
    font-size: 1em;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .more {
    position: static;
    z-index: 10;
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  #lotte-main .lotte-main-wrapper .main-business-container h2 {
    font-size: 2.2em;
  }
  #lotte-main .lotte-main-wrapper .main-business-container p {
    margin-top: 5px;
    font-weight: 400;
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap .business-box {
    gap: 0;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 20px;
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap .business-box:hover img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap .business-box .business-txt {
    width: 50%;
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap .business-box .business-txt p {
    display: none;
    font-size: 1.5em;
    width: 100%;
  }
  #lotte-main .lotte-main-wrapper .main-project-container h2 {
    font-size: 1.9em;
  }
  #lotte-main .lotte-main-wrapper .main-project-container p {
    margin-top: 5px;
    font-weight: 400;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .slide-box {
    height: 600px;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .info-txt .project-info {
    width: 100%;
    top: 0;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .info-txt .project-info p {
    font-size: 0.8em;
    padding-right: 20px;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .info-txt .project-info p br {
    display: none;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .info-txt .project-info strong {
    font-size: 1.9em;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .main-project-controls {
    display: none;
  }
  #lotte-main .lotte-main-wrapper .main-news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #lotte-main .lotte-main-wrapper .main-news .magazine-wrap {
    width: 100%;
    margin-bottom: 100px;
  }
  #lotte-main .lotte-main-wrapper .main-news .magazine-wrap a .imgbox img {
    width: 100%;
  }
  #lotte-main .lotte-main-wrapper .main-news .news-wrap {
    width: 100%;
  }
  #lotte-main .lotte-main-wrapper .main-news .news-wrap .textbox {
    width: 100%;
  }
  footer .footer-wrap {
    padding-bottom: 30px;
  }
  footer .footer-wrap .ft-left {
    display: block;
    padding: 0 20px;
  }
  footer .footer-wrap .ft-left .md-ct {
    padding: 20px 0;
  }
  footer .footer-wrap .ft-left .md-ct .ft-more {
    width: 300px;
    margin-bottom: 20px;
  }
  footer .footer-wrap .ft-left .md-ct .ft-more ul {
    display: block;
  }
  footer .footer-wrap .ft-left .md-ct .ft-more ul li {
    float: left;
    margin-left: 10px;
  }
  footer .footer-wrap .ft-left .md-ct .ft-more ul li:nth-of-type(1) {
    margin-left: 0;
  }
  footer .footer-wrap .ft-left .md-ct .ft-more ul li:nth-of-type(4) {
    margin-left: 0;
  }
  footer .footer-wrap .ft-left .ft-images {
    width: 100%;
    padding: 20px 0;
  }
  footer .footer-wrap .ft-left .ft-brand {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
  footer .footer-wrap .ft-left .ft-brand .brand-inner {
    width: 100%;
    height: auto;
  }
  footer .footer-wrap .ft-left .ft-brand .brand-inner .brand-item {
    bottom: 25px;
  }
  footer .footer-wrap .ft-left .ft-brand .brand-inner .brand-label {
    width: 100%;
  }
  footer .footer-wrap .ft-left .m-ft-brand {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
  footer .footer-wrap .ft-left .m-ft-brand .brand-inner {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  footer .footer-wrap .ft-left .m-ft-brand .brand-inner .brand-item {
    bottom: 25px;
  }
  footer .footer-wrap .ft-left .m-ft-brand .brand-inner .brand-label {
    width: 100%;
  }
  footer .footer-wrap .ft-left .copy {
    text-align: center;
  }
}
/* 태블릿부터 768px~ */
/* 태블릿만 768px~1023px */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box {
    padding-top: 100px;
    padding-left: 40px;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 {
    float: inherit;
    margin: 0;
    width: 200px;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 .depth2 {
    margin-bottom: 0;
    display: none;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 .depth2 > li {
    padding: 3px 0;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 .depth2.active {
    display: block;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .util-menu {
    right: 5%;
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box {
    width: 400px;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box .eng {
    font-size: 2em;
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box .kor {
    padding: 7px 0 0;
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box .kor br {
    display: block;
  }
  #lotte-main .lotte-main-wrapper .main-banner-container .text-box .lineControl .main-banner-controls .bar {
    width: 340px;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .bsimg {
    margin-left: 0;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .left {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    width: 100%;
    height: 100px;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .left .title {
    padding-right: 0;
    color: #fff;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .left .title span {
    display: none;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .left .title:first-child {
    margin-top: 0;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt {
    text-align: left;
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .txt {
    padding-top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80%;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .txt br {
    display: none;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .txt dl {
    font-size: 2em;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .txt dt {
    font-size: 1em;
  }
  #lotte-main .lotte-main-wrapper .main-pro ul li .imgbox .protxt .more {
    position: static;
    z-index: 10;
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  #lotte-main .lotte-main-wrapper .main-business-container h2 {
    font-size: 2.2em;
  }
  #lotte-main .lotte-main-wrapper .main-business-container p {
    margin-top: 5px;
    font-weight: 400;
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap .business-box {
    gap: 0;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 20px;
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap .business-box:hover img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap .business-box .business-txt {
    width: 50%;
  }
  #lotte-main .lotte-main-wrapper .main-business-container .business-box-wrap .business-box .business-txt p {
    display: none;
    font-size: 1.5em;
    width: 100%;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .slide-box {
    height: 650px;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .info-txt .project-info {
    top: -50px;
  }
  #lotte-main .lotte-main-wrapper .main-project-container .info-txt .project-info.active {
    top: -100px;
  }
  #lotte-main .lotte-main-wrapper .main-news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #lotte-main .lotte-main-wrapper .main-news .magazine-wrap {
    width: 100%;
    margin-bottom: 100px;
  }
  #lotte-main .lotte-main-wrapper .main-news .magazine-wrap a .imgbox img {
    width: 100%;
  }
  #lotte-main .lotte-main-wrapper .main-news .news-wrap {
    width: 100%;
  }
  #lotte-main .lotte-main-wrapper .main-news .news-wrap .textbox {
    width: 100%;
  }
  footer .footer-wrap {
    padding-bottom: 30px;
  }
  footer .footer-wrap .ft-left {
    display: block;
    padding: 0 20px;
  }
  footer .footer-wrap .ft-left .md-ct {
    padding: 20px 0;
  }
  footer .footer-wrap .ft-left .ft-images {
    width: 100%;
    padding: 20px 0;
  }
  footer .footer-wrap .ft-left .ft-brand {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
  footer .footer-wrap .ft-left .ft-brand.hide {
    display: none;
  }
  footer .footer-wrap .ft-left .ft-brand .brand-inner {
    width: 60%;
    height: auto;
  }
  footer .footer-wrap .ft-left .ft-brand .brand-inner .brand-item {
    bottom: 25px;
  }
  footer .footer-wrap .ft-left .ft-brand .brand-inner .brand-label {
    width: 100%;
  }
  footer .footer-wrap .ft-left .m-ft-brand {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
  footer .footer-wrap .ft-left .m-ft-brand.hide {
    display: none;
  }
  footer .footer-wrap .ft-left .m-ft-brand .brand-inner {
    width: 60%;
    height: auto;
    margin-bottom: 20px;
  }
  footer .footer-wrap .ft-left .m-ft-brand .brand-inner .brand-item {
    bottom: 25px;
  }
  footer .footer-wrap .ft-left .m-ft-brand .brand-inner .brand-label {
    width: 100%;
  }
  footer .footer-wrap .ft-left .copy {
    text-align: center;
  }
}
/* PC부터 1024px~ */
/* 작은 PC 1024px~1279px */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box {
    width: 1200px;
  }
  #lotte-hd .wrapper .lotte-gnb-wrap #lotte-gnb .total-menu .total-box .depth1 {
    width: 190px;
    margin: 0 40px 100px;
  }
}
/* PC 1280px~ */