/* 메인 컨테이너 */
/* #wrap {opacity:0; transition: opacity 1.25s ease-in-out;}
#wrap.fade-in {opacity: 1;} */
#container { position:relative; width:100%;}

#topPop {background:#f4f4f4;}
#topPop .popup_wrap {max-width:80rem; padding: 1rem 0 3rem 0;  height:100%; max-height:11rem}
#topPop .slick-list:before {display:none;}
#topPop .item a {height:auto; padding:0; color:#000;}
#topPop .item a dl {flex-direction:column; align-items:flex-start; gap:0.5rem;}
#topPop .slick-list {margin:0 -0.5rem;}
#topPop .slick-slide {margin:0 0.5rem;}
#topPop .control {position:absolute; right:0; bottom:0; top:auto; gap:0;}
#topPop .item a dd {border-color:#000;}
#topPop .control > a {position:relative; display:flex; align-items:center; justify-content:center; bottom:auto; top:auto; background:none; color:#000;}
#topPop .control > a i {font-size:1rem;}
#topPop .control > a:hover,
#topPop .control > a:focus {background:#e4012e; color:#fff;}
#topPop .control .close a {display:flex; align-items:center; gap:0.25rem; color:#000; font-size:0.8rem; font-weight:400;}
#topPop .control .close a i {background:none; width:1rem; height:1rem; font-size:0.6rem; color:#000; border-radius:50%; border:2px solid #000; display:flex; align-items:center; justify-content:center; font-weight:700;}
#topPop .control .page {gap:1.5rem; margin-right:0.5rem;}
#topPop .control .page strong {font-size:0.8rem; color:#000; font-weight:700;}
#topPop .control .page span {font-size:0.8rem; color:#555; font-weight:400;}

[class^='MC_box']{ position:relative; min-width:0px;}
.MC_wrap1 { position: relative;}
.MC_wrap1 .container { position: relative; display: flex; gap: 3rem 2rem; flex-wrap: wrap; margin:1.5rem auto 5rem; } 
.MC_wrap1 .cont_wrap{ min-width:0px; flex: 2; display: flex; gap: 2rem; flex-direction: column;}
.MC_wrap2 { position: relative; padding:4rem 0 6rem; z-index: 0; background:#FAFDE5 url('/images/bohun/template/B3/main/bg_wrap2.png') center top / cover;} 
.MC_wrap3 { position: relative; }
.MC_wrap3.container { margin:5rem auto;}
 
.MC_box1 { height: 27.5rem; flex: 3; } /* 비주얼 */
.MC_box2 { width:100%; flex: 3; } /* 처음진료 예약 상담 */
.MC_box3 { width:100%; flex: 2; } /* 진료예약 */ 
.MC_box4 { width:100%; } /* 바로가기1 */ 
.MC_box5 { } /* 진료과 안내 */ 
.MC_box6 { margin:5rem 0;} /* 새소식 */
.MC_box7 { position:absolute; right:1rem; bottom:0; width:25rem; height:20rem;} /* 팝업존 */ 
.MC_box8 { height:32rem; margin-bottom: 3rem;} /* 바로가기2 */ 

@media screen and (max-width: 1640px){
    .container { padding: 0 1rem;}
    
    .MC_box7 { width:30%;} /* 팝업존 */ 
}

@media screen and (max-width: 1440px){

    .MC_wrap1 .cont_wrap{ gap: 1rem;}
    .MC_wrap1 .container{ margin-bottom: 0rem;}
}

@media screen and (max-width: 1240px){

    .container { padding: 0 1rem !important;}

    .MC_wrap1 .container{ gap: 1.5rem;}
    .MC_wrap1 .cont_wrap{ gap: 1rem;}
    .MC_wrap2{ padding:3rem 0;}
    .MC_wrap3.container{ margin:0;}

    .MC_box1 { height:23rem; }
    .MC_box6 { margin:3rem 0;}
    .MC_box7 { width:18rem; height: 13.1rem;} /* 팝업존 */ 
    .MC_box8 { height:auto; } 
}

@media screen and (max-width: 1190px) {
    
    .MC_wrap1 .container{ display: block; margin-bottom: 3rem;}
    .MC_wrap1 .cont_wrap{ flex-direction: row; margin-top:2rem; }

    .MC_box1 { height: auto; }
    .MC_box2 { width:auto; flex: 3; } /* 처음진료 예약 상담 */
    .MC_box3 { width:auto; flex: 2; } /* 진료예약 */ 
    .MC_box4 { margin-top:2rem; }
}
 
@media screen and (max-width: 1024px){

    .MC_wrap1 .container { margin:0 auto 3rem; } 
    .MC_wrap2{ padding:2rem 0 3rem;}
}

@media screen and (max-width: 720px){

    .MC_box6 { margin-bottom:1.5rem;}
    .MC_box7 { position:relative; right:auto; bottom:auto; width:100%; height:auto; margin-bottom:2rem;} /* 팝업존 */ 
    
}

@media screen and (max-width: 680px){

    .MC_wrap1 .cont_wrap{ flex-direction: column; margin-top: 1rem;}
}
  
@media screen and (max-width: 380px){ 
}