@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');

#menu1150_obj61{position:absolute;left:0;top:0;width:100% !important;height:100% !important;}
#menu1150_obj615{display:flex;align-items:center;justify-content:center;flex-direction:column;}
#menu1150_obj615{padding:350px 60px 100px 60px;}
#menu1150_obj533{position:absolute;right:0;bottom:0;width:70px;height:70px;}
@media only screen and (max-width:1280px){
  #menu1150_obj615{padding:250px 20px 100px 20px}
}
@media only screen and (max-width:768px){
  #menu1150_obj615{padding-top:150px;}
}


/********************
슬로건
********************/
.wrap_slogan{text-align:center;color:#FFF;line-height:1.5;}
.wrap_slogan img{max-width:440px;}
.wrap_slogan .txt_1{font-size:66px;font-family:'Exo Light';line-height:1.2;}
.wrap_slogan .txt_2{font-size:80px;font-family:'Exo Bold';line-height:1.2;}
.wrap_slogan .txt_3{font-size:18px;font-family:'Pre Bold';line-height:1.5;}
.wrap_slogan .txt_3::before{content:"";display:block;width:70px;height:5px;background:#FFF;margin:50px auto;}
@media only screen and (min-width:1921px){
  .wrap_slogan img{width:440px;}
}
@media only screen and (max-width:1280px){
  .wrap_slogan .txt_1{font-size:56px;}
  .wrap_slogan .txt_2{font-size:70px;}
  .wrap_slogan .txt_3{font-size:16px;}
}
@media only screen and (max-width:768px){
  .wrap_slogan img{max-width:60%;}
  .wrap_slogan .txt_1{font-size:36px;}
  .wrap_slogan .txt_2{font-size:50px;}
  .wrap_slogan .txt_3::before{width:50px;height:3px;margin:30px auto;}
}


/********************
배너
********************/
.main_banner{display:flex;justify-content:space-between;width:100%;margin-top:60px;}
.main_banner .item{width:31%;padding:50px;position:relative;}
/*.main_banner .item{width:49%;padding:50px;position:relative;}*/
.main_banner a{color:#FFF;transition:0.3s;}
.main_banner a::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.3);position:absolute;left:0;top:0;}
.main_banner h3{font-size:24px;font-family:'Pre Black';line-height:1;position:relative;}
.main_banner h3::after{content:"";display:block;width:30px;height:4px;background:#FFF;margin:30px 0;}
.main_banner p{color:#FFF;transition:0.3s;font-size:16px;font-family:'Pre Bold';position:relative;}
.main_banner dl{display:flex;margin:15px 0;position:relative;}
.main_banner dt{font-size:16px;font-family:'Pre Bold';width:50px;}
.main_banner dd{font-size:16px;font-family:'Pre Medium';width:calc(100% - 50px);}
.main_banner .more{display:flex;align-items:center;position:absolute;right:50px;top:50px;}
.main_banner .more span{font-size:16px;font-family:'Pre Bold';line-height:1;}
.main_banner .more::after{content:"";display:block;width:30px;height:15px;background:url(../../images/main/arrow_w.png) no-repeat right center;}
.main_banner a:hover{color:#000;}
.main_banner a:hover::before{background:rgba(255,255,255,1);border:1px solid rgba(255,255,255,1);}
.main_banner a:hover h3::after{background:#d7c9b1;}
.main_banner a:hover p{color:#666;}
.main_banner a:hover .more::after{background:url(../../images/main/arrow_b.png) no-repeat right center;}
@media only screen and (max-width:1280px){
  .main_banner .item{width:32.3%;padding:35px;}
  .main_banner .more{position:relative;right:unset;top:unset;margin-top:20px;}
}
@media only screen and (max-width:768px){
  .main_banner{flex-wrap:wrap;}
  .main_banner .item{width:100%;margin:10px 0;padding:25px;}
  .main_banner h3{font-size:20px;}
  .main_banner h3::after{margin:20px 0 15px 0;}
  .main_banner dl{margin:5px 0;}
}


/********************
모서리
********************/
.edge_1,
.edge_2{width:61px;height:72px;position:absolute;right:0;bottom:0;}
.edge_1{background:url(../../images/common/edge_1.png) no-repeat right bottom;}
.edge_2{background:url(../../images/common/edge_2.png) no-repeat right bottom;}


/********************
애니메이션
********************/
.wrap_slogan{opacity:0;transform:translateY(-50px);transition:2s;}
.scroll .wrap_slogan,
.editMode .wrap_slogan{opacity:1;transform:translateY(0px);}
.txt_1{opacity:0;transform:scale(1.3);transition:1s;}
.scroll .txt_1,
.editMode .txt_1{opacity:1;transform:scale(1);transition-delay:0.5s;}
.txt_2{opacity:0;transform:translateY(-50px);transition:1s;}
.scroll .txt_2,
.editMode .txt_2{opacity:1;transform:translateY(0px);transition-delay:1s;}

.main_banner .item_1,
.main_banner .item_2,
.main_banner .item_3{opacity:0;transform:translateY(50px);transition:1s;}
.scroll .main_banner .item_1,
.scroll .main_banner .item_2,
.scroll .main_banner .item_3,
.editMode .main_banner .item_1,
.editMode .main_banner .item_2,
.editMode .main_banner .item_3{opacity:1;transform:translateY(0px);}
.scroll .main_banner .item_1{transition-delay:2s;}
.scroll .main_banner .item_2{transition-delay:2.2s;}
.scroll .main_banner .item_3{transition-delay:2.4s;}