@charset "utf-8";

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

/* section */
.section.visual{overflow:hidden; background:url(/_static/k_home/img/main/visual_bg.png) no-repeat center;} 
.section.visual .left_area{ max-height:620px; }
.section.visual .left_area .left_slide a{position: relative; padding-top: 44.2%; width: 100%; display: block;}
.section.visual .left_area .left_slide a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section.visual .left_slide .slick-prev, .section.visual .left_slide .slick-next {width:86px; height:112px;}
.section.visual .left_slide .slick-prev {left:-86px;}
.section.visual .left_slide .slick-next {right:-86px;}
.section.visual .left_slide .slick-prev.slick-arrow {background: url(/_static/k_home/img/main/visual_prev.png) no-repeat center;}
.section.visual .left_slide .slick-next.slick-arrow {background: url(/_static/k_home/img/main/visual_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{background-color:#626c76;} */
.custom_paging{color:#fff;}
.custom_paging li{display: none;}
.custom_paging .slick-active{display:block;}

/* 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.k_list */
.section.k_list{padding:50px 0 47px;  border-width: 1px 0;    background-color: #f1f1f1;
  border: 1px solid #dedede; }
.section .k_slide > div a > div.k_list1{background:url(/_static/k_home/img/main/k_list1.png) no-repeat center; width:210px; height:210px; }
.section .k_slide > div a > div.k_list2{background:url(/_static/k_home/img/main/k_list2.png) no-repeat center; width:210px; height:210px;}
.section .k_slide > div a > div.k_list3{background:url(/_static/k_home/img/main/k_list3.png) no-repeat center; width:210px; height:210px;}
.section .k_slide > div a > div.k_list4{background:url(/_static/k_home/img/main/k_list4.png) no-repeat center; width:210px; height:210px;}
.section .k_slide > div a > div.k_list5{background:url(/_static/k_home/img/main/k_list5.png) no-repeat center; width:210px; height:210px;}
.section .k_slide.slick-initialized .slick-slide{text-align: center;}
.section .k_slide.slick-initialized .slick-slide a{display: inline-block;}
.section .k_slide.slick-initialized .slick-slide a > div{position: relative; background-size:100%; background: #9d8c90; border-radius: 50%;}
.section .k_slide.slick-initialized .slick-slide a > div img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.section .k_slide.slick-initialized .slick-slide a p{display: inline-block; width: 160px; margin-top: 20px; word-break: keep-all; color:#141414; font-size: 1.5em; font-weight: 300;}
.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 notice */
.section.notice{overflow: hidden; margin-top:50px;}
.notice_area{float:left; position: relative; width:48.9%; margin-top:10px;}
.notice_area .title{display: block;}
.notice_area .title h3{font-size:1.75em; line-height: 1; color:#010101;}
.notice_area .notice_cont{margin-top:22px; overflow: hidden;}
.notice_area .notice_cont a{position: relative; display: block; padding: 18px 0; border-top: 1px solid #dedede;}
.notice_area .notice_cont a span{display: inline-block; padding: 0 5px; border: 1px solid #c9c9c9; min-width: 75px; color:#353535; font-size:0.875em; height: 31px; line-height: 29px; text-align: center;}
.notice_area .notice_cont a p{display: inline-block; overflow: hidden; white-space: nowrap; display: block; position: absolute; padding-right: 100px; text-overflow: ellipsis; word-break: keep-all; width: 100%; top: 50%; left: 0; padding-left: 95px; font-weight: 300; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.notice_area .notice_cont a .date{position: absolute; right: 0; top: 50%; color: #868686; font-weight: 300; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.notice_area .notice_cont > div:last-child a{border-bottom:1px solid #ddd;}

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

/* pop_area */
.pop_area{float:right; width: 47.2%; margin-left: 3.9%; margin-top:10px;}
.pop_area .title{display: block;}
.pop_area .title h3{font-size:1.75em; line-height: 1; color:#010101;}
.pop_area .pop_cont{margin-top:22px;}
.pop_area .pop_cont .slick-slide a{display: inline-block; position: relative; width: 100%; padding-top: 51.6%;}
.pop_area .pop_cont .slick-slide a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pop_area .pop_cont .slick-arrow{width:43px; height:41px; border:1px solid #31312e; } 
.pop_area .pop_cont .slick-prev {left: inherit; top: -40px; right: 100px;}
.pop_area .pop_cont .slick-prev.slick-arrow {background:#fff url(/_static/k_home/img/main/slide_prev.png) no-repeat center;}
.pop_area .pop_cont .slick-next {right: 0; top: -40px; }
.pop_area .pop_cont .slick-next.slick-arrow {background:#fff url(/_static/k_home/img/main/slide_next.png) no-repeat center;}
.pop_area .pop_cont .btn_play{position: absolute; right: 50px; top: -60px; width: 43px; height: 41px; border:1px solid #31312e; background:#fff url('/_static/k_home/img/main/slide_play.png') no-repeat center;  text-indent: -9999px;}
.pop_area .pop_cont .btn_play.on{ background:#fff url('/_static/k_home/img/main/slide_stop.png') no-repeat center; }

/* section b_slide */
.section.b_slide{margin-top:50px;}
.section.b_slide .slide_full > div .slick-slide{position: relative;}
.section.b_slide .slide_full > div .slide_area{position: relative; width: 100%; padding-top: 17.6%;}
.section.b_slide .slide_full > div .slide_area img{position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
.section.b_slide .slide_full > div a{display: inline-block; position: absolute; bottom: 30px; right: 35px;}
.section.b_slide .slide_full > div a span{background: #161616; border-radius: 50%; color: #fff; font-weight: 300; font-size: 0.938em; width: 70px; height: 70px; line-height: 1.2; padding: 18px 10px; text-align: center; display: inline-block; vertical-align: middle;}

.section.b_slide .slide_full .slick-arrow{width:27px; height:52px;} 
.section.b_slide .slide_full .slick-prev {left: -77px; }
.section.b_slide .slide_full .slick-prev.slick-arrow {background: url(/_static/k_home/img/main/slide_full_prev.png) no-repeat center;}
.section.b_slide .slide_full .slick-next {right: -77px; }
.section.b_slide .slide_full .slick-next.slick-arrow {background: url(/_static/k_home/img/main/slide_full_next.png) no-repeat center;}
.section.b_slide .mo_slide_full > div .slick-slide{display: none;}

/* section skecth */
.section.refer{overflow: hidden; margin-top:45px;}
.refer_area{float:left; position: relative; width:100%; margin-top:10px;}
.refer_area .title{display: block;}
.refer_area .title h3{font-size:1.75em; line-height: 1; color:#010101;}
.refer_cont{margin-top:22px; overflow: hidden;}
.refer_cont > div{display: inline-block; margin-right: 2.29%; width: 23.28%; float: left;}
.refer_cont > div:last-child{margin-right:0;}
.refer_cont a{display:block;}
.refer_cont a p{padding: 20px; border: 1px solid #dbdbdb; border-width: 0 1px 1px 1px; font-weight: 300; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;}
.refer_cont a > div{padding-top:69.9%; position: relative;  width: 100%; overflow: hidden;}
.refer_area .skech_cont a > div img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out;}
.refer_area .skech_cont a:hover > div img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.refer_cont a > div img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* section sitemap */
.section.sitemap{margin:50px 0 60px;}
.section.sitemap .sitemap_cont{overflow: hidden;}
.section.sitemap .sitemap_cont > a{display: inline-block; margin-right: 2.29%; width: 31.78%;  float: left; padding: 45px 30px 45px 135px; min-height: 150px;background-repeat: no-repeat;background-position: center left 35px;}
.section.sitemap .sitemap_cont > a:last-child{margin-right:0;}
.section.sitemap .sitemap_cont > a .tit{font-size:1.5em; color:#fff; font-weight: 300;}
.section.sitemap .sitemap_cont > a p{font-weight: 300; color:#fff; margin-top:7px; opacity: 0.5;}
.section.sitemap .sitemap_cont > a:nth-of-type(1){background-color: #e05857; background-image:url(/_static/k_home/img/main/bg_call.png); }
/* .section.sitemap .sitemap_cont > a:nth-of-type(2){background-color: #1163ab; background-image:url(/_static/k_home/img/main/bg_chk.png); } */
.section.sitemap .sitemap_cont > a:nth-of-type(2){background-color: #2d3367; background-image:url(/_static/k_home/img/main/bg_place.png);}
.section.sitemap .sitemap_cont > a:nth-of-type(3){background-color: #404352; background-image:url(/_static/k_home/img/main/bg_home.png); }

/* .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.on{background: url(/_static/k_home/img/main/banner_play.png) no-repeat center;  }
.section.banner .right_cont .btn_play{position: absolute; left: 123px; top: 21px; width: 23px; height: 24px; background: url(/_static/k_home/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/k_home/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/k_home/img/main/banner_right.png) no-repeat center;}

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

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

  /* .section .k_slide */
  .section.k_list{padding:40px 0 37px;}
  .section .k_slide.slick-initialized .slick-slide a > div{width:220px; height:220px;}
  .section .k_slide.slick-initialized .slick-slide a > div img{width:116px; height:116px;}
  .section .k_slide.slick-initialized .slick-slide a p{font-size:1.375em;}

  /* .section.notice */
  .section.notice{margin-top:40px;}
  .notice_area .notice_cont a{padding:15px 0;}
  .pop_area{margin-top:14px;}
  .pop_area .pop_cont .slick-slide a{min-height:310px;}

  /* .section.b_slide */
  .section.b_slide{margin-top:40px;}
  .section.b_slide .slide_full > div a span{width:60px; height:60px; padding:14px 8px;}

  /* .section.refer */
  .section.refer{margin-top:35px;}

  /* .section.sitemap */
  .section.sitemap{margin:40px 0 50px;}
  .section.sitemap .sitemap_cont > a{padding:45px 20px 45px 110px; background-position: center left 20px;}  

  /* .section.banner*/
  /* .section.banner{margin-top:50px;} */
  .section.sitemap .sitemap_cont > a .tit{font-size: 1.125em;}
}

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

  /* .section .k_slide */  
  .section .k_slide.slick-initialized .slick-slide a > div{width:180px; height:180px;}
  .section .k_slide.slick-initialized .slick-slide a > div img{width:86px; height:86px;}
  .section .k_slide.slick-initialized .slick-slide a p{font-size:1.125em;}
    
  /* .notice_area .notice_cont */
  .notice_area .title h3{font-size:1.5em;}
  .notice_area .notice_cont > div:nth-child(n+5){display: none;}
  .pop_area .title h3{font-size:1.5em;}
  .pop_area .pop_cont .slick-slide a{min-height:248px;}
     
  /* .section.b_slide */
  .section.b_slide .slide_full > div a{bottom:20px; right:25px;}

  /* .refer_area */
  .refer_area .title h3{font-size:1.5em;}

  /* .section.sitemap */
  .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; padding: 45px 30px 45px 135px; background-position: center left 35px;}  
  
}

@media screen and (max-width:767px){
    /* .main_wrap */
    .main_wrap{padding-top:80px;}
    .slide_bar{bottom: 15px;}

    /* .section.k_list */
    .section.k_list {padding:30px 0 27px;}
    .section .k_slide.slick-initialized .slick-slide a > div{width:130px; height:130px; }
    .section .k_slide.slick-initialized .slick-slide a p{margin-top:15px; width:100%; font-size:1em;}

    /* .section.notice */
    .section.notice{margin-top:30px;}
    .section.notice .notice_area .title h3{font-size:1.375em;}
    .section.notice .notice_area{width:100%; float:none;}
    .section.notice .notice_area .notice_cont a{padding:10px 0;}
    .section.notice .notice_area .notice_cont > div:nth-child(n+5){display: block;}    
    .section.notice .pop_area{width:100%; float:none; margin-left:0; margin-top:40px;}
    .section.notice .pop_area .title h3{font-size:1.375em;}
    .section.notice .pop_area .pop_cont .slick-slide a{min-height:100%; padding-top:51.6%;}

    /* .section.b_slide */
    .section.b_slide{margin-top:30px;}
    .section.b_slide .slide_full > div a{bottom:10px; right:15px;}

    /* .section refer */
   .refer_area .title h3{font-size:1.375em;}   
   .refer_cont > div:nth-child(n+1){width:48.8%;}
   .refer_cont > div:nth-child(2n){margin-right:0; }
   .refer_cont > div:nth-child(n+3){display: none;}  

   /* .section.sitemap */
   .section.sitemap{margin:30px 0;}
   .section.sitemap .sitemap_cont > a{padding:30px 10px 30px 115px; background-position: center left 20px; min-height:100%;}
   .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{margin-top:30px;} */
	.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;}

  /* 자세히 보기 */
  .section.b_slide .slide_full > div .slick-slide{display: none;} 
  .section.b_slide .mo_slide_full > div .slick-slide{display: block;}  
  .section.b_slide .mo_slide_full > div .slick-slide{position: relative;}
  .section.b_slide .mo_slide_full > div .slide_area{position: relative; width: 100%;  padding-top: 51.6%; display: block;}
  .section.b_slide .mo_slide_full > div .slide_area img{position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
}

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

  /* .section.k_list */
  .section .k_slide{overflow: hidden;}
  .section .k_slide > div{
    float: left;
    width: 49%;
    overflow: hidden;
    margin-right: 2%;
    height: 48px;
    line-height: 46px;
    border: 1px solid #2f6bb1;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.938em;
    margin-top: 10px;
  }
  .section .k_slide > div:nth-child(2n){margin-right: 0;}
  .section .k_slide > div:nth-child(-n+2){margin-top: 0;}

  .section .k_slide > div > a div{display: none;}
  .section .k_slide > div > a:hover{color: #fff;}

  .section .k_slide > div:nth-of-type(1) {border: 1px solid #c77777;}
  .section .k_slide > div:nth-of-type(2) {border: 1px solid #9d8c90;}
  .section .k_slide > div:nth-of-type(3) {border: 1px solid #8a9a38;}
  .section .k_slide > div:nth-of-type(4) {border: 1px solid #d4ca95;}
  .section .k_slide > div:nth-of-type(5) {border: 1px solid #bb9b72;}
  .section .k_slide > div:nth-of-type(6) {border: 1px solid #b0cbc7;}
  .section .k_slide > div:nth-of-type(7) {border: 1px solid #959d8c;}
  .section .k_slide > div:nth-of-type(8) {border: 1px solid #c77777;}
  .section .k_slide > div:nth-of-type(9) {border: 1px solid #c77777;}
  .section .k_slide > div:nth-of-type(10) {border: 1px solid #9d8c90;}

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



  .section.k_list{padding:15px 10px 0; display: block; background: #fff;
    border: 0;}
  .section .k_slide.slick-initialized .slick-slide a p{margin-top: 10px;}
  .section .k_slide.slick-initialized .slick-slide a > div{width:100px; height:100px;}
  .section .k_slide.slick-initialized .slick-slide a > div img{width:66px; height:66px;}

    /* .section.sitemap */    
  .section.sitemap .sitemap_cont > a .tit{font-size:1.125em;}
  .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.notice{padding:0 10px;}
  .section.refer{padding:0 10px;}
  /* 배너 */
  .section.banner{display: none;}
}

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



  
}

@media screen and (max-width: 414px){
  /* .more_btn */
  .more_btn{width:28px; top:-5px; height:27px;}

  /* .section .k_slide */
  .section .k_slide.slick-initialized .slick-slide a p{font-size:0.938em;}

  /*.pop_area*/
  .pop_area .pop_cont{margin-top:15px;}
  .pop_area .pop_cont .slick-arrow{width:28px; height:27px;}
  .pop_area .pop_cont .btn_play{width:28px; height:27px; top:-38px; right:35px;}
  .pop_area .pop_cont .slick-prev{top:-25px; right:70px;}
  .pop_area .pop_cont .slick-next{top:-25px;}

  /* .notice_area .notice */
  .notice_area .notice_cont{margin-top:12px;}
  .notice_area .notice_cont a p{font-size:0.938em; padding:0 85px;}
  .notice_area .notice_cont a .date{font-size:0.938em;}
  
    
  /* .refer_area */
  .refer_area{margin-top:5px;}
  .refer_cont{margin-top:12px;}
  .refer_cont a p{padding:10px; font-size:0.938em;}


  

}

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

  /* .section.notice */
  .section.notice .notice_area .title h3 {font-size: 1.250em;}
  .notice_area .notice_cont a p{font-size:0.875em;}
  .section.notice .pop_area .title h3{font-size:1.250em;}

  /* section refer */
  .refer_area .title h3{font-size:1.250em;}
  .refer_cont a p{font-size:0.938em;}
  .section.b_slide .slide_full > div .slide_area{height:120px;}
  .section.b_slide .slide_full > div a span{width:50px; height:50px; font-size:0.813em; padding:12px 4px;}

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