@charset "utf-8";
.show-m .tab_board_area {padding:0 10px;}
.tab_board_area .tab_board_box .tab_board_menu {overflow:hidden;}
.tab_board_area .tab_board_box .tab_board_menu .menu_list {cursor:pointer; width:33.333%; float:left; box-sizing:border-box; height:40px; line-height:40px; background:#444; color:#9b9a9a; font-size:15px; text-align:center;}
.tab_board_area .tab_board_box .tab_board_menu .menu_list.active {color:#fff;}
.tab_board_area span.new_icon {margin-right:3px;}

.tab_board_wrap .tab_board_area .tab_board_box .tab_board_menu .menu_list {height:44px;line-height:44px;font-size:18px;font-weight:bold;}
.tab_board_wrap .basic-post-garo .post-list li {padding:4px 0;}
.tab_board_wrap .col-md-6 {padding:0;}
.tab_board_wrap .col-md-6:first-child {padding-right:5px;}
.tab_board_wrap .col-md-6:last-child {padding-left:5px;}
.tab_board_wrap .col-md-6 .basic-post-garo {min-height:100px;}

@media (max-width: 768px) {
  .tab_board_wrap {margin-top:10px;flex-wrap:wrap;}
  .tab_board_wrap .col-md-6:first-child {padding:0;}
  .tab_board_wrap .col-md-6:last-child {padding:0; margin-top:10px;}
  .tab_board_area .tab_board_box {padding:0 5px;}
  .tab_board_area .tab_board_box .board_conts {padding:5px 0;}
  .tab_board_area .tab_board_box .board_conts .img_box .best_list {padding:0 2px;}
}


.box_list.video {margin:0; background:#393838; padding-bottom:10px;}
.box_list.video .box_item {margin:0; width:calc(100%/4); padding:15px 10px 0;}
.box_list.video .box_item .box_title {padding:0; margin:15px 15px 10px; /*height:44px;*/ overflow:hidden;word-break: break-all;text-overflow: ellipsis;white-space: nowrap;}
.box_list.video .box_item img {border-radius:8px;}
.box_list.video .box_item .box_img {position:relative;aspect-ratio:1/0.56;}
.box_list.video .box_item .box_img a::after {content: "";background-image:url(/theme/BS4-Basic/img/btn_video_off.png);background-size:100% 100%;width:58px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer;}
.box_list.video .box_item .box_img a:hover::after {background-image:url(/theme/BS4-Basic/img/btn_video_on.png);}

@media (max-width: 1024px) {
    .box_list.video {padding:0 10px 10px;}
    .box_list.video .box_item {width:calc(100%/2); padding:15px 5px 0 0;}
    .box_list.video .box_item:nth-child(even) {padding:15px 0 0 5px;}
    .box_list.video .box_item .box_img a::after {width:45px;height:30px;background-image:url(/theme/BS4-Basic/img/btn_video_on.png);}
    .box_list.video .box_item img {width:100%;height:100%;object-fit:cover;}
}

.box_list.main-story {margin:0; background:#393838; padding-bottom:10px;}
.box_list.main-story .box_item {margin:0; /*width:100%;*/ width:calc(100%/4); padding:15px 10px 0;}
.box_list.main-story .box_item .box_title {padding:0; margin:10px 10px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.box_list.main-story .box_item img {border-radius:8px;}
.box_list.main-story .box_item .box_img {position:relative;}

.slide-box-1 .box_item {background:#393838;padding:9px 6px;text-align:center;margin-bottom:16px;}
.slide-box-1 .box_item p {font-size:16px;color:#ffec0c;padding-bottom:10px;}
.slide-box-1 .box_item .box_title {font-size:16px;padding:20px 15px 10px;color:#fff;}

.main-link-icon-wrap {height:239px;overflow:hidden;margin:20px 0;}
.main-link-icon-wrap .img-wrap .img-item {/*height:auto;aspect-ratio:1/1.175;*/}

#main-link-icon {/*padding:20px 0;*/padding:0 35px;display:flex;flex-wrap:wrap;align-items:center;height:auto;}
#main-link-icon .img-wrap {padding:0;height:auto;/*width:calc(100% / 6);*/margin:0;}
#main-link-icon .img-wrap .img-item {position:relative;}
#main-link-icon .img-wrap .img-item div {bottom:42px;}
#main-link-icon .img-wrap .img-item div h4 {font-size:18px;}
#main-link-icon .img-wrap .img-item img {max-width:186px;}

@media (max-width: 1200px) {
    #main-link-icon .img-wrap {/*width:calc(100% / 3)*/}
    .box_list .box_item img {width:100%;height:auto;}
}

@media (max-width: 1024px) {
    .main-wrap {padding:0 5px;}
    .box_list.main-story .box_item {width:calc(100%/2);padding:15px 5px 0;}
    
    .main-link-icon-wrap {height:auto;overflow:hidden;margin:10px 0 30px;aspect-ratio:1 / 0.37}
    #main-link-icon {padding:0 10px;}
    #main-link-icon .img-wrap .img-item div {bottom:18%;}
    #main-link-icon .img-wrap .img-item div h4 {font-size:14px;}
    #main-link-icon .img-wrap .img-item img {max-width:120px;}
    #main-link-icon .owl-nav {display:none;}

    

    .slide-box-1 {padding:0 5px;}
    .box_list .box_item .box_title,
    .slide-box-1 .box_item .box_title {font-size:14px;padding:5px 0;max-height:54px;overflow:hidden;}
    .box_list .box_item p,
    .slide-box-1 .box_item p {font-size:14px;padding-bottom:5px;}    
}

.slick-slider-up .slick-item {background-image:url(../img/main_banner_bg.webp);background-size:cover;}
.slick-slider-up .slick-item .icon {width:120px;}
.slick-slider-up .slick-item .item-wrap {width:1200px;margin:0 auto;padding:0;}
.slick-slider-up .slick-item .item-wrap .txt-wrap {width:70%;}
.slick-slider-up .slick-item .item-wrap .txt-wrap p:nth-child(1) {font-size:22px;font-weight:bold;padding-bottom:20px;}
.slick-slider-up .slick-item .item-wrap .txt-wrap p:nth-child(2) {font-size:16px;}
.slick-slider-up .slick-item .item-wrap .txt-wrap span {color:#ffec0c;}
.slick-slider-up .slick-item .item-wrap .icon-wrap {margin:25px 0;}

@media (max-width: 767px) {
    .slick-slider-up .slick-item .item-wrap {padding:0 8%;}
}

.system {margin:100px 0;}
.system h2 {text-align:center;}
.system h2 span {color:#c43302;}
.system > p {text-align:center;font-size:18px;padding:20px 22%;word-break:keep-all;}

.box_list2 {display:flex;align-items:start;margin-right:-22px;margin-top:50px;}
.box_list2 .box_item {text-align:center;width:calc(100%/4 - 22px);aspect-ratio:1/1.7;background-color:#393838;position:relative;margin-right:22px;border-radius:10px;/*box-shadow:3px 3px 3px #000000bf;*/overflow:hidden;}
.box_list2 .box_item p.img {width:100%;text-align:center;position:absolute;top:7%;font-weight:bold;}
.box_list2 .box_item h3 {width:100%;text-align:center;position:absolute;top:30%;font-size:20px;}
.box_list2 .box_item p.img img {width:auto;height:70px;}
.box_list2 .box_item p.desc {padding:0 20px 0;text-align:left;position:absolute;top:42%;font-size:16px;font-weight:300;color:#bdbdbd;}

.box_list3 {display:flex;align-items:start;flex-wrap:wrap;margin-top:70px;}
.box_list3 .box_item {text-align:center;width:100%;background-color:#393838;position:relative;border-radius:10px;/*box-shadow:3px 3px 3px #000000bf;*/display:flex;align-items:center;margin-bottom:30px;overflow:hidden;}
.box_list3 .box_item div:first-child {width:9%;margin:0 60px;}
.box_list3 .box_item div:last-child {width:91%;}
.box_list3 .box_item:nth-child(1) div.img_wrap img {height:75px;}
.box_list3 .box_item:nth-child(2) div.img_wrap img {height:75px;}
.box_list3 .box_item:nth-child(3) div.img_wrap img {height:80px;}
.box_list3 .box_item:nth-child(4) div.img_wrap img {height:80px;}
.box_list3 .box_item h3 {width:100%;text-align:left;font-size:24px;font-weight:bold;padding:30px 30px 40px;}
.box_list3 .box_item p {padding:0 30px 30px;text-align:left;font-size:16px;font-weight:300;color:#bdbdbd;}

.box_list2.box_list4 .box_item {aspect-ratio:1/1.65;}
.box_list2.box_list4 .box_item p.img {}
.box_list2.box_list4 .box_item p.img img {}
.box_list2.box_list4 .box_item h3 {}

.box_list3.box_list5 .box_item {width:75%;margin:0 auto;}
.box_list3.box_list5 .box_item > div {margin:0;width:100%;}
.box_list3.box_list5 .box_item > div h3 {text-align:center;padding:30px 0;}
.box_list3.box_list5 .box_item > div .img_wrap {margin:30px auto 0;}

@media (max-width: 1024px) {
    .system {margin:20px 0 0;}
    .system h2 {font-size:1.2rem;}
    .system > p.subtitle {font-size:14px;padding:8px 5%;}

    .box_list .box_item {width:calc(100%/2 - 16px);}
    .box_list .box_item p {font-size: 14px;}

    .box_list2 {flex-wrap:wrap;padding:0 10px;margin-right:-10px;margin-top:30px;}
    .box_list2 .box_item {width:calc(100%/2 - 10px);aspect-ratio:1/2;margin-right:10px;margin-bottom:15px;}
    .box_list2 .box_item p.img {top:6%;}
    .box_list2 .box_item h3 {top:23%;font-size:15px;}
    .box_list2 .box_item p.img img {width:auto;height:50px;}
    .box_list2 .box_item p.desc {top:33%;font-size:12px;padding:0 5px 0}

    .box_list3 {margin:20px 10px 0;}
    .box_list3 .box_item {flex-wrap:wrap;}
    .box_list3 .box_item div.img_wrap {width:100%;margin:0;padding:30px 0;}
    .box_list3 .box_item div.img_wrap img {height:60px;}
    .box_list3 .box_item h3 {font-size:17px;padding:0px 5px 25px;text-align:center;}
    .box_list3 .box_item p {font-size:13px;padding:0 10px 25px;}
    .box_list3 .box_item div:last-child {width:100%;}
    
    .box_list2.box_list4 .box_item {aspect-ratio:1/2;}
    .box_list2.box_list4 .box_item h3 {}
    .box_list2.box_list4 .box_item p img {}
    .box_list2.box_list4 .box_item p.desc {}

    .box_list3.box_list5 .box_item {width:100%;}
    .box_list3.box_list5 .box_item > div h3 {padding:25px 0 25px;font-size:18px;}
    .box_list3.box_list5 .box_item > div .img_wrap {padding:25px 0 0;}
}

@media (max-width: 767px) {
    .owl-carousel .owl-item img {height:auto;}
}

@media (max-width: 390px) {
    .box_list2 .box_item {width:calc(100%/2 - 10px);aspect-ratio:1/2.3;margin-right:10px;margin-bottom:15px;}
    .box_list2 .box_item p.desc {top:33%;font-size:12px;padding:0 5px 0}
    
    .box_list2.box_list4 .box_item {aspect-ratio:1/2.4;}
}

.na-title .na-subject h3 {font-size:14px;font-weight:300;}

/* FAQ ¼½¼Ç ½ºÅ¸ÀÏ */
#faq-section {margin: 0 0 100px 0;}
#faq-section .header-line {padding: 5px 0;border-top: 1px solid rgba(0, 0, 0, 0.03);border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
#faq-section .header-line p {font-weight: 400;font-size: 15px;letter-spacing: -1px;color: #fff;text-align: justify;}

/* FAQ Á¦¸ñ ½ºÅ¸ÀÏ */
#faq-section h2 {font-size: 24px;font-weight: 400;color: #fff;padding-bottom: 10px;}
#faq-section .body-line {padding: 20px 0;}

/* °³º° FAQ Ç׸ñ ½ºÅ¸ÀÏ */
#faq-section .faq-item {margin-top: 20px;background-color: #393838;padding: 20px;border-radius: 8px;transition: transform 0.2s ease,box-shadow 0.2s ease;}
#faq-section .faq-item:first-child {margin-top: 0;}

/* ¸¶¿ì½º È£¹ö È¿°ú */
#faq-section .faq-item:hover {transform: translateY(-5px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}

/* Áú¹® ½ºÅ¸ÀÏ */
#faq-section .faq-item h3 {font-size: 18px;font-weight: 400;color: #fff;display: flex;align-items: center;cursor: pointer;margin-bottom: 12px;padding: 0;margin: 0;letter-spacing: -1px;}

/* À̸ðÁö °£°Ý Á¶Á¤ */
#faq-section .faq-item h3::before {margin-right: 8px;}

/* ´äº¯ ½ºÅ¸ÀÏ */
#faq-section .faq-item p {font-weight: 400;font-size: 15px;letter-spacing: -1px;color: #bbb;text-align: justify;margin: 10px 0;}
#faq-section .item-box {display: flex;align-items: center;padding: 0 10px;}
#faq-section .item-box .icon_f {display: flex;justify-content: flex-start;align-items: flex-start;padding-right: 25px;}
#faq-section .item-box .icon_f img {width:50px;height:auto;}
#faq-section .item-box .content_f {flex: 1;padding-left: 5px;}

/* ¸ð¹ÙÀÏ ÃÖÀûÈ­ */
@media (max-width: 768px) {
    #faq-section {margin: 30px 0 10px 0;}
    #faq-section .header-line p {font-size: 13px;text-align:center;}
	#faq-section h2 {font-size: 20px;text-align:center;}
    #faq-section .faq-item {padding: 10px 5px;}
    #faq-section .faq-item h3 {font-size: 16px;justify-content:center;}
    #faq-section .faq-item p {font-size: 14px;}
    #faq-section .item-box {flex-wrap: wrap;}
    #faq-section .item-box .icon_f {padding: 15px 0;width: 100%;}
    #faq-section .item-box .icon_f img {margin: 0 auto;}
}

.notice {background:#c43302;width:100%;height:44px;}
.notice .slick-item-notice {height:100%;}
.notice .slick-item-notice .slick-item {display:flex !important;align-items:center;height:44px;}
.notice .slick-item-notice .slick-item i {font-size:18px;padding:0 12px 0 14px;}
.notice .box {background:#fff;padding:1px 5px;color:#c43302;font-weight:bold;border-radius:7px;margin-right:10px;}
.notice .txt {font-size:16px;}
.notice.show-m {height:38px;background:none;padding:0 5px;}
.notice.show-m .slick-item-notice {background:#393838;border-radius:5px;overflow:hidden;}
.notice.show-m .slick-item-notice .slick-item {height:38px;}
.notice.show-m .box {background:#c43302;color:#fff;}
.notice.show-m .txt {font-size:14px;}
.notice.show-m .slick-item-notice .slick-item i {font-size:16px;padding:0 7px 0 5px;}


.pop-wrap {
width: 410px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #000;
position: fixed;
box-sizing: border-box;
border-radius: 10px;
z-index: 15002;
}

.pop-wrap-inner {
position: relative;
/*border-top-left-radius: 10px;
border-top-right-radius: 10px;*/
border-radius: 10px;
}

.pop-wrap-inner-list {
position: relative;
overflow: hidden;
background-color: transparent;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
}

.pop-wrap-inner-list img {width: 100%;}
.pop-wrap .slick-paging {bottom: 16px;right: 16px;position: absolute;display: inline-flex;-webkit-box-pack: center;justify-content: center;padding: 2px 16px;-webkit-box-align: center;align-items: center;background-color: rgb(104, 104, 104);border-radius: 16px;z-index: 1;}
.pop-wrap .slick-dots {
  li {display: none;justify-content: space-between;color: #fff;line-height: 19px;font-size: 13px;
    &.slick-active {display: flex;}
  }
}

.hd_pops_footer {background-color:#fff !important;color:#000 !important;display:flex;justify-content:space-between;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.hd_pops_footer .hd_pops_reject {background-color:#fff !important;padding:10px 0 10px  20px;border:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.hd_pops_footer button {color:#000 !important;font-size:15px !important;}
.hd_pops_footer .hd_pops_close {background-color:#fff !important;right:10px !important;}
.is-mobile .hd_pops_footer {padding:0;}
.is-mobile .hd_pops_footer button {margin-right:10px;}
.pop-wrap-inner-list .slick-slide {aspect-ratio: 1/0.913;height:auto;}

@media (max-width: 575px) {
  .pop-wrap {width: calc(100% - 30%);}
  .hd_pops_footer button {font-size:14px !important;}
}