@charset "utf-8";
/* 공통 */
.wide-contain { max-width: 1880px; width: 100%; margin: 0 auto; padding-left: 30px; padding-right: 30px; }
.sub-title .fx { display: flex; align-items: center; gap: 5px 0; flex-wrap: wrap; justify-content: space-between;}
.sub-title .fx .left { display: flex; gap: 15px 30px; flex-wrap: wrap; align-items: center;}
.sub-title .fx .icon-area { display: flex; gap: 0 15px; align-items: center;}
.sub-title .fx .iconwrap { position: relative; height: 48px;}
.sub-title .fx .icon-area .icon { display: inline-block; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.sub-title .fx .icon-area .icon.share { background-image: url(../images/sub/share-icon.png);}
.sub-title .fx .icon-area .icon.share.active { background-image: url(../images/sub/share-icon-c.png); }
.sub-title .fx .icon-area .icon.mail { background-image: url(../images/sub/mail-icon.png);}
.sub-title .fx .icon-area .icon.print { background-image: url(../images/sub/print-icon.png);}
.sub-title .fx .icon-area .share-box { position: absolute; left: -18px; top: -195px; border-radius: 30px; box-shadow: 0 0 42px rgba(0,0,0,0.16); width: 325px; padding: 30px; background: #fff; display: none; z-index: 999;}
.sub-title .fx .icon-area .share-box::before { content: ""; position: absolute; left: 30px; bottom: -14px; border-top: 16px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; width: 0; height: 0; }
.sub-title .fx .icon-area .share-box .tit-fx { display: flex; justify-content: space-between; align-items: center;  margin-bottom: 25px; }
.sub-title .fx .icon-area .share-box .tit-fx .tit { line-height: 1em; font-weight: 600; font-size: 16px; color: #2c2c2c; letter-spacing: -.02em; }
.sub-title .fx .icon-area .share-box .tit-fx .share-close { display: inline-block; width: 12px; height: 12px; background: url(../images/sub/sns-close.png) center no-repeat; background-size: contain; }
.sub-title .share-sns { display: flex; justify-content: space-between; text-align: center; padding: 0 15px;}
.sub-title .share-sns a { text-align: center; display: inline-block; }
.sub-title .share-sns a span { display: block; line-height: 1em; font-size: 14px; font-weight: 400; color: #505050; margin-top: 15px; }
.sub-title .open-btn { width: 162px; height: 54px; display: flex; border-radius: 27px; border: 1px solid #7d0004; align-items: center; justify-content: center; font-size: 16px; line-height: 1em; font-weight: 600; color: #7d0004;}

/* 해봉 자승 소개 */
.it-fx { display: flex; }
.it-fx .left { max-width: 620px; width: 100%; }
.it-fx .info { padding: 30px 100px 0 120px; flex: 1 1 auto; min-width: 0; width: 1%; }
.it-fx .info h2 { background: -webkit-linear-gradient(45deg, #121212, #7d0004); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 48px; font-weight: 600; line-height: 1.2em; margin-bottom: 14px; display: inline-block;}
.it-fx .info h4 { font-size: 18px; font-weight: 500; line-height: 1.2em; color: #878787; margin-bottom: 60px; }
.it-fx .info>p { margin-bottom: 35px; font-size: 20px; line-height: 1.8em; font-weight: 300; }
.it-fx .info>p:last-child { margin-bottom: 60px; }
.it-list { display: flex; gap: 10px; margin-bottom: 10px; }
.it-list:last-child { margin-bottom: 0; }
.it-list li { flex: 1; background: #fff; padding: 30px; }
.it-list li .circle { width: 12px; height: 12px; border: 2px solid #7d0004; border-radius: 12px; }
.it-list li .tit { line-height: 1em; margin: 20px 0 28px; font-size: 16px; font-weight: 600; color: #7d0004; }
.it-list li .txt { font-size: 20px; font-weight: 500; line-height: 1.5em; color: #2c2c2c; }
.it-list li .fx { display: flex; align-items: center; margin-bottom: 28px; gap: 10px; }
.it-list li .fx .tit { margin: 0; }
.it-list li .txt p { position: relative; padding-left: 12px; line-height: 1.8em; font-weight: 400; }
.it-list li .txt p::before { content: ""; position: absolute; left: 0; width: 5px; height: 2px; background: #2c2c2c; top: 16px; }
.it-rect { width: 100px; }
.it-rect.bg1 { background: #f2f2f2; margin-top: 100px; height: 73vh;}
.it-rect.bg2 { background: #eee; height: calc(73vh + 100px);}

/* 자승 스님 연보 */
.year-wrap { display: flex; overflow: unset; height: 100%; width: 100%; margin: 0; max-width: 100%; }
.year-tab { max-width: 420px; position: sticky; top: 50px; height: 100%; width: 100%; z-index: 1;}
.year-tab .swiper-wrapper { display: block; }
.year-tab::before { content: ""; position: absolute; left: 10px; width: 2px; height: 93%; background: #dfdfdf; top: 10px; }
.year-tab li { padding-bottom: 33px; }
.year-tab li:last-child { padding-bottom: 0; }
.year-tab li a { position: relative; padding-left: 34px; font-size: 18px; font-weight: 600; line-height: 1.4em; color: #a8a8a8; display: block; transition: .2s;}
.year-tab li a::before { content: ""; position: absolute; left: 6px; width: 10px; height: 10px; border-radius: 22px; background: #dfdfdf; top: 7px; transition: .2s; border: none;}
.year-tab li.active a { color: #2c2c2c; }
.year-tab li.active a::before { border: 6px solid #e7d8d9; background: #7d0004; width: 22px; height: 22px; left: 0; top: 1px; }
.year-ctt { flex: 1 1 auto; min-width: 0; width: 1%; text-align: center; margin-left: -420px; position: relative; }
.year-ctt .firstcloud { position: absolute; right: 0; top: 0; }
.year-ctt .group { padding-bottom: 180px; background: url(../images/sub/sub1-2-bg1.png) center bottom no-repeat; background-size: contain;}
.year-ctt .group:nth-of-type(even) { background-image: url(../images/sub/sub1-2-bg2.png);}
.year-ctt .group .year { font-family: 'Oswald'; font-weight: 400; font-size: 24px; line-height: 1.2em; color: #7d0004; position: relative; }
.year-ctt .group .year::after { content: ""; display: block; width: 4px; height: 42px; margin: 18px auto 28px; background: url(../images/sub/sub1-2-bf.png) center no-repeat; background-size: contain; }
.year-ctt .group .tit { font-size: 48px; font-weight: 700; line-height: 1.2em; color: #2c2c2c; margin-bottom: 65px; }
.year-ctt .group .thumb { max-width: 320px; width: 100%; margin: 0 auto 40px; box-shadow: 0 0 42px rgba(0,0,0,0.16);}
.year-ctt .group .thumb>div {position:relative; padding-bottom:137%; overflow:hidden;}
.year-ctt .group .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.year-ctt .group .thumb>div:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:8px solid #fff;}
.year-ctt .group .txt { font-size: 24px; font-weight: 500; line-height: 1.666em; color: #2c2c2c; margin-bottom: 30px; }
.year-ctt .group .btn-fx {display: flex; justify-content: center; gap: 10px;margin-top:20px;}
.year-ctt .group .btn-fx a { width: 118px; height: 54px; border-radius: 27px; display: flex; align-items: center; justify-content: center; font-weight: 600; line-height: 1em; }
.year-ctt .group .btn-fx a.btn1 { background: #121212; color: #fff; }
.year-ctt .group .btn-fx a.btn2 { color: #7d0004; border: 1px solid #7d0004;}

.year-ctt .group .tumb-wrap{display:flex;margin-bottom:40px;gap:20px;justify-content:center;}
.year-ctt .group .tumb-wrap .thumb{margin:0;}

/* 프린트 상세연보 */
@media print {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    
    .aos-init, .aos-animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    }

    .year-tab { display: none; }
    .sub-title .open-btn { display: none ; }
    .year-ctt { width: 100% ; margin-left: 0; }
    .year-ctt .group { padding-bottom: 7vw;}
    .year-ctt .group .year { font-size: 2.7vw;}
    .year-ctt .group .year::after { display: none; }
    .year-ctt .group .tit { margin-top: 15px; font-size: 4.3vw; margin-bottom: 35px; }
    .year-ctt .firstcloud { display: none; }
    .year-ctt .group { background: #fff ;}
    .year-ctt .group:nth-of-type(even) { background: #fff;}
    .year-ctt .group .thumb { max-width: 240px; margin: 0 auto 30px;}
    .year-ctt .group .txt { font-size: 2.7vw; }
    .year-ctt .group .btn-fx { display: none; }
}

/* 전체연보 */
#allYear {overflow:hidden; }
#allYear .fx { display: flex; height: 100vh;}
#allYear .fx .left { max-width: 400px; width: 100%; display: flex; height: 100%; border-right: 1px solid #ccc; position: relative; transition: .3s;}
.allyear-mobile-btn { position: absolute; top: 50%; transform: translateY(-50%); right: -30px; border-radius: 0 4px 4px 0px; font-size: 16px; font-weight: 600; line-height: 1em; width: 30px; height: 30px; color: #fff; background: #7d0004; border: none; display: none; transition: .3ss;}
#allYear .fx .left.move { left: 0; }
#allYear .fx .left.move .allyear-mobile-btn { transform: rotate(180deg);}
#allYear .fx .left .year { width: 50%; border-right: 1px solid #eee;overflow: auto; }
#allYear .fx .left .year::-webkit-scrollbar { width: 6px; }
#allYear .fx .left .year::-webkit-scrollbar-track { background: #fff; border-radius: 3px; }
#allYear .fx .left .year::-webkit-scrollbar-thumb { background-color: #dfdfdf; border-radius: 3px; }
#allYear .fx .left .year .group { border-bottom: 1px solid #eee; background: #fafafa; display: flex; align-items: center;}
#allYear .fx .left .year .group .tit { width: 60%; font-size: 15px; font-weight: 500; line-height: 1.5em; color: #505050; height: 100%; text-align: center; padding: 0 10px;}
#allYear .fx .left .year .group ul { width: 40%; background: #fff; border-left: 1px solid #eee; }
#allYear .fx .left .year .group ul li {text-align: center; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
#allYear .fx .left .year .group ul li:last-child { border-bottom: none; }
#allYear .fx .left .year .group ul li a { display: block; font-size: 13px; font-weight: 400; color: #676767; line-height: 1em; padding: 7px 5px; position: relative; }
#allYear .fx .left .year .group ul li a::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #7d0004; display: none; }
#allYear .fx .left .year .group ul li a:hover { color: #7d0004; }
#allYear .fx .left .year .group ul li a:hover::after { display: block; }
#allYear .fx .left .year .group ul li.active a { color: #7d0004; }
#allYear .fx .left .year .group ul li.active a::after { display: block; }
#allYear .fx .left .date { width: 50%; display: flex; }
#allYear .fx .left .date .month-list { width: 60%; background: #fafafa; border-right: 1px solid #eee;}
#allYear .fx .left .date .month-list { text-align: center; }
#allYear .fx .left .date .month-list li { position: relative; }
#allYear .fx .left .date .month-list li::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; }
#allYear .fx .left .date .month-list li:last-child::after {display: none;}
#allYear .fx .left .date .month-list li a { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; font-weight: 500; line-height: 1em; color: #505050; height: calc(100% / 13);}
#allYear .fx .left .date .month-list li.active a { background: #7d0004; color: #fff; }
#allYear .fx .left .date .month-list li a:hover { background: #7d0004; color: #fff; }
#allYear .fx .left .date .day-list { width: 40%; }
#allYear .fx .left .date .day-list { text-align: center; }
#allYear .fx .left .date .day-list li { position: relative; background: #fff; }
#allYear .fx .left .date .day-list li::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; }
#allYear .fx .left .date .day-list li:last-child::after {display: none;}
#allYear .fx .left .date .day-list li a { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; font-weight: 400; line-height: 1em; color: #676767; height: calc(100% / 32);}
#allYear .fx .left .date .day-list li.active a { background: #121212; color: #fff; }
#allYear .fx .left .date .day-list li a:hover { background: #121212; color: #fff; }
#allYear .fx .right { flex: 1 1 auto; min-width: 0; width: 1%; height: 100%; position: relative; z-index: 0;}
#allYear .fx .right .pd { padding: 0 40px; }
#allYear .fx .right .top { padding: 20px 0;}
#allYear .fx .right .top .pd { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px 0; }
#allYear .fx .right .top .form { display: flex; gap: 50px; align-items: center; flex-wrap: wrap;}
#allYear .fx .right .top .form>div { display: flex; align-items: center; gap: 50px; position: relative; }
#allYear .fx .right .top .form h3 { line-height: 1em; font-size: 20px; font-weight: 600; color: #2c2c2c; display: inline-block; }
#allYear .fx .right .top .form .search-wrap { display: inline-flex; position: relative; align-items: center; gap: 33px; }
#allYear .fx .right .top .form .input { height: 48px; border-radius: 24px; font-size: 15px; padding: 6px 22px;}
#allYear .fx .right .top .form .search .input { width: 280px; }
#allYear .fx .right .top .form .search .input::placeholder { color: #a8a8a8; }
#allYear .fx .right .top .form .search-wrap .inp { display: flex; gap: 10px; align-items: center;}
#allYear .fx .right .top .form .search-wrap .inp .input { font-size: 15px; color: #505050; letter-spacing: -.03em;}
#allYear .fx .right .top .form .search-wrap .inp .input.datepicker { padding-right:40px; background:#fff url('/images/sub/sub1-2-datepicker.png') right 22px center no-repeat;}
#allYear .fx .right .top .form .search-wrap .inp .input.bg { background: #121212; border: none; color: #fff; cursor: pointer; padding: 0 30px;}
#allYear .fx .right .top .form .btn-sch { border: none; width: 48px; height: 48px; text-indent: -9999em; background: transparent url(../images/sub/sch.png) center no-repeat; position: absolute; right: 0; top: 0; background-size: 18px; }
#allYear .fx .right .top .btn-wrap { display: inline-flex; align-items: center; gap: 30px; }
#allYear .fx .right .top .btn-wrap .refresh-btn { display: inline-block; position: relative; line-height: 1em; font-size: 14px; font-weight: 500; color: #505050; padding-left: 25px; }
#allYear .fx .right .top .btn-wrap .refresh-btn::before { content: ""; position: absolute; left: 0; width: 18px; height: 16px; top: 0; bottom: 0; margin: auto; background: url(../images/sub/refresh-btn.png) center no-repeat; background-size: contain; }
#allYear .fx .right .top .btn-wrap .back-btn { width: 130px; height: 48px; display: flex; border-radius: 24px; border: 1px solid #7d0004; align-items: center; justify-content: center; font-size: 15px; line-height: 1em; font-weight: 700; color: #7d0004;}
#allYear .fx .right .total { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fafafa; padding: 20px 0; font-weight: 500; color: #2c2c2c;}
#allYear .fx .right .btm { height: auto;}
#allYear .fx .right .total strong { font-weight: 700; color: #7d0004; }
#allYear .fx .right .btm::-webkit-scrollbar { width: 6px; }
#allYear .fx .right .btm::-webkit-scrollbar-track { background: #fff; border-radius: 3px; }
#allYear .fx .right .btm::-webkit-scrollbar-thumb { background-color: #dfdfdf; border-radius: 3px; }
#allYear .fx .right .btm ul { display: block; width: 100%; }
#allYear .fx .right .btm ul li { padding: 40px 0; border-bottom: 1px solid #ddd;}
#allYear .fx .right .btm ul li .date { font-size: 18px; font-weight: 600; line-height: 1.4em; color: #2c2c2c; margin-bottom: 25px; }
#allYear .fx .right .btm ul li .date span { color: #a8a8a8; }
#allYear .fx .right .btm ul li .txt { font-size: 15px; color: #676767; line-height: 1.666em; }
#allYear .fx .right .btm ul li .img-wrap { margin-top: 30px; }
#allYear .fx .right .btm ul li .img-wrap .title { font-size: 14px; font-weight: 600; line-height: 1.2em; color: #a8a8a8; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
#allYear .fx .right .btm ul li .img-wrap .flex { display: flex; gap: 10px; flex-wrap: wrap;}
#allYear .fx .right .btm ul li .img-wrap .flex .img { width: 120px; }
#allYear .fx .right .btm ul li .img-wrap .flex .img a {position:relative; padding-bottom:66%; overflow:hidden; display: block;}
#allYear .fx .right .btm ul li .img-wrap .flex .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
#allYear .fx .right .btm ul li .txt-wrap { margin-top: 30px; }
#allYear .fx .right .btm ul li .txt-wrap .col { margin-bottom: 5px; padding: 20px; border: 1px solid #eee; background: #fafafa; display: flex; align-items: center; justify-content: space-between;}
#allYear .fx .right .btm ul li .txt-wrap .col:last-child { margin-bottom: 0; }
#allYear .fx .right .btm ul li .txt-wrap .col .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 10px; display: flex; } 
#allYear .fx .right .btm ul li .txt-wrap .col .info .tit { width: 85px; color: #a8a8a8; font-weight: 600;}
#allYear .fx .right .btm ul li .txt-wrap .col .info .text {flex: 1 1 auto; min-width: 0; width: 1%; font-weight: 500; color: #505050; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
#allYear .fx .right .btm ul li .txt-wrap .col .btn-link { width: 74px; height: 35px; display: flex; align-items: center; justify-content: center; line-height: 1em; border: 1px solid #ddd; background: #fff; font-size: 13px; font-weight: 600; letter-spacing: -.02em; color: #505050; }
#allYear .fx .right .btm ul li .txt-wrap .col .btn-link:hover { border-color: #7d0004; background-color: #7d0004; color: #fff; }
#allYear .fx .right .btm ul li .board-view-files {position:relative; text-align:left; font-size:14px; line-height:1.5em;}
#allYear .fx .right .btm ul li .board-view-files > a {text-decoration:none; }
#allYear .fx .right .btm ul li .board-view-files img {vertical-align:middle; margin-top:-.2em;}
#allYear .fx .right .btm ul li .board-view-files .ico-down {vertical-align:middle; margin-left:4px;}
#allYear .fx .right .btm ul li .board-view-files .num {color:#7d0004;}
#allYear .fx .right .btm ul li .board-view-files .fileLayer {display:none; position:absolute; margin-top:2px; right:0; text-align:left; font-size:12px; font-weight:400; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5; width: 150px; }
#allYear .fx .right .btm ul li .board-view-files .fileLayer a {display:block; text-decoration:none;}
#allYear .fx .right .btm ul li .board-view-files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}
#allYear .fx .right .btm ul li .board-view-files .fileLayer .divClose img {margin-top:0;}

#allYear .fx .right .btm ul li .board-view-files .fileLayer2 {display:none; position:absolute; margin-top:2px; right:0; text-align:left; font-size:12px; font-weight:400; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5; width: 300px; }
#allYear .fx .right .btm ul li .board-view-files .fileLayer2 a {display:block; text-decoration:none;}
#allYear .fx .right .btm ul li .board-view-files .fileLayer2 .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}
#allYear .fx .right .btm ul li .board-view-files .fileLayer2 .divClose img {margin-top:0;}

/* 업적 - 인트로 */
.sub2-tit { background: -webkit-linear-gradient(45deg, #121212, #7d0004); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 48px; font-weight: 600; line-height: 1.2em; display: inline-block;}
.sub2-tit.black { background: none; color: #2c2c2c; display: block; -webkit-text-fill-color:unset;}
.sub2-subtit { font-size: 18px; font-weight: 500; color: #878787; letter-spacing: -.02em; margin-bottom: 28px; }
.sub2-subtit strong { color: #2c2c2c; font-weight: 700; }
.sub2-subtit span { position: relative; display: block; padding-left: 10px; font-size: 16px; font-weight: 300; color: #878787; margin-top: 12px;}
.sub2-subtit span::before { content: ""; position: absolute; left: 0; top: 13px; width: 5px; height: 1px; background: #878787;}
.sub2-subtit.clr { color: #7d0004; }
.sub2-subtit.clr2 { color: #2c2c2c;}
.sub2-subtit.clr3 { color: #505050;}
.sub2-txt { font-size: 20px; line-height: 1.8em; color: #505050; letter-spacing: -.02em; font-weight: 300; }
.sub2-txt strong { font-weight: 600; color: #2c2c2c; }
.ah-intro-fx { display: flex; position: relative; margin-bottom: 180px; align-items: flex-start;}
.ah-intro-fx .right { width: 46%; text-align: right;}
.ah-intro-fx .info { flex: 1 1 auto; min-width: 0; width: 1%; background: url(../images/sub/sub2-bg1.jpg) center no-repeat; background-size: cover; min-height: 730px; padding-left: 310px; padding-right: 30px; padding-top: 55px; }
.ah-intro-fx .info .txtbox { margin-top: 60px; }
.ah-intro-fx .info .sub2-txt { margin-bottom: 33px; }
.ah-intro-fx .info .sub2-txt:last-child { margin-bottom: 0; }
.ah-intro-fx .it-rect { position: absolute; left: 0; top: 0; height: 100%;}
.ah-intro-fx .it-rect.bg1 { left: 100px; height: calc(100% - 100px); }
.ah-intro-list { border-top: 2px solid #2c2c2c;}
.ah-intro-list li { border-bottom: 1px solid #ddd; padding: 50px;display: flex; align-items: center; transition: .3s;}
.ah-intro-list li .thumb { width: 593px; }
.ah-intro-list li .thumb>div {position:relative; padding-bottom:64%; overflow:hidden; }
.ah-intro-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.ah-intro-list li .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 120px; }
.ah-intro-list li .info .tit2 { margin: 25px 0 60px; font-size: 20px; font-weight: 500; color: #2c2c2c; letter-spacing: -.02em; }
.ah-intro-list li .info a { display: inline-block; font-weight: 600; line-height: 1em; color: #7d0004; border: 1px solid #7d0004; padding: 18px 25px; border-radius: 27px; }
.ah-intro-list li:hover { background: #fff;}

/* 업적 - 사회적 역할 강화 공통 */
.social-group { margin-bottom: 180px; }
.social-group:last-child { margin-bottom: 0; }
.social-group .fx { display: flex; align-items: flex-start; margin-top: 90px; }
.social-tit { width: 23%; font-size: 28px; font-weight: 600; line-height: 1.2em; color: #2c2c2c; position: relative; padding-left: 37px; }
.social-tit::before { content: ""; position: absolute; left: 0; width: 17px; height: 24px; background: url(../images/sub/sub2-bf.png) center no-repeat; background-size: contain; top: 4px;}
.social-info { width: 77%; }
.social-history { background: #fff; margin-bottom: 10px; padding: 35px 40px; display: flex; align-items: flex-start;}
.social-history.block { display: block;}
.social-history:last-child { margin-bottom: 0; } 
.social-history .year { font-size: 24px; font-weight: 600; color: #7d0004; letter-spacing: -.02em; width: 160px; }
.social-history.block .year { margin-bottom: 45px; width: 100%; }
.social-history.block .sub2-subtit { margin-bottom: 18px;}
.social-history.block .sub2-subtit:last-child { margin-bottom: 0; }
.social-history .ctt { flex: 1 1 auto; min-width: 0; width: 1%; }
.social-history.block .ctt { width: 100%; }
.social-history .ctt .group { display: flex; margin-bottom: 30px; align-items: flex-start; }
.social-history .ctt .group .col { display: flex; margin-bottom: 15px;}
.social-history .ctt .group .col:last-child { margin-bottom: 0; }
.social-history .ctt .group.block { display: block; }
.social-history .ctt .group:last-child { margin-bottom: 0; }
.social-history .ctt .group .col .date { font-size: 18px; font-weight: 300; color: #878787; letter-spacing: -.02em; width: 105px; }
.social-history .ctt .group .date.wt { width: 170px; }
.social-history .ctt .group .date.wt2 { width: 225px; }
.social-history .ctt .group .date.wt3 { width: 72px; }
.social-history .ctt .group .col .sub2-subtit { flex: 1 1 auto; min-width: 0; width: 1%; } 
.social-history .ctt .group .sub2-subtit { margin-bottom: 0;}
.social-history .ctt .group .sub2-subtit.pt { padding-top: 15px;}
.social-history .ctt .group .left { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px;}
.social-history .ctt .group .txtbox { margin-top: 13px; }
.social-history .ctt .group .col .txtbox { flex: 1 1 auto; min-width: 0; width: 1%; margin-top: 0; }
.social-history .ctt .group .col .txtbox h5 { width: 100%; margin-bottom: 12px;}
.social-history .ctt .group .left .col { margin-top: 30px;}
.social-history .ctt .group .left .col.mg { margin-top: 0; }
.social-history .ctt .group .left .margin-col { margin-top: 30px; }
.social-history .ctt .group .left .margin-col.mg { margin-top: 0; }
.social-history .ctt .group .left .margin-col .col { margin-top: 0; margin-bottom: 15px;}
.social-history .ctt .group .txtbox p { position: relative; font-weight: 300; color: #878787; margin-top: 6px; padding-left: 10px; }
.social-history .ctt .group .txtbox p::before { content: ""; position: absolute; left: 0; width: 5px; height: 2px; background: #878787; top: 12px; }
.social-history .ctt .group .right { display: flex; gap: 16px; color: #505050; margin-bottom: 10px;}
.social-history .ctt .group .right .img .date { line-height: 1em; margin: 25px 0 15px; font-size: 14px; font-weight: 500; color: #878787; }
.social-history .ctt .group .right .img .title { font-size: 20px; font-weight: 500; color: #505050; line-height: 1.2em; }
.social-result { display: flex; gap: 60px; }
.social-result-list { flex: 1 1 auto; min-width: 0; width: 1%; border-top: 1px solid #2c2c2c;}
.social-result-list li { padding: 40px; border-bottom: 1px solid #ddd;}
.social-result-list li .num { width: 58px; height: 30px; border-radius: 15px; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; background: #7d0004; margin-bottom: 25px; font-size: 14px; font-weight: 500; letter-spacing: -.02em; }
.social-result-list li .txt { margin-top: 10px; }
.social-result-list li .txt span { position: relative; display: block; padding-left: 10px; font-size: 16px; font-weight: 300; color: #878787; margin-top: 4px;}
.social-result-list li .txt span::before { content: ""; position: absolute; left: 0; top: 13px; width: 5px; height: 1px; background: #878787;}
.social-result-img .date { line-height: 1em; font-size: 14px; font-weight: 500; color: #878787; margin-top: 25px;}
.social-result-img .title { font-size: 20px; font-weight: 500; color: #505050; line-height: 1.2em; margin-top: 20px;}
.social-tbl-fx { display: flex; margin-top: 65px; flex-wrap: wrap; gap: 60px; }
.social-tbl-fx>div { width: calc(100%/2 - 30px);}  
.social-tbl-fx.mg>div { width: 100%; }
.social-tbl-fx.mg.m0 { margin-top: 0;}
.social-tbl-fx>div h5 { font-size: 20px; font-weight: 700; color: #2c2c2c; position: relative; margin-bottom: 33px; padding-left: 24px;}
.social-tbl-fx>div h5::before { content: ""; position: absolute; left: 0; width: 12px; height: 12px; border-radius: 12px; background: #7d0004; top: 7px;}
.social-tbl-wrap { overflow: auto;}
.social-tbl-wrap.mt { margin-top: 60px; }
.social-tbl { border-collapse: collapse; width: 100%; border-top: 1px solid #222;}
.social-tbl tr th { font-size: 18px; font-weight: 600; line-height: 1.5em; color: #2c2c2c; border-right: 1px solid #2c2c2c; padding: 20px 5px; background: #ebebeb; border-bottom: 1px solid #ddd;}
.social-tbl tr th.bd { border-bottom: 1px solid #2c2c2c;}
.social-tbl tr th:last-child { border-right: none; }
.social-tbl tr th.bdr { border-right: 1px solid #2c2c2c;}
.social-tbl tr td { font-size: 18px; font-weight: 400; color: #505050; border-right: 1px solid #2c2c2c; padding: 20px 5px; text-align: center; border-bottom: 1px solid #2c2c2c;}
.social-tbl.bd tr td { border-bottom: 1px solid #ddd;}
.social-tbl.bd tr:last-child td { border-bottom: 1px solid #2c2c2c;}
.social-tbl tr td:last-child { border-right: none; }
.social-tbl tr td.left { text-align: left; padding-left: 40px; }
.social-imgfx { display: flex; gap: 60px; flex-wrap: wrap; margin-bottom: 80px;}
.social-imgfx>div { width: calc(100%/2 - 30px); }
.social-tbl-fx .table-group { margin-bottom: 45px; }
.social-tbl-fx .table-group .sub2-txt { margin-bottom: 12px; }
.social-tbl-fx .table-group:last-child { margin-bottom: 0; }
.social-tbl-fx .table-group .sub2-subtit.mg { margin-top: 40px; }