/* 블로그 */

.blog_board{ padding: 6.25vw 15.625vw;}
.blog_board > h3{font-size: 1.54401vw; text-align: center; margin-bottom: 1.7187vw;}
.board_info{display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.6041vw;}
.board_info h5{font-size: 0.5005vw; color: #595959;}

.select_wrapper { position: relative; }
.custom_select { width: 100%; padding: 0.2604vw 0.9vw 0.2604vw 0.5208vw; appearance: none; background-image: url('/static/img/arrow_d_01.png');background-repeat: no-repeat;background-position: calc(100% - 0.3125vw) center; background-size: 0.3125vw; border: 0.052vw solid #a2a2a2; border-radius: 0.3125vw; font-family: 'Paperlogy'; font-weight: 300; font-size: 0.4796vw; }
.custom_select option[value=""]{font-family: 'Paperlogy'; font-weight: 300; font-size: 0.4796vw; color: #a2a2a2 !important;}

.board_wrap{padding: 0 6.8229vw; display: flex; flex-wrap: wrap; justify-content: space-between;  row-gap: 2.9687vw;}
.board_wrap a{width: 16.5625vw; height: 24.0104vw; overflow: hidden; border-radius: 0.8854vw; border: 0.052vw solid #a2a2a2;}
.board_wrap a .item_img {width: 100%; height: 9.5312vw; background-color: #fff; overflow: hidden; position: relative;}
.board_wrap a .item_img img{width: 100%; height: 100%; object-fit: fill; object-position: center;}
.item_content{padding: 1.5104vw 0.8854vw 1.6666vw;}
.item_content h6:first-of-type{font-size: 0.6434vw; color: #15bcff; margin-bottom: 1.302vw;}
.item_content h4{font-size: 0.8481vw; margin-bottom: 1.4062vw; color: #1d1d1d; word-break: keep-all;}
.item_content h6{font-size: 0.5653vw; color: #1d1d1d; word-break: keep-all;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; line-height: 1.5; max-height: calc(1.5em * 4); margin-bottom: 1.8229vw;}
.item_content h6:last-of-type{color: #767676;}

.pagination {display: flex; align-items: center; justify-content: space-between; margin: 6.25vw auto 0; width: 16.5104vw; gap: 1.4062vw;}
  
.page_btn {border: none;cursor: pointer; background-color: transparent;}
.page_btn:first-of-type img, .page_btn :last-of-type img{width: 0.625vw; height: 0.5729vw;}
.page_btn img{width: 0.3645vw; height: 0.5729vw;}
.page_btn:nth-of-type(3) img, .page_btn:last-of-type img{transform: rotate(180deg);}
.page_btn.disabled {cursor: not-allowed;}
.page_numbers {display: flex; gap: 0.9375vw;}
.page_number {font-weight: 500; font-size: 0.6601vw; color: #595959; display: flex; align-items: center;justify-content: center;cursor: pointer; width: 1.4062vw; height: 1.4062vw;}
.page_number.active {border-radius: 50%; background-color: #e3e3e3;}
.page_number:hover {border-radius: 50%;background-color: #e3e3e3;}
  
/* 블로그상세 */
.blog_detail_wrap{margin: 6.25vw 26.4583vw 0; width: 47.0833vw;}
.blog_detail_wrap .img_con{margin-bottom: 2.9166vw; width: 100%; height: 27.0312vw; background-color: #ededed; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.blog_detail_wrap .img_con img{object-fit: cover; object-position: center;}
.info_wrap {border-bottom: 0.052vw solid #a2a2a2; margin-bottom: 2.1354vw;}
.info_wrap > h6{font-size: 0.6434vw; color: #15bcff; margin-bottom: 1.0416vw;}
.info_wrap > h3{font-size: 1.0869vw; margin-bottom: 1.302vw;}
.info_detail{display: flex; gap: 0.7291vw; margin-bottom: 0.9375vw;}
.info_detail h5{font-size: 0.4796vw; display: flex; align-items: center;}
.info_detail h5 span{padding: 0.2604vw 0.5208vw; border: 0.052vw solid #1d1d1d; margin-right: 0.3645vw;}
.blog_detail_wrap > h5{font-size: 0.6401vw; line-height: 1.2359vw; word-break: keep-all;}
.blog_list{margin: 3.75vw 26.4583vw 6.25vw;}
.blog_list > a:first-of-type{width: fit-content; display: block; margin: 0 auto;}
.blog_list > a:first-of-type img{width: 6.5625vw;}
.list_list{margin-top: 2.1875vw; border-top:  0.052vw solid #1d1d1d;}
.list_list a{display: flex; align-items: center; padding: 0.7812vw 1.0937vw; border-bottom:  0.052vw solid #ededed;} 
.list_list a h5, .list_list a h6{font-size: 0.5333vw;}
.list_list a h5{border-right: 0.052vw solid #ededed; padding-right: 0.9375vw; margin-right: 0.9375vw;}

/* 언론 */
.board_wrap_p{padding: 0 6.8229vw; display: flex; flex-wrap: wrap; justify-content: space-between;  row-gap: 2.9687vw;}
.board_wrap_p a{width: 12.6562vw; height: 15.1562vw; overflow: hidden; }
.board_wrap_p a .item_img {width: 100%; height: 9.0104vw; background-color: #fff; overflow: hidden; position: relative; margin-bottom: 0.4166vw;}
.board_wrap_p a .item_img img{width: 100%; height: 100%; object-fit: fill; object-position: center;}
.item_content_p{padding: 0.5729vw 0.677vw 0.8333vw; background-color: #ededed;height: 6.1458vw;}
.item_content_p h6:first-of-type{font-size: 0.4937vw;  margin-bottom: 0.625vw;  margin-bottom: 0.5vw;}
.item_content_p h4{font-size: 0.6348vw; margin-bottom: 1.0416vw; color: #1d1d1d; word-break: keep-all;}
.item_content_p h6{font-size: 0.4937vw; color: #767676; }

/* 언론상세 */
.info_wrap.press {border-top: 0.1041vw solid #595959; padding-top: 1.25vw;}
.files_btn div{margin: 2.0833vw 0; width: 100%; height: 3.0208vw; display: flex; align-items: center; background-color: #ededed; padding: 0 1.4062vw;}
.files_btn div img{width: 0.9895vw; height: 0.8854vw; margin-right: 0.8333vw;}
.files_btn div h6{font-size: 0.5333vw; color: #595959;}
.alert{font-size: 0.5333vw; color: #595959; padding: 0.625vw; border-top: 0.052vw solid #a2a2a2; border-bottom: 0.052vw solid #a2a2a2;  word-break: keep-all; line-height: 1.5;} 

/* 공지사항 */
.board_wrap_n{padding: 0 6.8229vw; display: flex; justify-content: space-between;}
.n_wrap_left h3{font-size: 2.4125vw;}
.n_wrap_right{display: flex; flex-wrap: wrap; justify-content: space-between; width: 37.552vw; row-gap: 2.9687vw;}
.board_wrap_n a{width: 11.5625vw; height: 13.9062vw; overflow: hidden; }
.board_wrap_n a .item_img {width: 100%; height: 8.2291vw; background-color: #fff; overflow: hidden; position: relative; margin-bottom: 0.4166vw;}
.board_wrap_n a .item_img img{width: 100%; height: 100%; object-fit: fill; object-position: center;}
.notice_board{min-height: 55.9895vw; background-image: url(/static/img/notice_bg.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center; }


/* 뉴스레터 */
.letter_wrap{padding: 6.25vw 15.625vw 2.7083vw;}
.letter_wrap .text_wrap{text-align: center; border-bottom: 0.1041vw solid #15bcff; padding-bottom: 2.8645vw; margin-bottom: 1.302vw;}
.letter_wrap .text_wrap h2{font-size: 1.544vw; margin-bottom: 1.5104vw;}
.letter_wrap .text_wrap h5{font-size: 0.9375vw;}
.letter_flex_box {display: flex; flex-direction: column;}
.letter_flex_box a {width: 100%; height: 14.375vw; border-bottom: 0.052vw solid #a2a2a2; transition: all 0.5s ease-in-out; display: flex; justify-content: space-between; gap: 3.802vw;}
.letter_flex_box a:hover{background-color: #f2f2f2;}
.letter_flex_box a .letter_img{width: 22.3958vw; height: 14.375vw; padding: 2vw;}
.letter_flex_box a .letter_img img{width: 100%; height: 100%; object-fit: fill; object-position: center;}
.letter_flex_box a .letter_text{padding: 1.9791vw 2.6562vw 1.927vw;  display: flex; gap: 7.2916vw;}
.letter_flex_box a .letter_text > h3{font-size: 0.876vw; width: 3.7208vw; height: 1.8104vw; border-radius: 0.9531vw; background-color: #15bcff; color: #fff; display: flex; justify-content: center; align-items: center;}
.letter_flex_box a .letter_text div h2{font-size: 1.14vw; line-height: 1.8703vw; color: #15bcff; margin-bottom: 1.8229vw;}
.letter_flex_box a .letter_text div h4{font-size: 0.93vw; color: #1d1d1d; line-height: 1.5;}
.letter_flex_box a .letter_text div h4::before{content: '·'; margin-right: 0.2083vw;}
.letter_flex_box a { opacity: 0;  transform: translateY(1.5625vw);  transition: opacity 0.6s ease, transform 0.6s ease; }
.letter_flex_box a.visible {opacity: 1; transform: translateY(0); }
.letter_flex_box a .letter_text div h4.empty::before {content: none;}

/* common */
.com_bg{width: 100%; height: 11.4583vw; background-image: url('/static/img/com_bg_02.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center;  overflow: hidden; display: flex; justify-content: center; align-items: center;}
.com_bg .text_box h3{font-size: 1.0117vw;  color: #1d1d1d; margin-bottom: 0.8333vw; text-align: center;}
.com_bg .text_box h5{font-size: 0.5322vw;  color: #1d1d1d; text-align: center; display: flex; align-items: center;}
.com_bg .text_box h5 span{margin: 0.1562vw 0.5208vw 0.1562vw;}
.hidden{display: none;}