.h_logo.sub{display: none;}
.main_title p{font-size: 16px; font-weight: 400; padding-top: 12px; word-break: keep-all;}
.main_title h4{font-size: 52px; font-weight: bold; word-break: keep-all; line-height: 1;}

.main01 .main_slide{position: relative;}
.main01 .swiper-slide img{height: 100%;}
.main01 .inner{position: relative;}
.main01 .in_txt{color: #fff; width: 100%; z-index: 999; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.main01 .in_txt h1{font-size: 52px; font-weight: normal;}
.main01 .in_txt p{font-size: 22px; padding-bottom: 24px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; opacity: 0.7;}
.main01 .in_txt .bg_deco{position: absolute; top: -96px; left: 47%; width: 649px;}
.main01_inquiry{position: absolute; bottom: 0; right: 0; z-index: 50; color: #fff; padding: 30px 200px 30px 40px;}
.main01_inquiry i{font-size: 14px; font-weight: bold; opacity: 0.5;}
.main01_inquiry p{font-size: 24px; padding-bottom: 24px;}
.main01_inquiry span{font-size: 14px; font-weight: 300;}
.main01_inquiry .arrow{position: absolute; right: 0; top: 0; width: 64px; height: 183px; background-color: rgba(255, 255, 255, 0.1);}
.main01_inquiry .arrow a{width: 100%; height: 100%; display: block;}
.main01_inquiry .arrow img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 11px;}

:lang(en) .main01_inquiry{padding-right: 105px;}

.main02{padding: 160px 0; background-color: #f5f5f5;}
.main02 .bg_deco{position: absolute; right: -15px; bottom: 120px;}
.main02 .inner li{width: 50%; float: left;}
.main02 .inner .left{padding-right: 50px;}
.main02 .inner .right{padding-left: 50px; padding-top: 50px; float: right;}
.main02 .inner .left .in_pic{width: 100%; height: 750px; background: url(../img/main02_left.jpg)no-repeat; position: relative;}
.main02 .inner .left .in_pic .main02_farm{position: absolute; width: 320px; max-width: 100%; bottom: 0; left: 0; padding: 30px 40px; color: #fff;}
.main02 .inner .left .in_pic .main02_farm p{font-size: 24px; padding-bottom: 42px;}
.main02 .inner .right .in_pic{margin: 50px 0;}
.main02 .inner .right .in_txt{padding-right: 20px;}
.main02 .inner .right .in_txt p{font-size: 18px; font-weight: 300; line-height: 1.5; word-break: keep-all;}

:lang(en) .main02 .inner .left .in_pic .main02_farm p{font-size: 21px;}
:lang(en) .main03 .in_txt p br{display: none;}

.main03 .content{position: relative;}
.main03 .inner>li{float: left; padding-top: 140px; padding-bottom: 140px; padding-left: 100px;}
.main03 .inner>li.left{background: url(../img/main03_left.jpg)no-repeat; height: 771px; color: #fff; width: 37.5%;}
.main03 .inner>li.right{width: 62.5%;}
.main03 .in_txt p{font-size: 18px; font-weight: 300; padding: 60px 0 100px; line-height: 1.6;}
.main03 .in_pic{background-color: #f5f5f5;}
.main03_slide{margin-top: 60px;}
.main03_slide p{text-align: center; padding-top: 20px; word-break: keep-all;}
.main03 .slide_btn{background-color: #0e76bc; display: inline-block; font-size: 0; position: absolute; top: 20px; right: 60px;}
.main03 .slide_btn li{display: inline-block; cursor: pointer;}
.main03_slide li{padding-right: 60px;}
.main03 .slide_btn::before{content: ""; width: 1px; height: 34px; left: 50%; top: 50%; margin-top: -17px; background-color: #fff; opacity: 0.5; position: absolute;}

:lang(en) .main03 .inner>li.left{padding-right: 60px;}

.main04{background: url(../img/main04_bg.jpg)no-repeat; background-size: 1920px 440px; background-position-x: 70%; background-position-y: top; padding-top: 80px; text-align: center;}
.main04 .main_title{color: #fff; margin-bottom: 80px;}
.main04 .inner{background-color: #fff;}
.main04 .inner li{width: 50%; float: left;}
.main04 .inner .content{padding: 60px;}
.main04 .inner .content>div{position: relative;}
.main04 .icon_wrap{position: relative;}
.main04 .icon_wrap p{padding-top: 14px;}
.main04 .content>div::before{content: ""; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #dddddd;}
.main04 .content>div::after{content: ""; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background-color: #dddddd;}
.main04 .icon_wrap .in_icon{width: 70px; margin: 0 auto;}
.main04 .icon_wrap li{padding: 50px 20px;}
.main04 .icon_wrap li:nth-child(2n-1){padding-left: 0;}
.main04 .icon_wrap li:nth-child(2n){padding-right: 0;}


.btn{width: 170px; height: 50px; line-height: 47px; font-size: 14px; text-align: center; border: 1px solid #fff; border-radius: 25px;}
.btn:hover{background-color: #fff; color: #0e76bc; border-color: #fff;}

.loading{display: none;}

/* ********************************************* *
 * 1640px
 * ********************************************* */
 @media screen and (max-width: 1640px){

  .main01 .main_slide{height: 760px;}
  .main01 .in_txt h1{font-size: 44px;}

  .main03 .inner>li.left,.main03 .inner>li.right{padding-left: 40px;}

 }
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){

  .main03 .in_txt p{padding-right: 40px;}
  .main03 .in_txt p br{display: none;}
  .main03 .inner>li{padding-bottom: 120px; padding-top: 120px;}
  .main03 .inner>li.left{height: 695px;}
  .main03 .in_txt p{font-size: 16px;}
  .main03_slide li{padding-right: 20px;}

 }

 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){

  .main02 .inner .right{padding-left: 0;}

  .main_title h4{font-size: 44px;}

 }
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){

  .main01 .in_txt{top: 45%;}

  .main02 .inner li{width: 100%;}
  .main02 .inner .left{padding-right: 0;}
  .main02 .inner .left .in_pic{height: 450px; margin-top:40px; background-size: cover; background-position: center;}
  .main02 .inner .right .in_pic{display: none;}
  .main02 .inner .right .in_txt{display: none;}
  .main02 .inner .right{padding-top: 0;}
  .main02{padding: 100px 0;}

  .main03 .inner>li{width: 100% !important;}
  .main03 .inner>li.left{height: auto; background-size: cover; background-position: bottom;}
  .main03 .inner>li{padding-top: 80px; padding-bottom: 80px;}
  .main03 .in_txt p{padding: 20px 0 60px; width: 480px; max-width: 100%; word-break: keep-all;}
  .main03 .slide_btn{right: 20px;}
  .main03 .inner>li.left, .main03 .inner>li.right{padding-left: 40px; padding-right: 20px;}

  .main04 .inner .content{padding: 30px;}
  .root_daum_roughmap .wrap_map{height: 470px !important;}


 }
  /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){

  .main01 .in_txt h1{font-size: 36px;}
  .main01_inquiry{padding: 20px 120px 20px 30px;}
  .main01_inquiry p{padding-bottom: 16px;}
  .main01_inquiry .arrow{width: 44px; height: 155px;}
  .main01 .in_txt .bg_deco{top: -63px; width: 420px;}

  .main04 .inner li{width: 100%;}
  .root_daum_roughmap .wrap_map{height: 400px !important;}
  .main04 .icon_wrap li{width: 25%;}
  .main04 .content>div::after,.main04 .content>div::before{display: none;}
  .main04 .icon_wrap li{padding: 0 10px !important; border-right: 1px solid #ddd;}
  .main04 .icon_wrap li:last-child{border-right: 0;}
  .main04 .inner .content{padding: 0; padding-top: 40px;}

 }
    /* ********************************************* *
 * 760px
 * ********************************************* */
 @media screen and (max-width: 760px){

  
  .main02 .inner .left .in_pic .main02_farm{padding: 30px;}
  .main02 .inner .left .in_pic .main02_farm p{font-size: 22px; padding-bottom: 28px;}
  
  .btn{width: 130px; height: 43px; line-height: 41px;}

 }

    /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){

  .main01 .in_txt h1{font-size: 28px;}
  .main01 .in_txt p{font-size: 18px; padding-bottom: 20px;}
  .main01 .in_txt .bg_deco{width: 340px; top: -50px;}
  .main01 .main_slide{height: 680px;}
  .main01_inquiry p{font-size: 22px;}

  .main03 .inner>li.left{padding-left: 20px; padding-right: 20px;}
  .main03 .inner>li.right{padding-left: 20px; padding-right: 0;}
  .main03 .slide_btn{display: none;}

  .main04 .icon_wrap .in_icon{width: 56px;}
  .main04 .icon_wrap p{font-size: 14px;}

}

   /* ********************************************* *
 * 450px
 * ********************************************* */
 @media screen and (max-width: 450px){

  .main01 .in_txt h1{font-size: 27px; word-break: keep-all; padding: 0 20px;}
  .main01 .in_txt h1 br{display: none !important;}
  .main01 .main_slide{height: 100vh;}
  .main01_inquiry{width: 100%;}
  .main01 .in_txt{top: 42%;}
  :lang(en) .main01_inquiry span br{display: none;}
  :lang(en) .main01_inquiry .arrow{height: 174px;}

  .main02 .inner .left .in_pic .main02_farm{width: 100%; padding-top: 20px; padding-bottom: 20px;}
  .main02 .inner .left .in_pic .main02_farm p{padding-bottom: 20px; word-break: keep-all;}

  .main03_slide p{font-size: 14px; padding-top: 14px;}
  
  .main04 .icon_wrap li{width: 50%; border-right: 0;}
  .main04 .icon_wrap li:nth-child(1), .main04 .icon_wrap li:nth-child(2){padding-bottom: 30px !important;}
  .main04 .icon_wrap li:nth-child(3), .main04 .icon_wrap li:nth-child(4){padding-top: 30px !important;}
  .main04 .content>div::after,.main04 .content>div::before{display: block;}

 }