@charset "UTF-8";

/* css */
@import url("sabo.css"); /* 변수, 폰트 */
@import url("reset.css"); /* 초기화 */
@import url("swiper-bundle.min.css"); /* 슬라이드 */
 
/*공통*/
body{  overscroll-behavior: none;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;letter-spacing:0}
    /*이미지 효과*/
#wrapper a .img{overflow:hidden;border-radius:var(--sabo-rd-8);display:block; }
#wrapper a .img img{width:100%;transition: all ease 0.3s;object-fit: cover;}
#wrapper a:hover .img{box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.3);}
#wrapper a:hover .img img{transform: scale(1.1);}
.col_blue{color:var(--sabo-primary)}

/***layout***/
#wrapper{width:100%;min-height: 100vh; background-color:var(--sabo-gray-80); overscroll-behavior: none;}

/*header*/
#header{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 var(--sabo-spacer-20);height:10rem;background:url('../images/logo_na.svg') no-repeat top left;z-index:90}
#header .logo svg{height:38px;fill:#111; filter: 
    drop-shadow(1px 0px 0px rgba(255, 255, 255, .7)) 
    drop-shadow(-1px 0px 0px rgba(255, 255, 255, .7)) 
    drop-shadow(0px 1px 0px rgba(255, 255, 255, .7)) 
    drop-shadow(0px -1px 0px rgba(255, 255, 255, .7))}
#header .logo svg .st1{fill:#fff}
#header .logo svg .logo_t{fill:#111}
#header .logo{position:relative;}
#header .logo .ani{position:absolute;top:12%;left:25.5rem;height:6rem;}
#header .btn_wrap{display:flex;gap:var(--sabo-spacer-2)}
#header .btn_wrap button{display:flex;align-items:center;justify-content:center;height:5rem;min-width:5rem;border:0.1rem solid var(--sabo-gray-30);border-radius:var(--sabo-rd-4);}
#header .btn_wrap button.btn_total{color:var(--sabo-gray-70);font-size:var(--sabo-fz-body-sm);font-weight:500;padding:0 var(--sabo-spacer-6);background-color:var(--sabo-white)}
#header .btn_wrap button.btn_search{background-color:var(--sabo-primary);color:var(--sabo-white);border-color:var(--sabo-primary);text-indent:-9999em;font-size:0;color: transparent;}
#header .btn_wrap button:before{display: inline-flex;align-items: center;justify-content: flex-start;flex-direction: row;content: "";width: 2.4rem;height: 2.4rem;}
#header .btn_wrap button.btn_total:before{background: url(../images/ico_total.svg) no-repeat;  background-size: contain;}
#header .btn_wrap button.btn_search:before{background: url(../images/ico_search.svg) no-repeat;  background-size: contain;}
#header .btn_wrap button.btn_search.active:before{background: url(../images/ico_close.svg) no-repeat;  background-size: contain;}

/*footer*/
#footer{position:sticky;transform:none;will-change: auto;border-top: 1px solid transparent;; bottom:0;z-index:40;background-color:var(--sabo-gray-80);display: flex;flex-direction: column;align-items: center;padding:var(--sabo-spacer-16) var(--sabo-spacer-6) var(--sabo-spacer-20) var(--sabo-spacer-6)}
#footer p{color:var(--sabo-gray-60);text-align:center}
#footer img{height:6rem}
#footer .txt{padding:var(--sabo-spacer-4) 0 var(--sabo-spacer-2) 0}
#footer .copyright{font-size:var(--sabo-fz-body-sm);color:var(--sabo-gray-70);}

/*topGo*/
#topGo{display:none;position:fixed;bottom:7%;right:5%;z-index:900;}
#topGo.active{display:flex;}
#topGo a{position:relative;display:flex;align-items:center;justify-content:center;width:6.5rem;height:6.5rem;text-align:center;background-color:var(--sabo-white);border-radius:var(--sabo-rd-40);border:0.1rem solid var(--sabo-gray-30)}
#topGo a:before{content:"";display:inline-flex;width:2.5rem;height:2.5rem;background:url('../images/btn_togo.svg') no-repeat;background-size:contain}
#topGo.on{display:none}

/*고정배너*/
#topGo{display:none;flex-direction: column;justify-content: center;align-items: center;gap:var(--sabo-spacer-2)}
#topGo button{position:relative;display:flex;flex-direction: column;align-items:center;justify-content:center;width:6.5rem;height:6.5rem;text-align:center;background-color:var(--sabo-white);border-radius:var(--sabo-rd-40);border:0.1rem solid var(--sabo-gray-30);font-size:var(--sabo-fz-body-xsm);color:var(--sabo-gray-70)}
#topGo button.btn_copy:before{content:"";display:inline-flex;width:2.5rem;height:2.5rem;background:url('../images/btn_copy.svg') no-repeat;background-size:contain}
#topGo button.btn_share:before{content:"";display:inline-flex;width:3.2em;height:3.2rem;background:url('../images/btn_share.svg') no-repeat;background-size:contain;}
#topGo button:hover{border-color:var(--sabo-secondary);}

/*modal*/
body.no-scroll {height:100%;overflow:hidden;display:fixed}
body.no-scroll #header{background-color:var(--sabo-white)}
#modal_wrap{display:none;}
#modal_wrap.active{display:block;}
#modal_wrap #dullBg {position: fixed;top:10rem;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color:var(--sabo-black);opacity: .8;filter: alpha(opacity=80);z-index: 9998}
#modal_wrap .search_wrap{border-top:0.1rem solid var(--sabo-gray-30);position:absolute;top:10rem;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:var(--sabo-white);width:100%;margin:0 auto;}
#modal_wrap .search_box{min-width:52rem;position:relative;padding:var(--sabo-spacer-12) 0}
#modal_wrap .search_box input{width:100%;color:var(--sabo-gray-70);font-size:var(--sabo-fz-title-lg);border:none;border-bottom:0.2rem solid var(--sabo-primary);padding:0 var(--sabo-spacer-10) var(--sabo-spacer-4) var(--sabo-spacer-2)}
#modal_wrap .search_box button{position:absolute;right:var(--sabo-spacer-1);}
#modal_wrap .search_box button:after{display: inline-flex;align-items: center;justify-content: flex-start;flex-direction: row;content: "";width:3.5rem;height:3.5rem;background: url(../images/btn_search.svg) no-repeat;  background-size: contain;}

/***************************************main***/
.main_warp{background-color:var(--sabo-white);z-index:50;position:relative;;overflow:hidden;}
.main_tit{font-family:'HansolDaum';font-size:var(--sabo-fz-heading-md);color:var(--sabo-black);letter-spacing:-1.rem}
    /*텍스트 두줄로*/
.main_visual .txt_wrap .txt h1,
.main_slide .swiper-slide h4,
.main_list .list_box li .txt_box h4{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:3.2em;}


/*main_visual*/
.main_visual{position:relative;margin-left:var(--sabo-spacer-20);overflow:hidden;text-align:right;}
.main_visual a{color:var(--sabo-white);}
.main_visual .txt_wrap{display:flex;justify-content:center;flex-direction:column;position:absolute;left:0;width:55%;height:calc(100% + 0.1rem);padding:var(--sabo-spacer-18) var(--sabo-spacer-30) var(--sabo-spacer-18) var(--sabo-spacer-18);background:url('../images/main_visual_txt.svg') no-repeat right;background-size:cover;z-index:10;border-radius:var(--sabo-rd-10)}
.main_visual img{object-fit:cover;min-width:65%;max-width:90%;object-position:right center;max-height:60rem}
.main_visual .txt_wrap .txt{position:relative;z-index:90;text-align:left;}
.main_visual .txt_wrap .txt p{font-size:var(--sabo-fz-heading-sm);margin:var(--sabo-spacer-2) var(--sabo-spacer-1);color:var(--sabo-secondary);font-weight:500}
.main_visual .txt_wrap .txt h1{font-size:var(--sabo-fz-heading-xlg);line-height:120%}
.main_visual .txt_wrap .txt span{display:flex;align-items: center;margin:var(--sabo-spacer-6) var(--sabo-spacer-2);font-size:var(--sabo-fz-title-md);}
.main_visual .txt_wrap .txt span:after{display: inline-flex;align-items: center;transition: all ease 0.3s;justify-content: flex-start;flex-direction: row;content: "";width:1.6rem;height:1.6rem;background: url(../images/ico_arrow.svg) no-repeat;  background-size: contain;margin-left:var(--sabo-spacer-2)}
.main_visual a:hover .txt span:after{margin-left:var(--sabo-spacer-4);}
    /*type*/
.sin #header{background:url('../images/logo_sin.gif') no-repeat top left;background-size:contain}
.no #header{background:url('../images/logo_no.gif') no-repeat top left;background-size:contain}
.pla #header{background:url('../images/logo_pla.gif') no-repeat top left;background-size:contain;}/*animation:bg_updown 1s linear infinite alternate;-webkit-animation:bg_updown 1s linear infinite alternate;*/
@keyframes bg_updown {
0% {background-position-y:-1rem;}
100% {background-position-y:0;}
}
@-webkit-keyframes  bg_updown {
0% {-webkit-background-position-y:-1rem;}
100% {-webkit-background-position-y:0;}
}
.fin #header{background:url('../images/logo_fin.gif') no-repeat top left;background-size:contain}
.sin #header .logo svg .logo_t{fill:#27306B}
.no #header .logo svg .logo_t{fill:#10BC07}
.pla #header .logo svg .logo_t{fill:#F2971B}
.fin #header .logo svg .logo_t{fill:#ED145B}
.main_warp.sin .main_visual .txt_wrap{background:url('../images/main_visual_txt_sin.svg') no-repeat right;background-size:cover;}
.main_warp.no .main_visual .txt_wrap{background:url('../images/main_visual_txt_no.svg') no-repeat right;background-size:cover;}
.main_warp.pla .main_visual .txt_wrap{background:url('../images/main_visual_txt_pla.svg') no-repeat right;background-size:cover;}
.main_warp.fin .main_visual .txt_wrap{background:url('../images/main_visual_txt_fin.svg') no-repeat right;background-size:cover;}
.main_warp.sin .main_visual .txt_wrap .txt p{color:#FFD900}
.main_warp.no .main_visual .txt_wrap .txt p{color:#D2FFCF}
.main_warp.pla .main_visual .txt_wrap .txt p{color:#FFD69E}
.main_warp.fin .main_visual .txt_wrap .txt p{color:#FFA9C4}

/*main_slide*/
.main_slide{position:relative;display:flex;padding:var(--sabo-spacer-40) var(--sabo-spacer-20);justify-content:space-between}
.main_slide .tit_box{font-family:'HansolDaum';font-weight:800;padding-right:var(--sabo-spacer-20)}
.main_slide .tit_box h1{font-size:var(--sabo-fz-heading-lg);color:var(--sabo-secondary2);letter-spacing:-0.2rem;font-weight:600}
.main_slide .tit_box h1 strong{color:var(--sabo-secondary);font-weight:600}
.main_slide .tit_box p{font-size:var(--sabo-fz-heading-sm);color:var(--sabo-gray-40)}
.main_slide .slide_box{width:74%;}
.main_slide .swiper-slide{padding:0 10px}
.main_slide .swiper-slide a{display:block;}
.main_slide .swiper-slide a .img img{height:35rem;}
.main_slide .swiper-slide span{display:inline-flex;background-color:var(--sabo-primary);color:var(--sabo-white);font-size:var(--sabo-fz-body-sm);padding:0.2rem var(--sabo-spacer-2) 0.1rem var(--sabo-spacer-2);border-radius:var(--sabo-rd-4);margin:var(--sabo-spacer-4) 0 var(--sabo-spacer-2) 0}
.main_slide .swiper-slide span.blue{background-color:var(--sabo-blue);}
.main_slide .swiper-slide span.green{background-color:var(--sabo-green);}
.main_slide .swiper-slide span.orange{background-color:var(--sabo-orange);}
.main_slide .swiper-slide span.red{background-color:var(--sabo-red);}
.main_slide .swiper-slide span.purple{background-color:var(--sabo-purple);}
.main_slide .swiper-slide h4{font-size:var(--sabo-fz-title-xxlg);font-weight:400;line-height:140%;transition: all ease 0.3s;letter-spacing:-.1rem;line-height:4rem}
.main_slide .swiper-slide a:hover h4{font-weight:500;}
.main_slide .swiper-slide p{font-size:var(--sabo-fz-title-sm);color:var(--sabo-gray-70);padding:var(--sabo-spacer-3) 0;}
.main_slide .slide_box .btn_add{position:absolute;left:23rem;top:calc(70% - 2rem);height:5.8rem;display:flex;min-width:12rem;color:var(--sabo-gray-70);justify-content:center;align-items:center;padding:0 var(--sabo-spacer-4);;border:0.1rem solid var(--sabo-gray-30);border-radius:var(--sabo-rd-40);transition:background-color ease 0.3s, border-color ease 0.3s;;}
.main_slide .slide_box .btn_add:hover{background-color:var(--sabo-primary);color:var(--sabo-white);border-color:var(--sabo-primary)}
.main_slide .swiper-button-prev{left:8rem}
.main_slide .swiper-button-next{left:15rem}
.main_slide .swiper-button-next, .main_slide .swiper-button-prev{top:70%;background-color:var(--sabo-gray-5);border-radius:var(--sabo-rd-full);  background-size: contain;width:6rem;height:6rem;}
.main_slide .swiper-button-next:after, .main_slide .swiper-button-prev:after
{display: inline-flex;align-items: center;justify-content: flex-start;flex-direction: row;content: "";width:4rem;height:4rem;background: url(../images/btn_arrow.svg) no-repeat center;transform: rotate(-180deg)}
.main_slide .swiper-button-next:after{transform: rotate(0deg)}

/*main_list*/
.main_list{position:relative;padding:var(--sabo-spacer-20) var(--sabo-spacer-20) var(--sabo-spacer-22) var(--sabo-spacer-20);background-color:var(--sabo-gray-5);}
.main_list .list_box{display:flex;flex-wrap:wrap;gap:var(--sabo-spacer-8) 0;margin-top:var(--sabo-spacer-8);}
.main_list .list_box li{width:33.3333%;box-sizing:border-box;padding-right:var(--sabo-spacer-8)}
.main_list .list_box li:nth-child(3),
.main_list .list_box li:nth-child(6){padding-right:0;}
.main_list .list_box .img{min-width:20rem;}
.main_list .list_box img{max-width:20rem;height:20rem}
.main_list .list_box li a{display:flex;gap:var(--sabo-spacer-6)}
.main_list .list_box li .txt_box{display:flex;flex-direction:column;align-items:flex-start;position:relative;}
.main_list .list_box li .txt_box span{color:var(--sabo-gray-70);font-size:var(--sabo-fz-body-sm);margin-bottom:var(--sabo-spacer-2);}
.main_list .list_box li .txt_box p{color:var(--sabo-gray-70);font-size:var(--sabo-fz-body-sm);margin-top:var(--sabo-spacer-2);}
.main_list .list_box li .txt_box .type{background-color:var(--sabo-gray-30);border-radius:var(--sabo-rd-2);padding:0.2rem var(--sabo-spacer-2) 0.1rem}
.main_list .list_box li .txt_box h4{font-size:var(--sabo-fz-title-lg);font-weight:400;}
.main_list .list_box li a:hover h4{font-weight:500}
.main_list .list_box li .ico_box{position: absolute;bottom:0;display:flex;justify-content:center;gap:var(--sabo-spacer-3)}
.main_list .list_box li .ico_box span{display:flex;justify-content: center;align-items: center;}
.main_list .list_box li .ico_box span strong{padding-left:var(--sabo-spacer-1)}
.main_list .list_box li .ico_box span:before{display: inline-flex;align-items: center;justify-content: flex-start;flex-direction: row;content: "";width: 2.2rem;height: 2rem;margin-right:var(--sabo-spacer-1)}
.main_list .list_box li .ico_box .ico_views:before{background: url('../images/ico_views.svg') no-repeat;  background-size: contain;}
.main_list .list_box li .ico_box .ico_cmt{background: url('../images/ico_cmt.svg') no-repeat;  background-size: contain;}

/***************************************sub***/
.sub_wrap{position:relative;z-index:50}
.sub_wrap.view #header{}
.content{position:relative;top:20rem;margin-bottom:20rem;background-color:var(--sabo-white)}
.sub_wrap.view .content{top:-10rem;margin-bottom:-10rem;padding-bottom:var(--sabo-spacer-30);width:100%;}
.sub_visual{position:absolute;top:0;z-index:1;width:100%;overflow:hidden;max-height:60rem}
.sub_visual img{width:100%;}
.sub_visual:after{z-index:0;content:"";position:absolute;top:0;z-index:0;width:100%;height:100%;background:url('../images/sub_visual.jpg') no-repeat bottom #fff;animation:zoomBg 4s ease-in-out alternate 0.4s;background-size:cover}
.sub_visual.search:after{background:url('../images/sub_visual_s.jpg') no-repeat bottom #fff;background-size:cover;}
.sub_visual .sub_tit{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;flex-direction:column;height:30rem}
.sub_visual .sub_tit h2{font-family:'HansolDaum';font-weight:700;font-size:var(--sabo-fz-heading-lg)}
.sub_visual .sub_tit p{font-size:var(--sabo-fz-title-md);text-align:center;padding:var(--sabo-spacer-4);width:100%;}
.sub_visual.search .sub_tit p{color:var(--sabo-gray-70)}
.sub_visual.search .sub_tit strong{color:var(--sabo-black)}
.sub_visual .sub_tit .line{font-weight:600;text-decoration:underline;color:var(--sabo-black)}
@keyframes zoomBg {
  0% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
/*board*/
.board_wrap .align_wrap{border:0.1rem solid var(--sabo-gray-30);border-right:none;border-left:0;}
.board_wrap .align_wrap .align_box{display:flex;width:128rem;justify-content: space-between;align-items: center;margin:0 auto;}
.board_wrap .align_wrap select{color:var(--sabo-gray-70);display:inline-flex;padding:var(--sabo-spacer-3) var(--sabo-spacer-10) var(--sabo-spacer-3) var(--sabo-spacer-6);border:none;border-left:0.1rem solid var(--sabo-gray-30);appearance: none;background: url('../images/board_select.svg') no-repeat right;background-size: contain;background-size:4rem;}
.board_wrap .align_wrap select:last-child{border-right:0.1rem solid var(--sabo-gray-30)}
.board_wrap .align_wrap button{color:var(--sabo-gray-70);font-size:var(--sabo-fz-body-sm);margin:0 var(--sabo-spacer-2)}
.board_wrap .align_wrap button:after{background: url('../images/board_align.svg') no-repeat;  background-size: contain;display:inline-block;position:relative;transform: rotate(-180deg);top:-0.1rem;content: "";width:1.2rem;height:1.2rem;margin-left:var(--sabo-spacer-1)}
.board_wrap .align_wrap button.on{font-weight:600}
.board_wrap .align_wrap button.on:after{transform: rotate(-180deg);top:0;}
.board_wrap .align_wrap button.on.asc:after{transform:rotate(0deg);top:0.5rem;}
.board_wrap .align_wrap button.on:after{background: url('../images/board_align_on.svg') no-repeat;background-size: contain;}

.board_wrap .gallery_list{position:relative;width:128rem;margin:0 auto;display:flex;flex-wrap:wrap;padding:var(--sabo-spacer-20) 0;gap:var(--sabo-spacer-20) 4rem}
.board_wrap .gallery_list li{position:relative;width:calc(33.333% - 2.6666rem);}
.board_wrap .gallery_list li .img{height:35rem;max-height:35rem;width:100%}
.board_wrap .gallery_list li .img img{height:100%;}
.board_wrap .gallery_list li .vol_box{display:flex;align-items:center;position:absolute;top:31rem;height:4rem;background-color:var(--sabo-white);padding:0 var(--sabo-spacer-3);font-size:var(--sabo-fz-body-sm);color:var(--sabo-gray-70);border-radius:0 var(--sabo-rd-8) 0 0.7rem;font-weight:600}
.board_wrap .gallery_list li .vol_box .date:before{content:"";display:inline-flex;margin:0 var(--sabo-spacer-3);width:0.1rem;height:1.2rem;background-color:var(--sabo-gray-30)}
.board_wrap .gallery_list li .vol_box .date{font-weight:normal;color:var(--sabo-gray-60)}
.board_wrap .gallery_list li .txt_box > span{display:inline-block;padding:0.2rem var(--sabo-spacer-2);border-radius:var(--sabo-rd-4);margin:var(--sabo-spacer-3) 0;color:var(--sabo-white);font-size:var(--sabo-fz-body-sm);background-color:var(--sabo-primary)}
.board_wrap .gallery_list li .txt_box .blue{background-color:var(--sabo-blue)}
.board_wrap .gallery_list li .txt_box .green{background-color:var(--sabo-green)}
.board_wrap .gallery_list li .txt_box .orange{background-color:var(--sabo-orange)}
.board_wrap .gallery_list li .txt_box .red{background-color:var(--sabo-red)}
.board_wrap .gallery_list li .txt_box .purple{background-color:var(--sabo-purple)}
.board_wrap .gallery_list li .txt_box h4{font-size:var(--sabo-fz-title-xxlg);font-weight:400;line-height:140%;transition: all ease 0.3s;letter-spacing:-.1rem;line-height:4rem;word-break: keep-all;}/*overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:3.2em;*/
.board_wrap .gallery_list li a:hover .txt_box h4{font-weight:500}
.board_wrap .gallery_list li .ico_box{display:flex;gap:var(--sabo-spacer-3);margin-top:var(--sabo-spacer-4)}
.board_wrap .gallery_list li .ico_box span{display:flex;justify-content: center;align-items: center;color:var(--sabo-gray-60);font-size:var(--sabo-fz-body-sm)}
.board_wrap .gallery_list li .ico_box span strong{padding-left:var(--sabo-spacer-1)}
.board_wrap .gallery_list li .ico_box span:before{display: inline-flex;align-items: center;justify-content: flex-start;flex-direction: row;content: "";width:2.2rem;height:2rem;margin-right:var(--sabo-spacer-1)}
.board_wrap .gallery_list li .ico_box .ico_views:before{background: url('../images/ico_views.svg') no-repeat;  background-size: contain;}
.board_wrap .gallery_list li .ico_box .ico_cmt:before{background: url('../images/ico_cmt.svg') no-repeat;  background-size: contain;}

.board_wrap .gallery_list li.search_none{min-height:40rem;width:100%;display:flex;flex-direction: column;align-items:center;justify-content:center;font-size:var(--sabo-fz-title-xlg);color:var(--sabo-gray-70)}

.board_view_img{animation:zoomBg 4s ease-in-out alternate 0.4s;}
.board_view_img img{width:100%;max-height:70rem;object-fit: cover;}

.board_wrap .type_bar h4,
.board_wrap .view_con_wrap,
.commt_wrap ul,
.btn_view_wrap ul{width:1280px;margin:0 auto;}
.board_wrap .type_bar{background-color:var(--sabo-gray-60);position:sticky;top:0;z-index:9;height:4.5rem;}
.board_wrap .type_bar .progress-bar{position:absolute;left:0;top:0;    height:4.5rem;  background-color:var(--sabo-primary);  width: 0%;  z-index:-1}
.board_wrap .type_bar h4{font-weight:400;color:var(--sabo-white);padding:var(--sabo-spacer-2) 0;font-size:var(--sabo-fz-title-md)}
.board_wrap .view_con_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.board_wrap .view_con_wrap .vol_date{display:flex;gap:var(--sabo-spacer-4);color:var(--sabo-gray-80);margin:var(--sabo-spacer-20) 0 var(--sabo-spacer-10) 0;border:0.1rem solid var(--sabo-gray-30);border-radius:var(--sabo-rd-4);padding:var(--sabo-spacer-1) var(--sabo-spacer-4)}    
.board_wrap .view_con_wrap .vol_date span{display:flex;align-items:center}
.board_wrap .view_con_wrap .vol_date span:last-child{color:var(--sabo-gray-60);}
.board_wrap .view_con_wrap .vol_date span:last-child:before{content:"";display:inline-flex;background-color:var(--sabo-gray-30);width:0.1rem;height:1.6rem;margin-right:var(--sabo-spacer-4)}    
.board_wrap .view_con_wrap .tit{font-size:var(--sabo-fz-heading-md);letter-spacing:-0.12rem;text-align:center;line-height:120%}
.board_wrap .view_con_wrap .tit_txt{font-size:var(--sabo-fz-heading-sm);color:var(--sabo-gray-70);margin:var(--sabo-spacer-10) 0;text-align:center}
.board_wrap .view_con_wrap .box_txt{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:var(--sabo-spacer-6);background-color:var(--sabo-gray-5);border-radius:var(--sabo-rd-8);padding:var(--sabo-spacer-8) var(--sabo-spacer-16);color:var(--sabo-gray-70);}  
.board_wrap .view_con_wrap .box_txt p{font-size:var(--sabo-fz-body-lg)}
.board_wrap .view_con_wrap .box_txt svg{width:2.4rem;}
.board_wrap .view_con_wrap .box_txt svg:last-child{transform: rotate(180deg);}
.board_wrap .view_con_wrap .tit_sub{width:100%;font-size:var(--sabo-fz-title-xxlg);font-weight:600;text-align:left;padding:var(--sabo-spacer-16) 0 var(--sabo-spacer-6) 0}
.board_wrap .view_con_wrap .con_txt{color:var(--sabo-gray-70)}    
/*기사볼드*/.board_wrap .view_con_wrap .con_txt b{font-weight:600}
/*기사언더바*/.board_wrap .view_con_wrap .con_txt u{text-underline-offset:3px}
.board_wrap .img_box{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start;margin-bottom:var(--sabo-spacer-4);gap:var(--sabo-spacer-4)}
.board_wrap .img_box img{border-radius:var(--sabo-rd-4)}
.board_wrap .img_box.w24 img{width:24%}
.board_wrap .img_box.w32 img{width:32%}
.board_wrap .img_box.w49 img{width:49%}
.board_wrap .img_box.w100 img{width:auto;margin:0 auto;max-height:80rem} 
    /*type*/
.board_wrap.blue .type_bar{background-color:var(--sabo-blue)}
.board_wrap.blue .view_con_wrap .tit_sub{color:var(--sabo-blue)}
.board_wrap.blue .view_con_wrap .box_txt svg{fill:var(--sabo-blue)}
.board_wrap.green .type_bar{background-color:var(--sabo-green)}
.board_wrap.green .view_con_wrap .tit_sub{color:var(--sabo-green)}
.board_wrap.green .view_con_wrap .box_txt svg{fill:var(--sabo-green)}
.board_wrap.orange .type_bar{background-color:var(--sabo-orange)}
.board_wrap.orange .view_con_wrap .tit_sub{color:var(--sabo-orange)}
.board_wrap.orange .view_con_wrap .box_txt svg{fill:var(--sabo-orange)}
.board_wrap.red .type_bar{background-color:var(--sabo-red)}
.board_wrap.red .view_con_wrap .tit_sub{color:var(--sabo-red)}
.board_wrap.red .view_con_wrap .box_txt svg{fill:var(--sabo-red)}
.board_wrap.purple .type_bar{background-color:var(--sabo-purple)}
.board_wrap.purple .view_con_wrap .tit_sub{color:var(--sabo-purple)}
.board_wrap.purple .view_con_wrap .box_txt svg{fill:var(--sabo-purple)}
.board_wrap.blue .view_con_wrap .box_txt{background-color:var(--sabo-blue-bg)}
.board_wrap.green .view_con_wrap .box_txt{background-color:var(--sabo-green-bg)}
.board_wrap.orange .view_con_wrap .box_txt{background-color:var(--sabo-orange-bg)}
.board_wrap.red .view_con_wrap .box_txt{background-color:var(--sabo-red-bg)}
.board_wrap.purple .view_con_wrap .box_txt{background-color:var(--sabo-purple-bg)}

.board_wrap .credit{width:100%;display:flex;align-items:center;background-color:var(--sabo-primary);border-radius:var(--sabo-rd-8);color:var(--sabo-white);justify-content:flex-start;padding:0 var(--sabo-spacer-6);margin:var(--sabo-spacer-10) 0;height:5.8rem}
.board_wrap .credit span{color:var(--sabo-primary-60);font-weight:600;margin-right:var(--sabo-spacer-3)}
.board_wrap .credit p{display:flex;align-items:center;gap:var(--sabo-spacer-1);margin-right:var(--sabo-spacer-2)}
/*.board_wrap .credit p:before{display: inline-flex;content: "";width: 2.4rem;height: 2.4rem;background: url(../images/ico_credit.svg) no-repeat;  background-size: contain}*/

.board_wrap .mini_interview{width:100%;flex-wrap: wrap;gap:var(--sabo-spacer-4);margin-top:var(--sabo-spacer-16);display:flex;gap:var(--sabo-spacer-6);background-color:var(--sabo-gray-5);padding:var(--sabo-spacer-8);border-radius:var(--sabo-rd-8)}
.board_wrap .mini_interview .mini_con{width:100%;display:flex;border-top:0.1rem dashed var(--sabo-gray-30);padding-top:var(--sabo-spacer-6);gap:var(--sabo-spacer-8);}
.board_wrap .mini_interview img{border-radius:var(--sabo-rd-full);width:30rem;height:30rem;object-position:center;object-fit:cover;}
.board_wrap .mini_interview .mini_con:first-child{border-top:none;padding-top:0}
.board_wrap .mini_interview .txt p{color:var(--sabo-gray-70)}
.board_wrap .mini_interview .txt .top{display:inline-flex;color:var(--sabo-white);padding:var(--sabo-spacer-1) var(--sabo-spacer-4);border-radius:30rem;margin:var(--sabo-spacer-4) 0 var(--sabo-spacer-2) 0}
.board_wrap .mini_interview .txt .top strong{margin-right:var(--sabo-spacer-1)}
.board_wrap .mini_interview .txt h4{font-size:var(--sabo-fz-title-xlg);margin-bottom:var(--sabo-spacer-4)}
.board_wrap.purple .mini_interview .txt .top{background-color:var(--sabo-purple);}
.board_wrap.blue .mini_interview .txt .top{background-color:var(--sabo-blue)}
.board_wrap.green .mini_interview .txt .top{background-color:var(--sabo-green)}
.board_wrap.orange .mini_interview .txt .top{background-color:var(--sabo-orange)}
.board_wrap.red .mini_interview .txt .top{background-color:var(--sabo-red)}

.commt_wrap{background-color:var(--sabo-gray-5);display:flex;padding:var(--sabo-spacer-10) 0}
.commt_wrap li{display:flex;margin:var(--sabo-spacer-2) 0;gap:var(--sabo-spacer-2)}
.commt_wrap li .txt,   
.commt_wrap li input,   
.commt_wrap li.none{display:flex;align-items:center;background-color:var(--sabo-white);border-radius:var(--sabo-rd-8);color:var(--sabo-gray-70);width:100%;min-height:5.8rem;padding:0 var(--sabo-spacer-6)}    
.commt_wrap li .name:before,
.commt_wrap li.none:before{display: inline-flex;content: "";width: 2.4rem;height: 2.4rem;background: url(../images/ico_commt_on.svg) no-repeat;  background-size: contain}    
.commt_wrap li.none:before{background: url(../images/ico_commt_no.svg) no-repeat;  background-size: contain}
.commt_wrap li .txt{padding-right:var(--sabo-spacer-30);position:relative;}
.commt_wrap li .txt .date{position:absolute;right:var(--sabo-spacer-6);font-size:var(--sabo-fz-body-sm);color:var(--sabo-gray-60)}
.commt_wrap li .txt .name{color:var(--sabo-black);font-weight:600;display:flex;align-items: center;gap:0.6rem;margin-right:var(--sabo-spacer-3)}
.commt_wrap li button{height:5.8rem;background-color:var(--sabo-primary-60);border-radius:var(--sabo-rd-8);padding:0 var(--sabo-spacer-6);color:var(--sabo-white)}
.commt_wrap li button.btn_del{background-color:var(--sabo-gray-50)}      
.commt_wrap li input{border:none}

.btn_view_wrap{border:0.1rem solid var(--sabo-gray-30);border-right:none;border-left:none}
.btn_view_wrap ul{position:relative;display:flex;align-items:center;justify-content: space-between;}
.btn_view_wrap ul:after{content:"";width:0.1rem;height:5.8rem;background-color:var(--sabo-gray-30);position:absolute;left:50%}
.btn_view_wrap li{width:50%;display:flex;}
.btn_view_wrap li a{display:flex;align-items:center;height:5.8rem;color:var(--sabo-gray-70);width:100%;}
.btn_view_wrap li a.btn_view_pre:before{display: inline-flex;content: "";width:4rem;height:4rem;background: url(../images/board_select.svg) no-repeat left;  background-size: contain;transform: rotate(90deg);}
.btn_view_wrap li a.btn_view_nxt:after{display: inline-flex;content: "";width:4rem;height:4rem;background: url(../images/board_select.svg) no-repeat right;  background-size: contain;transform: rotate(-90deg)}
.btn_view_wrap li a p{font-weight:600}
.btn_view_wrap li a.is-empty p{font-weight:normal;}
.btn_view_wrap li a p{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 100%;padding:0 var(--sabo-spacer-4)}
.btn_view_wrap li:last-child a p{text-align:right}

.btn_list{width:100%;margin:var(--sabo-spacer-10) auto;text-align:center}
.btn_list a{display:inline-flex;min-width:12rem;height:5.8rem;color:var(--sabo-gray-70);justify-content:center;align-items:center;padding:0 var(--sabo-spacer-4);;border:0.1rem solid var(--sabo-gray-30);border-radius:var(--sabo-rd-40);transition:background-color ease 0.3s, border-color ease 0.3s;;}
.btn_list.big_w a{min-width:26rem}
.btn_list a:hover{background-color:var(--sabo-primary);color:var(--sabo-white);border-color:var(--sabo-primary)}

/*반응형*/

@media (max-width:1760px) {
    .main_visual img{min-width:70%}
}
@media (max-width:1440px) {
    #header{padding:0 var(--sabo-spacer-10);background-position:-4rem}    
    .sin #header,
    .pla #header,
    .fin #header,
    .no #header{background-position:-4rem 0}  
    .main_visual{margin-left:var(--sabo-spacer-10)}
    .main_visual .txt_wrap{padding:var(--sabo-spacer-10) var(--sabo-spacer-30) var(--sabo-spacer-10) var(--sabo-spacer-12);width:60%}
    .main_visual .txt_wrap .txt p{font-size:var(--sabo-fz-title-lg)}
    .main_visual .txt_wrap .txt h1{font-size:var(--sabo-fz-heading-lg);line-height:120%}
    .main_slide{padding:var(--sabo-spacer-20) var(--sabo-spacer-10)}
    .main_slide{flex-wrap:wrap;}
    .main_slide .tit_box p{width:100%;}
    .main_slide .btn_box{position:relative;right:0;} 
    .main_slide .slide_box{width:100%;margin-top:var(--sabo-spacer-10)}
    .main_list{padding:var(--sabo-spacer-20) var(--sabo-spacer-10) var(--sabo-spacer-18) var(--sabo-spacer-10)}
    .main_list .list_box{gap:var(--sabo-spacer-8)}
    .main_list .list_box li{padding-right:0;width:calc(50% - var(--sabo-spacer-4))}
    .main_slide .swiper-button-next, .main_slide .swiper-button-prev{top:25%;}
    .main_slide .swiper-button-next{left:auto;right:17rem}
    .main_slide .swiper-button-prev{left:auto;right:24rem}
    .main_slide .slide_box .btn_add{top:22.5%;left:auto;right:var(--sabo-spacer-10)}
    .board_wrap .align_wrap .align_box{width:100%}
    .board_wrap .align_wrap select:first-child{border-left:none}
    .board_wrap .gallery_list{width:100%;padding:var(--sabo-spacer-20) var(--sabo-spacer-10)}
    .board_wrap .type_bar h4, .board_wrap .view_con_wrap, .commt_wrap ul, .btn_view_wrap ul{width:100%;padding:0 var(--sabo-spacer-10)}
    .board_wrap .type_bar h4{height:4.5rem;display:inline-flex;align-items:center;}
    .commt_wrap li .txt{min-height:5.8rem;height:auto;padding:var(--sabo-spacer-2) var(--sabo-spacer-30) var(--sabo-spacer-2) var(--sabo-spacer-6)}
    .commt_wrap li button{height:auto;min-height:5.8rem}
    .commt_wrap li .txt p{line-height:2.2rem;}
    .board_view_img{width:100%;overflow:hidden}
    .board_view_img img{height:60rem;}
}
@media (max-width:1023px) {
    .board_wrap .gallery_list li{width:calc(50% - 2.6666rem)}
    .board_wrap .img_box{gap:var(--sabo-spacer-3)}
    .board_wrap .mini_interview img{width:25rem;height:25rem}
}
@media (max-width:767px) {
    #header{padding:0 var(--sabo-spacer-6);height:7rem;background-size:369px}     
    #header .logo svg{height:25px;margin-top:0.4rem}
    #header .btn_wrap{gap:var(--sabo-spacer-1)}
    #header .btn_wrap button{height:4rem;width:4rem;min-width:4rem;}
    #header .btn_wrap button.btn_total{text-indent:-9999em;font-size:0;color: transparent;padding:0;background-color:var(--sabo-white)}
    #header .btn_wrap button.btn_search:before{width:2rem;height:2rem;background-size:contain}
    #header .btn_wrap button.btn_total:before{width:3rem;height:3rem;background-size:contain}    

    #footer{padding:var(--sabo-spacer-8) var(--sabo-spacer-6) var(--sabo-spacer-10) var(--sabo-spacer-6)}
    #footer img{height:4rem}
    #footer .txt{font-size:var(--sabo-fz-body-sm);word-break:keep-all}
    #footer .txt br{display:none;}
    #footer .copyright{font-size:var(--sabo-fz-body-xsm)}

    /* topGo */
    #topGo.active{}
    #topGo{bottom:2%;right:3%}
    #topGo a{width:5rem;height:5rem;}
    #topGo a:before{width:1.8rem;height:1.8rem}

    /*modal*/
    #modal_wrap .search_wrap{top:7rem}
    #modal_wrap .search_box{display:flex;justify-content:center;padding:var(--sabo-spacer-6) 0;min-width:100%}
    #modal_wrap .search_box input{width:calc(100% - var(--sabo-spacer-12));padding:0 var(--sabo-spacer-8) var(--sabo-spacer-2) var(--sabo-spacer-1);font-size:var(--sabo-fz-title-sm)}
    #modal_wrap .search_box button{right:var(--sabo-spacer-7);top:1.8rem}
    #modal_wrap .search_box button:after{width:2.5rem;height:2.5rem}

    /*type*/
    .main_warp.sin .main_visual .txt_wrap{background:url('../images/main_visual_txt_sin_mo.svg') no-repeat bottom;background-size:cover;}
    .main_warp.no .main_visual .txt_wrap{background:url('../images/main_visual_txt_no_mo.svg') no-repeat bottom;background-size:cover;}
    .main_warp.pla .main_visual .txt_wrap{background:url('../images/main_visual_txt_pla_mo.svg') no-repeat bottom;background-size:cover;}
    .main_warp.fin .main_visual .txt_wrap{background:url('../images/main_visual_txt_fin_mo.svg') no-repeat bottom;background-size:cover;}
    .sin #header,
    .pla #header,
    .fin #header,
    .no #header
    {background-position:-69px 0;background-size:auto 80px}  
    @keyframes bg_updown {
        0% {background-position-y:-0.7rem;}
        100% {background-position-y:0;}
    }
    @-webkit-keyframes bg_updown {
        0% {-webkit-background-position-y:-0.7rem;}
        100% {-webkit-background-position-y: translate(0, 50px);}
    }

    .main_visual{margin-left:0;height:calc(90vh - 8rem)}
    .main_visual .txt_wrap{border-radius:0;position:relative;width:100%;height:50%;background:url('../images/main_visual_txt_mo.svg') no-repeat bottom;background-size:cover;padding:0 var(--sabo-spacer-6)}
    .main_visual .txt_wrap .txt h1{font-size:var(--sabo-fz-heading-xmd);overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;max-height:4.2em;margin:var(--sabo-spacer-2) 0 var(--sabo-spacer-4) 0}    
    .main_visual .txt_wrap .txt p,
    .main_visual .txt_wrap .txt span{font-size:var(--sabo-fz-title-sm);letter-spacing:-0.04rem;margin:0;}
    .main_visual .txt_wrap .txt span:after{width:1.4rem;height:1.4rem}
    .main_visual img{min-width:100%;max-width:100%;height:50rem;object-position:center;margin-top:-20%}

    .main_tit{font-size:var(--sabo-fz-heading-xmd)}
    .main_slide{padding:var(--sabo-spacer-16) 0 var(--sabo-spacer-6)  0;margin-bottom:var(--sabo-spacer-16)}   
    .main_slide .tit_box{padding:0 var(--sabo-spacer-6);display:flex;flex-wrap:wrap;align-items:flex-end;}
    .main_slide .tit_box .main_tit{width:100%;margin-bottom:var(--sabo-spacer-4)}
    .main_slide .tit_box h1{font-size:var(--sabo-fz-heading-md);line-height:2rem;margin-right:var(--sabo-spacer-2)}
    .main_slide .tit_box p{font-size:var(--sabo-fz-title-md);width:auto;line-height:1rem;}
    .main_slide .slide_box{margin:var(--sabo-spacer-10) 0}
    .main_slide .swiper{padding:0 var(--sabo-spacer-6)}
    .main_slide .swiper-slide a .img img{height:30rem}
    .main_slide .swiper-slide h4{font-size:var(--sabo-fz-title-xlg);line-height:3.3rem}
    .main_slide .swiper-slide p{font-size:var(--sabo-fz-title-xsm)}
    .main_slide .swiper-button-next, .main_slide .swiper-button-prev{top:21.6%;}
    .main_slide .swiper-button-next{left:auto;right:17rem}
    .main_slide .swiper-button-prev{left:auto;right:24rem}
    .main_slide .swiper-button-next, .main_slide .swiper-button-prev{display:none}
    .main_slide .slide_box .btn_add{height:4.5rem;top:auto;bottom:0;left:var(--sabo-spacer-6);right:var(--sabo-spacer-10);min-width:calc(100% - var(--sabo-spacer-12));font-size:var(--sabo-fz-body-sm)}
    .main_slide .swiper-slide{padding:0;}

    .main_list{padding:var(--sabo-spacer-16) var(--sabo-spacer-6)}
    .main_list .list_box{gap:var(--sabo-spacer-6) var(--sabo-spacer-5);margin-top:var(--sabo-spacer-4)}
    .main_list .list_box .img{min-width:100%}
    .main_list .list_box img{height:16rem}
    .main_list .list_box li{width:calc(50% - 1rem)}
    .main_list .list_box li a{flex-direction:column;gap:var(--sabo-spacer-3)}
    .main_list .list_box li .ico_box{position:relative;margin-top:var(--sabo-spacer-1)}
    .main_list .list_box li .txt_box .type{padding:0.2rem var(--sabo-spacer-1) 0.1rem}
    .main_list .list_box li .ico_box span:before{width:1.8rem;height:1.6rem;}
    .main_list .list_box li .ico_box span.ico_views:before{margin-right:0.1rem}
    .main_list .list_box li .ico_box span strong{margin-right:0.2rem;padding-left:0.2rem}
    .main_list .list_box li .txt_box p{margin:var(--sabo-spacer-1) 0 var(--sabo-spacer-3) 0}
    .main_list .list_box li .txt_box h4{font-size:var(--sabo-fz-title-md)}
    .main_list .list_box li .txt_box span,
    .main_list .list_box li .txt_box p{font-size:var(--sabo-fz-body-xsm)}

    .sub_visual:after{background:url('../images/sub_visual_m.jpg') no-repeat bottom #fff;background-size:cover}
    .sub_visual.search:after{background:url('../images/sub_visual_s_m.jpg') no-repeat bottom #fff;background-size:cover}
    .sub_visual .sub_tit{height:24rem;padding-top:7rem;justify-content: flex-start;}
    .content{top:17rem;margin-bottom:17rem}
    .sub_visual .sub_tit h2{font-size:var(--sabo-fz-heading-md)}
    .sub_visual .sub_tit p{font-size:var(--sabo-fz-title-sm)}
    .board_wrap .align_wrap{border-bottom:none}
    .board_wrap .align_wrap .align_box{justify-content:space-between;flex-direction:column;}
    .board_wrap .align_wrap .align_box div{width:100%;display:flex;justify-content:center;align-items: center;}
    .board_wrap .align_wrap select{width:50%;font-size:var(--sabo-fz-body-sm);border-bottom:0.1rem solid var(--sabo-gray-30)}
    .board_wrap .align_wrap select:last-child{border-right:none}
    .board_wrap .align_wrap .align_box div:last-child{height:3.5rem;justify-content: flex-end;padding-right:var(--sabo-spacer-6)}
    .board_wrap .align_wrap button{margin:0 var(--sabo-spacer-1)}
    .board_wrap .align_wrap button:last-child{margin-right:0;}
    .board_wrap .align_wrap button{font-size:var(--sabo-fz-body-xsm);}
    .board_wrap .gallery_list{padding:var(--sabo-spacer-8) var(--sabo-spacer-6);gap:var(--sabo-spacer-14) 0}
    .board_wrap .gallery_list li{width:100%}
    .board_wrap .gallery_list li .img{height:25rem;max-height:25rem;width:100%}
    .board_wrap .gallery_list li .img img{object-position:top;}
    .board_wrap .gallery_list li .vol_box{top:21.5rem;height:3.5rem;font-size:var(--sabo-fz-body-xsm)}
    .board_wrap .gallery_list li .vol_box .date:before{margin:0 var(--sabo-spacer-2)}
    .board_wrap .gallery_list li .txt_box h4{font-size:var(--sabo-fz-title-xlg);line-height:3.3rem}
    .board_wrap .gallery_list li .txt_box > span{margin:var(--sabo-spacer-3) 0 var(--sabo-spacer-2) 0}
    .board_wrap .gallery_list li .ico_box{margin-top:var(--sabo-spacer-3)}
    .board_wrap .gallery_list li .ico_box span{font-size:var(--sabo-fz-body-xsm)}
    .board_wrap .gallery_list li .ico_box{gap:var(--sabo-spacer-2)}
    .board_wrap .gallery_list li .ico_box span:before{width:2rem;height:1.8rem;margin-right:0.2rem}
    
    .board_wrap .gallery_list li.search_none{line-height:1.2;min-height:30rem;font-size:var(--sabo-fz-title-md);text-align:center;}       

    .sub_wrap.view #header{background-color:var(--sabo-white)}
    .sub_wrap.view .content{top:0;margin-bottom:0;}
    .sub_wrap.view .content{padding-bottom:var(--sabo-spacer-10)}    
    .board_wrap .type_bar h4, .board_wrap .view_con_wrap, .commt_wrap ul{padding:0 var(--sabo-spacer-6);}
    .btn_view_wrap ul{padding:0 var(--sabo-spacer-2);}
    .board_view_img img{height:36rem}
    .board_wrap .type_bar{height:3.5rem;}
    .board_wrap .type_bar h4{font-size:var(--sabo-fz-title-xsm);height:3.5rem;}
    .board_wrap .type_bar .progress-bar{height:3.5rem}
    .board_wrap .view_con_wrap .vol_date{margin:var(--sabo-spacer-10) 0 var(--sabo-spacer-8) 0;font-size:var(--sabo-fz-body-xsm);gap:var(--sabo-spacer-2)}
    .board_wrap .view_con_wrap .vol_date span:last-child:before{margin-right:var(--sabo-spacer-2)}
    .board_wrap .view_con_wrap .tit{font-size:var(--sabo-fz-title-xxlg);letter-spacing:-0.08rem;line-height:1.1}
    .board_wrap .view_con_wrap .tit_txt{font-size:var(--sabo-fz-title-md);margin:var(--sabo-spacer-8) 0;line-height:1.2}
    .board_wrap .view_con_wrap .box_txt{padding:var(--sabo-spacer-6) var(--sabo-spacer-6);gap:var(--sabo-spacer-3)}
    .board_wrap .view_con_wrap .box_txt p{font-size:var(--sabo-fz-body-md)}
    .board_wrap .view_con_wrap .box_txt svg{width:1.8rem}
    .board_wrap .view_con_wrap .tit_sub{padding:var(--sabo-spacer-8) 0 var(--sabo-spacer-4) 0}
    .board_wrap .view_con_wrap .tit_sub{font-size:var(--sabo-fz-title-xlg);line-height:120%}
    .board_wrap .img_box{gap:var(--sabo-spacer-2)}
    .board_wrap .img_box.w24 img{width:48.5%}
    .board_wrap .img_box.w32 img{width:48.5%}
    .board_wrap .img_box.w49 img{width:100%}
    .board_wrap .img_box.w100 img{width:100%} 
    .board_wrap .credit span{width:100%;text-align:center;margin-right:0;}
    .board_wrap .credit{flex-wrap:wrap;height:auto;padding:var(--sabo-spacer-3) var(--sabo-spacer-4);justify-content: center;margin:var(--sabo-spacer-6) 0;gap:var(--sabo-spacer-1)}
    .board_wrap .credit p{font-size:var(--sabo-fz-body-sm);line-height:120%;align-items:flex-start;flex-wrap:wrap;}
    .btn_view_wrap li a p{font-size:var(--sabo-fz-body-sm)}
    .btn_list a{height:4.5rem;font-weight:600;font-size:var(--sabo-fz-body-sm);min-width:10rem}
    .btn_list.big_w a{min-width:16rem;margin:var(--sabo-spacer-4) auto}
    
    .board_wrap .mini_interview{flex-direction:column;padding:var(--sabo-spacer-6);margin-top:var(--sabo-spacer-6)}
    .board_wrap .mini_interview .mini_con{flex-direction:column;gap:0}
    .board_wrap .mini_interview img{width:100%;height:auto;border-radius:var(--sabo-rd-4)}
    .board_wrap .mini_interview .txt h4{font-size:var(--sabo-fz-title-md)}
    .board_wrap .mini_interview .txt .top{margin-bottom:var(--sabo-spacer-1)}
    .board_wrap .mini_interview .txt h4{margin-bottom:var(--sabo-spacer-2)}
    .board_wrap .mini_interview .txt .top, .board_wrap .mini_interview .txt p{font-size:var(--sabo-fz-body-sm)}

    .commt_wrap .txt{flex-wrap:wrap}
    .commt_wrap li .txt .name, .commt_wrap li .txt p, .commt_wrap li input, .commt_wrap li.none p{font-size:var(--sabo-fz-body-sm);line-height:1.4}
    .commt_wrap li .name:before, .commt_wrap li.none:before{width:2rem;height:2rem}
    .commt_wrap li .txt, .commt_wrap li input, .commt_wrap li.none{height:auto;min-height:5rem;padding:0;}
    .commt_wrap li .txt{padding-right:0;padding:var(--sabo-spacer-4) var(--sabo-spacer-4);gap:var(--sabo-spacer-1)}
    .commt_wrap li.none, .commt_wrap li input{padding:0 var(--sabo-spacer-4);}
    .commt_wrap li button{min-height:5rem;}
    .commt_wrap li .txt .date{position:relative;right:0;font-size:var(--sabo-fz-body-xsm)}
    
    #topGo button{width:5rem;height:5rem;font-size:0;text-indent:-99999px;}
    #topGo button.btn_share:before{width:3.2rem;height:2.4rem}
}
@media (max-width:340px) { 
    #header .logo svg{height:22px}
    #header{background-size:326px}
    .main_visual .txt_wrap .txt p, .main_visual .txt_wrap .txt span{letter-spacing:-0.08rem}
    .main_warp.sin #header, .main_warp.pla #header, .main_warp.fin #header, .main_warp.no #header{background-position:-64px 0}
    .main_warp.sin #header,
    .main_warp.pla #header,
    .main_warp.fin #header,
    .main_warp.no #header
    {background-size:auto 70px}  
    #header,
    .main_visual .txt_wrap,
    .main_slide .tit_box{padding:0 var(--sabo-spacer-4)}
    .main_list{padding:var(--sabo-spacer-16) var(--sabo-spacer-4) var(--sabo-spacer-20) var(--sabo-spacer-4)}
    .main_list .list_box li{width:100%}
    .main_slide .slide_box{margin:var(--sabo-spacer-10) 0 var(--sabo-spacer-6) 0;}
    .board_wrap .gallery_list{padding:var(--sabo-spacer-6) var(--sabo-spacer-4);gap:var(--sabo-spacer-12) 0}
}

/* 관리자 artical-view */
#wrapper.artical-view .sub_wrap.view .content{top:0;}