@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url('https://cdn.jsdelivr.net/gh/sun-typeface/SUITE@2/fonts/static/woff2/SUITE.css');
  
* {box-sizing: border-box;padding:0;margin:0;}
#site,html{padding:0;}
#site {font-family:"Pretendard Variable", "notokr", sans-serif;word-break: keep-all;letter-spacing: -.03em;padding-top: 90px;}
#site>.container{max-width: 100%;width: 100%;padding:0;margin:0}
#site> .privacy_container{width:1170px;margin:0 auto;padding:0 15px}
a{text-decoration-line: none;}
a:hover{text-decoration-line: none;}
ul,li{list-style: none;margin:0}
.container{max-width: 1260px;padding: 0 30px;margin: 0 auto;}
.container::before,.container::after{display:none}
.mainBoard::before, .mainBoard::after{
    display: none;
} 
strong{
	font-weight:700;
}
:root {
    --page-point-color: #db2473;
    --page-point-color-hover: var(--page-point-color-dark);
    --page-dark-color: #5b5d63;
    --page-dark-color-hover: #3a3b3f;
    --page-point-color2: #FB5236;
	    /* google-material-symbols */
    --gms: "Material Symbols Outlined";
    --gms-grad-low: "GRAD" -25;
    --gms-grad-zero: "GRAD" 0;
    --gms-grad-high: "GRAD" 200;
    --gms-opsz: "opsz" 48;
    /* fill icon */
    --gms-100-fill: "FILL" 1, "wght" 100, var(--gms-opsz);
    --gms-200-fill: "FILL" 1, "wght" 200, var(--gms-opsz);
    --gms-300-fill: "FILL" 1, "wght" 300, var(--gms-opsz);
    --gms-400-fill: "FILL" 1, "wght" 400, var(--gms-opsz);
    --gms-500-fill: "FILL" 1, "wght" 500, var(--gms-opsz);
    --gms-600-fill: "FILL" 1, "wght" 600, var(--gms-opsz);
    --gms-700-fill: "FILL" 1, "wght" 700, var(--gms-opsz);
    /* outlined icon */
    --gms-100-out: "FILL" 0, "wght" 100, var(--gms-opsz);
    --gms-200-out: "FILL" 0, "wght" 200, var(--gms-opsz);
    --gms-300-out: "FILL" 0, "wght" 300, var(--gms-opsz);
    --gms-400-out: "FILL" 0, "wght" 400, var(--gms-opsz);
    --gms-500-out: "FILL" 0, "wght" 500, var(--gms-opsz);
    --gms-600-out: "FILL" 0, "wght" 600, var(--gms-opsz);
    --gms-700-out: "FILL" 0, "wght" 700, var(--gms-opsz);
}
/* 불필요 항목 삭제 */
.navbar .caret{display:none;}

/* 상단 메뉴 */
.navbar-inverse>.container{max-width: 1260px;}
.navbar-inverse{background:#fff;/* position:static; */margin-bottom:0;border-bottom: 1px solid #e5e5e5;}

.navbar-inverse .navbar-brand img{width: 190px;}
.navbar-header{height: auto;}
.navbar-inverse .navbar-nav{}
.navbar-inverse .navbar-right{}
.navbar-inverse .navbar-nav .dropdown{}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu{
    width: 200px;
    padding: 0px;
}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu>li{}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu>li>a{
    padding: 15px 25px;
    color: #333;
    font-weight: 400;
    font-size: 17px;
    transition: all 0.25s;
}

.navbar-inverse .navbar-nav .dropdown .dropdown-menu>li+li > a {
    border-top: 1px solid #eaeaea;
}
.navbar-inverse .navbar-nav > li:last-child > a{padding-right: 30px;}
.navbar-inverse .navbar-nav > li > a{padding: 37px 40px;font-size: 19px;font-weight: 600;color: #111;letter-spacing: 0;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li:hover > a,.navbar-inverse .navbar-nav > li:focus > a,
.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle{
    color:var(--page-point-color);
    background: transparent; 
}

.navbar-inverse .navbar-nav .dropdown .dropdown-menu>li>a:hover{background: var(--page-point-color);color: #fff;}
.navbar-brand{height: auto;margin-left: 0 !important;padding: 12px 0 17px;}
@media (max-width: 767px) {
 /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
 .navbar-inverse .navbar-toggle{border:0;padding:9px 0;margin-top: 31px;}
 .navbar-inverse .navbar-toggle .icon-bar{background-color:#666;transition:ease-in-out .15s all;opacity:1;position:relative;}
 .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background:none;border-color:#222;margin-top: 31px;}
 .navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#222;}
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:transparent;}

 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(1){transform:rotate(45deg);top:6px;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(2){opacity:0;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(3){transform:rotate(-45deg);top:-6px;}
}

@media (min-width: 768px) {
 .navbar-inverse .navbar-nav .dropdown-menu{left:50%;right:auto;transform:translate(-50%,0);border: 1px solid #eee;padding:10px 0;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.125);box-shadow:0px 4px 8px rgba(0,0,0,.125);animation-fill-mode: both;animation-duration: 0.4s;animation-name: fadeIn;border-radius: 0;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a{padding:5px 20px;text-align: center;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus{background:none;font-weight:600;}
}

@media (min-width: 992px) {
 .navbar-inverse .navbar-right{margin-right:-30px;}
 
}

/* 슬라이드 공통 */
#mainCarousel .carousel-inner .item{
    height: 650px;
}
.carousel-control{text-shadow:0px 2px 6px rgba(0, 0, 0, .125);transition:ease-in-out .15s all;}
.carousel-control.left .glyphicon::before{content:'\f053';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-control.right .glyphicon::before{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-indicators li{width:12px;height:12px;background-color:rgba(255,255,255,.1);border:1px solid #fff;margin:0 8px;border-radius:0;transition:ease-in-out .15s all;}
.carousel-indicators li.active{width:12px;height:12px;background-color:#fff;margin:0 8px;box-shadow:0px 2px 6px rgba(0, 0, 0, .125);transform:rotate(45deg);}

.carousel-caption {
    text-shadow: none;
    top: 70%;
    left: 18.5%;
}
.carousel-caption h1{
    text-align: left;
    color: var(--page-point-color);
    letter-spacing: -0.01em;
    margin: 0;
    line-height: 1.2;
    font-size: 52px;
    font-weight: 700;
}
@media (max-width: 767px) {
 .carousel-control{font-size:14px;}
 .carousel-indicators li, .carousel-indicators li.active{width:6px;height:6px;}
}
/* 메인 페이지 */
.section{padding: 70px 0;}
.mainContent{

}
.mainBoard{
    display: flex;
    margin: 0 -10px;
}
.mainBoard .board{
    height: 265px;
    padding: 0 10px;
}
.mainBoard .linkBox{
    height: 265px;
    padding: 0 10px;
    gap: 20px;
    display: flex;
}
.mainBoard .linkBox .link{
    width: 50%;
    gap: 20px;
    /* padding: 0 10px; */
}
.mainBoard .board:first-child>a{
    position: relative;
    background: url("/public/img/main/main01.jpg");
    padding: 40px 35px 30px  35px;
    filter: saturate(0.75);
}

.mainBoard .board:first-child>a:hover {
    filter: none;
}

.mainBoard .board:first-child>a:hover .more .text {
    /* background: #fff; */
    /* color: #000; */
}

.mainBoard .board:first-child>a:hover::before {
    background: rgb(219 36 115 / 60%);
}
.mainBoard .board>a::before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    transition: all 0.3s;
}
.mainBoard .board .tit h3{
    color: #fff!important;
    font-size: 28px;
}
.mainBoard .board .tit .desc{
    color: #fff !important;
    font-size: 18px;
}
.mainBoard a{
    display: inline-flex;
    position: relative;
    flex-flow: column;
    background: #f3f5f6;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    padding: 30px 30px;
    transition: all 0.15s;
}

.mainBoard a:hover {
    background: #e5e8eb;
    /* box-shadow: 4px 4px 25px rgba(0,0,0,0.1); */
}
.mainBoard .tit{
    position: relative;
}
.mainBoard .tit h3{
    margin: 0 0 16px;
    font-size: 22px;
    font-weight: 600;
    color: #1f2533;
    letter-spacing: -0.025em;
}
.mainBoard .tit .desc{
    font-size: 15px;
    color: #78787b;
    margin: 0;
}
.mainBoard .more{
    display: flex;
    position: relative;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 5px;
}
.mainBoard .more .text{
    padding: 0.6em 1.2em;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: var(--page-point-color);
    letter-spacing: 0;
}
.mainBoard .more .material-symbols-outlined{
    font-size: 55px;
    --wght: 200;
    transform: translateY(10px);
    color: #a1a4ab;
}
.mainBoard .more .icon{
    
}

.board .more .text{color: #fff;background: transparent;border: 2px solid #fff;transition: all 0.3s;}
.board .more .material-symbols-outlined{color: #fff;display: none;}



/* 서브페이지 */
.subPage{
    padding-bottom: 100px;
}

#about01.subPage {
    padding-bottom: 80px;
}
.subpageHeader{
    position: relative;
    align-items: center;
    display: flex;
    height: 300px;
}
.subpageHeader .bg{
    height: 100%;
    position: absolute;
    content: "";
    width: 100%;
}
[id^="about0"] .subpageHeader .bg{
    background:url(/public/img/sub/subBg01.jpg) no-repeat center / cover;
}
[id^="products"] .subpageHeader .bg{
    background:url(/public/img/sub/subBg02.jpg) no-repeat center / cover;
}
[id^="notice0"] .subpageHeader .bg{
    background:url(/public/img/sub/subBg03.jpg) no-repeat center / cover;
}
[id^="support0"] .subpageHeader .bg{
    background:url(/public/img/sub/subBg04.jpg) no-repeat center / cover;
}
.subpageHeader .bg::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.45); */
}
.subpageHeader .subpageTit{position: relative;}
.subpageHeader .subpageTit h2{
    color: #fff;
    text-align: center;
    font-size: 41px;
    margin: 10px 0 0px;
    font-weight: 600;
}
.subLink{
    margin-top: -55px;
}
.subLink ul{
    display: flex;
    background: rgba(0, 0, 0, .45);
    position: relative;
    /* backdrop-filter: blur(10px); */
}
.subLink ul li{
    width: 100%;
    position: relative;
    text-align: center;
    height: 55px;
    font-size: 20px;
}
.subLink ul li.active{
    background: var(--page-point-color);
}
.subLink li.active a{
}
.subLink li a{
    color: #fff;
    display: block;
    width: 100%;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 400;
    align-content: center;
    position: relative;
}
.subLink li a::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: rgb(255 255 255 / 23%);
    right: 0;
    top: 0;
}
.subLink li:last-child a::after{
    display: none;
}
.subLink li.active a::after{
    display: none;
}
section{
}
.subBox{
    padding-top: 80px;
}
.subBox .subTit{
    text-align: center;
}
.subBox .subTit h3{
    text-align: center;
    margin: 0 0 45px;
    font-size: 26px;
    line-height: 1.55;
    color: var(--page-point-color);
    font-weight: 600;
    letter-spacing: -0.02em;
}
.subBox .subTit p{
    font-size: 18px;
    line-height: 1.85;
    margin: 0;
    letter-spacing: -0.034em;
}

.subBox .subTit p + p {margin-top: 35px;}
.subBox .subContent{
}


.company{
    
}
.company .imgBox{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.company .imgBox img{
    height: 100%;
    object-fit: contain;
    background: #ddd;
}


.history{
}
.history .hisBox{
    display: flex;
    padding: 40px 0;
    gap: 10%;
    border-top: 1px solid #e5e5e5;
}
.history .hisBox .hisTit{
    width: 23%;
}
.history .hisTit h3{
    font-size: 26px;
    font-weight: 600;
    line-height: 1.7em;
    margin: 0;
    color: var(--page-point-color);
}
.history .hisText{
    width: 67%;
}
.history .hisText p{
    font-size: 18px;
    color: #454545;
    line-height: 1.7;
    margin: 0;
    font-weight: 500;
}
.history .hisText img{
    height: 340px;
    object-fit: cover;
    margin-top: 40px;
}


/* 테이블 */

.search_wrap{
    margin: 0 0 30px;
}
.subject_col{
    max-width: 700px;
    width: 250px;
}
.table.table_default tbody .subject {
    text-align: center;
}
.board_wrapper{
    margin: 0;
}
.board_wrapper.board_list_list{
    overflow: auto;
}
#reply{
    display: none;
}
#search_btn{
    padding-top: 11.5px;
    padding-bottom: 11.5px;
    font-weight: 600;
}
table.table_default{
    border-top: 2px solid #868686;
}
.table.table_default thead th{
    background: #fff;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-weight: 600;
    font-size: 16px !important;
}

.table.table_default tr th,
.table.table_default tr td {
    font-size: 16px;
    border-color: #e3e3e3;
}

.table.table_default tbody tr th {
    font-weight: normal;
}

 .table.table_default tr td {
     color: #777;
 }

.table.table_default tbody .subject a {
    color:#333;
    letter-spacing: 0;
    font-weight: 500;
}

.table.table_default tbody .subject a:hover {
    text-decoration: underline;
}

select.form-control{
    height: 45px;
    padding: 5px 9px;
}
.form-control{
    height: 45px;
    vertical-align: top;
}
.search_wrap #search_kind{
    width: 83px;
    font-size: 16px;
    font-weight: 500;
}
.search_wrap #search_query{
    width: 300px;
}
#search_query:focus{
    border:2px solid #000 ;
    border-radius: 5px;
}
#search_kind:focus{
    border-color:var(--page-grey-color);
    
}

.board_data_view {
    border-top: 2px solid #868686;
}
.board_data_view .header_wrap {
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 15px;
}

.board_data_view .header_wrap .title {
    font-weight: 600;
    font-size: 22px;
}
.board_data_view .contents_inner {
    font-size: 16px;
}
.board_data_view .contents_wrap {
    padding: 50px 0;
}


/*
.num_col{width: 75px;}
.subject_col{width: 810px;}
.writer_col{width: 120px;}
.regdate_col{width: 140px;}
.hits_col{width: 75px;} */

/* btn */
.btn {
    transition: all 0.25s;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
    color: #000;
    background-color: var(--page-point-color-hover);
}
.board_wrapper.board_blog2_list{
    padding-top: 20px;
    border-top: 2px solid #000;
}
[id^=product] .table_blog2{margin-left: -10px;margin-right: -10px;}
[id^=product] .board_data_view .contents_wrap img {
    height: 100%;
    object-fit: contain;
}
[id^=product] .table_blog2 .bottom>.title{
    text-align: center;
    padding: 0;
}
[id^=product] .table_blog2 .bottom{
    text-align: center;
    padding: 0;
}
[id^=product] .table_blog2 .bottom a{
    display: block;
    padding: 15px;
    width: 100%;
}
[id^=product] .table_blog2 .inner:hover .bottom a{
    color: #333;
    text-decoration-line: underline;
}
[id^=product] .table_blog2 .bottom a:hover{
    color: #333;
    text-decoration-line: underline;
}
[id^=product] .table_blog2 .bottom>.info{
    display: none;
}
[id^=product] .board_data_view{
    border-top: 0;
}
[id^=product] .header_wrap{
    border: 0;
    position: relative;
}
[id^=product] .header_wrap::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    width: 40px;
    height: 3px;
    background: var(--page-point-color);
}
[id^=product] .header_wrap .title{
    text-align: center;
    font-size: 25px;
}
[id^=product] .header_wrap .info{
    display: none;
}
:where(.table_blog2,) .inner .top a span.thumb {height: 225px;background-size: contain;}
:is(.table_blog2) a span.thumb + img.thumb {
    height: 300px;
}
[id^=product] .contents_inner>.imgBox{
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 750px; */
    border: 1px solid #ddd;
}
[id^=product] .contents_inner>span{
    display: block;
    margin: 15px 0 45px;
    font-weight: 600;
}
[id^=product] .contents_inner>h5{
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: var(--page-point-color);
    line-height: 1.3em;
    border-bottom: 2px solid #242424;
}
[id^=product] .contents_inner>p:not(.imgBox){
    position: relative;
    padding-left: 20px;
}
[id^=product] .contents_inner>p:not(.imgBox)::before{
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000;
}
[id^=product] :where(.table_blog2) .inner .top a {
    position: relative;
    display: block;
    padding: 30px;
}
[id^=product] .table_blog2.row>.col-sm-3{
    padding: 0 10px;
}
/* 푸터 */
#site footer{
    margin-top:0px;
    font-size: 14px;
    color: #74757f;
    padding: 35px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
#site footer .footer-info{
}
#site footer .footer-info ul{
    position:relative;
    margin:0;
    padding:0;
    font-size:0
}
#site footer .footer-info ul li{
    list-style:none;
    display:inline-block;
    margin-right: 14px;
    letter-spacing: -0.03em;
    font-size: 14px;
    line-height: 1.7em;
}

#site footer .footer-info ul li:last-child {
    opacity: 0.7;
    font-size: 13px;
}
#site footer .footer-info .logo img {
    height: 70px;
    opacity: 0.9;
}
#site footer .footer-info .info {
}
#site footer .footer-info ul li:first-child {
    margin: 00;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
}
#site footer .footer-info ul li.copy {
    margin-top: 3px;
    font-size: 12px;
    color: #666;
}



@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}


/* 반응형 */
@media (max-width:992px){
    .subject_col{
        width: 180px;
    }
    :where(.table_blog2,) .inner .top a span.thumb {
        height: 180px;
    }
    [id^=product] :where(.table_blog2) .inner .top a {
        padding: 15px 10px;
    }
    .history .hisText p {
        font-size: clamp(15px, 1.81vw, 18px);
        color: #454545;
        line-height: 1.7;
        margin: 0;
        font-weight: 500;
    }
    .history .hisTit h3 {
        font-size: clamp(20px, 2.62vw, 26px);
        font-weight: 600;
        line-height: 1.7em;
        margin: 0;
        color: var(--page-point-color);
    }
    .subBox .subTit p {
        font-size: clamp(14px, 1.81vw, 18px);
    }
    .subLink li a {
        font-size: clamp(16px,2.02vw,20px);
    }
    .subBox .subTit h3 {
        font-size: clamp(18px, 2.62vw, 26px);
    }
    .subpageHeader .subpageTit h2 {
        font-size: clamp(23px, 4.13vw, 41px);
    }
    .mainBoard a {
        padding: 30px 15px;
    }
    .navbar-inverse .navbar-brand img {
        width: 150px;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 38px 15px;
    }
    .navbar-brand {
        padding: 24px 0 19px;
    }
    #mainCarousel .carousel-inner .item {
        height: 400px;
    }
    .carousel-caption h1 {
        font-size: clamp(30px, 5.24vw, 52px);
    }
}
@media (max-width:991px){
    .mainBoard{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .mainBoard a {
        padding: 30px 15px;
    }
}
@media (max-width: 767px) {
    .num_col{
        width: 16.5%;
    }
    .subject_col{
        width: 20%;
    }
    .writer_col{
        width:20%;
    }
    .regdate_col{
        width: 25%
    }
    .hits_col{
        width: 18.5%;
    }
    .table.table_default tr th, .table.table_default tr td {
        font-size: clamp(7px,1.82vw,14px);
    }
    .table.table_default thead th {
        font-size: clamp(7px,1.82vw,14px) !important;
    }
    .history .hisText {
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 15px 15px;
    }
    #mainCarousel .carousel-inner .item {
        height: 350px;
    }
    .navbar-inverse .navbar-nav .dropdown .dropdown-menu>li+li > a {
        border-bottom: 1px solid #eaeaea;
    }
    /* .search_wrap :is(#search_kind, #search_query, #search_btn, #write_btn) {
        width: auto;
        display: inline-block;
        margin-bottom: 0px;
    } */
}
@media (max-width:576px){
    :where(.table_blog2,) .inner .top a span.thumb {
        height: 150px;
    }
    .search_wrap #search_query {
        width: 191px !important;
    }
    .search_wrap .btn {
        padding: 10px 10px;
    }
    .search_wrap #search_kind {
        width: 140px !important;
    }
    .subLink ul li {
        height: 40px;
    }
    .subLink {
        margin-top: -40px;
    }
    .subLink li a {
        padding: 8px 0;
    }
    .subpageHeader {
        position: relative;
        align-items: center;
        display: flex;
        height: 200px;
    }
    .history .hisBox {
        flex-direction: column;
        padding: 40px 0;
        gap: 0%;
        border-top: 1px solid #e5e5e5;
    }
    .history .hisBox .hisTit {
        width: 100%;
    }
    .history .hisText {
        width: 100%;
        margin-top: 30px;
    }
    .navbar-inverse .navbar-nav > li > a {
        font-size: 16px;
    }
    #site footer .footer-info ul li:first-child {
        font-size: 14px;
    }
    #site footer .footer-info ul li {
        font-size: 12px;
    }
    #site footer .footer-info ul li:last-child {
        font-size: 11px;
    }
    .mainBoard .more .material-symbols-outlined {
        font-size: 43px;
    }
    .mainBoard .more {
        margin-top: 20px;
    }
    .mainBoard .tit h3 {
        font-size: 20px;
    }
    .mainBoard .tit .desc {
        font-size: 13px;
    }
    .mainBoard .more .text {
        font-size: 12px;
    }
    .mainBoard .board .tit h3 {
        font-size: 20px;
    }
    .mainBoard .board {
        height: 210px;
    }
    .mainBoard .board .tit .desc {
        font-size: 13px;
    }
    .navbar-inverse .navbar-brand img {
        width: 100px;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #222;
        margin-top: 24px;
    }
    .navbar-inverse .navbar-toggle{
        margin-top: 24px;
    }
    #mainCarousel .carousel-inner .item {
        height: 300px;
    }
    #site {
        padding-top: 76px;
    }
    .mainBoard .linkBox {
        height: auto;
        padding: 0 10px;
        gap: 20px;
        flex-direction: column;
    }
    .mainBoard .linkBox .link {
        width: 100%;
    }
}
