/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }
#container *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;}
#container ::-webkit-scrollbar { width: 5px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.container:after { display: none; }

#container { letter-spacing: normal;}

.MC_wrap1 { margin: 2rem 0 4rem; }
.MC_wrap1 .container { display: flex; gap: 2rem; }

.con_wrap { position: relative; width: calc(64% - 1.3rem); } 

.MC_box1 { width: 100%; } /* 메인비주얼 */
.MC_box2 { width: calc(36% - 0.7rem); } /* 바로가기1 */
.MC_box3 { position: relative; padding: 2rem 0; } /* 바로가기2 */
.MC_box3::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80rem; height: 100%; background: url('/images/web/center/main/ptrn.png'); border-radius: 4rem 4rem 0 0; content: ""; z-index: -1; }
.MC_box3::after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80rem; height: 50%; background: linear-gradient(180deg, transparent 0, #fff 80%); content: ""; z-index: -1; }
.MC_box4 { position: relative; padding: 4rem 0 5rem; }
.MC_box4::before { position: absolute; bottom: 0; left: -28rem; width: 44.6rem; height: 21.25rem; background: url('/images/web/center/main/section02_deco01.png') no-repeat center; content: ""; z-index: -1; }
.MC_box4::after { position: absolute; bottom: 4rem; left: 2.4rem; width: 12.9rem; height: 10.55rem; background: url('/images/web/center/main/section02_deco02.png') no-repeat center; content: ""; z-index: -1; }

.banner_zone { line-height: 1; border-top: 1px solid #d1d8e4;}
.banner_zone .container { position: relative; height: 4rem; overflow: hidden; }
.banner_zone h2 { float: left; margin-top: 1.5rem; width: 4rem; font-size: 0.85rem; font-weight: 600; color: #000;}
.banner_zone .btn { float: left; margin-top: 1.5rem; overflow: hidden;}
.banner_zone .btn a {float: left; font-size: 0.85rem; color: #222; }
.banner_zone .btn a + a { margin-left: 0.25rem; }
.banner_zone .btn a.play {display: none;}
.banner_zone .bnWrap { position: relative;float: left;width: calc(100% - 8rem);padding-top: 0.75rem;padding-left: 1.75rem;display: flex;align-items: center;gap: 10px;overflow: hidden;}
.banner_zone .bnWrap::before {content: '';position: absolute;left: 1.5rem;top: 1.6rem;width: 1px;height: 0.8rem;background: #DCDCDC;}
.banner_zone .bnWrap a {display: block;height: 2.5rem; line-height: 2.3rem;text-align: center;flex-shrink: 0;   /* 가로 유지 */}
.banner_zone .bnWrap a img {max-height: 100%;max-width: 100%;vertical-align: middle;}

@media (max-width:1240px){
    .MC_wrap1 .container { display: block; }

    .con_wrap { width: 100%; display: flex; flex-direction: column-reverse; gap: 2rem; }

    .MC_box2 { width: 100%; margin-top: 2rem; }
}

@media (max-width: 1024px) {
    #container{ padding-top:6.5rem;}

    .MC_wrap1 { margin: 2rem 0; }
    .MC_box3::after { display: none; }
    .MC_box4 { padding: 2rem 0; }
    .MC_box4::after { display: none; }
}

@media (max-width: 768px) {
    #container{ padding-top:3rem;}

    
}


@media (max-width:580px){
    .MC_wrap1 { margin: 1.5rem 0; }

    .con_wrap { gap: 0.8rem; }

    .MC_box2 { margin-top: 1.5rem; }
    .MC_box3 { padding: 1.5rem 0; }
    .MC_box4 {padding: 1.5rem 0; }
}