@charset "utf-8";



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

/* section */
.section.visual{overflow:hidden; background:#000000;} 
.section.visual .left_area{ max-height:620px; }
.section.visual .left_area .left_slide a{position: relative; /*padding-top: 44.2%; */width: 100%; display: block; height: 620px;}
/* .section.visual .left_area .left_slide a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */
.section.visual .left_area .left_slide a img{max-height: 100%; max-width: 100%;}
.section_2 {overflow:hidden; margin-bottom:30px; }

.section.visual .left_area .slick-slide{opacity: 0.2;}
.section.visual .left_area .slick-slide.slick-center{opacity: 1;}

.section.visual .left_area .slick-prev, .section.visual .left_area .slick-next{width: 86px;height: 112px; z-index: 5;}
.section.visual .left_slide .slick-prev{left: 0;}
.section.visual .left_slide .slick-next{right: 0;}
.section.visual .left_slide .slick-prev.slick-arrow{ background: url(/_static/chf1/img/main/visual_prev.png) no-repeat center;}
.section.visual .left_slide .slick-next.slick-arrow { background: url(/_static/chf1/img/main/visual_next.png) no-repeat center;}

/* slide_bar */
.slide_bar{background-color:#626c76;}

.custom_paging{color:#fff;}
.custom_paging li{display: none;}
.custom_paging .slick-active{display:block;}





/* section news */
.section.news{ overflow: hidden; border: 1px solid #dbdbdb; border-width: 1px 0; position: relative; min-height:400px; margin-top:50px;}
.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:block; margin-left: 117px; min-height:397px; background: #fafafa; padding:46px 0 41px 90px; }


.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 .title: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; height: 2.6em; 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 skecth */
.section.skecth{overflow: hidden; margin-top:50px;}
.skecth_area{float:left; position: relative; width:48.9%; padding: 2.7% 3.2% 2.2%; border: 1px solid #dbdbdb;}
.skecth_area > p{margin-top: 12px; font-size: 1.250em; font-weight: 300; color:#525252; text-align: center; height: 52px;}



.more_btn{position: absolute; top:-3px; right:0; }

.panel_area{float:right; width: 47.2%; margin-left: 3.9%;}
.panel_area .m_panel_cont{display: none;}
.panel_area .panel_cont{margin-right:4.6%; width:30.3%; float:left; margin-top: 33px;}
.panel_area .panel_cont p{margin-top:16px; text-align: center; word-break: keep-all; color:#525252; font-size: 1.250em;}
.panel_area .panel_cont a{display: block;}
.panel_area .panel_cont a > div{padding-top:131.6%; position: relative;  width: 100%; }
.panel_area .panel_cont a > div img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;object-fit:contain;}
.panel_area .picture_cont{border:1px solid #dbdbdb; padding:30px 30px 58px 30px; /*width:430px;*/ width:65.1%; float: left;}
.panel_area .picture_cont .btn_play{ position: absolute; right: 51%; margin-right: 50px; bottom: 20px; z-index: 200; width: 17px; height: 17px; background: url("/_static/chf1/img/main/search_stop.png") center no-repeat; text-indent: -9999px;}
.panel_area .picture_cont .btn_play.on{background: url("/_static/chf1/img/main/search_play.png") center no-repeat;}
.panel_area .picture_cont .slick-dots{ position: absolute; bottom: 20px; left:0; z-index: 100;}
.panel_area .picture_cont .slick-dots li{width:17px; height:17px; margin:0 4px;}
.panel_area .picture_cont .slick-dots li button{ width: 17px; height: 17px; border-radius: 17px; border:1px solid #141414; background: #fff; }
.panel_area .picture_cont .slick-dots li button:before{ display:none;}
.panel_area .picture_cont .slick-dots li.slick-active button{ background: #141414;}

.panel_area .picture_cont div.slick-slide a {position: relative;
  width: 100%;
  padding-top: 69.5%;
  display: block;
}
.panel_area .picture_cont div.slick-slide a img{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}


/* .section.k_list */
.section.k_list{padding:50px 0 77px; overflow: hidden;}
.section .k_slide.slick-initialized .slick-slide{text-align: center;}
.section .k_slide.slick-initialized .slick-slide > div{display: inline-block;}
.section .k_slide.slick-initialized .slick-slide p{ margin-top: 16px;}
.section .k_slide.slick-initialized .slick-slide p a {
  display: inline-block; width: 190px; word-break: keep-all; color:#141414; font-size: 1.250em;
}
.section .k_slide.slick-slider .slick-arrow{  width: 32px;  height: 32px;  }
.section .k_slide.slick-slider .slick-prev{  left: -50px;  top: 50%;  margin-top: -8px;}
.section .k_slide.slick-slider .slick-next{  right: -50px;  top: 50%;  margin-top: -8px;}
.section .k_slide.slick-slider .slick-prev.slick-arrow{background:url("/_static/chf1/img/main/k_left.jpg") no-repeat center;}
.section .k_slide.slick-slider .slick-next.slick-arrow{background:url("/_static/chf1/img/main/k_right.jpg") no-repeat center;}


/* .banner */ 
.section.banner{background: #242424; overflow: hidden; }
.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{ position: absolute; left: 123px; top:50%; width: 23px; height: 23px; background: url(/_static/chf1/img/main/banner_play.png) no-repeat center; text-indent: -9999px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.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/chf1/img/main/banner_left.png") no-repeat center;}
.section.banner .right_cont .slick-next {left: -70px; top: 50%;}
.section.banner .right_cont .slick-next.slick-arrow {background: url("/_static/chf1/img/main/banner_right.png") no-repeat center;}



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

  .section.visual .left_area .slick-slide{opacity: 1;}

  .section.visual .left_area .left_slide a{
    height:100%;
    padding-top: 44.2%;
  }
  .section.visual .left_area .left_slide a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }



}

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

 

  /* .cal_day{display: none;} */
  

  /* cal_month */
  /* .cal_month						{ width:100%; display:inline-block; } */
  .cal_month table				{ table-layout:fixed; margin-top:13px; width:100%;}
  .cal_month th					{ background:#9d8c90; color:#fff; font-size:1em; width:14%; height:30px; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
  .cal_month th:first-child	{ border-left:1px solid #9d8c90; }
  .cal_month th:last-child	{ border-right:1px solid #9d8c90; }
  .cal_month td					{position:relative; width:14%;  vertical-align:top; }
  .cal_month tr td:first-child				{ border-left:1px solid #d4d4d4; }
  .cal_month td a				{position:relative; display:block; min-height:40px; border:1px solid #d4d4d4; }
  .cal_month td.on a {position:absolute; top:0; left:0; width:100%; height:100%; min-height:40px; border:2px solid #cd867e; background:#cd867e; }
  .cal_month td.on a p{color:#fff;}

  .schedule_tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  line-height: 1.37em;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; color:#3d3d3d; font-size:0.933em;}

  .cal_month td a p			{ padding:0 10px; text-align:right; font-size:1em; color:#3b3a3a; }
  .cal_month td.blue a p	{ color:blue; }
  .cal_month td.red a p	{ color:red; }
  .cal_month td a ul li		{ overflow:hidden; position:relative; }
  .cal_month td a ul li span.ico			{ position:absolute; top:3px; left:0; }
  .cal_month td a ul li a					{ display:block; width:100%; line-height:18px; font-size:13px; color:#3b3a3a; }

  .cal_main_day {position:relative; height:26px; line-height:26px; margin-bottom:39px; color:#393939; text-align:center; font-size:2.400em;}
  .cal_main_day .cal_left {position:absolute; top:2px; left:39%; width:23px; height:26px; background: url("/_static/yj2015/igm/_cmm/cal_left.png") no-repeat ;}
  .cal_main_day .cal_right {position:absolute; top:2px; right:39%; width:23px; height:26px;  background: url("/_static/yj2015/igm/_cmm/cal_right.png") no-repeat ;}
  .calendar_area {overflow:hidden; display:table; border:1px solid #cfd7e3; margin-bottom:50px; table-layout:fixed; width:100%;}
  .calendar_area:last-child {margin-bottom:0;}
  .calendar_mon{display:table-cell; width:15%; padding:82px 0; background:#a6b364; color:#fff; text-align:center; font-size:1.733em; vertical-align:middle;}
  .calendar_area dd {display:table-cell; width:81%; vertical-align:middle;}
  .calendar_area .cal_top {padding:25px 31px 25px 30px; /* height:69px;*/}
  .calendar_area .cal_top span{position:relative; font-weight:lighter; padding-right:9px; font-size:1.067em; color:#525151; line-height:1.7em; word-break:keep-all;}
  .calendar_area .cal_top span:after {content:''; position:absolute; top:6px; right:0; width:1px; height:55%; background:#525151;}
  .calendar_area .cal_top span:last-child:after{display:none;}
  .calendar_area .calendar_cont {/* height: 50px;  */padding:13px 31px 15px 30px; border-top:1px solid #cfd7e3; background:#f6f7fb; font-weight:lighter; font-size:1.067em; color:#525151; line-height:1.7em; word-break:keep-all;}

  
  /* k_slide */
  .section .k_slide.slick-initialized .slick-slide div img{width:90%; margin:0 auto;}

  /*  banner */ 
  .section.banner .right_cont{margin-left: 170px;}
  .section.banner .right_cont .slick-prev{left:-69px;}
  .section.banner .right_cont .slick-next{left:-24px;}
  .section.banner .right_cont > div a{padding:0 30px;}

  /* .main_wrap */
  .main_wrap{padding-top:197px;}

 
}

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

 

  /* 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;}
  

   /* skecth */ 
  .section.skecth{margin-top:48px;}

 
  .panel_area .panel_cont p{font-size:0.938em;}
  
  /* .section.k_list */
  .section.k_list{padding:50px 0 47px;}
  .section .k_slide.slick-initialized .slick-slide div p a{font-size:1.125em;}  
  .section .k_slide.slick-initialized .slick-slide div a img{width:80%;}



}

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

  .cal_middle{
    display: table;
    table-layout: auto;
    max-width: 50%;
    margin: 0 auto;
    width: 100%;
    margin-top: 15px;

  }

  .cal_day_list{    float: none;  
    display: table-cell;
    text-align: center;
    margin-top: 0;
  
  }
  .cal_day_list .cal_day{display: none;}
  .cal_day_list .cal_day:first-child{display: block;}
  .cal_day_list .cal_day li{display: inline-block; float: none;}

  .section.visual .left_slide .slick-prev.slick-arrow {
    background-size: 100%;
  }
  .section.visual .left_slide .slick-next.slick-arrow{
    background-size: 100%;
  }

  .cal_middle .prev {
    display: table-cell;
    width: 11px;
    height: 19px;
    margin-right: 30px;
    background: url(/_static/chf1/img/main/cale_arrow_prev.png) no-repeat center;
    vertical-align: middle;
  }
  .cal_middle .next {
    display: table-cell;
    width: 11px;
    height: 19px;
    margin-left: 30px;
    background: url(/_static/chf1/img/main/cale_arrow_next.png) no-repeat center;
    vertical-align: middle;
  }  

  .skecth_area > p{font-size: 1.125em;}
}


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

 .section.news{min-height: 100%;}
 .section.news .cont{padding:27px 30px 27px 70px; min-height: 100%;}
 /* 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+3){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:nth-last-child(-n+4) {margin-top: 50px;} */
 /* .section.news .cont ul li:nth-child(n+5){display: none;} */
 .section.news .cont ul li:not(:nth-of-type(2n)){margin-right:0;}
}

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

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

  .skecth_area > p{height: 100%;}

  .cal_middle{max-width: 100%;}



  /* h3 */
  .cal_box .cal_date > span{font-size:1.875em;}

  

  /* .section.skecth */
  .skecth_area{width:100%; float:none;}
  .skecth_area .img_area{text-align: center;}
  .panel_area{width:100%; margin-left:0; float:none; overflow: hidden; margin-top:50px;}
  

  /* k_slide */
  .section.k_list{padding:40px 0 67px;}
  .section .k_slide.slick-initialized .slick-slide div a p{font-size:1em;}


  
  /* .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){ 

  .section.skecth{padding: 0 10px;}
  .skecth_area > p{font-size: 1em;}
  .section.news .cont ul li a{position: relative; padding-right:80px; }
  .section.news .cont ul li a div.tit{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:keep-all;
    font-size: 1em;
  }
  .section.news .cont ul li p{display: none;} 
  .section.news .cont ul li a div:last-child{position: absolute; top: 3px; right: 0; font-size:0.875em; margin-top: 0;}
  .section.news{min-height:285px; background: #fafafa; margin:30px 10px 0; border-width: 0 1px 1px;}
  .section.news .cont_top{position: static; border: 1px solid #a6b364;}
  .section.news .title{min-width:100%; line-height:48px; min-height:50px;} 
  .section.news .cont{padding: 20px 15px; margin: 0;}
  .section.news .cont ul li{ width: 100%; display: block; min-width: 100%; float: none;}
  .section.news .title:after{display: none;}
  .section.news .cont_top.on .title{min-width:100%; box-shadow: none; }  
	.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: block;}  
  .section.news:before{display: none;}
  .section.news .cont ul li:nth-of-type(n+2){margin-top:17px;}


  /* .section.skecth */
  .section.skecth{margin-top:30px;}


  /* .section.k_list */
  .section.k_list{padding:30px 10px;}
  .section.k_list .k_slide{overflow: hidden;}
  .section.k_list .k_slide .k_list_cont > div{display: none;} 
  .section.k_list .k_slide > div{
    float: left;
    width: 50%;    
    overflow: hidden;
  }

  .section .k_slide .k_list_cont{margin:0 -5px;}
  .section .k_slide .k_list_cont p{display: table; width:100%; border-spacing: 10px 5px;}
  .section .k_slide .k_list_cont p > a {
    height: 48px;
    border: 1px solid #2f6bb1;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    font-size: 0.938em;
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
  }
  .section .k_slide > div:nth-of-type(1) a{border: 1px solid #cd867e;}
  .section .k_slide > div:nth-of-type(2) a{border: 1px solid #9d8c90;}
  .section .k_slide > div:nth-of-type(3) a{border: 1px solid #a6b364;}
  .section .k_slide > div:nth-of-type(4) a{border: 1px solid #d4ca95;}
  .section .k_slide > div:nth-of-type(5) a{border: 1px solid #bb9b72;}
  .section .k_slide > div:nth-of-type(6) a{border: 1px solid #b0cbc7;}
  .section .k_slide > div:nth-of-type(7) a{border: 1px solid #959d8c;}
  .section .k_slide > div:nth-of-type(8) a{border: 1px solid #cd867e;}
  .section .k_slide > div:nth-of-type(9) a{border: 1px solid #9d8c90;}
  .section .k_slide > div:nth-of-type(10) a{border: 1px solid #a6b364;}

  .section .k_slide > div:nth-of-type(1) a:hover{background:#cd867e; color:#fff;}
  .section .k_slide > div:nth-of-type(2) a:hover{background:#9d8c90; color:#fff;}
  .section .k_slide > div:nth-of-type(3) a:hover{background:#a6b364; color:#fff;}
  .section .k_slide > div:nth-of-type(4) a:hover{background:#d4ca95; color:#fff;}
  .section .k_slide > div:nth-of-type(5) a:hover{background:#bb9b72; color:#fff;}
  .section .k_slide > div:nth-of-type(6) a:hover{background:#b0cbc7; color:#fff;}
  .section .k_slide > div:nth-of-type(7) a:hover{background:#959d8c; color:#fff;}
  .section .k_slide > div:nth-of-type(8) a:hover{background:#cd867e; color:#fff;}
  .section .k_slide > div:nth-of-type(9) a:hover{background:#9d8c90; color:#fff;}
  .section .k_slide > div:nth-of-type(10) a:hover{background:#a6b364; color:#fff;}


  /* 패널 */
  .panel_area .panel_cont{display: none;}
  .panel_area .m_panel_cont{display: block;}
  .panel_area .m_panel_cont a > div{text-align: center;}
  .panel_area .m_panel_cont p{margin-top: 7px; font-size: 0.938em; font-weight: 300; text-align: center;}
  .panel_area{margin-top:30px;}
  .panel_area .picture_cont{padding:10px 10px 38px 10px; margin-top:20px; width:100%; float:none;}
  .panel_area .picture_cont .slick-dots{bottom:10px;}
  .panel_area .picture_cont .slick-dots li{width:15px; height:15px;}
  .panel_area .picture_cont .slick-dots li button{width:15px; height:15px;}
  .panel_area .picture_cont .btn_play{bottom:10px; width:15px; height:15px;}
  

  /* 배너 */
  .section.banner{display: none;}


}

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


 
/* 패널 */
  .panel_area .panel_cont p{margin-top: 5px;}
  

  /* .section.banner */
  .section.banner .right_cont > div a{height: 46px; line-height: 44px; font-size: 0.938em;}
  
  .section .k_slide .k_list_cont p > a{font-size: 0.875em; height: 56px;}

}

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



  /* .section.news */  
  .section.news .cont_top{font-size:0.938em;}  
  .section.news .title{min-height:40px; line-height:38px;}  
  .section.news .cont_top.on .title{line-height:38px; height:40px; min-height:40px;}



  
 
   .more_btn img{width:28px;}

}

@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 .k_slide .k_list_cont p > a{height: 74px;}

  /* .section .k_slide */
  .section .k_slide.slick-initialized .slick-slide a div img{width:75%;}

  /* .panel_area */
  .panel_area .panel_cont a > div{width:50%;}

  /* .more_btn */
  .more_btn{top:0; right:0px;}
  .more_btn img{width:28px;}
  
}