@charset "utf-8";
.component .section_line{display: none;}
.sub_cont{padding-top: 150px;}
.section{width:100%;padding:0 80px ;position: relative;z-index: 2;}
.sub_cont .section.intro .section_tit{padding-bottom:120px;}
.sub_cont .section .section_tit .tit{display:block;font-size: 5rem; font-weight: 700; color: #fff;}
.sub_cont .section.board_table .section_tit{margin-bottom: 100px;}
.sub_cont .section.location .section_tit .tit,
.sub_cont .section.business .section_tit .tit{display:block;font-size: 32px; font-weight: 700; color: #fff;}
.sub_cont .board_table .section_tit .tit{display:block;font-size: 32px; font-weight: 700; color: #333;}
.sub_cont .section.intro .section_cont{margin-bottom:200px;}
.sub_cont .section .section_cont{padding-right:300px;}
.sub_cont .section.intro .section_cont p{margin-top:85vh; font-size: 45px;font-weight:900;color: #fff;}
.sub_cont .section.business .section_cont p{font-size:24px;font-weight:900;color: #333;margin-bottom:30px}
/* .sub_cont .section.intro .section_cont p:last-child{padding-bottom: 200px;} */

.sub_cont .section.location .section_tit,
.sub_cont .section.business .section_tit{margin-bottom:45px;}
.sub_cont .section .section_cont .map_wrap{max-width: 1400px;}

.sub_cont .section .section_cont .map_wrap .map_info{width: 100%;margin-top: 45px;}
.sub_cont .section .section_cont .map_wrap .map_info li:first-child{border-top: 2px solid rgba(51,51,51,0.15);}
.sub_cont .section .section_cont .map_wrap .map_info li{border-bottom: 2px solid rgba(51,51,51,0.15);display: flex;flex-wrap: wrap;font-size: 14px;padding: 20px 10px;position: relative;}
.sub_cont .section .section_cont .map_wrap .map_info li span{display: inline-block;width: 50%;line-height: 1.5;}
.sub_cont .section .section_cont .map_wrap .map_info li span:last-child{opacity: 0.5;padding-left: 30px;}

.sub_cont .section .list_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.sub_cont .section .list_wrap .list_item{width: 47%;padding-right:30px; position: relative;}
.sub_cont .section .list_wrap .list_item:nth-child(2n){margin-top:200px}

.sub_cont .section .list_wrap .list_item .list_cate{
    display: block;
    width: auto;
    position: absolute;
    right: 0;
    top: 20px;
    writing-mode: vertical-rl;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
}
.sub_cont .section .list_wrap .list_item .item_box{margin: 0;border-radius: 0;}
.sub_cont .section .list_wrap .list_item .item_box .box_cont{}
.sub_cont .section .list_wrap .list_item .item_box .box_cont .cont_img{margin-bottom:20px;border-bottom: none !important;}
.sub_cont .section .list_wrap .list_item .item_box .box_cont .cont_text{}
.sub_cont .section .list_wrap .list_item .item_box .box_cont .cont_text .text_tit{
    font-size:23px !important;
    line-height:30px !important;
    color: #333 !important;
    max-height: 60px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

.sub_cont .section .list_wrap .list_item .item_box .box_cont .cont_info .gall_date{margin:0 !important;font-size:14px;line-height:1.6;color:#333 !important;opacity: 0.5;}

@media (max-width: 1800px) {
    .sub_cont .section .section_cont{padding-right:120px;}
    .sub_cont .section .list_wrap .list_item:nth-child(2n){margin-top:160px}
}
@media (max-width: 1700px) {
    .sub_cont .section .list_wrap .list_item .list_cate{font-size: 14px;}
}
@media (max-width: 1400px) {
	.section {padding-left: 80px; padding-right: 80px;}
    .sub_cont .section .section_cont{padding-right:100px;}
	.sub_cont .section .section_tit .tit{font-size: 3rem;}
    .sub_cont .board_table .section_tit .tit{font-size: 32px;}
    .sub_cont .section .section_cont{padding-right: 0;}

    .sub_cont .section .list_wrap .list_item:nth-child(2n){margin-top:120px}
    .sub_cont .section .list_wrap .list_item .list_cate{font-size: 12px;}
}

@media (max-width: 1100px) {
	.section {padding: 0 45px;}
    .sub_cont{padding-top: 30px;}
    .sub_cont .section .section_cont{padding-right: 0;}
}
@media (max-width: 768px) {
    .sub_cont .section .list_wrap .list_item{width: 100%;margin-top:50px;}
    .sub_cont .section .list_wrap .list_item:first-child{margin-top:0;}
    .sub_cont .section .list_wrap .list_item:nth-child(2n){margin-top:50px}
}
@media (max-width: 600px) {
	.section {padding:0 15px 30px;}
    .sub_cont .section.business .section_cont p{font-size:18px;font-weight:900;color: #333;margin-bottom:30px}
    .sub_cont .section.location .section_tit,
    .sub_cont .section.business .section_tit{margin-bottom:30px;}
    .sub_cont .section.location .section_tit .tit,
    .sub_cont .section.business .section_tit .tit{font-size: 24px;}
	.sub_cont .section .section_tit .tit{font-size: 30px;}
    .sub_cont .board_table .section_tit{margin-bottom: 25px;}
    .sub_cont .board_table .section_tit .tit{font-size: 30px;}
    .sub_cont .section .section_cont .map_wrap .map_info{margin-top: 30px;}
    .sub_cont .section .section_cont .map_wrap .map_info li{font-size: 14px;padding: 15px 5px;}
    .sub_cont .section .section_cont .map_wrap .map_info li span{width: 100%;}
    .sub_cont .section .section_cont .map_wrap .map_info li span:last-child{padding-left: 0;}


    .sub_cont .section .list_wrap .list_item{width: 100%;padding:20px 0 0 0 !important}
    .sub_cont .section .list_wrap .list_item .list_cate{
        position: absolute;
        right: unset;
        left: 0;
        top: 0;
        writing-mode: unset;
        font-size: 12px;
        line-height: 20px;
    }
    .sub_cont .section .list_wrap .list_item .item_box .box_cont .cont_text .text_tit{font-size:20px !important;}
}
body.about{background-color: #000;}
body.about .header .logo > a{background-image: url('../img/logo.png');}
body.about .hamburger .patty::before, body.about .hamburger .patty::after{background-color: #fff;}
body.about .component .section_line, body.about .component .nav_line{background-color: rgba(255,255,255,0.15);}
.sub_bg{
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url('../img/main_bg_04.jpg') no-repeat center center;
    background-size: cover;
}
body.about .content_wrap{margin-top: 0 !important;}
body.about .mobile .content_wrap{margin-top: 80px !important;;}


/* footer */

/* #wrap .footer{margin-top: 120px;padding-bottom: 60px;}

@media (max-width: 1400px){
    #wrap .footer{margin-top: 100px;}
}

@media (max-width: 1100px){
    #wrap .footer{margin-top: 80px;}
}
@media (max-width: 600px) {
    #wrap .footer{margin-top: 60px;}
} */