@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); /* font-family: "Inter", sans-serif; */

[data-aos^=fade][data-aos^=fade].aos-animate,
[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1 !important;transform:translateZ(0) !important;}

.typeMain #dim{width:calc(100% - 90px);left:90px;}
.typeMain #header{margin-left:90px;width:calc(100% - 90px);background-color:var(--color-background-white);}
.typeMain #header::after{background-color:var(--color-divider-gray-darker);opacity:1;top:89px;}
.typeMain header .pc_util{display:flex;align-items:center;position:absolute;left:-90px;top:0;width:90px;height:90px;}
.typeMain header .pc_util a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.typeMain header .pc_util a::before{content:"";display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;mask:url(../img/layout/ico_login.svg) no-repeat center center/contain;background-color:var(--color-icon-gray);}
.typeMain header .pc_util a:focus-visible{outline-offset:-2px;}
.typeMain header .logo>a>span{display:block;}
.typeMain header .logo>a>img{display:none;}
.typeMain header>nav #gnb>li>a{color:#212121;}
.typeMain header .top_util .group_util{display:none;}
.typeMain header .top_util .btn_topSitemap::after{background-color:#222;}
.typeMain #contents{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;padding:90px 0 0 90px;height:100vh;border-bottom:1px solid var(--color-divider-gray-darker);max-width:1920px;margin:0 auto;}
.typeMain .topBtn{display:none !important;}
.typeMain #footer{border-top:transparent;}

.svgIcon{display:inline-flex;transition:0.4s ease-in-out;mask-repeat:no-repeat;mask-position:center;mask-size:contain;forced-color-adjust: none;}


.mQuickArea{position:absolute;width:90px;height:100%;left:0;top:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:end;align-content:end;background-color:var(--color-background-white);}
.mQuickArea::before{content:"";width:1px;height:100%;position:absolute;right:0;top:0;background-color:var(--color-divider-gray-darker);}
.mQuickArea .btn_login{width:90px;height:90px;display:flex;align-items:center;justify-content:center;}
.mQuickArea .btn_login::before{content:"";display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;mask:url(../img/layout/ico_login.svg) no-repeat center center/contain;background-color:var(--color-icon-gray);}
.mQuickArea .btn_login.out::before{mask:url(../img/layout/icon_logout_white.svg) no-repeat center center/contain;}
.mQuickArea .tit {font-size: 18px;line-height: 150%;font-weight: 700;color: var(--color-text-basic);display:flex;align-items:flex-end;justify-content:center;position:relative;padding:24px 0 24px;height:calc(100% - 180px);box-sizing:border-box;width:100%;}
.mQuickArea .tit span {font-size: inherit;line-height: inherit;color: inherit;font-weight: inherit;position: absolute;top: 24px;left: 50%;display: block;white-space: nowrap;transform-origin: left top;transform: rotate(90deg) translateY(calc(-50% + 2px));width: calc(100vh - 228px);overflow: hidden;text-overflow: ellipsis;text-align:right;}
.mQuickArea .btn{width:100%;height:90px;background-color:var(--color-button-primary-fill);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mQuickArea .btn .ico_arrow{width:32px;height:32px;mask-image:url(../img/layout/ico_arrow_right32.svg);background-color:var(--color-icon-inverse);}

.mVisualArea{width:680px;height:100%;overflow:hidden;}
.mNoticeArea{width:calc(100% - 1095px);height:100%;overflow:hidden;}
.mCardArea{width:415px;height:100%;overflow:hidden;}

.mVisualArea{position:relative;}
.mVisualArea .innerBox{width:100%;height:100%;}
.mVisualArea .mVisual{width:100%;height:100%;}
.mVisualArea .mVisual .item{width:100%;height:100%;}
.mVisualArea .mVisual .item .bgImgBox{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-1;}
.mVisualArea .mVisual .item .bgImgBox::before{content:"";position:absolute;width:100%;height:100%;background: linear-gradient(0,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);}
.mVisualArea .mVisual .item .txtBox{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;padding:0 50px;}
.mVisualArea .mVisual .item .line1{font-family:'Poppins', 'Pretendard', sans-serif;font-size:80px;font-weight:800;line-height:110%;color:var(--color-text-basic-inverse);letter-spacing:-2.4px;text-align:center;}
.mVisualArea .mVisual .item .line1 span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mVisualArea .mVisual .item .line2{font-family:'Pretendard', sans-serif;font-size:16px;line-height:150%;color:var(--color-text-basic-inverse);opacity:0;transform:translate3d(0,100px,0);text-align:center;margin-top:24px;width:100%;}
.mVisualArea .mVisual .item .line2 span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mVisualArea .slideBtn{position:absolute;width:100%;padding:0 50px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;bottom:30px;z-index:5;gap:14px;}
.mVisualArea .slideBtn .pageNum{font-family:'Poppins', 'Pretendard', sans-serif;font-weight:500;font-size:15px;color:var(--color-text-basic-inverse);}
.mVisualArea .slideBtn .swiperPagi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.mVisualArea .slideBtn .swiperPagi span{width:40px;height:2px;opacity:1;background:rgba(255,255,255,0.2);border-radius:0;}
.mVisualArea .slideBtn .swiperPagi span.swiper-pagination-bullet-active{background:var(--color-background-white);}

.mVisualArea::before{content:"";position:absolute;width:100%;height:100%;background:var(--color-background-white);transform:scale(1);transition:0.6s;pointer-events:none;visibility:visible;z-index:6;transform-origin:left top;}
.mVisualArea .mVisual .item .line1{opacity:0;transform:translateY(100px);transition:1s;}
.mVisualArea .mVisual .item .line2{opacity:0;transform:translateY(100px);transition:1s;}
.mVisualArea.ani::before{transform:scale(0,1);pointer-events:none;visibility:hidden;}
.mVisualArea.ani .mVisual .item.swiper-slide-active .line1{opacity:1;transform:translateY(0);transition-delay:0.4s;}
.mVisualArea.ani .mVisual .item.swiper-slide-active .line2{opacity:1;transform:translateY(0);transition-delay:0.6s;}


.mNoticeArea{position:relative;display:flex;align-items:start;justify-content:start;flex-direction:column;gap:36px;padding:50px 52px 60px;}
.mNoticeArea > div.mNotice{flex:calc(100% - 214px);}
.mNoticeArea > div.mBnr{flex:150px;}
.mNoticeArea .mNotice{position:relative;width:100%;}
.mNoticeArea .mNotice .tit{color:var(--color-text-basic);font-family: "Inter", sans-serif;font-size:44px;padding-right:32px;line-height:120%;}
.mNoticeArea .mNotice .tit span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.mNoticeArea .mNotice ul{margin-top:24px;border-top:1px solid var(--color-divider-gray-darker);}
.mNoticeArea .mNotice ul li{display:block;width:100%;height:100%;}
.mNoticeArea .mNotice ul li:not(:first-child){border-top:1px solid var(--color-divider-gray-light);}
.mNoticeArea .mNotice ul li a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;}
.mNoticeArea .mNotice ul li a .title{font-weight:600;font-size:18px;color:var(--color-text-basic);line-height:150%;display:inline-flex;align-items:center;justify-content:start;gap:8px;flex:auto;}
.mNoticeArea .mNotice ul li a .title >span{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.mNoticeArea .mNotice ul li a .title >span.ico_new{width:6px;height:6px;border-radius:var(--radius-max);background-color:#FF3B5A;flex-shrink:0;}
.mNoticeArea .mNotice ul li a .date{font-size:14px;line-height:150%;color:var(--color-text-basic);flex-shrink:0;}
.mNoticeArea .mNotice .btnMore{width:24px;height:24px;top:17px;right:0px;position:absolute;display:inline-flex;align-items:center;justify-content:center;}
.mNoticeArea .mNotice .btnMore .ico_more{mask-image:url(../img/layout/ico_plus.svg);background-color:var(--color-icon-gray);width:20px;height:20px;}
.mNoticeArea .mNotice::before{content:"";position:absolute;width:100%;height:100%;background:var(--color-background-white);transform:scale(1);transition:0.6s;pointer-events:none;visibility:visible;z-index:6;transform-origin:left top;transition-delay:0.2s;}
.mNoticeArea .mNotice.ani::before{transform:scale(0,1);pointer-events:none;visibility:hidden;}

.mNoticeArea .mBnr{position:relative;width:100%;flex-shrink:0;}
.mNoticeArea .mBnr ul{display:flex;justify-content:start;align-items:stretch;border-top:1px solid var(--color-divider-gray-darker);padding-top:36px;width:100%;margin-right:-20px;}
.mNoticeArea .mBnr ul li{flex:1 0 calc(25% - 20px);height:100%;margin-right:20px;position: relative;}
.mNoticeArea .mBnr ul li::before{content:"";position:absolute;width:1px;height:100%;left:-20px;top:0;background:var(--color-divider-gray-light);}
.mNoticeArea .mBnr ul li:first-child::before{display:none;}
.mNoticeArea .mBnr ul li a{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:24px;}
.mNoticeArea .mBnr ul li a .icoBx{width:40px;height:40px;}
.mNoticeArea .mBnr ul li a .icoBx img{max-width:100%;max-height:100%;}
.mNoticeArea .mBnr ul li a .title{width:100%;font-weight:600;font-size:18px;color:var(--color-text-basic);line-height:150%;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;padding-right:20px;word-break:keep-all;}
.mNoticeArea .mBnr::before{content:"";position:absolute;width:100%;height:100%;background:var(--color-background-white);transform:scale(1);transition:0.6s;pointer-events:none;visibility:visible;z-index:6;transform-origin:left top;transition-delay:0.2s;}
.mNoticeArea .mBnr.ani::before{transform:scale(0,1);pointer-events:none;visibility:hidden;}


.mCardArea{position:relative;padding:50px 20px 0 47px;border-left:1px solid var(--color-divider-gray-darker);}
.mCardArea .tit{color:var(--color-text-basic);font-family: "Inter", sans-serif;font-size:44px;line-height:120%;}
.mCardArea .tit span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.mCardArea .cardBx{margin-top:24px;height: calc(100% - 72px);overflow:hidden;}
.mCardArea .cardBx ul{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:32px;padding-bottom:32px;}
.mCardArea .cardBx ul li{width:100%;height:100%;}
.mCardArea .cardBx ul a{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:12px;}
.mCardArea .cardBx ul a .imgBx{position:relative;width:100%;padding-top:64.105%;}
.mCardArea .cardBx ul a .imgBx img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;}
.mCardArea .cardBx ul a .title{width:100%;font-weight:600;font-size:18px;color:var(--color-text-basic);line-height:150%;}
.mCardArea .cardBx ul a .title span{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mCardArea .cardBx.mCustomScrollbar{padding-right:0;overscroll-behavior:contain;}
.mCardArea .cardBx.mCS_no_scrollbar{padding-right:35px;}
.mCardArea .cardBx.mCustomScrollbar .mCSB_container{margin-right:20px;}
.mCardArea .cardBx.mCustomScrollbar .mCSB_scrollTools{opacity:0;}
.mCardArea .cardBx.mCustomScrollbar .mCSB_draggerRail{background-color:transparent;}
.mCardArea .cardBx.mCustomScrollbar:hover .mCSB_scrollTools,
.mCardArea .cardBx.mCustomScrollbar:focus-visible .mCSB_scrollTools{opacity:1;}
.mCardArea::before{content:"";position:absolute;width:100%;height:100%;background:var(--color-background-white);transform:scale(1);transition:0.6s;pointer-events:none;visibility:visible;z-index:6;transform-origin:left top;transition-delay:0.4s;}
.mCardArea.ani::before{transform:scale(0,1);pointer-events:none;visibility:hidden;}




@media all and (max-height:899px){
    .typeMain #contents{height:900px;}
}
@media all and (max-width:1830px){
    .mVisualArea{width:41%;flex:0.55;}
    .mNoticeArea{width:40%;flex:0.45;}
    .mCardArea{width:390px;}

    .mVisualArea .mVisual .item .line1{font-size:72px;}
    .mNoticeArea{padding:40px;}
    .mNoticeArea .mNotice .tit{font-size:40px;}
    .mNoticeArea .mBnr ul li a{gap:20px;}
    .mNoticeArea .mBnr ul li a .title{padding-right:16px;}
    .mCardArea{padding:40px 20px 0 40px;}
    .mCardArea .tit{font-size:40px;}
}
@media all and (max-width:1680px){
    .mCardArea{width:380px;}

    .mNoticeArea .mBnr ul li a .title{font-size:16px;padding-right:4px;}
}
@media all and (max-width:1500px){
    .typeMain #dim{width:calc(100% - 64px);left:64px;}
    .typeMain #header{margin-left:64px;width:calc(100% - 64px);}
    .typeMain #contents{height:auto;padding:90px 0 0 64px;}

    .mQuickArea{width:64px;height:100vh;position:fixed;}
    .mQuickArea.absol{position:absolute;top:auto;bottom:0;}
    .mQuickArea .btn_login::before{width:28px;height:28px;}
    .mQuickArea .btn{height:64px;}
    .mQuickArea .tit{height: calc(100% - 154px);}
    .mQuickArea .tit span{width: calc(100vh - 202px);}

    .mVisualArea{width:50%;flex:unset;}
    .mNoticeArea{width:50%;flex:unset;}
    .mCardArea{width:100%;}

    .mVisualArea{height:auto;}

    .mNoticeArea{padding:24px 32px 0;gap:32px;}
    .mNoticeArea > div.mNotice{flex:calc(100% - 170px);}
    .mNoticeArea > div.mBnr{flex:138px}

    .mNoticeArea .mNotice .tit{font-size:32px;}
    .mNoticeArea .mNotice .btnMore{top:8px;}
    .mNoticeArea .mNotice ul li a{min-height:56px;}
    .mNoticeArea .mNotice ul li a .title{font-size:16px;}
    
    .mNoticeArea .mBnr ul{padding-top:26px;}
    .mNoticeArea .mBnr ul li a{gap:24px;}

    .mCardArea{border-left:none;padding:32px 0 32px 32px;}
    .mCardArea .tit{font-size:32px;}
    .mCardArea .cardBx{height:auto;padding:0 !important;overflow:unset;touch-action:pan-y;}
    .mCardArea .cardBx ul{display:flex;justify-content:start;align-items:start;flex-wrap:nowrap;gap:24px;white-space: nowrap;padding-bottom:0;padding-right:32px;width:auto;}
    .mCardArea .cardBx ul li{width:386px;}
    .mCardArea .cardBx .mCSB_container{white-space: nowrap;display: flex;box-sizing: content-box;}
}
@media all and (max-width:1300px){
    .typeMain #dim{width:calc(100% - 56px);left:56px;}
    .typeMain #header{margin-left:56px;width:calc(100% - 56px);}
    .typeMain #contents{padding:90px 0 0 56px;}

    .mQuickArea{width:56px;}
    .mQuickArea .btn{height:56px;}
    .mQuickArea .tit{height: calc(100% - 146px);}

    .mVisualArea .mVisual .item .line1{font-size:64px;}
    .mVisualArea .mVisual .item .txtBox{padding:0 30px;}

    .mCardArea .cardBx ul li{width:264px;}
}
@media all and (max-width:1041px){
    .typeMain #dim{width:100%;left:0;}
    .typeMain #header{margin-left:0;width:100%;}
    .typeMain #header::after{top:60px;}
    .typeMain header .mBtn_topMenu::after{background-color:var(--color-icon-gray);}
    .typeMain header .top_util .group_util{display:block;}
    .typeMain #contents{padding:60px 0 0;}

    .mQuickArea{position:fixed;width:100%;height:56px;left:0;top:auto;bottom:0;z-index:1001;}
    .mQuickArea::before{width:100%;height:1px;}
    .mQuickArea .btn_login{display:none;}
    .mQuickArea .btn{width:56px;height:56px;}
    .mQuickArea .tit{height:100%;width:calc(100% - 56px);padding:0 20px;}
    .mQuickArea .tit span{width:calc(100% - 40px) !important;top:50%;left:20px;transform:translateY(-50%);text-align:left;}
    .mQuickArea .btn .ico_arrow{width:28px;height:28px;}

    .mVisualArea{width:100%;height:88svh;}
    .mVisualArea .mVisual .item .txtBox{padding:0 20px;}

    .mNoticeArea{width:100%;gap:48px;padding:25px 20px 48px;}
    .mNoticeArea .mBnr ul li a .title br{display:none;}

    .mCardArea{padding:0 20px 100px;}
    .mCardArea .cardBx{margin-right:-24px;}
    .mCardArea .cardBx ul{padding:0;flex-wrap:wrap;}
    .mCardArea .cardBx ul li{width:auto;flex:0 1 calc(50% - 24px);}
}
@media all and (max-width:768px){
    .mQuickArea .tit{font-size:16px;}

    .mVisualArea .mVisual .item .line1{font-size:56px;}
    .mVisualArea .mVisual .item .line2{font-size:14px;margin-top:12px;}
    .mVisualArea .slideBtn{bottom:24px;}
    
    .mNoticeArea .mBnr{border-top: 1px solid var(--color-divider-gray-darker);}
    .mNoticeArea .mBnr ul{flex-wrap:wrap;border-top:none;}
    .mNoticeArea .mBnr ul li{flex:unset;width:50%;padding:0 20px 24px;margin:0;}
    .mNoticeArea .mBnr ul li a{gap:16px;}
    .mNoticeArea .mBnr ul li:nth-child(even)::before{left:0;}
    .mNoticeArea .mBnr ul li:nth-child(odd){padding-left:0;}
    .mNoticeArea .mBnr ul li:nth-child(3)::before{display:none;}
    .mNoticeArea .mBnr ul li:nth-child(3),
    .mNoticeArea .mBnr ul li:nth-child(4){padding-top:24px;border-top:1px solid var(--color-divider-gray-light);}
    .mNoticeArea .mBnr ul li a .title{padding-right:0;}

    .mCardArea .cardBx{margin-right:0;}
    .mCardArea .cardBx ul li{flex:0 1 100%;}
    .mCardArea .cardBx ul a{gap:8px;}
    .mCardArea .cardBx ul a .title{font-size:16px;}
}
@media all and (max-width:600px){
    .mVisualArea{height:80svh;}


}

/* .mVisualArea{position:absolute;top:0;left:50%;width:758px;height:813px;background-color:#061533;z-index:1;}
.mVisual{height:813px;overflow:visible !important;}
.mVisual .item{width:100%;height:100%;background-color:#061533;display:flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mVisual .item .txtBox{position:relative;left:-41%;width:auto;z-index:1;padding-top:180px;}
.mVisual .item .line1{font-family:'Poppins', 'Pretendard', sans-serif;font-size:119px;font-weight:600;line-height:119px;color:#fff;letter-spacing:-2.4px;opacity:0;transform:translate3d(0,100px,0)}
.mVisual .item .linkGo{display:inline-block;font-family: 'Poppins', sans-serif;font-size:30px;line-height:36px;letter-spacing:-1.4px;margin-top:35px;color:#fff;padding-right:43px;background:url(../img/main/icon_mVisualArrow.svg) no-repeat right center/21px auto;opacity:0;transform:translate3d(0,100px,0)}
.mVisual .item span{font-family:inherit;font-weight:inherit;line-height:inherit;display:block;letter-spacing:inherit;}
.mVisual .item .bgImgBox{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.mVisual .item .bgImgBox .mBg{display:none;}


.mBannerArea{position:relative;width:100%;height:937px;overflow:hidden;}
.mBannerArea::before{content:"";padding-top:48.81%;display:block;}
.mBannerArea .leftArea{position:absolute;width:24.21%;max-width:465px;bottom:0px;left:70px;opacity:0;transform:translate3d(0,100px,0)}
.mBannerArea .mBanner{position:relative;display:block;width:100%;max-width:465px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.mBannerArea .mBanner .mBg {display:none;}
.mBannerArea .mBanner::before{content:"";display:block;padding-top:80.86%;}
.mBannerArea .mBanner>span{position:absolute;left:0;top:0;display:block;font-size:45px;font-weight:bold;color:#fff;line-height:40px;padding:42px 53px;width:100%;height:100%;}
.mBannerArea .mBanner>span::before{content:"";position:absolute;right:40px;bottom:64px;display:block;width:46px;height:2px;background-color:#fff;}
.mBannerArea .mBanner>span::after{content:"";position:absolute;right:40px;bottom:64px;display:block;width:46px;height:2px;background-color:#fff;transform:rotate(90deg);}
.mBannerArea .leftArea .mBanner + .mBanner{border-top:1px solid rgba(255,255,255,0.5);}
.mBannerArea .rightArea{position:absolute;width:24.21%;max-width:340px;right:0px;bottom:0;z-index:1;opacity:0;transform:translate3d(0,100px,0)}
.mBannerArea .rightArea .mBanner{background-color:#BF023E !important;}
.mBannerArea .rightArea .mBanner::before{padding-top:100%;}
.mBannerArea .rightArea .mBanner>span{font-size:40px;}

.innerBox{max-width:1920px;font-size:0;}

@media all and (max-width:1920px){
    .mBannerArea .leftArea{left:3.65%;}
    .typeMain #contents::after{left:27.85%;}
    .mVisual .item .line1{font-size:6.19vw;line-height:1em;}
    .mVisual .item .txtBox{padding-top:11.6vw;}
}

@media all and (max-width:1750px){
    .mBannerArea .leftArea{left:3.65%;}
    .mVisualArea{left:auto;right:100px;}
    .mVisual .item .txtBox{left:-10vw;}
    .mBannerArea .mBanner>span{font-size:40px;}
}

@media all and (max-width:1350px){
    .mVisualArea{width:600px;height:642px;}
    .mVisual{height:652px;}
    .mVisual .item .txtBox{left:-5vw;}
    .mVisual .item .linkGo{font-size:25px;background-size:14px auto !important;padding-right:35px;margin-top:20px;}
    .mBannerArea{height:837px;}
    .mBannerArea .mBanner>span{padding:23px 26px;}   
}
@media all and (max-width:1300px){
    .typeMain #contents::before{top:120px;}
}
@media all and (max-width:1110px){
    .typeMain #contents::after{left:218px;top:60px;height:calc(100% - 60px);}
    .typeMain #contents::before{top:60px;}
    .mVisualArea{width:488px;height:523px;right:auto;left:218px;top:60px;}
    .mVisual{height:523px;}
    .mVisual .item .txtBox{left:-40%;padding-top:130px;}
    .mVisual .item .line1{font-size:76px;}
    .mVisual .item .linkGo{font-size:18px;letter-spacing:-1px;}

    .mBannerArea{height:876px;}
    .mBannerArea .mBanner {background:none !important;}
    .mBannerArea .mBanner .mBg {display:block;padding:0;background-size: cover;background-repeat: no-repeat;background-position: center;}
    .mBannerArea .leftArea{left:0;width:436px;font-size:0;max-width:none;}
    .mBannerArea .rightArea{width:218px;font-size:0;bottom:190px}
    .mBannerArea .leftArea .mBanner + .mBanner{border:none;}
    .mBannerArea .leftArea::before{display:none;}
    .mBannerArea .mBanner{width:218px;display:inline-block;}
    .mBannerArea .mBanner::before{padding-top:218px;}
    .mBannerArea .mBanner>span{padding:23px 26px;font-size:23px;line-height:28px;}
    .mBannerArea .mBanner>span::before{width:23px;height:1px;right:23px;bottom:29px;}
    .mBannerArea .mBanner>span::after {width:23px;height:1px;right:23px;bottom:29px;}
    .mBannerArea .rightArea .mBanner>span{font-size:23px;}
}
@media all and (max-width:600px){
    .typeMain #contents::after{left:auto;right:354px;z-index:0;}
    .mVisualArea{left:0;width:320px;height:370px;}
    .mVisual{height:370px;}
    .mVisual .item .bgImgBox{background-image:none !important;}
    .mVisual .item .bgImgBox .mBg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
    .mVisual .item .line1{font-size:51px;}
    .mVisual .item .txtBox{left:24px;padding-top:90px;}
    .mVisual .item .linkGo{font-size:13px;padding-right:35px;background-size:9px auto !important;letter-spacing:0;line-height:18px;margin-top:20px;}
    .mBannerArea{height:735px;}


    .mBannerArea .leftArea{left:auto;right:0;width:354px;}
    .mBannerArea .leftArea::before{display:block;top:-1px}
    .mBannerArea .leftArea .mBanner + .mBanner::after{content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;background-color:rgba(255,255,255,0.2);}
    .mBannerArea .rightArea{width:177px;bottom:210px;}
    .mBannerArea .mBanner{width:177px;}
    .mBannerArea .mBanner>span{font-size:22px;padding:20px;}
    .mBannerArea .mBanner>span::before{width:19px;height:1px;right:24px;bottom:30px;}
    .mBannerArea .mBanner>span::after {width:19px;height:1px;right:24px;bottom:30px;}
    .mBannerArea .mBanner::before{padding-top:177px;}
    .mBannerArea .mBanner>span{font-size:22px;}
}
@media all and (max-width:359px){
    .mBannerArea .rightArea{width:150px;}
    .mBannerArea .leftArea{width:300px;}
    .mBannerArea .mBanner{width:150px;}
    .mBannerArea .mBanner::before{padding-top:150px;}
} */