@charset "utf-8";

/* main_wrap */
.main_wrap{padding-top:215px; position: relative;}

/* section */
.section.visual{position: relative; overflow:hidden; /* background:url(/_static/reex/img/main/visual_bg.png) no-repeat center;*/}  */
.section.visual .left_area{ max-height:620px; }
.section.visual .left_area .left_slide span{position: relative; /*padding-top: 44.2%;*/ height:620px; width: 100%; display: block;}
.section.visual .left_area .left_slide span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.section.visual .slick-arrow{position: absolute; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);font-size: 0; width: 60px; height: 120px; z-index: 1;}
.section.visual .left_slide .slick-prev.slick-arrow { left:0; background: url(/_static/reex/img/main/cont_prev.png) no-repeat center;}
.section.visual .left_slide .slick-next.slick-arrow {right:0; background: url(/_static/reex/img/main/cont_next.png) no-repeat center;}

.section.visual .visual_tit{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.section.visual .visual_tit img{max-width: 100%; width:100%;}

/* slide_bar */
.slide_bar{width: 45px; overflow: hidden; position: absolute; left:50%; bottom: 16px; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0);}
.slide_bar > button{ width: 20px; height: 20px; float: left; margin-left: 5px; display: inline-block; text-indent:-9999px;} 
.slide_bar > button:first-child{margin-left: 0;}
.slide_bar .btn_play{background: url("/_static/chf1/img/main/main_visual_play.png") center no-repeat;}
.slide_bar .btn_stop{background: url("/_static/chf1/img/main/main_visual_stop.png") center no-repeat;}


/* section content */

.section.content{
  overflow: hidden;
  margin: 50px 0;
}
.section.content .cont_area{
    width: 48.9%;
    margin-left:2.2%;
    float: left;
    display: table;
    table-layout: fixed;
}
.section.content .cont_area:first-child{margin-left:0;}
.section.content .cont_area .cont_img{width: 420px;
  min-height: 262px;
  max-height: 262px;
  display: table-cell;
}
.section.content .cont_area .cont_img img{max-height: inherit; width: 100%;height: 100%;}
.section.content .cont_area .cont_info a.txt{color: #1f1f1f;
  font-size: 1.688em;
  position: relative;
    display: block;
    padding-right: 30px;
    line-height: 1.1;
    word-break: keep-all;
}
.section.content .cont_area .cont_info a.txt:after{
  content:''; display: inline-block;
  width:26px; height:26px;
  position: absolute; top: 50%; right:0; 
  transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
  background:url(/_static/reex/img/main/right_arrow.png) no-repeat right center;}
.section.content .cont_area .cont_info a.txt br{display: none;}

.section.content .cont_area .cont_info{
  display: table-cell;
  vertical-align: top;
  background: #f2f2f2;
  padding: 10% 5% 0;
}
.section.content .cont_area .cont_info .btn_down{
  background: #cc867e url(/_static/reex/img/main/btn_down.png) no-repeat center right 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 20px;
  border-radius: 40px;
  width: 100%;
  margin-top: 25px;
}
.section.content .cont_area .cont_info .btn_down span{
  display: inline-block;
    text-align: left;
    color: #ffffff;
    height: 40px;
    line-height: 38px;
}





/* section news */
.section.news{ overflow: hidden; border: 1px solid #dbdbdb; border-width: 1px 0; position: relative; min-height:400px; margin-top:30px;}
.section.news:before{content: ''; display: block; background: #f2f2f2; height: 100%; position: absolute; top: 0; width: 50%; left: 0;}
.section.news:after{content: ''; display: block; background: #fafafa; height: 100%; position: absolute; top: 0; width: 50%; right: 0; z-index: -1;}

.section.news .cont_top{position: absolute; left:0; top:45px;}
.section.news .cont_top:nth-child(1).on{top:66px;}
.section.news .cont_top:nth-child(3){top:115px;}
.section.news .cont_top:nth-child(3).on{top:136px;}
.section.news .cont_top:nth-child(5){top:185px;}
.section.news .cont_top:nth-child(5).on{top:206px;}
.section.news .cont_top:nth-child(7){top:255px;}

.section.news .cont{
  display: none;
  min-height: 397px;
  background: #fafafa;
  padding: 46px 20px 41px 90px;
  margin-left: 118px;
}
.section.news .cont.on{display:block;}

.section.news .title{display: inline-block; vertical-align: middle; text-align: center;
  position: relative; background: #f2f2f2; min-height:70px; line-height: 68px; min-width:117px;
}
.section.news .cont_top:after{ content: ''; display: inline-block; position: absolute; bottom: 0; left:0; width: 100%; height: 1px; background: #dbdbdb;}
.section.news .cont_top.on .title{
  min-width:150px; height:50px; line-height: 48px; min-height:50px; color:#fff; background:#a6b364;  padding:0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s; 
  -ms-transition: all 0.3s; 
  -o-transition: all 0.3s; 
  transition: all 0.3s;
  z-index: 10;
  -webkit-box-shadow: 5px 6px 10px 1px rgba(182,182,182,0.5);
  -moz-box-shadow: 5px 6px 10px 1px rgba(182,182,182,0.5);
  box-shadow: 5px 6px 10px 1px rgba(182,182,182,0.5);
}

/* news */
.section.news .cont ul{overflow: hidden;}
.section.news .cont ul li {display: inline-block; float:left; min-width: 287px; width:29.3%; margin-top: 47px;}
.section.news .cont ul li:nth-of-type(-n+3) {margin-top: 0;}
.section.news .cont ul li:not(:nth-of-type(3n)) {margin-right: 6%; }
.section.news .cont ul li p{white-space: normal; line-height: 1.4; height: 2.8em; text-align: left; margin-top: 20px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; color:#616161; font-weight: 300; font-size: 0.938em; -webkit-box-orient: vertical; overflow:hidden;}
.section.news .cont ul li a{display: block;}
.section.news .cont ul li a div.tit{ color: #1f1f1f; font-size: 1.125em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;}
.section.news .cont ul li a div{ color:#959595; }
.section.news .cont ul li a div:last-child{font-size: 0.938em; margin-top: 29px; font-weight:300 ;}



/* section sitemap */
.section.sitemap{margin-top:50px;}
.section.sitemap .sitemap_cont{overflow: hidden;}
.section.sitemap .sitemap_cont > a{
  display: inline-block;
    margin-right: 2.29%;
    width: 23.28%;
    float: left;
    padding: 213px 30px 35px 30px;
    border-radius: 15px;
    min-height: 326px;
    border: 1px solid #dbdbdb;
    background-repeat: no-repeat;
    background-position: center top 42px;
}
.section.sitemap .sitemap_cont > a:hover{  
  background-color: #d0918a;    
}
.section.sitemap .sitemap_cont > a:hover .tit{color:#fff;}
.section.sitemap .sitemap_cont > a:hover p{color:#fff;}

.section.sitemap .sitemap_cont > a:last-child{margin-right:0;}
.section.sitemap .sitemap_cont > a .tit{
  font-size: 1.688em;
  color: #1f1f1f;
  text-align: center;
}
.section.sitemap .sitemap_cont > a p{
  font-weight: 300;
  color: #727272;
  margin-top: 10px;
  text-align: center;
}
/* background-color: #d0918a; */
.section.sitemap .sitemap_cont > a:nth-of-type(1){background-image:url(/_static/reex/img/main/main_icon_1.png); }
.section.sitemap .sitemap_cont > a:nth-of-type(2){background-image:  url(/_static/reex/img/main/main_icon_2.png); }
.section.sitemap .sitemap_cont > a:nth-of-type(3){background-image:url(/_static/reex/img/main/main_icon_3.png);}
.section.sitemap .sitemap_cont > a:nth-of-type(4){background-image:url(/_static/reex/img/main/main_icon_4.png); }
.section.sitemap .sitemap_cont > a:hover:nth-of-type(1){background-image:url(/_static/reex/img/main/main_icon_1_on.png); }
.section.sitemap .sitemap_cont > a:hover:nth-of-type(2){background-image:  url(/_static/reex/img/main/main_icon_2_on.png); }
.section.sitemap .sitemap_cont > a:hover:nth-of-type(3){background-image:url(/_static/reex/img/main/main_icon_3_on.png);}
.section.sitemap .sitemap_cont > a:hover:nth-of-type(4){background-image:url(/_static/reex/img/main/main_icon_4_on.png); }

/* .banner */ 
.section.banner{background: #242424; overflow: hidden; margin-top: 100px;}
.section.banner .left_tit{ min-width: 100px; vertical-align: middle; float:left; color:#bebdbd; font-size:1.063em;  height: 66px; line-height: 64px; text-align: center;}
.section.banner .right_cont .btn_play.on{background: url(/_static/reex/img/main/banner_play.png) no-repeat center;  }
.section.banner .right_cont .btn_play{position: absolute; left: 123px; top: 20px; width: 23px; height: 24px; background: url(/_static/reex/img/main/banner_stop.png) no-repeat center; text-indent: -9999px;}
.section.banner .right_cont{margin-left:216px;}
.section.banner .right_cont > div a{display: block; color: #bebdbd; height: 66px; line-height: 64px; padding:0 40px; font-size: 1.063em; text-align: center; position: relative;}
.section.banner .right_cont > div a:after{content: "|"; display: inline-block;  color: #686868; font-size: 9px; vertical-align: middle;  position: absolute;  right: 0; top: 0;}
.section.banner .right_cont .slick-arrow{width:22px; height:23px;}
.section.banner .right_cont .slick-prev {left: -115px; top: 50%;}
.section.banner .right_cont .slick-prev.slick-arrow {background: url(/_static/reex/img/main/banner_left.png) no-repeat center; transform: translate(0, calc(-50% - 0.5px) );}
.section.banner .right_cont .slick-next {left: -70px; top: 50%;}
.section.banner .right_cont .slick-next.slick-arrow {background: url(/_static/reex/img/main/banner_right.png) no-repeat center; transform: translate(0, calc(-50% - 0.5px) );}

/* 헤더 수정 240708 */
.main_wrap {padding-top:152px;}

@media screen and (max-width:1280px){ 
  /* .main_wrap */
  .main_wrap{padding-top:203px;}

  /* .section.sitemap */
  /* .section.sitemap{margin-top:40px;}
  .section.sitemap .sitemap_cont > a{padding:45px 20px 45px 110px; background-position: center left 20px;}   */
  .section.content .cont_area .cont_img{width:360px; min-height:225px; max-height:225px;}

  /* .section.banner*/
  .section.banner{margin-top:50px;}
}


@media screen and (max-width:1200px){ 
  .section.content .cont_area .cont_info a.txt br{display: block;}

  /* .section.sitemap */
  .section.sitemap .sitemap_cont > a{padding:203px 20px 25px 20px; min-height:340px;}

  /* .section.content */
  .section.content .cont_area .cont_img{width:300px; min-height: 187px; max-height: 187px; }
  .section.content .cont_area .cont_info{padding: 5%;}
  .section.content .cont_area .cont_info a.txt{font-size:1.313em;}
  .section.content .cont_area .cont_info .btn_down{padding:0 15px;}
  .section.content .cont_area .cont_info .btn_down span{font-size:0.938em; height: 30px;line-height: 30px;}

   /* news */
	.section.news .cont ul li {width:48.5%; margin-right:3%; margin-top:15px;}
	.section.news .cont ul li:nth-child(3n) {margin-right:3%;}
	.section.news .cont ul li:nth-child(4n) {margin-right:3%;}
  .section.news .cont ul li:nth-child(2n) {margin-right:0;}  
  .section.news .cont ul li:not(:nth-of-type(2n)){margin-right:3%;}	
  .section.news .cont ul li:nth-last-child(-n+4) {margin-top: 50px;}
  .section.news .cont ul li:nth-child(n+5){display: none;}
}

@media screen and (max-width:1024px){
  .section.content .cont_area .cont_info a.txt br{display: none;}

  /* .main_wrap */
  .main_wrap{padding-top:80px;}
  
  /* .section.visual */  
  .section.visual .left_slide .slick-prev.slick-arrow{background-size:100%;} 
  .section.visual .left_slide .slick-next.slick-arrow{background-size:100%;} 
  .section.visual .left_area .left_slide span{padding-top: 44.2%; background:url(/_static/reex/img/main/main.jpg) no-repeat center;  background-size: cover; height:100%;}
  .section.visual .left_area .left_slide span img{display: none;}

  /* .section.content */
  /* .section.content .cont_area{display: inline-block;}
  .section.content .cont_area .cont_img{display:inline-block; width:100%;}
  .section.content .cont_area .cont_info{display: inline-block; padding: 5%;width: 100%; min-height: 126px;} */
  
  .section.content .cont_area{width:100%; float: none; margin:15px 0 0 0;}
  .section.content .cont_area:first-child{margin-top:0;}
 
  /* .section.news */
  .section.news{min-height: 376px;}
  .section.news .cont{padding:30px 20px 30px 60px; min-height: 316px;}

  /* .section.sitemap */
  .section.sitemap .sitemap_cont > a{background-size:100px; background-position: center top 20px; padding:135px 20px 25px 20px; min-height:250px; } 
  .section.sitemap .sitemap_cont > a:nth-child(n+1){width:48.8%;}
  .section.sitemap .sitemap_cont > a:nth-child(2n){margin-right:0; }
  .section.sitemap .sitemap_cont > a:nth-child(n+3){margin-top:15px;}  
  .section.sitemap .sitemap_cont > a{margin-top:0;}  
  .section.sitemap .sitemap_cont > a .tit{font-size:1.5em;}
  
 
  
}
@media screen and (max-width:860px){ 
  .slide_bar{bottom: 15px;}

  /* news */
  .section.news .cont ul li a div.tit{font-size:1.063em;}
  .section.news .cont ul li {width:100%; margin-right:0; margin-top:50px;}
  .section.news .cont ul li:first-child{margin-top:0;}
  .section.news .cont ul li:nth-of-type(-n+2){margin-top:0;}
  .section.news .cont ul li:nth-of-type(n+2){margin-top:50px;}
  .section.news .cont ul li:nth-child(n+3){display: none;}
  .section.news .cont ul li:not(:nth-of-type(2n)){margin-right: 0;}
  /* .section.news .cont ul li:nth-child(3n) {margin-right:3%;}
  .section.news .cont ul li:nth-child(4n) {margin-right:3%;}
  .section.news .cont ul li:nth-child(2n) {margin-right:0;}   */
  /* .section.news .cont ul li:not(:nth-of-type(2n)){margin-right:3%;}	 */

  .section.news .cont ul li:nth-last-child(-n+4) {margin-top: 50px;}
  .section.news .cont ul li:nth-child(n+5){display: none;}
}
@media screen and (max-width:767px){ 

    /* .section.visual */
    .section.visual .left_slide .slick-prev.slick-arrow{width:40px; height:100px;}
    .section.visual .left_slide .slick-next.slick-arrow{width:40px; height:100px;}

    /* .section.content */
    .section.content .cont_area .cont_img{width: 280px; min-height: 175px; max-height: 175px;}
 




   /* .section.sitemap */
   .section.sitemap{margin-top:30px;}   
   .section.sitemap .sitemap_cont > a .tit{font-size:1.250em;}
   .section.sitemap .sitemap_cont > a p{font-size:0.875em; margin-top:3px;}



   /* .section.banner */  
	.section.banner .left_tit{display: none;}
	.section.banner .right_cont .btn_play{display:none;}
	.section.banner .right_cont{margin-left:0;}
  .section.banner .right_cont > div a{padding: 0 20px; height:56px; line-height:54px; font-size:1em;}
}

@media screen and (max-width:580px){ 

  /* .k_sub_visual */
  .section.visual .left_slide .slick-prev.slick-arrow{width:40px; height:80px;}  
  .section.visual .left_slide .slick-next.slick-arrow{width:40px; height:80px;}  


  /* .section.content */ 
  .section.content .cont_area{width: 48.9%; margin-left: 2.2%; float: left; display: table; margin-top: 0;}
  .section.content .cont_area .cont_img{display: block; position: relative; padding-top: 62.2%; width: 100%; min-height: 100%; max-height: 100%;}
  .section.content .cont_area .cont_info{display: block; min-height:85px;}
  .section.content .cont_area .cont_img img{    
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .section.content .cont_area .cont_info a.txt{font-size:1.125em;}
  .section.content .cont_area .cont_info .btn_down{margin-top:15px;}

   /* .section.news */
   .section.news{min-height:344px; background: #fafafa;}
   .section.news .cont_top{position: absolute; top:0; left:0; width:33.33%; font-size:1em; border-left:1px solid #dedede;}
   .section.news .cont_top:first-child{border-left:0;}
   .section.news .cont_top:nth-child(1).on{top:0;}
   .section.news .cont_top:nth-child(1){top:0; left:0;}   
   .section.news .cont_top:nth-child(3){top:0; left:33%;}
   .section.news .cont_top:nth-child(3).on{top:0;}
   .section.news .cont_top:nth-child(5){top:0; left:66%;}
   .section.news .cont_top:nth-child(5).on{top:0;}

   .section.news .title{min-width:100%; line-height:48px; min-height:50px;} 
   .section.news .cont{left: 0; padding: 20px 15px; padding-top: 60px; min-height: 100%; border-top: 1px solid #dedede; margin-left: 0;    }
   .section.news .cont ul li{width:100%;}
   .section.news .cont_top.on .title{min-width:100%;
     -webkit-box-shadow: 1px 1px 3px 1px rgba(182,182,182,0.5);
     -moz-box-shadow: 1px 1px 3px 1px rgba(182,182,182,0.5);
     box-shadow: 1px 1px 3px 1px rgba(182,182,182,0.5);
   }  
   .section.news .cont ul li:nth-child(3n) {margin-right:3%;}
   .section.news .cont ul li:nth-child(4n) {margin-right:3%;}
   .section.news .cont ul li:nth-child(2n) {margin-right:0;}  
   .section.news .cont ul li:not(:nth-of-type(2n)){margin-right:0;}  
   .section.news .cont ul li:nth-last-child(-n+4) {margin-top: 50px;}  
   .section.news .cont ul li:nth-child(n+3){display: none;}
   .section.news .cont ul li a div:last-child{font-size:0.875em; margin-top:20px;}
   .section.news:before{display: none;}
   .section.news .cont ul li:nth-of-type(n+2){margin-top:15px;}

   .section.news .cont_top .title, .section.news .cont_top.on .title{height: 40px; line-height: 38px; min-height:40px;}
   
   /* 배너 */
  .section.banner{display: none;}
  .section.sitemap{margin-bottom: 20px;}
}

@media screen and (max-width:479px){ 
  /* .main_wrap */
  .main_wrap{padding-top:60px;}

  /* .section.content */
  .section.content{margin:30px 0;}
  .section.content .cont_area .cont_info a.txt{font-size:1em;}
  .section.sitemap .sitemap_cont > a p{font-size:0.835em;}
}

@media screen and (max-width: 414px){
 
  /* .section.news */  
  .section.news .cont_top{font-size:0.938em;}
  .section.news .cont{margin-top:40px;}
  .section.news .title{min-height:40px; line-height:38px;}  
  .section.news .cont_top.on .title{line-height:38px; height:40px; min-height:40px;}


  /* .section.sitemap */
  .section.sitemap .sitemap_cont > a{ padding: 85px 12px 15px 12px; background-position: top 13px center; background-size: 60px 60px; text-align: center; min-height: 140px;}  
  .section.sitemap .sitemap_cont > a .tit{font-size:1em;}
  
  /* .section.banner */
  .section.banner{margin-top:30px;}
}

@media screen and (min-width: 320px) and (max-width: 339px){

  /* .section.news */ 
  .section.news .cont_top{font-size:0.938em;}
  .section.news .cont ul li a div.tit{font-size:1em;}

  /*  .section.sitemap */
  .section.sitemap .sitemap_cont > a{padding:85px 8px 15px 8px;}
  
}