/*---- product news list 시작 ----*/
/*news board section*/
.sub-visual-wrap.news-visual { background-image: url(../../images/hero/news-hero.png); background-color: #222; } 
.news-board-section .select-custom { display: none; } 
.news-board-section .news-board-list {width: 100%;}
.news-board-section .news-board-list > li { display: flex; width: 100%; margin-bottom: 24px; } 
.news-board-section .news-board-list > li:not(:last-child) { margin-bottom: 60px; } 

.news-board-section .news-board-list > li .img-wrap { width: calc(30% - 12px); max-width: 464px; max-height:252px; margin-right: 24px; border-radius: 10px; overflow: hidden; } 
.news-board-section .news-board-list > li .img-wrap img { max-width: 420px; width: 100%; height: 100%; object-fit: fill; } 

.news-board-section .news-board-list > li .txt-wrap { width: calc(70% - 12px); position: relative; display: flex; flex-direction: column; justify-content: space-between; border-bottom: 1px solid #eee; } 
.news-board-section .news-board-list > li .txt-wrap > div .news-link {width: 100%;}
.news-board-section .news-board-list > li .txt-wrap .remark-txt { display: inline-block; margin-bottom: 8px; color:#656565; font-weight:400;text-transform: uppercase;} 
.news-board-section .share-cont {top: 0; right: 0; z-index: 1;} 

.news-board-section .news-board-list li .txt-wrap .news-link .news-tit { font-size: 20px; font-weight: 600; color: #656565; display: inline-block; line-height: 1; margin-bottom: 16px; } 
.news-board-section .news-board-list li .txt-wrap .news-link h5 {font-weight: 500; font-size: 32px; line-height: 1.25; margin-bottom: 10px; padding-right: 20%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; word-break: break-all;}
.news-board-section .news-board-list li .txt-wrap .news-link h5 br {display: none;} 
.news-board-section .news-board-list li .txt-wrap .basic-txt02 { max-width: 966px; margin: 15px 0 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding-right: 20%;} 

/*.news-board-section .news-board-list li .txt-wrap > div { display: flex; justify-content: space-between; padding-bottom: 10px; align-items: flex-end; } 

.news-board-section .news-board-list li .txt-wrap > div .news-link { max-width: 830px; } 

.news-board-section .news-board-list li .txt-wrap > div .remark-txt { color: #656565; font-size: 14px; } */


/*Start Search*/
.board-search form { display:flex; justify-content: center; max-width: 708px; margin:0 auto; } 
.board-search div { height:48px; } 
.board-search div input { width: 100%; height:100%; border:1px solid #dddddd; border-right:0px; color: #676767; box-sizing: border-box; padding-left: 12px; } 
.board-search .report-search { color:#aaaaaa; font-size:20px; } 
.board-search .submit img { vertical-align: middle; } 

/*news-section board*/
.news-board-section { display: flex; justify-content: right; } 
.product-news-alert{
  min-height: 540px;
  position: relative;
  border-top: 2px solid #000;
}
.alert{
  max-width: 250px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.alert img{
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
.alert span{
  font-size: 20px;
  display: block;
  text-align: center;
}
.news-board-section .board-search { margin-bottom: 38px; position: relative; } 

.board-search div input { border: 2px solid #dddddd; border-right: 0; } 
.news-board-section .board-search form { justify-content: flex-end; max-width: 100%; } 

.select-menu { display:none } 

/*---- product news list 끝 ----*/

/*---- product news empty 시작 ----*/
body.active { width: 100vw; height: 100vh; overflow: hidden; } 
.sub-visual-wrap.news-visual { background-image: url(../../images/product-main_banner.png); } 
.main-banner { width: 100%; height: 360px; background: #eee; } 
.product-info { display: flex; align-items: center; justify-content: flex-end; } 
.product-cont { position: relative; margin-top: 22px; } 
.notification-window { width: 100%; height: 500px; position: relative; border-top: 2px solid #222; } 
.product-alert-info { width: 250px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.notification-window img { margin: 0 auto; width: 135px; height: 135px; display: block; } 
.notification-window span { margin-top: 10px; display: block; font-size: 20px; text-align: center; } 

/*---- product news empty 끝 ----*/

/*---- product news detail 시작 ----*/
.product-cont-tit { width: 100%; max-width: 1104px; }
.product-cont-tit h3 { text-overflow:ellipsis; font-size: 40px; font-weight: bold; border-bottom: 3px solid #000; display: block;  } 
.product-cont-tit h3 span { font-size: 24px; font-weight: bold;  padding-left: 15px; position: relative; } 
.product-cont-tit h3 span::after { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 10px; height: 2px; background: #ED1C24; transform: translateY(-50%); } 
.news-date { margin-top: 10px; display: block; color: #656565; } 
.news-cont { width: 100%; margin-top: 40px; display: flex; justify-content: space-between; position: relative; } 
.product-scroll { width: 100%; max-width: 906px; margin-right: 20px; } 
.product-scroll strong {font-weight: 700; font-size: inherit;}
.product-scroll img {height:auto !important;}
.product-fix { width: 100%; max-width:214px; height: 600px; position: sticky; top: 100px; } 
.product-tit { font-size: 32px; font-weight: bold;  } 
/*---- product-news-detail 시작 ----*/
.product-fix .product-tit { display: block; padding-bottom: 10px; margin-bottom: 10px; color: #ED1C24; font-size: 20px; font-weight: 600; border-bottom: 3px solid #ED1C24; } 
.news-video { position: relative; } 
.news-video video { width: 100%; border-radius: 10px; } 
.news-video a { width: 60px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } 
.news-main-images { width: 100%; height: 480px; } 
.news-images img { width: 100%; height: 100%; border-radius: 10px; } 
.news-sub-images { width: 80%; } 

.news-video img { max-width: 100%; height: auto; } 
.news-video video { width: 100%; } 
.news-info { margin: 18px 0 60px; } 
.catalog { width: 100%; position: relative; } 
.catalog img { width: 100%; } 
.catalog .catalog-download { margin: 0 auto; } 
/*---- product news detail 끝 ----*/

/* machining up */
.sub-visual-wrap.machining-visual { background-image: url(../../images/hero/machining-hero.png); background-color: #222; } 
.main-banner { width: 100%; height: 360px; background: #eee; } 

.machining-cont>ul { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 24px; } 

.machining-up .board-item { border-radius: 10px; position: relative; border: 1px solid #eee; } 
.machining-up .board-img { /* min-height: 170px; */
 width: 100%; } 
.machining-up .board-img img { width: 100%; /* height: 100%; */
 /* object-fit: fill; */}
.machining-up .board-item h3 { font-size: 24px; font-weight: 600; } 

.machining-up .sharing-btn { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #656565; display: flex; align-items: center; justify-content: center; position: absolute; right: 25px; bottom: 25px; } 

.machining-up .board-info { padding: 25px; } 

.machining-up .board-info strong { color: #656565; font-weight: 600; display: block; } 

.machining-up .machining-board-date { display: block; margin-top: 40px; font-weight: 600; padding-left: 20px; position: relative; } 
.machining-up .machining-board-date::after { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 1px; background: #ED1C24; } 
.machining-up .board-info p { width: 100%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.machining-cont>ul .board-item { position: relative; } 
.machining-cont>ul .board-item .share-cont{bottom: 24px;right: 24px;} 
.machining-cont>ul .board-item > a { width: 100%; height: 100%;border: 1px solid #eee; border-radius: 8px; overflow: hidden;} 
.machining-cont>ul .board-item > a.no-touch-action { position: relative; z-index: -1; } 
.machining-cont>ul .board-item .board-info { padding: 24px; } 
.machining-cont>ul .board-item .board-info strong { color: #656565; font-weight: 600; display: inline-block; padding-bottom: 4px; } 
.machining-cont>ul .board-item .board-info h3 { font-weight: 600; font-size: 24px; color: #222; line-height: 1.2;display: block;margin-bottom: 10%; padding-right: 9%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; } 
.machining-cont>ul .board-item .board-info p { font-size: 14px; color: #656565; } 
.machining-cont>ul .board-item .board-info div { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } 
.machining-cont>ul .board-item .board-info span {text-transform: uppercase; font-weight: 600;}
.machining-cont>ul .board-item .board-info span.vol::before {content: ''; width: 12px; height: 2px; background-color: #ed1c24; display: inline-block; vertical-align: middle; margin-right: 8px;}
.machining-cont>ul .board-item button { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #656565; position: absolute; z-index: 10; right: 24px; bottom: 24px; display:flex; justify-content:center; align-items:center } 
.machining-cont>ul .board-item .board-img { border-bottom: 1px solid #eee; } 
.machining-cont>ul .board-item .board-img img { width: 100%; height: 100%; max-height: 170px; display: block; } 

.machining-cont .share-cont-inner.active {position: absolute;bottom: 0;right: 0; z-index: 10;}

@media (max-width: 786px){

  .product-news-alert{min-height: 340px;}
  .alert {width: 50%;}
  .alert img {
    width: 60px;
    height: 60px;
  }
  .alert span {font-size: 14px;}
  .catalog-alert-wrap{margin-top: 22px;}
  .catalog-cont_empty {
    height: 250px;
  }
  .alert-icon {
    width: 80px;
    height: 80px;
  }
  .alert-info {
    font-size: 14px;
  }
  .machining-cont>ul .board-item .board-info h3 {padding-right: 0;}
 .sub-visual-wrap.machining-visual { background-image: url(../../images/hero/machining-hero-m.png); } 
 .product-cont-tit h3 span { font-size: 16px; } 
 .product-cont-tit h3 { font-size: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } 
 .news-date { font-size: 14px; } 
 .news-main-images { max-height: 210px; } 
 .news-images img { border-radius: 0; } 
 .machining-cont > ul { grid-template-columns: repeat(2, 1fr); gap: 35px 20px; } 
 .machining-up .board-info strong { font-size: 16px; } 
 .machining-up .board-item h3 { font-size: 20px; } 
 .machining-up .sharing-btn { width: 28px; height: 28px; right: 20px; bottom: 15px; } 
 .machining-up .board-info p { -webkit-line-clamp: 4; } 
 .machining-up .board-info span { margin-top: 40px; } 
 }
@media (max-width: 420px){
 .machining-cont>ul { grid-template-columns: repeat(1, 1fr); gap: 35px;} 
 }
/* //machining up*/

/* ---------------------------- trade-show ---------------------------- */
.trade-visual { background-image: url(../../images/hero/trade-hero.png); background-color: #222; } 
/*타이틀*/
.board_title { margin-bottom: 30px; } 
.board_title strong { font-size:3rem; } 
.board_title p { margin-top:5px; font-size:1.4rem; } 

.exhibition-tag { font-size: 14px; text-transform: uppercase; color: #fff; padding: 0 5px; background: #222; border: 1px solid #656565; display: inline-block; } 
.trade-tit { font-size: 24px; font-weight:bold;  margin: 12px 0; } 
.schedule-list-txt { width:100%; height: 153px; text-align: left; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative;} 
.schedule-list-txt .trade-show-tit { font-size:20px; font-weight:600; margin-top:10px;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;} 
.schedule-list-txt .hall-info { margin-left: 5px; } 
.schedule-list-txt > div span:not(.exhibition-tag) { margin-left: 5px; } 
.schedule-list-txt .exhibition-data { display: block; margin-top: 24px; font-size: 14px; color: #656565; text-transform: uppercase; position: absolute; bottom: 10px; left: 0;} 
.schedule-list-txt span { font-size:14px; margin-top:10px; } 
.schedule-list-img { border: 1px solid #eee; max-height: 164px; height: 100%;padding: 24px; overflow:hidden;} 
.schedule-list-img img {display:block; width: 100%; height:100%; margin: 0 auto; object-fit: contain;} 

/* 진행중인 전시회 */
.trade-show-contents { position:relative; width: 100%; } 
.currentTradeShowSlider { width: 100%; overflow: hidden; } 
/* pagenation custom */
.currentTradeShowSlider .swiper-pagination { height: 12px; bottom: auto; top: 5px; } 
.currentTradeShowSlider .swiper-pagination-bullet { width: 35px; height: 12px; background: #ddd; border-radius: 5px; opacity: 1; float: right; } 
.currentTradeShowSlider .swiper-pagination-bullet-active { width: 16px; background: #ED1C24; } 
/* //pagenation custom */
/* controls custom */ 
.currentTradeShowSlider-controls { width: 1608px; height: 48px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.currentTradeShowSlider-controls .swiper-button-next::after,
.currentTradeShowSlider-controls .swiper-button-prev::after { display: none; } 
.currentTradeShowSlider-controls > div { width: 48px; height: 100%; z-index: 999; } 
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { opacity: 1; } 
.currentTradeShowSlider-controls .swiper-button-next { background: url(../../images/slide-arrow-next.png) no-repeat center/ cover; right: 0; } 
.currentTradeShowSlider-controls .swiper-button-prev { background: url(../../images/slide-arrow-prev.png) no-repeat center/ cover; left: 0; } 
/* //controls custom */
/* //진행중인 전시회 */

/* 전시회 전체 일정 */
.schedule-cont { margin-top: 96px; } 
.schedule-tabs { display: flex; } 
.schedule-tabs > a { color: #aaa; display: block; margin-right: 15px; position: relative; } 
.schedule-tabs > a:not(:last-child)::after { display: block; content: ''; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 2px; height: 80%; background: #aaa; } 
.schedule-tabs > a.active { color: #222; font-weight: 600; } 

.exhibition-schedule { width: 100%; } 
.exhibition-schedule > ul { display: none; gap: 80px 40px; } 
.exhibition-schedule > ul.active { display: flex; flex-wrap: wrap;} 
.exhibition-item { width: calc(25% - 30px); cursor: pointer; } 
/* //전시회 전체 일정 */

/* 전시회 모달 */
.modal-dimmed { display: none; position: fixed; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; z-index: 999; } 
.modal-dimmed.no-img .modal-trade-show-img img {display: none;}
.modal-dimmed.no-img .exhibition-slider-thumbs {display: none;}
.modal-dimmed.active { display: block; } 
.modal-wrap { width: calc(100% - 40px); max-width: 464px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 0 12px 24px 12px; } 
.modal-trade-show-info > div { display: flex; align-items: center; margin-bottom: 5px; } 
.modal-trade-show-info > div .trade-show-name { font-size: 16px; font-weight: 600; margin-left: 5px; } 
.modal-trade-show-info .trade-show-data,
.modal-trade-show-info .exhibition-num { color: #656565; font-size: 14px; } 
.trade-show-data-wrap { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; } 
.trade-show-link { display: flex; align-items: center; } 
.trade-show-link > span { font-weight: 600; color: #ED1C24; border-bottom: 1px solid #ED1C24; } 
.modal-trade-show-info .trade-show-data { display: block; } 
.modal-trade-show-img { margin-top: 10px; } 
.modal-wrap .modal-tag { padding: 5px 15px; background: #ddd; color: #656565; position: absolute; left: -12px; top: 20px; } 
.modal-wrap .modal-title { display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #eee; padding: 8px 0; margin-bottom: 12px;} 
.modal-wrap .modal-title img { width: 70%; max-height: 122px;} 
.modal-slider { width: 100%; margin: 0 auto; } 
.modal-trade-show-img,
.modal-trade-show-img img { width: 100%; max-height: 310px; margin:0 !important; text-align: center;} 
.exhibition-slider,
.exhibition-slider-thumbs { margin-top: 12px; } 
.exhibition-slider-thumbs { padding-bottom: 20px !important; } 
.exhibition-slider-thumbs .swiper-slide { border: 1px solid #eee; } 
.exhibition-slider-thumbs .swiper-slide img { width: 100%; display: block;} 
.exhibition-slider-thumbs .swiper-scrollbar { opacity: 1 !important; background: #E6E6E6; } 
.exhibition-slider-thumbs .swiper-scrollbar-drag { background: #E02112; } 
.modal-close { margin: 24px auto 0; } 
.modal-dimmed02 .modal-trade-show-info { margin-top: 12px; } 
/* //전시회모달 */
/*캘린더 시작*/
/*달력 (적용 페이지 : 스토리 - 전시회(달력탭))*/
/*4.27 fullcalendar api 이용으로 틀어진 달력 추가 수정*/
.calendar-header { display:inline-block; width:100%; margin-bottom:16px; } 
.calendar-header .date-wrap { width:100%; max-width:475px; display:flex; justify-content:space-between; align-items:center } 
.calendar-header .date { position:relative; } 
.calendar-header .date span { font-size:40px; font-weight:700; display:inline-block; } 
.calendar-header .date span.month { display:inline-block; margin-right:12px; } 
.calendar-header .select-box .selected { font-size:40px; font-weight:700; color:#000; border:0; cursor:pointer; background:none; } 
.calendar-header .select-box .selected::after { content:''; width:22px; height:22px; display:inline-block; background-image:url(../../images/news/calendar-select.png); background-size:cover; background-repeat:no-repeat; background-position:center center; margin-left:4px; vertical-align:middle; transition:all 0.3s; } 
.calendar-header .select-box ul { top:70px; z-index:2; } 
.calendar-header .select-box.active .selected::after { transform:rotate(180deg); } 
.calendar-header .prev,.calendar-header .next { width:44px; height:44px; border:solid 1px #EEEEEE; border-radius:3px; background:url(../../images/news/calendar-next.png) no-repeat center } 
.calendar-header .prev { background:url(../../images/news/calendar-prev.png) no-repeat center } 
.calendar-header .check-wrap { width:100%; max-width:353px; float:right; display:flex; justify-content:space-between } 
.calendar-header .check-wrap label { display:inline-block; height:24px; vertical-align:middle; margin-left:8px } 
.calendar { width:100%; } 
.calendar-header .select-custom { margin:0; } 
.calendar-header .select-custom .select_tit { font-size: 40px; font-weight: 700; border: 0; height:auto; padding: 0; } 
.calendar-header .select-custom .select_tit::after { position: static; transform:translateY(0); margin-left: 16px; background: url(../../images/news/calendar-select.png) no-repeat center/ contain; } 
.calendar-header .select-custom .select_tit.active::after { transform:translateY(0) rotate(180deg); } 
.calendar thead th { height:44px; background:#222; border:solid 1px #222; color:#fff; font-size:16px; font-weight:700 } 
.calendar thead th.fc-sun,.calendar thead td.sun { color:#ED1C24 } 
.calendar thead td.set { color:#0077b3; } 
.calendar tbody td { height:156px; vertical-align:top; padding:8px 12px; font-size:20px; color:#222; border:solid 1px #eee; background:#fff; position:relative; z-index:1; } 
.calendar tbody td.today .day { width: 44px; height: 44px; box-shadow:0px 0px 10px rgba(0,0,0,0.16); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; } 
.calendar tbody td:first-child { color:#ed1c24 } 
.calendar tbody td:last-child { color:#0066B3 } 
.calendar tbody td.disable { background:#F4F4F4; } 
.calendar tbody td.disable .day { opacity:0.6; letter-spacing: 2; } 
.calendar tbody td.schedule { z-index:10; } 
.calendar tbody td.schedule > div { width:100%; height:24px; padding:0 10px; position:absolute; top:50%; left:0; transform:translateY(-50%); border-radius:99px; background:#ED1C24; color:#fff; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 

.fc-unthemed td.fc-today .fc-day-number { display:inline-block; line-height:44px; width:44px; height:44px; background:#fff; border-radius:50%; text-align:center; vertical-align:middle; box-shadow:0px 0px 10px rgba(0,0,0,0.16) } 
.calendar tbody td.schedule.end > div { color:#222; background:#DDD; } 
.calendar tbody td.schedule.day-2 > div { width:200%; } 
.calendar tbody td.schedule.day-3 > div { width:300%; } 
.calendar tbody td.schedule.day-4 > div { width:400%; } 
.calendar tbody td.schedule.day-5 > div { width:500%; } 
.calendar tbody td.schedule.day-6 > div { width:600%; } 
.calendar tbody td.schedule.day-7 > div { width:700%; } 
.mobile-calendar-schedule-bar { display:none; width:100%; background:#F4F4F4; border-radius:30px 30px 0 0; padding:40px 20px 48px; position:fixed; left:50%; transform:translateX(-50%); bottom:-435px; z-index:20; transition:0.5s ease-in-out } 
.mobile-calendar-schedule-bar.active { bottom:0; } 
.mobile-calendar-schedule-bar::before { content:""; display:inline-block; width:32px; height:4px; background:#aaa; position:absolute; left:50%; transform:translateX(-50%); top:12px } 
.mobile-calendar-schedule-bar .title { display:flex; width:100%; justify-content:space-between; font-size:14px; color:#656565; border-bottom:solid 1px #ddd; padding-bottom:4px; margin-bottom:12px; } 
.mobile-calendar-schedule-bar .title.today::after { content:"TODAY"; font-size:14px; color:#656565; font-weight:700 } 
.mobile-calendar-schedule-bar > ul > li { margin-bottom:24px; } 
.mobile-calendar-schedule-bar .list { display:inline-block; width:100%; } 
.mobile-calendar-schedule-bar .list li { font-size:14px; padding-left:16px; position:relative; } 
.mobile-calendar-schedule-bar .list li::before { content:""; display:inline-block; width:4px; height:4px; background:#222; position:absolute; left:4px; top:50%; transform:translateY(-50%) } 


/*인풋형태 달력 Datapicker (적용페이지 : 사이버신문고)*/
.input-calendar-wrap { display:flex; } 
.input-calendar-wrap .left { width:760px } 
.input-calendar-wrap .input-calendar-inner { display:flex; } 
.input-calendar-wrap .input-calendar-inner input { background:url(/_res/yg1/kr/img/common/calendar-ic.png) no-repeat center right 16px; } 
.input-calendar-wrap .input-calendar-inner span { padding:0 12px; line-height:36px } 
.input-calendar-wrap .file-btn-wrap { margin-left:36px; font-size:14px; color:#aaa; flex-shrink:0 } 
.input-calendar-wrap .file-btn-wrap p { color:#222 } 
.input-calendar-wrap .file-btn-wrap .btn-type { color:#222; border-radius:8px; max-width:100% !important; height:36px; line-height:36px; width:120px; border:solid 1px #707070; margin-right:12px } 
.ui-datepicker { border-radius:0 0 8px 8px !important; border:solid 1px #eee; border-top:0; padding:8px 5px 0 !important; box-shadow:0 3px 5px rgba(0,0,0,0.05) } 
.ui-datepicker .ui-datepicker-header { padding:15px 0 17px !important; background:#fff; border:0 } 
.ui-datepicker-month { font-size:32px; font-weight:700; } 
.ui-datepicker-year { font-size:24px; font-weight:700 } 
.ui-datepicker th { background:#222; color:#fff; } 
.ui-datepicker th span { font-weight:400; font-size:14px } 
.ui-datepicker td { padding:9px !important; height:60px; vertical-align:top } 
.ui-datepicker td span, .ui-datepicker td a { width:24px; height:24px; padding-top:2px; text-align:center !important; font-size:14px; font-weight:400; border:0 !important; background:#fff !important; } 
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:auto !important; width:28px !important; height:28px !important; border:solid 1px #eee; } 
.ui-datepicker .ui-datepicker-next { transform:rotate(180deg) } 
.ui-widget-header .ui-icon { background:url(/_res/yg1/kr/img/common/calendar-arr.png) no-repeat center !important; } 
.ui-datepicker th:first-child span, .ui-datepicker td:first-child a { color:#ED1C24; } 
.ui-datepicker th:last-child span, .ui-datepicker td:last-child a { color:#0066B3; } 
.ui-datepicker .ui-datepicker-today a.ui-state-default { border-radius:50%; box-shadow:1px 1px 10px rgba(0,0,0,0.16); } 

/*4.27 fullcalendar api 이용으로 틀어진 달력 추가 수정*/
.fc-row.fc-widget-header { margin-right:0px !important; border-right-width:0px !important; } 
.fc-scroller.fc-day-grid-container { overflow:visible !important; height:auto !important} 
.calendar thead th { height: 44px; background: #222; color: #fff; font-size: 16px; font-weight: 700; vertical-align: middle; } 
.calendar thead th.fc-sun { color: #ED1C24; } 
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: left !important; font-size:20px; margin-left: 11px;} 
.fc-day-top { padding:12px 0 14px !important; } 
.fc-ltr .fc-h-event.fc-end, .fc-rtl .fc-h-event.fc-not-start { border-radius: 20px !important; text-align:center;  } 
.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end,.fc-event { border-radius: 20px !important; text-align:center; background-color:#ED1C24 !important; border-color:#ED1C24 !important; } 
.fc-event {margin-top: 4px !important;}
.fc-event.fc-not-end .fc-content .fc-title {color: #fff;}
.fc-event.fc-not-start .fc-content .fc-title {color: #fff;}
.fc-left>h2 { font-size:40px; font-weight:600; } 
.fc-button { width:44px !important; height:44px !important; background:#fff !important; } 
.fc-custom1-button {box-shadow: none !important; text-shadow: none !important;background-image: url(../../images/arrow.png) !important;background-repeat: no-repeat !important; background-size: 24px 24px !important; background-position: center center !important;border: 0 !important; transition: transform 0.3s;}
.fc-custom1-button.active {transform: rotate(180deg);}
.fc-toolbar .fc-left { float: left; display: flex; align-items: center; } 
.fc-toolbar .fc-left h2 {width:195px; margin-right: 0; cursor: pointer;}
.fc .fc-toolbar > * > * { margin-right: 0.75em; } 
.fc-toolbar.fc-header-toolbar { margin-bottom: 3.25em !important; } 
a.fc-more {font-size: 14px;background-color: #fff;border: 1px solid #ddd; border-radius:25px;padding: 0 12px; margin-top: 20px !important; transition: all 0.3s;}
a.fc-more:hover {background-color: #ed1c24; border-color: #ed1c24; color: #fff;}
/*캘린더 끝*/

/*fullcalendar*/
.fc-unthemed .fc-popover .fc-header { background-color:#fff !important; } 
.fc-more-popover {width: 240px !important;}
.fc-more-popover .fc-event-container { max-height:140px; overflow-x: visible; overflow-y:auto; }

.fc-more-popover .fc-event-container::-webkit-scrollbar {
  width: 10px;
}
/* Track */
.fc-more-popover .fc-event-container::-webkit-scrollbar-track {
  background: #E6E6E6;
  border: 2px solid #fff;
}

/* Handle */
.fc-more-popover .fc-event-container::-webkit-scrollbar-thumb {
  background: #aaa;
}  
.fc-unthemed td.fc-today { background:transparent !important; position: relative;} 
.fc-unthemed td.fc-today .fc-day-number {position: absolute;top: 4px;left: 4px;}
.fc-other-month, .fc-past,.fc-other-month,.fc-today.fc-other-month { background-color: #f4f4f4; }
.fc-icon-left-single-arrow:after {content:"" !important; display:inline-block; width:15px; height:15px; background:url(../../images/news/calendar-prev.png) no-repeat center !important;}
.fc-icon-right-single-arrow:after {content:"" !important; display:inline-block; width:15px; height:15px; background:url(../../images/news/calendar-next.png) no-repeat center !important;}
.fc-day-header.fc-widget-header { padding: 10px 0; background-color: #222; } 
.fc-day-header.fc-widget-header span { color: #fff; } 
.fc-sun .fc-day-number { color: #de1c24; } 
.fc-sat .fc-day-number { color: #0066B3; } 
.fc-event.fc-end { background-color: #ddd !important; border-color: #ddd !important; } 
.fc-title { width: 100%; display: inline-block; text-align: center; color: #222; } 
.fc-popover {position: relative;border-radius: 8px;}
.fc-popover .fc-header > .fc-title {text-align: left;font-weight: 600;border-bottom: 1px solid #eee;margin-right: 0 !important; padding: 12px 0 8px;}
.fc-popover .fc-close {position: absolute; right: 12px;top: 12px;margin-top: 0 !important;}
.fc-popover .fc-day-grid-event {background-color: #fff !important; border: 0 !important;margin-bottom: 4px;}
.fc-popover .fc-day-grid-event:last-child {margin-bottom: 0;}
.fc-popover .fc-day-grid-event .fc-day-grid-event {background-color: #fff !important;}
.fc-popover .fc-day-grid-event .fc-content {background-color: #fff !important; border: 0 !important;}
.fc-popover .fc-day-grid-event .fc-content .fc-title {background-color: #fff !important; border: 0 !important; text-align: left;font-size: 14px; color: #656565; white-space: normal;position: relative; padding-left: 16px;}
.fc-popover .fc-day-grid-event .fc-content .fc-title::before {content: ''; width: 8px; height: 8px; background-color: #ed1c24; display: inline-block; border-radius: 50%; position: absolute;left: 0; top: 5px; }
.fc-popover .fc-day-grid-event.fc-event {background-color: #fff !important;}
.fc-unthemed .fc-popover .fc-header .fc-close {font-size: unset !important;}
.fc-icon-x::after {content: url(../../images/news/close-btn.png) !important;font-size: 12px; top: 0;}
#trade_show_calendar { position: relative; } 
.story .select-custom { position: absolute; top: -28px; left: 175px; max-width: 100px;z-index: 888; } 

.board-controls {border-bottom: 2px solid #222;margin-top: 25px;}
.board-controls > ul{
  display: flex;
  flex-direction: column;
}
.board-controls > ul > li{
  padding: 10px 20px;
  border-top: 1px solid #ddd;
}
.board-controls > ul > li a{
  display: flex;
  align-items: center;
  color:#222;
}
.board-controls > ul > li a.disable{
  color: #ddd !important;
  pointer-events: none;
}
.board-controls > ul > li img{
  width: 20px;
  display: block;
  margin-right: 15px;
}
.board-controls > ul > li.next-board a{color: #222;}
.board-controls + .list-btn{
  width: 104px;
  margin: 20px 0 0 auto;
}

/*---- trade-show 끝 ----*/
@media screen and (max-width:1200px){
 .currentTradeShowSlider-controls { display: none; } 
 }
@media screen and (max-width:768px) {
  .fc-left>h2 {font-size: 32px;}
  .fc-toolbar.fc-header-toolbar {margin-bottom: 0 !important;}
  .fc-toolbar .fc-left {float: none !important; justify-content: center;}
  .fc-day-top {padding:4px 0 !important;}
  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {font-size: 14px !important; padding-left:4px;}
  .fc-unthemed td.fc-today .fc-day-number {width: 24px; height: 24px;line-height: 24px;}
  .fc-title {font-size:12px;}
  .fc-view-container div,.fc-view-container td,.fc-view-container tr,.fc-view-container th {border:0 !important}
   /* trade show */
 .trade-tit { font-size: 20px; } 
 .currentTradeShowSlider .swiper-pagination { display: none; } 
 .exhibition-schedule > ul {gap: 35px; } 
 .exhibition-item {width: calc(50% - 18px);}
 .trade-show-subtit {min-height: 42px; display: block;}
 .schedule-list-txt {height: auto;}
 .schedule-list-txt .exhibition-data {position: static;}
 .schedule-cont { margin-top: 60px; } 
 .trade-visual { background-image: url(../../images/hero/trade-hero-m.png); background-position: center bottom; } 
 /* //trade show */
 /*---- product news list 시작 ----*/
 .news-board-section .select-custom { display: none; } 
 .news-board-section { display: block; margin: 0 auto !important; } 
 .news-board-section .select-custom { display: block; } 
 .news-board-section .select-custom .select-custom-list { margin-top: -24px; margin-bottom: 24px; } 
 .news-board-section .select-custom .select-custom-list .select-tit { height: auto; padding: 10px 16px; } 
 .news-board-section .select-custom .select-custom-list ul li { height: auto; } 
 .news-board-section .select-custom .select-custom-list ul li a { padding: 10px 12px; } 
 .news-board-section .select-custom .select-custom-list ul { top: 48px; } 
 .board-search label input.report-search { font-size: 16px !important; } 
 /*select-box*/
 .select-menu { display: block; } 
 
 /*tab-menu-pc*/
 .tab-menu-pc { display: none; } 
 
 /*news-section news-board-list*/
 .sub-visual-wrap.news-visual { background-image: url(../../images/hero/news-hero-m.png); } 
 .con-box.news-board-section { margin: 48px auto 0; } 
 .news-board-section .news-board-list > li { border-bottom: 1px solid #DDDDDD; padding-bottom: 2%; flex-direction: column; } 
 .news-board-section .news-board-list > li .img-wrap { width: 100%; max-width: 100%; max-height: 180px; margin-right: 0; } 
 .news-board-section .news-board-list > li .img-wrap img { max-width: 100%; } 
 .news-board-section .news-board-list > li .txt-wrap { width: 100%; } 
 .news-board-section .news-board-list > li:not(:last-child) { margin-bottom: 38px; } 
 .news-board-section .news-board-list > li .txt-wrap { border-bottom: 0; margin-top: 10px; } 
 .news-board-section .news-board-list > li .txt-wrap .basic-txt01 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.45; } 
 .news-board-section .news-board-list > li .txt-wrap .news-link {width: 100%;}
 .news-board-section .news-board-list > li .txt-wrap .news-link h5 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.45; } 
 .news-board-section .news-board-list > li .txt-wrap .news-link h5 {padding-right: 0; } 
 .news-board-section .news-board-list > li .txt-wrap .basic-txt02 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } 
 .news-board-section .news-board-list > li .txt-wrap > div { padding-bottom: 0; } 
 .news-board-section .news-board-list > li .txt-wrap .basic-txt01 { font-size: 18px; } 
 .news-board-section .news-board-list > li .txt-wrap .basic-txt02 { font-size: 14px; color: #656565; padding-right: 0;} 
 .news-board-section .news-board-list > li .txt-wrap > div .more-btn { padding: 5.5px 20px; font-size: 14px; } 
 .news-board-section .news-board-list > li .txt-wrap > div .more-btn::after { margin-left: 8px; width:9px; height: 14px; background-image: url(../../images/product/w-btn-arrow-m.png); background-position: right; vertical-align: -3px; } 
 .news-board-section .news-board-list > li .txt-wrap .news-link .news-tit,
 .news-board-section .news-board-list > li .txt-wrap div .remark-txt { font-size: 14px; } 
 .news-board-section .share-cont { top: auto; bottom: 0; align-items: flex-end; } 
 .news-board-section .share-cont .share-cont-inner { position: absolute; left: 0; top: 0; } 
 /*.news-board-section .news-board-list li .img-wrap img { max-width: 137px; object-fit:fill } */
 
 /*news-section board-search*/
 .news-board-section .board-search form { justify-content: center; } 
 .news-board-section .board-search form label { width: 100%; } 
 .board-search div { width: 100%; } 
 
 /* select-menu .select-list */
 .select-menu .select-list { margin-bottom: 10px; } 
 /*---- product news list 끝 ----*/

 /*---- product news empty 시작 ----*/
 .product-cont ul { grid-template-columns: repeat(2, 1fr); gap: 20px; } 
 .product-info { flex-direction: column-reverse; } 
 .product-info label { width: 100%; } 
 .video-num { width: 100%; text-align: left; margin-top: 20px; } 
 .notification-window img { width: 85px; height: 85px; } 
 .notification-window span { font-size: 16px; } 
 .notification-window { height: 320px; margin-top: 20px; } 
 .notification-window img { height: 80px; width: 80px; } 
 /*---- product news empty 끝 ----*/
 
 /*---- product-news-detail 시작 ----*/
 .product-fix { height: auto; } 
 .product-cont-tit { margin-top: 20px; width: 100%; } 
 .product-tit { font-size: 20px; margin-bottom: 12px; display: inline-block; } 
 .product-fix .product-tit { margin-bottom: 16px; display: inline-block; padding-bottom: 0; } 
 .news-info { font-size: 14px; } 
 .news-cont { flex-direction: column; margin-top: 38px; } 
 .news-cont > div { width: 100%; max-width: 100%; } 
 .product-fix { position: static; margin-top: 30px; height: auto; } 
 .news-sub-images, .news-video { width: 100%; } 
 .catalog { width: 100%; max-width: 162px; margin: 0 auto; } 
 .catalog-slide .swiper-slide { height: 300px; } 
 .catalog-controls { width: 100%; position: static; transform: translateX(0); margin-top: 12px; } 
 .news-video a { width: 40px; } 
 /*---- product-news-detail 끝 ----*/
 /*---- machining up 시작 ----*/
 /* .product-cont > ul { width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; } 
 .board-item { padding-bottom: 15px; border-bottom: 0; } 
 .board-info { width: calc(100% - 40px); margin: 10px auto 0; } 
 .board-info strong { font-size: 16px; } 
 .board-item h3 { font-size: 20px; } 
 .share-btn { width: 28px; height: 28px; right: 20px; bottom: 15px; } 
 .board-info p { -webkit-line-clamp: 4; } 
 .board-img { height: 216px; } */
 
 /*---- machining up 끝 ----*/
 /*---- trade show 시작 ----*/
 .trade-show .sub-visual-wrap .tab-menu-pc { display: block; } 
 .trade-show.con-box { margin-top: 70px; } 
 .marketing116 .board-search { width:100%; } 
 .trade-show-contents.schedule .schedule-list-wrap .schedule-list { width:100%; } 
 .trade-show-contents .swiper-button-next { display: none; } 
 .trade-show-contents .swiper-button-prev { display: none; } 
 .currentTradeShowSlider.swiper-container .swiper-pagination { display:none; } 
 .calendar-header .prev, .calendar-header .next { width: 28px; height: 28px; } 
 .calendar-header .date-wrap { margin: 0 auto; } 
 .calendar thead th { font-size: 14px; } 
 .calendar-header .date { display: flex; align-items: center; } 
 .calendar-header .date span { font-size: 32px; } 
 .calendar-header .date .year { font-size: 24px; } 
 .calendar-header .select-custom .select-custom-list { z-index: 12; } 
 .calendar-header .select-custom .select_tit { font-size: 24px; } 
 .calendar-header .select-custom .select_tit::after { margin-left: 8px; width: 20px; height: 20px; } 
 .calendar tbody td { height: 80px; padding: 4px 8px; } 
 .calendar tbody td span { font-size: 14px; display: block; } 
 .calendar tbody td.today .day { width: 24px; height: 24px; top:2px; } 
 .calendar tbody td.schedule > div { font-size: 11px; height: auto; }

 .story .select-custom {transform: translateX(-50%); left: 50%;}

 /*---- trade show 끝 ----*/}
@media screen and (max-width: 420px){
 .exhibition-schedule > ul { grid-template-columns: repeat(1, 1fr); } 
 .exhibition-item {width: 100%;}
 .fc-toolbar .fc-left h2 {margin-left: 0;white-space: nowrap;}
 .fc-next-button {margin-right: 0 !important;margin-left: 0 !important;}
 .story .select-custom {left: 50%; transform: translateX(-50%);}
 }