@charset "utf-8";


body{overflow-x:hidden;}

/*BG*/
#multipleDiv_templet_depart_A_27{/*background:#FFF;*/background:#eeefef; padding-top:80px}
#multipleDiv_templet_depart_A_27::before{content:"";display:block;width:490px;height:100%;/*background:#eeefef url(../../images/bg_1.jpg) no-repeat right top;*/position:absolute;top:0;right:50%;margin-right:-965px; background:#eeefef;}
#multipleDiv_templet_depart_A_28{/*background:#eeefef url(../../images/bg_2.jpg) no-repeat left top;*/ background:#eeefef;}
#multipleDiv_templet_depart_A_29{/*background:#FFF url(../../images/bg_3.jpg) no-repeat center top;*/ background:#eeefef;}
#multipleDiv_templet_depart_A_30{/*background:#eeefef url(../../images/bg_4.jpg) no-repeat center top;*/ background:#eeefef;}
@media all and (max-width:1280px){
  #multipleDiv_templet_depart_A_27::before{display:none;}
  #multipleDiv_templet_depart_A_28{background:#eeefef;}
  #multipleDiv_templet_depart_A_29{background:#FFF;}
  #multipleDiv_templet_depart_A_30{background:#eeefef;}
}


/*COMMON*/
#multipleContentsDiv_templet_depart_A_27,
#multipleContentsDiv_templet_depart_A_28,
#multipleContentsDiv_templet_depart_A_29,
#multipleContentsDiv_templet_depart_A_30{padding:80px 0;}
#multipleContentsDiv_templet_depart_A_27,
#multipleContentsDiv_templet_depart_A_28,
#multipleContentsDiv_templet_depart_A_29,
#multipleContentsDiv_templet_depart_A_30{max-width:1700px;margin: 0 auto;}
@media all and (max-width:1700px){
  #multipleContentsDiv_templet_depart_A_27,
  #multipleContentsDiv_templet_depart_A_28,
  #multipleContentsDiv_templet_depart_A_29,
  #multipleContentsDiv_templet_depart_A_30{max-width:96%;}
}
@media all and (max-width:1280px){
  #multipleContentsDiv_templet_depart_A_27,
  #multipleContentsDiv_templet_depart_A_28,
  #multipleContentsDiv_templet_depart_A_29,
  #multipleContentsDiv_templet_depart_A_30{padding:50px 0;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_templet_depart_A_27,
  #multipleContentsDiv_templet_depart_A_28,
  #multipleContentsDiv_templet_depart_A_29,
  #multipleContentsDiv_templet_depart_A_30{padding:30px 0;}
  
  #multipleDiv_templet_depart_A_27 {padding-top:110px;}
}


/*슬로건*/
#multipleContentsDiv_isis_2313{background-color: #eeefef;}
#menu3486_obj88{position:absolute;top:0;left:0;width:100% !important;}
.slogan{max-width:1700px;margin: 0 auto;color:#FFF;line-height:1.3;}
.slogan .item_1{font-family: 'Dream Regular';
    font-size: 20px;
    letter-spacing: -2px;
    line-height: 2;}
.slogan .item_1 strong {
    font-family: 'Dream Bold';
    font-size: 25px;
  padding-left: 10px;}
.slogan .item_1 span{display:block;}
.slogan .item_2{font-family:'Dream Medium';font-size:45px;text-align:center;letter-spacing:-1px;padding-top:15px;line-height:1.4;}
.slogan .item_2 span{display:block;font-size:25px;}
@media all and (max-width:1700px){
  .slogan{max-width:96%;}
}
@media all and (max-width:1280px){
  /*.slogan{padding-top:80px;}*/
  .slogan .item_1{font-size:18px;line-height:1.2;}
  .slogan .item_2{font-size:30px;}
  .slogan .item_2 span{font-size:20px;}
  .slogan .item_1 strong{display: block;font-size: 22px;padding-left: 0;}
}
@media all and (max-width:768px){
  .slogan .item_1{font-size:16px;}
  .slogan .item_2{font-size:25px;}
  .slogan .item_2 span{font-size:16px;}
}

#menu3486_obj2726, #menu3486_obj2147, #menu3486_obj2004 {z-index: 1 !important;} /* 상단 메뉴랑 안 겹치게 */


/*타이틀*/
.mainTitle{font-family:'Dream Medium';line-height:1;padding-right:80px;padding-bottom:50px;}
.mainTitle span{font-size:20px;color:#999;}
.mainTitle strong{font-size:44px;color:#333;letter-spacing:-2px;padding:8px 0 15px 0;display:block;}
.mainTitle p{font-family:'Dream Medium';font-size:15px;color:#666;line-height:1.5;}
.mainTitle_1{text-align:center;}
.mainTitle_4{padding-right:30px;}
.mainTitle_3,
.mainTitle_5{display:flex;align-items:flex-end;}
.mainTitle_3 strong,
.mainTitle_5 strong{padding:8px 10px 0 0;}
@media all and (max-width:1280px){
  .mainTitle{padding-bottom:30px;}
  .mainTitle{padding-right:0;}
  .mainTitle span{font-size:17px;}
  .mainTitle strong{font-size:35px;}
  .mainTitle p{font-size:14px;}
  .mainTitle_3{padding-right:170px;}
  .mainTitle_3,
  .mainTitle_5{display:block;}
  .mainTitle_3 strong,
  .mainTitle_5 strong{padding:8px 0 15px 0;}
}
@media all and (max-width:768px){
  .mainTitle span{font-size:14px;}
  .mainTitle strong{font-size:25px;}
  .mainTitle_3{padding-right:140px;}
}


/*비디오*/
.wrap_video{height:100%;}
.wrap_video a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;}
.wrap_video a .item_1{position:absolute;left:0;top:0;height:100%;width:100%;}
.wrap_video a .item_1 img{height:100%;width:100%;}
.wrap_video a .item_2{position:relative;display:flex;flex-direction:column;font-family:'Dream Medium';line-height:1.3;text-align:center;}
.wrap_video a .item_2 i{font-size:16px;color:#FFF;}
.wrap_video a .item_2 strong{font-size:24px;color:#FFF;}
.wrap_video a .item_2::after{content:"";display:block;width:50px;height:50px;margin:15px auto 0 auto;background:url(../../images/icon_play.png) no-repeat center;}
/*HOVER*/
@media only screen and (min-width:1281px){
  .wrap_video a:hover{text-shadow:0 0 10px #000;transition:0.5s;}
  .wrap_video a:hover .item_2::after{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (max-width:768px){
  .wrap_video a{align-items:flex-start;justify-content:space-between;flex-direction:row-reverse;}
  .wrap_video a .item_1{width:calc(100% - 200px);position:relative;left:unset;top:unset;height:unset;width:unset;height:unset;}
  .wrap_video a .item_1 img{height:unset;}
  .wrap_video a .item_1::after{content:"";display:block;width:50px;height:50px;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);background:url(../../images/icon_play.png) no-repeat center;}
  .wrap_video a .item_2{width:200px;text-align:left;padding-bottom:20px;}
  .wrap_video a .item_2 i{font-size:14px;color:#999;}
  .wrap_video a .item_2 strong{color:#333;}
  .wrap_video a .item_2::after{display:none;}
}
@media all and (max-width:420px){
  .wrap_video a{flex-direction:column-reverse;}
  .wrap_video a .item_1,
  .wrap_video a .item_2{width:100%;}
}