@charset "utf-8";



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

/* section */
.section.visual{overflow:hidden; background:#000000;} 
.section.visual .left_area{ max-height:620px; position: relative;}
.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{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;}


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

/*calendar*/
.cal_kind{overflow: hidden; padding: 30px 50px; margin: 0 auto;}
.cal_kind li{border-radius: 30px; width: 11.2%; float: left; padding: 10px 5px; margin-right: 20px; text-align: center; border: 1px solid #dedede;}

/* section_3 */
.section_3{margin-top:45px; overflow: hidden;}
.section_3 .title{float:left;}
.section_3 .title h3{font-size:1.625em; color:#3b3b3b;}

/* cal_box */

.cal_box { overflow: hidden; position: relative;}
.cal_box .l_con {width: 43.5%; float: left;}
.cal_box .cal_date { float: left; margin-left:58px;}
.cal_box .cal_date > span{font-size: 2.000em; vertical-align: middle; color:#3b3b3b; line-height: 1; letter-spacing: -1px;}
.cal_box .cal_date .prev {display: inline-block; width: 11px; height: 19px; margin-right: 30px; background: url('/_static/chf1/img/main/cale_arrow_prev.png') no-repeat; vertical-align: middle;}
.cal_box .cal_date .next {display: inline-block; width: 11px; height: 19px; margin-left: 30px; background: url('/_static/chf1/img/main/cale_arrow_next.png') no-repeat; vertical-align: middle;}
/* .cal_box .cal_day{float: right;} */
.cal_box .cal_day{ display:block; float: right; overflow: hidden;}

/* 12.10 수정 */
.cal_day_list{text-align: right;}
/* cal_day */
.cal_day li{float:left;} 
.cal_day li a{ display: inline-block; height: 32px; width: 32px; vertical-align: middle; line-height: 32px; text-align: center; color:#3b3b3b; font-size:1.125em; font-weight:300;}
.cal_day li a:hover, .cal_day li a:active, .cal_day li a.on{ background:#c77777; color:#fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cal_month{display: none;}
.m_cal_day{display:none;}

/* section event 231115 수정*/ 
.section.event{position: relative; margin-top:35px;}
.section.event .event_tit{overflow: hidden; }
.section.event .event_tit > div{float:left; position: relative; margin-right: 0;}
/* .section.event .event_tit > div.on:before{content:''; display: inline-block; position: absolute; left:0; bottom: 0; width:100%; height:2px; background:#000;} */


/* .section.event .event_tit > div:nth-child(1):before{background: #c77777;}
.section.event .event_tit > div:nth-child(2):before{background: #9d8c90;}
.section.event .event_tit > div:nth-child(3):before{background: #8a9a38;}
.section.event .event_tit > div:nth-child(4):before{background: #d8c55f;}
.section.event .event_tit > div:nth-child(5):before{background: #bb9b72;} */
.section.event .event_tit > div a{display: block; padding: 8px 0; text-align: center; font-size: 1.2em; color:#1e1e1e;width: 108px;position: relative;}
/* .section.event .event_tit > div.on a {color: #ffffff;background: #c77777;border: 1px solid #c77777;} */
/* .section.event .event_tit > div:hover a {border: 1px solid #c77777;} */
.section.event .event_tit > div.on a {font-weight: 600;}
.section.event .event_tit > div.on a::after {content: "";bottom: 0;width: 100%;height: 2px;position: absolute;left: 0;}
.section.event .event_tit > div:first-child.on a::after {background: #c77777;}
.section.event .event_tit > div:nth-child(2).on a::after {background: #9d8c90;}
.section.event .event_tit > div:nth-child(3).on a::after {background: #8a9a38;}
.section.event .event_tit > div:nth-child(4).on a::after {background: #d8c55f;}
.section.event .event_tit > div:nth-child(5).on a::after {background: #bb9b72;}









/*12.23*/
.section.event .event_cont{margin:30px -15px 0; display: none;}
.section.event .event_cont.on{display: block;}

.section.event .event_cont a{display: block;}

.section.event .event_cont .event_img{padding: 0 15px;}
.section.event .event_cont .event_img > a{width: 100%; position: relative; padding-top:125.7%;} 
.section.event .event_cont .event_img > a img{position: absolute; top: 0; left:0; width: 100%; height: 100%;}
.section.event .event_cont .event_img > div{padding: 18px 15px; text-align: center;}
/* 12.23 */.section.event .event_cont .event_img > div a .tit{
  color:#272727; font-size:1em; font-weight:500;
}
.section.event .event_cont .event_img > div a span{
  margin-top: 13px;
  display: block; color:#575757; font-size:1.063em; font-weight:300;
}
.section.event .event_cont .event_img > div a span:first-child{
  margin-top: 0;
}
.section.event .event_slide.slick-slider .slick-arrow{
  width: 32px;
  height: 32px;
}
.section.event .event_slide.slick-slider .slick-prev{
  left: -50px;
  top: 50%;
  margin-top: -8px;
}
.section.event .event_slide.slick-slider .slick-next{
  right: -50px;
  top: 50%;
  margin-top: -8px;
}
.section.event .event_slide.slick-slider .slick-next.slick-arrow{background: url("/_static/chf1/img/main/k_right.jpg") no-repeat center;}
.section.event .event_slide.slick-slider .slick-prev.slick-arrow{background: url("/_static/chf1/img/main/k_left.jpg") no-repeat center;}

/* 12.16 */
/* .event_slide{overflow: hidden;}
.event_slide > div{float:left; width: 18.2%; margin-left:2.2%;}
.event_slide > div:first-child{margin-left: 0;} */



/* 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; float: right; position: absolute; top: 0; left: 117px; min-height:397px; background: #fafafa; padding:46px 60px 41px 90px; }
.section.news .cont.on{display:block;}
.section .cont .more_btn{
  position: absolute;
  top: 48px;
  right: 0;
}

.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:#8a9a38;  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:#575757; }
.section.news .cont ul li a div:last-child{font-size: 0.938em; margin-top: 29px; font-weight:300 ;}

/*alert*/
.alert_area{background-color:#282828;}
.alert_area .alert_cont {display: table; table-layout: fixed; height:70px; width:100%;} 
.alert_area .alert_cont .alert_tit{vertical-align: middle; display: table-cell; width: 14.9%; text-align: center;}	
.alert_area .alert_cont .alert_tit h3{color:#fffcb5; font-size:1.625em; }
.alert_area .alert_slide{display: table-cell; vertical-align: middle; padding-right:42px;}
.alert_area .m_alert_slide{display: none;}
.alert_slide > div a{width:100%; padding:0 20px 0 25px; float:left; display:inline-block; color:#fff; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; font-size: 1.063em;}
.alert_slide > div a:before{content:''; display: inline-block; background:#c0c0c0; position: absolute; left: 14px; top: 50%; width:3px; height:3px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.alert_slide.slick-slider .slick-arrow{width:42px; height:36px; border:1px solid #9a9a9a;}
.alert_slide.slick-slider .slick-prev {left:inherit; top:17px; right:0;}
.alert_slide.slick-slider .slick-prev.slick-arrow {background: url("/_static/chf1/img/main/event_up.png") no-repeat center;}
.alert_slide.slick-slider .slick-next {right:0; top:52px;}
.alert_slide.slick-slider .slick-next.slick-arrow {background: url("/_static/chf1/img/main/event_down.png") no-repeat center;}
.alert_slide.slick-vertical .slick-slide{display:table;}

.m_alert_slide > div a{width:100%; padding:0 20px 0 25px; display:inline-block; vertical-align: middle; color:#fff; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;}
.m_alert_slide > div a:before{content:''; display: inline-block; background:#c0c0c0; position: absolute; left: 14px; top: 50%; width:3px; height:3px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.m_alert_slide.slick-slider .slick-arrow{width:42px; height:36px; border:1px solid #9a9a9a;}
.m_alert_slide.slick-slider .slick-prev {left:inherit; top:17px; right:0;}
.m_alert_slide.slick-slider .slick-prev.slick-arrow {background: url("/_static/chf1/img/main/event_up.png") no-repeat center;}
.m_alert_slide.slick-slider .slick-next {right:0; top:52px;}
.m_alert_slide.slick-slider .slick-next.slick-arrow {background: url("/_static/chf1/img/main/event_down.png") no-repeat center;}
.m_alert_slide.slick-vertical .slick-slide{display:table-cell;}



/* section skecth */
.section.skecth{/*overflow: hidden;*/ margin-top:58px;}
.skecth_area{float:left; position: relative; width:41.43%;}
.skecth_area .title{display: block;}
.skecth_area .title h3{font-size:1.875em; line-height: 1; color:#010101;}
.skecth_area .skech_cont{margin-top:22px; overflow: hidden;}
.skecth_area .skech_cont > div{display: inline-block; /* margin-right: 32px; */ margin-right: 3.4%; width: 48.3%; float: left;}
.skecth_area .skech_cont > div:last-child{margin-right:0;}
.skecth_area .skech_cont a{display:block;}
.skecth_area .skech_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;}
.skecth_area .skech_cont a > div{padding-top:82.11%; position: relative;  width: 100%; overflow: hidden;}

.skecth_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;
}
.skecth_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);
}


/* 12.16 */
.sub_panel_area{float:left; position: relative; width:47.44%; margin-left:5.1%; /*370*/ }
.sub_panel_area:first-child{margin-left: 0;}
.sub_panel_area .title{display: block;}
.sub_panel_area:first-child .title{   
  margin-top: -18px;
  display: inline-block;
  width: 38.6%;
  position: relative;
 
  top: 0;
  left: 0;
}
.sub_panel_area:first-child .title h3{position: relative; padding-top: 46.8%; width: 100%;}
.sub_panel_area:first-child .title img{position: absolute; top: 0; left: 0; width: 100%;}
.sub_panel_area .title h3{font-size:1.875em; line-height: 1; color:#010101;}
.sub_panel_area .skech_cont{margin-top:22px; overflow: hidden;}
.sub_panel_area .skech_cont > div{display: inline-block; /* margin-right: 32px; */ margin-right: 4.6%; width: 47.7%; float: left;}
.sub_panel_area .skech_cont > div:last-child{margin-right:0;}
.sub_panel_area .skech_cont a{display:block;}
.sub_panel_area .skech_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;}
.sub_panel_area .skech_cont a > div{padding-top:69.9%; position: relative;  width: 100%; overflow: hidden;}

.sub_panel_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;
}
.sub_panel_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);
}



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

.panel_area{float:right; width: 55.72%; margin-left: 2.8%;}
.panel_area .m_panel_cont{display: none;}
.panel_area .panel_cont{/*opacity: 0;*/ margin-right:4.6%; width:30.3%; float:left;}
.panel_area .panel_cont p{margin-top:16px; text-align: center; word-break: keep-all;}
.panel_area .panel_cont a{display: inline-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%;}
.panel_area .picture_cont{border:1px solid #dbdbdb; padding:0 0 58px; /*width:430px;*/ width:100%; float: left;}
.panel_area .picture_cont .btn_play{ position: absolute; right: 20px; 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: 62.6%;
  display: block;
}
.panel_area .picture_cont div.slick-slide a img{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.panel_area .picture_cont div.slick-slide a:focus img, .panel_area .picture_cont2 div.slick-slide a:focus img{
  padding: 1px; border: 1px solid #000;
}

.panel_area .picture_cont2{border:1px solid #dbdbdb; padding:0 0 58px; /*width:430px;*/ width:100%; float: left; margin-top: 22px;}
.panel_area .picture_cont2 .btn_play{ position: absolute; right: 20px; 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_cont2 .btn_play.on{background: url("/_static/chf1/img/main/search_play.png") center no-repeat;}
.panel_area .picture_cont2 .slick-dots{ position: absolute; bottom: 20px; left:0; z-index: 100;}
.panel_area .picture_cont2 .slick-dots li{width:17px; height:17px; margin:0 4px;}
.panel_area .picture_cont2 .slick-dots li button{ width: 17px; height: 17px; border-radius: 17px; border:1px solid #141414; background: #fff; }
.panel_area .picture_cont2 .slick-dots li button:before{ display:none;}
.panel_area .picture_cont2 .slick-dots li.slick-active button{ background: #141414;}

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


/* section khmall */
.section.khmall{position: relative; margin-top:50px; }
.section.khmall .khmall_wrap{position: relative; background:#f9f5f4; overflow: hidden; margin-top:27px;}
.section.khmall .khmall_wrap:before{content: ''; display: block; background: #f3ece6; height: 100%; position: absolute; top: 0; width: 20%; left: 0;}
/*.section.khmall .title{overflow: hidden;}*/
.section.khmall .title h3{font-size: 1.875em; line-height: 1; color: #010101; display: inline-block;}
.section.khmall .title p{display: inline-block; margin-left:13px; font-weight: 300;}
.section.khmall .khmall_visual{float:left; width:37.5%;}
.section.khmall .khmall_visual div{ position: relative; width:100%;}
.section.khmall .khmall_visual div img{height: auto; max-width: 100%;}
.section.khmall .khmall_area{float:left; margin-left:4.5%; position: relative; width:58%; margin-top:3.1%;}
.section.khmall .khmall_area .title{display: inline-block;}
.section.khmall .khmall_area .title > a{display: block;}
.section.khmall .khmall_area .title h4{font-size:1.875em; line-height: 1; color:#1f1f1f;}
.section.khmall .khmall_area > p{position: relative; padding:18px 12% 19px 0; color:#616161; font-weight: 300;}
.section.khmall .khmall_area > p:after{content:''; position: absolute; bottom:0; left:0; display:block; background:#dedad7; width:100%; height:1px; }
.section.khmall .khmall_tit{overflow: hidden; margin-top:19px;}
.section.khmall .khmall_tit > div{float:left; position: relative; min-width:46px; margin-right:20px;}
.section.khmall .khmall_tit > div a:before{content:''; display: inline-block; position: absolute; bottom: 0; left:0; width:100%; height:2px; }
.section.khmall .khmall_tit > div a{display: block; padding:0 0 9px 0; text-align: center; font-weight: 500; }

/* .section.khmall .khmall_tit > div:nth-child(1) a:hover:before, */
.section.khmall .khmall_tit > div:nth-child(1) a.on:before{background:#c77777;}
/* .section.khmall .khmall_tit > div:nth-child(2) a:hover:before, */
.section.khmall .khmall_tit > div:nth-child(2) a.on:before{background:#9c8c8f;}
/* .section.khmall .khmall_tit > div:nth-child(3) a:hover:before,
.section.khmall .khmall_tit > div:nth-child(3) a.on:before{background:#8a9a38;}
.section.khmall .khmall_tit > div:nth-child(4) a:hover:before,
.section.khmall .khmall_tit > div:nth-child(4) a.on:before{background:#d8c55f;}
.section.khmall .khmall_tit > div:nth-child(5) a:hover:before,
.section.khmall .khmall_tit > div:nth-child(5) a.on:before{background:#bb9b72;} */
.section.khmall .khmall_cont{margin-top:13px; overflow: hidden;}
.section.khmall .khmall_cont ul{overflow: hidden;}
.section.khmall .khmall_cont ul li{display: inline-block; margin-right:3%; float: left; width:31.29%;}
.section.khmall .khmall_cont ul li:last-child{margin-right:0;}
.section.khmall .khmall_cont a{display: block;  }
.section.khmall .khmall_cont a > div{position: relative; width: 100%; padding-top: 65.34%;}
.section.khmall .khmall_cont a > div img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section.khmall .khmall_cont a p{padding:15px 17px; text-align: center; overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}

.section.khmall .khmall_list{display: none;}
.section.khmall .khmall_list.on{display: block;}


/* .section.k_list */
.section.k_list{padding:60px 0 57px; 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 .k_list_cont a{display: block;}
.section .k_slide.slick-initialized .slick-slide p a {
  display: inline-block; width: 160px; margin-top: 16px; 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;}


/* .section kculture */
.section.m_kculture{display: none;}
.section.kculture{overflow: hidden; margin-bottom:60px}
.section.kculture .kculture_area{ width:48.9%; float:left; background: url("/_static/chf1/img/main/culture_bg.jpg") center no-repeat; min-height:280px; border:1px solid #dbdbdb; position: relative;}
.section.kculture .kculture_area .k_cont{ padding-left:37%; margin-top: 31px;}
.section.kculture .kculture_area .k_cont span{color:#5d5d5d; font-size:1.250em;}
.section.kculture .kculture_area .k_cont h3{margin-top:8px;}
.section.kculture .kculture_area .k_cont h3 em{font-size:3.125em; font-weight: 500; color:#8c4658; line-height: 1; }
.section.kculture .kculture_area .k_cont p{font-size:1.625em; color:#424141; margin-top: 6px;}
.section.kculture .kculture_area .k_cont p.small{ color:#797979; font-size:1em; font-weight: 300; margin-top:18px;}

.section.kculture .chf_area .c_cont{ margin-top: 31px; text-align: right; padding-right: 48px; }
.section.kculture .chf_area .c_cont span{color:#5d5d5d; font-size:1.250em;}
.section.kculture .chf_area .c_cont h3{margin-top: 14px; color: #a47530; font-weight: 300; font-size: 3.000em; line-height: 1.2; font-family: Noto Serif CJK KR; font-style: italic;}
.section.kculture .chf_area .c_cont h3 em{color: #ba4d2c; display: block; }

.section.kculture .link_group{position: absolute; bottom:30px; left:37%; overflow: hidden;}
.section.kculture .chf_area .link_group{position: absolute; bottom:30px; left:auto; right:48px; overflow: hidden;}
.section.kculture .link_group a{ display:inline-block; margin-left:10px; color:#3b3b3b;  background:#fff; float:left; border:1px solid #3b3b3b;
  background: #fff url("/_static/chf1/img/main/culture_more.png") right 19px center no-repeat;
}
.section.kculture .link_group a:hover{background: #242424 url("/_static/chf1/img/main/culture_more_on.png") right 19px center no-repeat; transition: all .4s linear;}
.section.kculture .link_group a:first-child{margin-left:0;}
/*02.05*/
.section.kculture .link_group a span{display:inline-block; font-size:0.875em; height:37px; line-height: 37px; padding:0 30px 0 20px; min-width:131px; color:#1b1b1b;}
.section.kculture .chf_area .link_group a:last-child span{
  padding: 0 40px 0 20px;
}

.section.kculture .link_group a:hover span{color:#fff;}
.section.kculture .chf_area{ width:48.9%;  float:right;  margin-left:2.2%;  background: #fff url("/_static/chf1/img/main/culture_bg2.jpg") center no-repeat;  min-height:280px;  border:1px solid #dbdbdb;  position: relative;}
/*02.05*/.section.kculture .kculture_area .link_group{position: static; padding-left: 37%; padding-right: 20px; margin-top: 6px;}
/*02.05*/.section.kculture .kculture_area .link_group:first-child{margin-top:10px;}
/*02.05*/.section.kculture .kculture_area .link_group a{width: 48.5%; margin-left: 3%;}
/*02.05*/.section.kculture .kculture_area .link_group a:first-child{margin-left: 0;}

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

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

/* 하단 배너 수정 241010 */
.chf_area_02 {position: relative;width:48.9%;float:right;margin-left:2.2%;background: #fff url("../img/main/bg_main_bottom_bn_right.png") center no-repeat;  min-height:280px;padding:45px 52px 0;text-align:right;}
.chf_area_02 .c_cont span {display:block;line-height:58px;font-size:40px;font-weight:500;color:#fff;margin-top:4px;}
.chf_area_02 .link_group_02 {margin-top:24px;display:flex;gap:4px;justify-content:end;}
.chf_area_02 .link_group_02 a {position:relative;padding:7px 24px 9px;line-height:24px;font-size:16px;font-weight:500;background-color:#C77777;color:#fff;}
.chf_area_02 .link_group_02 a:before {content:'';position:absolute;right:0;bottom:0;display:inline-block;border:6px solid #AD6868;border-top:6px solid transparent;border-left:6px solid transparent;}
.kculture_area_02 {position: relative;width:48.9%;float:left;background: #EDF1F5 url("../img/main/bg_main_bottom_bn_left.png") right center no-repeat;  min-height:280px;padding:53px 0 0 288px;}
.kculture_area_02 .img {position:absolute;top:-3px;left:-3px;}
.kculture_area_02 .k_cont p {line-height:26px;font-size:18px;color:#5E7BBC;}
.kculture_area_02 .k_cont h3 {line-height:58px;font-size:48px;font-weight:500;}
.kculture_area_02 .link_group_03 {margin-top:24px;}
.kculture_area_02 .link_group_03 a {position:relative;padding:7px 24px 9px;line-height:24px;font-size:16px;font-weight:500;background-color:#5E7BBC;color:#fff;}
.kculture_area_02 .link_group_03 a:before {content:'';position:absolute;right:0;bottom:0;display:inline-block;border:6px solid #526BA3;border-top:6px solid transparent;border-left:6px solid transparent;}

@media screen and (max-width:1500px){ 
 /*12.23*/.section.event .event_container{overflow: hidden;}
}

@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%;
  }

  /* .section.visual .left_slide .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/chf1/img/main/cont_prev.png) no-repeat center;
  }
  .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 { right: 0; background: url(/_static/chf1/img/main/cont_next.png) no-repeat center;}

   */
  /* .cal_box */
   /* .cal_box */  
  .section_3 .title{float: none; display: inline-block; position: absolute; left: 0; top: 0;}
  .cal_box .cal_top{margin-top:0;}
  .cal_box{display: block;}  
  .section_3 .title{float: none;}
  .cal_box .cal_top{display: block; overflow: hidden; }  
  /* .cal_box .cal_date{margin-left:0;} */
  .cal_box .cal_date{float: none; text-align: center; margin-left:0;}
  .cal_day_list{margin-top: 15px; text-align: center;}
  .cal_box .cal_day{display: table; table-layout: auto; width: 100%; float: none;}
  .cal_day li{display: table-cell; float: none;}

  .panel_area .picture_cont{margin-top: 1px;}
}
@media screen and (max-width:1400px) and (min-width:861px){
    /* 하단 배너 수정 241010 */
    .section.kculture .kculture_area .link_group a {width:100%;}
    .section.kculture .kculture_area .link_group a + a {margin:8px 0 0;}
}
@media screen and (max-width:1280px){ 

 
  .panel_area .picture_cont{margin-top:6px ;}
  /* .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 #c77777; background:#c77777; }
  .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:#8a9a38; 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;}

  
  /* khmall */
  .section.khmall .khmall_wrap:before{display: none;}
  .section.khmall .khmall_area{margin-top:2.6%;}  
  /* .section.khmall .khmall_area .title h4{font-size:2.000em;} */
  .section.khmall .khmall_area > p{padding:16px 9% 17px 0;}
  .section.khmall .khmall_tit{margin-top:15px;}
  .section.khmall .khmall_tit > div{margin-right:18px;}

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

  	/* .alert_area */
	.alert_area .alert_cont{height:62px;}
	.alert_area .alert_cont .alert_tit h3{font-size:1.375em;}
  .alert_slide > div a{font-size:0.938em;}
  .alert_slide.slick-slider .slick-arrow{width:38px; height:32px;}
  .alert_slide.slick-slider .slick-prev{top:16px;}
  .alert_slide.slick-slider .slick-next{top:47px;}
  
  .m_alert_slide > div a{font-size:0.938em;}
  .m_alert_slide.slick-slider .slick-arrow{width:38px; height:32px;}
  .m_alert_slide.slick-slider .slick-prev{top:16px;}
  .m_alert_slide.slick-slider .slick-next{top:47px;}

  /* .section.event 231115 수정*/
  /* .section.event .event_tit > div{margin-right:5.4%;} */
  .section.event .event_tit > div {margin-bottom: 10px;}
  .section.event .event_tit > div a{font-size:1.250em;width: 80px;}

  /*02.05*/
  .section.kculture .kculture_area .k_cont{padding-left: 32%;}
  .section.kculture .kculture_area .link_group{padding-left: 32%;} 
  

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

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

  .sub_panel_area:first-child .title{height: 55px;}
  /* .section_3 */
  .section_3{margin-top:35px;}
  .section_3 .title h3{font-size:1.438em;}

  /* 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;}
  
  /* khmall */  
  .section.khmall{margin-top:40px;}
  .section.khmall .khmall_area{margin-top:2.1%;}  
  .section.khmall .khmall_area .title h4{font-size:1.625em;}
  .section.khmall .khmall_area > p{padding:11px 12% 12px 0;}
  .section.khmall .khmall_tit{margin-top:11px;}
  .section.khmall .khmall_tit > div{margin-right:15px;}
  .section.khmall .khmall_cont{margin-top:10px;}  
  .section.khmall .khmall_cont a p{padding: 13px; text-align: center; font-size: 0.938em;}


  /* h3 */ 
  .section.skecth{margin-top:48px;}
  /* .skecth_area .title h3, .section.khmall .title h3, .sub_panel_area .title h3 {font-size:2.000em;} */
  .skecth_area .skech_cont a p{padding:15px 20px;}
  
  .panel_area .panel_cont p{font-size:0.938em;}
  .panel_area .picture_cont{padding-bottom: 51px; margin-top: 11px;}
  .panel_area .picture_cont2{padding-bottom: 51px;}
  
  /* .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%;}

  /* .section.kculture */
  .section.kculture{margin-bottom:50px;}
  .section.kculture .kculture_area, .section.kculture .chf_area{min-height:260px;}
  .section.kculture .link_group, .section.kculture .chf_area .link_group{bottom:15px;}
  

  /* 행사/공연 */
  /* 12.23 */.section.event .event_cont .event_img > div a .tit{font-size: 1em;}
  .section.event .event_cont .event_img > div a span{margin-top: 9px; font-size: 1em;}

  .panel_area .picture_cont .slick-dots{bottom:15px;}
  .panel_area .picture_cont2 .slick-dots{bottom:15px;}
  .panel_area .picture_cont .btn_play{bottom:15px;}
  .panel_area .picture_cont2 .btn_play{bottom:15px;}

  /*02.05*/
  .section.kculture .kculture_area .k_cont{padding-left: 30%;}
  .section.kculture .kculture_area .link_group{padding-left: 30%; }  
  .section.kculture .link_group a span{padding:0 20px 0 10px;}

    /* 하단 배너 수정 241010 */
    .chf_area_02 {min-height:260px;}
    .kculture_area_02 {min-height:260px;padding-left:220px;}
    .kculture_area_02 .img {left:-40px;}
}

@media screen and (min-width:1025px){
    .mo-only {display:none;}
}
@media screen and (max-width:1024px){


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

  .cal_middle{
    display: table;
    table-layout: fixed;
    padding: 0 10px;
    width: 100%;
    margin-top: 15px;

  }

  .cal_day_list{    
    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 {overflow-x:auto; }
  .cal_day_list ul{ white-space: nowrap;}
  .cal_day_list li {display: inline-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%;
  }
  
  /* .section.kculture */
   /*02.05*/ .section.kculture .kculture_area .link_group{padding-left: 25%; padding-right: 5px;}
  /*02.05*/ .section.kculture .link_group a{background-position: right 7px center;}
  /*02.05*/ .section.kculture .link_group a:hover{background-position: right 7px center;}
  /*02.05*/ .section.kculture .link_group a span{padding:0 20px 0 7px;}
  .section.kculture .kculture_area .k_cont{padding-left:25%;}
  .section.kculture .kculture_area .k_cont span{font-size:1.125em;}
  .section.kculture .kculture_area .k_cont h3 em{font-size:2.875em;}
  .section.kculture .kculture_area .k_cont p{font-size:1.438em;}
  .section.kculture .link_group{left:25%;}

  .section.kculture .chf_area .c_cont span{font-size:1.125em;}
  .section.kculture .chf_area .c_cont h3{font-size:2.750em;}

  .cal_middle .prev {
    display: table-cell;
    width: 45px;
    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: 45px;
    height: 19px;
    margin-left: 30px;
    background: url(/_static/chf1/img/main/cale_arrow_next.png) no-repeat center;
    vertical-align: middle;
  }  
  .sub_panel_area:first-child .title{margin-top: -8px;}
  .panel_area .picture_cont{margin-top:1px; padding-bottom:49px;}
  .panel_area .picture_cont2{padding-bottom:49px;}

    .pc-only {display:none;}

}
@media screen and (max-width:960px){ 
  /* .section.kculture */  
  .section.kculture .chf_area .c_cont h3{font-size:2.500em;}  
}

@media screen and (max-width:860px){
 
  /*03.09*/
  .slide_area{height: 40px; position: relative; background: #ffffff;}
  .slide_bar{top: 50%; bottom: auto; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

  /*12.23*/.section.event .event_cont{margin: 10px 0 0; /* padding-bottom: 34px; */ max-height: 234px;}
  /*12.23*/.section.event .event_cont .event_img{padding:0;}
  /* 12.16 */
  .section.event .event_cont .event_img > div{padding: 0; text-align: left; margin-right: 30px;}
  .section.event .event_cont .event_img > a{display: none;}
  /*12.23*/ /*.event_slide > div{display: block; margin:15px 0 0 0; float: none; width: 100%;}*/
  /*12.23*/ .event_slide.slick-vertical .slick-slide{padding: 7px 0;}
  /*12.23*/ 
  /*12.23*/ /*.event_slide > div:first-child{margin-top: 0;}*/
  /*12.23*/ .section.event .event_cont a{text-align: left; color: #1f1f1f; overflow: hidden; position: relative; padding-right: 30px; 
    padding-right: 180px;
  }
  .section.event .event_cont .event_img > div a span{display: inline-block; vertical-align: middle;  margin-top: 0; margin-left: 2%;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
    /* max-width: 25%; */
  }
  .section.event .event_cont .event_img > div a span:first-child{margin-left:0; /*max-width: 50%;*/}
  .section.event .event_cont .event_img > div a span:last-child{position: absolute; right: 0; top: 0;}
  .section.event .event_cont .event_img > div a .tit{overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:keep-all;
    display: block;
  }

  /*12.23*/
  .section.event .event_slide.slick-slider .slick-arrow{width:30px; height: 30px; z-index: 5;}
  .section.event .event_slide.slick-slider .slick-prev.slick-arrow{background: #fff url(/_static/chf1/img/main/slide_prev2.png) no-repeat center;}
  .section.event .event_slide.slick-slider .slick-prev{  
    right: 0;
    left: auto;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);   

  }
  .section.event .event_slide.slick-slider .slick-next.slick-arrow{background: #fff url(/_static/chf1/img/main/slide_next2.png) no-repeat center;}
  .section.event .event_slide.slick-slider .slick-next{    
    margin-top: 0;
    right: 0;
    top: 50%;
    transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);

  }
  

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

 /* .section.kculture */
 .section.kculture .kculture_area{width: 100%;
  float: none;
  background-size: cover;
  min-height: 240px;
}
.section.kculture .chf_area{width: 100%;
  float: none;
  margin: 20px 0 0;
  background-size: cover;
  min-height: 240px;
}
.section.kculture .kculture_area .k_cont{padding-left:37%;}
.section.kculture .kculture_area .k_cont span{font-size:1.125em;}
.section.kculture .kculture_area .k_cont h3 em{font-size:3.000em;}
.section.kculture .kculture_area .k_cont p{font-size:1.5em;}
.section.kculture .kculture_area .k_cont p.small{font-size:0.938em; margin-top:9px;}

/*02.05*/ .section.kculture .kculture_area .link_group{padding-left: 37%;}

.section.kculture .chf_area .c_cont span{font-size:1.125em;}
.section.kculture .chf_area .c_cont h3{font-size:2.875em; margin-top:0;}       
 
.section.kculture .link_group{left:37%;}

  .panel_area .picture_cont{padding-bottom: 51px;}
  .panel_area .picture_cont2{padding-bottom: 51px;}

  .section.news .cont{float: none; margin-left: 117px; position: static; padding: 46px 60px 41px 70px;} 
  /* .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: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+5){display: none;} */

    /* 하단 배너 수정 241010 */
    .kculture .container {padding:0 20px;}
    .chf_area_02 {width:100%;float:none;margin:20px 0 0;background-size:cover;min-height:240px;}
    .kculture_area_02 {width:100%;float:none;}
}

@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;}


  .cal_middle{max-width: 100%;}


  /* .section_3 */
  .section_3 .title h3{font-size:1.250em;}

  /* h3 */
  /* .skecth_area .title h3, .section.khmall .title h3, .cal_box .cal_date > span, .sub_panel_area .title h3{font-size:1.875em;} */

  /* .section.visual */
  /* .section.visual .left_area .left_slide a{height:331px;} */

  /* alert_slide */
  .alert_area .alert_slide{display: none;}
  .alert_area .m_alert_slide{ display: table-cell; vertical-align: middle; padding-right:42px;}
 

  .alert_area .alert_cont .alert_tit h3{font-size:1.125em;}


  .sub_panel_area:first-child .title{margin-top: -14px;}
  .panel_area .picture_cont{margin-top: 8px;}
  .sub_panel_area .more_btn{right: 0;}

  /* .section.event */  
  /* .section.event .event_cont ul li{width:31.9%;}
  .section.event .event_cont ul li:nth-child(n+3){margin-right:0;}
  .section.event .event_cont ul li:nth-child(n+4){display: none;} */
  /* .section.event .event_cont ul li a > div .tit{font-size:1.063em;} */

  /* news */


 

  /* .section.skecth */
  .skecth_area{width:100%; float:none;}
  .panel_area{width:100%; margin-left:0; float:none; margin-top:50px; padding:0 10px;}
  

  /* .section.khmall */
  
  .section.khmall .khmall_visual div{display: none;}
  .section.khmall .khmall_area .title{display: none;}
  .section.khmall .khmall_area > p{display: none;}
  .khmall_cont .more_btn{display: none;}

  .section.khmall .khmall_area .title h4{font-size:1.75em;}
  .section.khmall .khmall_area > p{font-size:0.938em;}
  .section.khmall .khmall_visual{float: none;
    width: 100%;
    text-align: center;
  }
  .section.khmall .khmall_area{float: none;
    width: 100%;
    padding: 0 20px;
    margin: 20px 0 0;
  }
  .section.khmall .khmall_area .more_btn{display: none;}

  /* k_slide */
  .section.k_list{padding:40px 0 37px;}
  .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;}


  .section.kculture{display: none; }
  .section.m_kculture{display: block; margin-bottom:30px;}
  
  .section.m_kculture .kculture_area{
    background:#f5f5f5 url(/_static/chf1/img/main/m_culture_bg.jpg) center no-repeat;
    background-size: contain;
    border: 1px solid #dbdbdb;
    position: relative;
    padding: 27px 15px 30px;
  } 
  /* 월간문화재 */
  .section.m_kculture .kculture_area .k_cont{
    text-align: center;
  }
  .section.m_kculture .kculture_area .k_cont h3{
    font-size: 1.125em;
    color:#141414;
  }
  .section.m_kculture .kculture_area .k_cont p{
      line-height: 1;
      font-size: 1.875em;
      color: #8c4658;
      font-weight: 500;
      margin-top: 4px;
  }
 
  /*02.05*/
  .section.m_kculture .link_group{text-align: center; margin-top: 10px;}
  .section.m_kculture .link_group:first-child{    
    margin-top: 20px;
  }
  .section.m_kculture .link_group a{
    display: inline-block;
    margin-left: 7px;
    color: #3b3b3b;
    background: #fff;
    border: 1px solid #3b3b3b;
    background: #fff url(/_static/chf1/img/main/culture_more.png) right 19px center no-repeat;
    min-width: 190px;
  }
  .section.m_kculture .link_group a:hover{background: #242424 url("/_static/chf1/img/main/culture_more_on.png") right 19px center no-repeat; transition: all .4s linear;}
  .section.m_kculture .link_group a:hover span{color:#fff;}
  
  .section.m_kculture .link_group a:first-child{
    margin-left:0;
  }


  /* 한국문화재재단 */
  .section.m_kculture .chf_area{
    background: #f5f5f5 url(/_static/chf1/img/main/m_culture_bg2.jpg) center no-repeat;
    background-size: contain;
    border: 1px solid #dbdbdb;
    position: relative;
    padding: 27px 15px 30px;
    margin-top: 40px;
  }
  .section.m_kculture .chf_area .c_cont{ text-align: center;}
  .section.m_kculture .chf_area .c_cont span{
    font-size: 1.250em; color:#5d5d5d;
  }
  .section.m_kculture .chf_area .c_cont h3{
    font-size: 1.125em;
    color: #141414;

  }
  .section.m_kculture .chf_area .c_cont p{
    line-height: 1;
    font-size: 1.875em;
    font-weight: 700;
    color: #a47530;
    margin-top: 4px;
    font-style: italic;
  }
  .section.m_kculture .chf_area .c_cont p em{
    color: #ba4d2c;
  }
  /*02.05*/
  .section.m_kculture .link_group a span{
    display: inline-block;
    font-size: 0.875em;
    height: 37px;
    line-height: 37px;
    padding: 0 30px 0 20px;
    min-width: 131px;
    color: #1b1b1b;
    text-align: left;
    width: 100%;
  }
    
    /* 하단 배너 수정 241010 */
    .chf_area_02 {min-height:160px;text-align:center;padding:29px 20px 0;margin:24px 0 0;}
    .chf_area_02 .c_cont span {line-height:29px;font-size:20px;}
    .chf_area_02 .link_group_02 {justify-content:center;margin-top:8px;}
    .chf_area_02 .link_group_02 a {padding:5px 16px 7px;line-height:20px;font-size:14px;}
    .kculture_area_02 {min-height:160px;padding:26px 10px 0 160px;background:#EDF1F5;}
    .kculture_area_02 .img {width:232px;top:0;left:0;}
    .kculture_area_02 .k_cont p {font-size:14px;line-height:20px;}
    .kculture_area_02 .k_cont h3 {font-size:20px;line-height:29px;}
    .kculture_area_02 .link_group_03 {margin-top:8px;}
    .kculture_area_02 .link_group_03 a {padding:5px 16px 7px;line-height:20px;font-size:14px;}

}

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

  .sub_panel_area:first-child .title{ margin-top: -8px;}  
  .panel_area .picture_cont{margin-top: 2px;}

}

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

 

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

  /* .section.visual */
  /* .section.visual .left_area .left_slide a{height:200px;} */
  
  /* .section.event 231115 수정*/  
  .section.event{margin-top:30px;}
  .section.event .event_tit{text-align: center;}
  /* .section.event .event_tit > div{width:18%; margin-right:2.5%; min-width:18%; } */
  .section.event .event_tit > div:last-child{margin-right:0;}
  .section.event .event_tit > div a{font-size:1.125em;}
  .section.event .event_cont{margin-top:20px;}
  
  /*12.23*/.section.event .event_cont .event_img > div a .tit{display: block;}
  .section.event .event_cont .event_img > div a span.date{display: none;}
  /*12.30*/.section.event .event_cont a{padding-right:0;}
  /*12.23*/.section.event .event_cont .event_img > div a span:first-child{max-width: 100%;}
  /*12.23*/.section.event .event_cont .event_img > div a span:last-child{max-width: 100%;}
  /* .section.event .event_cont ul li{width: 48.9%;}
  .section.event .event_cont ul li:nth-child(n+3){display: none;}
  .section.event .event_cont ul li:nth-child(n+2){margin-right:0;} */
  /* .section.event .event_cont ul li a > div{padding:20px 0 10px;} */

  /* .section.event .event_cont ul li a > div > div:nth-child(2){font-size:0.} */

  /* .section.news */
  /* .section.news .cont ul li a div.tit{display: none;}*/
  .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: 0; right: 0; font-size:0.875em; margin-top: 0;}
  .section.news{min-height:285px; background: #f2f2f2; margin:30px 10px 0; border-width: 1px 1px 1px;}  
  .section.news .title:after{display: none;}
  .section .cont .more_btn{
    top: -47px;
    right: 10px;
    background: #fff;
  }

  .section.news .cont_top{position: static; float:left; width:20%; font-size:1em;}
  .section.news .title{min-width:100%; line-height:48px; min-height:50px;} 
  .section.news .cont{left: 0; margin-top:50px; padding:20px 15px; min-height:100%; width:100%; border-top:1px solid #dedede;     float: right;
    position: absolute; margin-left: 0;}
  .section.news .cont ul li{
    width: 100%;
    display: block;
    min-width: 100%;
    float: none;
  }
  /* .section.news .cont_top{border-top: 1px solid #dedede;} */
  .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: block;}
  
  .section.news:before{display: none;}
  .section.news .cont ul li:nth-of-type(n+2){margin-top:17px;}
  .khmall_area .more_btn{display: none;}

  /* .section.khmall */    
  .section.khmall{margin-top:30px; padding:0 10px;}
  .section.khmall .khmall_wrap{margin-top:15px;}
  .section.khmall .khmall_visual{display: none;}
  .section.khmall .khmall_area .title{display: none;}
  .section.khmall .khmall_area > p{display: none;}


  .section.khmall .title p{margin-left:0; display: block; margin-top:5px;}
  .section.khmall .khmall_cont ul li{width: 48.5%;}
  .section.khmall .khmall_cont ul li:nth-child(2n) {margin-right:0;}  
  .section.khmall .khmall_cont ul li:nth-child(n+3){display: none;}


  /* .section.kculture */
  /* .section.kculture .kculture_area{min-height:200px;}
  .section.kculture .kculture_area .k_cont{margin-top:10px;}
  .section.kculture .kculture_area .k_cont span{font-size:1em;}
  .section.kculture .kculture_area .k_cont h3 em{font-size:2.875em;}
  .section.kculture .kculture_area .k_cont p{font-size:1.375em;}
  .section.kculture .kculture_area .k_cont p.small{font-size:0.875em; margin-top:3px;}

  .section.kculture .link_group, .section.kculture .chf_area .link_group{bottom:10px;}
  .section.kculture .chf_area{min-height:200px;}  
  .section.kculture .chf_area .c_cont{padding-right:20px; margin-top:10px;}
  .section.kculture .chf_area .c_cont span{font-size:1em;}
  .section.kculture .chf_area .c_cont h3{font-size:2.750em; margin-top:10px;}

  
  .section.kculture .chf_area .link_group{right:20px;} */
  .section.kculture .chf_area .c_cont h3{font-weight: 700; font-size: 1.875em; ;}
  .section.kculture .chf_area .c_cont h3 em{display: inline-block;}

  .sub_panel_area:first-child .title{height: 30px; margin-top: 0;}

  /* .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:nth-child(2n){margin-right:0;}
  .section .k_slide .k_list_cont:nth-last-child(-n+2){margin-bottom:0;}   */
  .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 #c77777;}
  .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 #8a9a38;}
  .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 #c77777;}
  .section .k_slide > div:nth-of-type(9) a{border: 1px solid #c77777;}
  .section .k_slide > div:nth-of-type(10) a{border: 1px solid #9d8c90;}

  .section .k_slide > div:nth-of-type(1) a:hover{background:#c77777; 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:#8a9a38; 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:#c77777; color:#fff;}
  .section .k_slide > div:nth-of-type(9) a:hover{background:#c77777; color:#fff;}
  .section .k_slide > div:nth-of-type(10) a:hover{background:#9d8c90; color:#fff;}

  /* 월간문화재 */
  .section.m_kculture{padding: 0 10px;}
  .section.m_kculture .kculture_area .k_cont p{font-size: 1.5em;}
  .section.m_kculture .chf_area .c_cont p{font-size: 1.5em;}  
  .section.m_kculture .kculture_area{margin: 0;}
  .section.m_kculture .chf_area{margin: 15px 0 0 0;}

  /* 패널 */
  .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:17px; 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;}

  .panel_area .picture_cont2{padding:10px 10px 38px 10px; margin-top:20px; width:100%; float:none;}
  .panel_area .picture_cont2 .slick-dots{bottom:10px;}
  .panel_area .picture_cont2 .slick-dots li{width:15px; height:15px;}
  .panel_area .picture_cont2 .slick-dots li button{width:15px; height:15px;}
  .panel_area .picture_cont2 .btn_play{bottom:10px; width:15px; height:15px;}
  

  /* .section.event */
  .section.event .event_cont .event_img{padding: 0 7px;}

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

    /* 하단 배너 수정 241010 */
    .chf_area_02 {width:100%;margin:16px 0 0;}


}

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

 

  .cal_box .cal_date .prev{margin-right:15px;}
  .cal_box .cal_date .next{margin-left:15px;}

  /* section_3 */
  .section_3{padding:0 10px;}
  .section_3 .title h3{font-size:1.125em;}
	
  /* .main_wrap */
  .main_wrap{padding-top:60px;}

  /* .m_alert_slide */
  .alert_area .alert_cont{height:51px;}
  .m_alert_slide.slick-slider .slick-prev{top:13px; height:26px;}
  .m_alert_slide.slick-slider .slick-next{top:38px; height:26px;}

  /* .section.event 231115 수정*/
  .section.event{margin-top:15px; padding: 0 10px;}  
  .section.event .event_cont{margin-top:15px;}
  .section.event .event_tit > div a{font-size:1em;width: 70px;}
  /* .section.event .event_cont ul li a > div > div:nth-child(2){font-size:0.938em;}
  .section.event .event_cont ul li a > div > div:nth-child(3){font-size:0.938em;} */

  .skecth_area{padding:0 10px;}  

  .panel_area .picture_cont2{margin-top: 24px;}

  /* .skecth_area */
  .skecth_area .title h3, .section.khmall .title h3, .cal_box .cal_date > span, .sub_panel_area .title h3{font-size:1.625em;}
  .section.khmall .title p{font-size:0.938em;}
  .skecth_area .skech_cont a p{font-size:0.875em;}

  .panel_area .panel_cont p{margin-top: 5px;}

  /* .section.khmall */
  .section.khmall .khmall_area .title h4{font-size:1.5em;}



  /* .section.kculture */
  .section.m_kculture{margin-bottom:20px;}
  .section.m_kculture .kculture_area{padding:17px 15px 27px;}
  .section.kculture .kculture_area .k_cont span{font-size:0.938em;}
  .section.kculture .kculture_area .k_cont h3 em{font-size:2.500em;}
  .section.kculture .kculture_area .k_cont p{font-size:1.250em;}

  .section.kculture .chf_area{margin-top:10px;}  
  .section.kculture .chf_area .c_cont span{font-size:0.938em;}
  .section.kculture .chf_area .c_cont h3{font-size:2.500em;}
 

  /* .section.banner */
  .section.banner .right_cont > div a{height: 46px; line-height: 44px; font-size: 0.938em;}
  
  /* .section.event */
  .panel_area{margin-top: 44px;}
  .sub_panel_area{float: none; width: 100%; margin: 30px 0 0;}
  .sub_panel_area:first-child{margin-top: 0;}
  /* .section.event .event_cont .event_img > div{padding: 11px 10px;} */
  .section.event .event_cont .event_img > div a .tit{font-size: 1em;}
  .section.event .event_cont .event_img > div a span{font-size: 0.938em;}
  
  

  .panel_area .picture_cont{margin-top: 0;}
  .sub_panel_area:first-child .title{margin-top: -21px; height: 100%;}
  .panel_area .picture_cont div.slick-slide a{padding-top: 57.6%;}
  .panel_area .picture_cont2 div.slick-slide a{padding-top: 57.6%;}

  /*02.05*/
  .section.m_kculture .link_group{overflow: hidden;}
  .section.m_kculture .link_group a{float: left; width: 48.5%; margin-left: 3%; min-width: auto; background: #fff url(/_static/chf1/img/main/culture_more.png) right 10px center no-repeat;}
  .section.m_kculture .link_group a:hover{background:#242424 url(/_static/chf1/img/main/culture_more_on.png) right 10px center no-repeat;}
  .section.m_kculture .link_group a:first-child{margin-left: 0;}
  .section.m_kculture .link_group a span{padding: 0 20px 0 10px;}
  .section.m_kculture .kculture_area .link_group a span{
    display: table-cell;
    vertical-align: middle;
    line-height: 100%;
    word-break: keep-all;
  }

  .section.m_kculture .chf_area .link_group a span{
    display: table-cell;
    vertical-align: middle;
    line-height: 100%;
    word-break: keep-all;
  }
}

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

  .section .cont .more_btn{
    top: -34px;
    right: 0;
  }

   /* .section_3 .cal_box */
   .cal_month td a{min-height:30px;}
   .cal_month td.on a{min-height:30px;}

  /* .alert_area */  
  .alert_area .alert_cont .alert_tit{width:20.9%;}
  .alert_area .alert_cont .alert_tit h3{font-size:1.063em;}
  .m_alert_slide > div a{font-size:0.875em;}

  /* .section.event */
  .section.event .event_cont ul li a > div{padding:10px 0;}
  .section.event .event_cont ul li a > div > div{margin-top:5px;}
  .section.event .event_cont ul li a > div > div:nth-child(2){font-size:0.813em;}
  .section.event .event_cont ul li a > div > div:nth-child(3){font-size:0.813em;}

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


  /* .skecth_area */
  .skecth_area .title h3, .section.khmall .title h3, .cal_box .cal_date > span, .sub_panel_area .title h3{font-size:1.438em;}  
  .skecth_area .skech_cont a p{padding:15px 10px;}

  /* .section.skech */ 
  /* .panel_area .panel_cont{float: none;  width: 100%;}
  .panel_area .panel_cont a{display:table;}
  .panel_area .panel_cont a > div{position: relative; width: 45%; display: table-cell; padding-top:0; height:200px;}
  .panel_area .panel_cont a > div img{max-height: inherit; width: 100%; height: 100%; position: static;}  
  .panel_area .panel_cont p{display: table-cell; vertical-align: middle; padding: 0 10px;} */



  /* .section.khmall */  
  .section.khmall .khmall_area{padding:0 10px;}
  .section.khmall .khmall_area .title h4{font-size:1.250em;}
  .section.khmall .title p{font-size:0.875em;}
  .section.khmall .khmall_area > p{font-size:0.875em;}
  .section.khmall .khmall_cont a p{font-size:0.875em; padding:10px;}
  .section.khmall .more_btn{top:0; right:10px;}
  .section.kculture .chf_area .c_cont h3{font-size:2.000em;}
  
 
   .more_btn img{width:28px;}

   /* .section.kculture */
  .section.kculture .kculture_area .k_cont{padding-left:23%;}
  .section.kculture .link_group, .section.kculture .chf_area .link_group, .section.kculture .chf_area .link_group{right: 0;
    left: auto;
    position: static;
    margin: 10px 0;
    padding: 0 10px;}
  .section.kculture .link_group a{display: block; float: none;}
  .section.kculture .link_group a span{font-size: 0.875em;
      display: block;
      height: 30px;
      line-height: 28px;}
  .section.kculture .link_group a:last-child{margin-left: 0;
    margin-top: 5px;}


    .section.m_kculture .link_group a span{
      min-width: 125px;
    }

    /* 하단 배너 수정 241010 */
    .kculture_area_02 {padding-left:130px;}
    .kculture_area_02 .img {left:-20px;}
}

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

 

  /* .section.event */
  .section.event .event_cont ul li a > div > div:nth-child(2){font-size:0.813em;}
  .section.event .event_cont ul li a > div > div:nth-child(3){font-size:0.813em;}

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

  /* .skecth_area , .section.khmall */
  .skecth_area .title h3, .section.khmall .title h3, .cal_box .cal_date > span, .sub_panel_area .title h3{font-size:1.250em;}
  .skecth_area .skech_cont{margin-top:17px;}  
  

  /* .section.kculture */
  .section.kculture .chf_area .c_cont h3{font-size:1.75em;}
  .section.kculture .kculture_area .k_cont{padding-left:16%;}

  /* .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 img{width:28px;}
  
}