h2.heading{ font-weight: 700;}

/* 메인비주얼 */
.B3_MVisual {position: relative; width: 100%; height: 100%; border-radius: 1em; overflow: hidden; isolation: isolate; background: #e1e1e1; }
.B3_MVisual .slider,
.B3_MVisual .slick-list,
.B3_MVisual .slick-track {height: 100%; }
.B3_MVisual .item {  position:relative; line-height: 0; overflow: hidden; position: relative; }
.B3_MVisual .item a,
.B3_MVisual .item p{ height:100%; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.B3_MVisual .item img {position: relative; max-width: 100%; height:100%; object-fit: contain; }
/* 슬로건 */
.B3_MVisual .slogan_txt { position: absolute; left: 2rem; bottom: 3rem; font-size: 1rem; color:#fff; line-height:1.5; z-index: 1;}
.B3_MVisual .slogan_txt p{ font-size: 2.5rem; line-height:1.3;}
.B3_MVisual .slogan_txt p em{ font-weight: 700; }
.B3_MVisual .slogan_txt span { display: block; margin-top: 1.25rem; font-size: 2rem; font-weight: 200;}
.B3_MVisual .slogan_txt span strong { color:#DAF127; font-weight: 600;}
/* 컨트롤 */
.B3_MVisual .control { position: absolute; left: 2rem; top: 1.5rem; display: flex; height:3rem; align-items: center; gap: 0.75em; padding:0 1.5em; background:rgba(0,0,0,0.6); border-radius:2em; color:#fff;}
.B3_MVisual .control .page{ display: flex; align-items: center; gap: 0.5rem;}
.B3_MVisual .control .page .progress { position:relative; width:3rem; height:2px; background:rgba(255,255,255,0.3); }
.B3_MVisual .control .page .progress span { position: absolute; left:0; top:0; width:0px; height:100%; background:rgba(255,255,255,0.3); }
.B3_MVisual .control > a.play {display: none; }
/** 메인비주얼 active **/
.B3_MVisual .control > a,
.B3_MVisual .control .page .progress span {transition: all 0.25s; }
.B3_MVisual .control > a:hover i,
.B3_MVisual .control > a:focus i {color: #DAF127; text-decoration: underline;}

/* 처음진료 예약상담 */ 
.B3_resvCnsl{ position:relative; height:100%; display: flex; flex-direction: column; justify-content: center; padding:1rem 2rem; color:#fff; font-size: 1rem; word-break: keep-all; border-radius:1em; background:#005C52 url('/images/bohun/template/B3/main/bg_resv.png') center /cover;}
.B3_resvCnsl h2{ font-size:1.4rem; font-weight: 600;}
.B3_resvCnsl form{ display: flex; gap: 0.5rem; margin:1rem 0;}
.B3_resvCnsl form input { height:3em; line-height:3em; flex: 1; min-width:0px; padding:0 1em; color:#111; border-radius: 0.5em; background:#fff; border:none; }
.B3_resvCnsl form input::placeholder{ color:#666;}
.B3_resvCnsl form button{ line-height:3em; padding:0 1em; border-radius: 0.5em; background:#03293F; transition: all 0.2s;}
.B3_resvCnsl > p{ font-weight: 400;}
.B3_resvCnsl dl{ display: flex; flex-wrap: wrap; align-items: center; margin-top: 0.5rem;}
.B3_resvCnsl dt{ position:relative; color:#EAF2CE; font-weight: 600; padding-right:1em; margin-right:1em;}
.B3_resvCnsl dt:before{ content:""; position:absolute; right:0; top:25%; height:50%; border-right:1px solid #ccc;}
.B3_resvCnsl dd strong{ font-weight: 600;}
/* 처음진료 예약상담 active */
.B3_resvCnsl form button:hover,
.B3_resvCnsl form button:focus{ background:#73A30F;}

/* 진료예약 */ 
.B3_resv{ position:relative; height:100%; display: flex; flex-direction: column; font-size: 1rem; border-radius:1em; background:#EAF2CE; overflow:hidden;}
.B3_resv > ul{ display: flex; align-items: center; justify-content: center; padding:1.5rem 1rem; color:#fff; background:#73A30F;}
.B3_resv > ul li:first-of-type{ position:relative; margin-right:1em; padding-right: 1em;}
.B3_resv > ul li:first-of-type:before{ content:""; position:absolute; right:0; top:25%; height:50%; border-right:1px solid rgba(255,255,255,0.8);}
.B3_resv > ul li a{ display: flex; align-items: center; gap: 0.5rem; font-size: 1.4em; color:#fff; font-weight: 600; transition: all 0.25s;}
.B3_resv > ul li a > p{ line-height:0; }
.B3_resv > p{ flex: 1; display: flex; gap: 0.75rem; align-items: center; justify-content: center; text-align: center; font-weight: 600; font-size: 1.4em; color:#16343F;}
.B3_resv > ul li a:hover,
.B3_resv > ul li a:focus{ color:#eaf2ce; text-decoration: underline;}

/* 바로가기1 */
.B3_M_link1 { height: 100%; display: flex; }
.B3_M_link1 h2 {margin-bottom: 0.75rem; font-size: 1.6rem; color: #03293F; overflow: hidden; }
.B3_M_link1 .tit_wrap p{ color:#949494;}
.B3_M_link1 ul { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 0 1rem; height: 100%; min-width:0px; }
.B3_M_link1 ul li { position:relative; }
.B3_M_link1 ul li + li:before{ content:""; position:absolute; left:-0.5rem; top:25%; height:50%; border-left:1px solid #ccc;}
.B3_M_link1 ul li a{ display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding:0 0.5rem; font-size: 1rem; color:#111;} 
.B3_M_link1 ul li a p{ text-align: center; word-break: keep-all;}
.B3_M_link1 ul li a,
.B3_M_link1 ul li a img{ transition: all 0.25s;}
.B3_M_link1 ul li a:hover,
.B3_M_link1 ul li a:focus{ color:#215c00; font-weight: 600;}
.B3_M_link1 ul li a:hover img,
.B3_M_link1 ul li a:focus img{ transform: rotateY(180deg);}

/* 진료과 안내 */
.B3_dept{ font-size: 1rem;}
.B3_dept .tit_wrap{ text-align: center;}
.B3_dept .tit_wrap h2{ margin-bottom:0.75rem; font-size:2.1em; font-weight: 700; color:#03293F;}
.B3_dept .tit_wrap p{ color:#646464;}
.B3_dept form{ max-width:30rem; margin:2rem auto 3em;}
.B3_dept form .srch { position: relative; display: flex; padding:0 1em; border-radius:2em; border: 1px solid #CFE098; background:#fff; }
.B3_dept form .srch input { height:3.25em; line-height:3.25em; flex: 1; min-width:0px; color:#111; font-size: 0.9rem; border-radius: 0.5em; border:0; background:#fff; }
.B3_dept form .srch input::placeholder{ color:#666;}
.B3_dept form .srch button{ width:2em; font-size: 1.4rem; color:#9EC030; transition: all 0.25s;}
#deptSlider { position:relative;}
#deptSlider .slide{ width:15.5em !important;}
#deptSlider .slide:nth-of-type(even){ margin-top:2em}
#deptSlider .slide a{ position:relative; display: block; width:100%; height:19em; word-break: keep-all; padding:2em; background:#fff; border-radius: 1.5em; box-shadow: 0 0 1em rgba(0,0,0,0.2); z-index: 0; overflow:hidden;}
#deptSlider .slide a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:1.5em; border:3px solid #005C52; z-index: 1; opacity: 0;}
#deptSlider .slide a > h5{ position:relative; font-size: 1.5em; color:#03293F; font-weight: 700; padding-right:2em; margin-bottom:0.5rem;} 
#deptSlider .slide a > h5:before{ content:"\EA6C"; position:absolute; right:0.5em; top:0; font-family: 'remixicon'; color:#005C52; opacity: 0;}
#deptSlider .slide a > h5 span{ display: inline-block; }
#deptSlider .slide a > span{ position:relative; color:#888; font-weight: 200;}
#deptSlider .slide a > .img{ position:absolute; right:1.5em; bottom:1.5em; z-index: 1;}
#deptSlider .slide a > .img img{ width: 7rem; height: auto;}
#deptSlider .slide a .bg{ position:absolute; right:0; bottom:0; width:calc(100% - 2rem); height:100%; border-end-end-radius: 1.5em; background:#f5f5f5; mask-image: url("/images/bohun/template/B3/main/slide_bg.svg"); mask-size: contain; mask-repeat: no-repeat; mask-position: right bottom; }
#deptSlider .slide a .bg:before{ content:""; position:absolute; left:30rem; bottom:-30rem; width:30rem; height:30rem; background:#F5FAD6; border-radius: 50%;}
#deptSlider .control{ position:absolute; right:calc(50% - 35rem); top:-6rem; display: flex; gap: 0.5rem; z-index: 99;}
#deptSlider .control a{ display: block; width:3rem; height:3rem; text-align: center; line-height:3rem; color:#fff; font-size: 1.6em; border-radius:50%; background:#9EC030; border:2px solid #9EC030; transition: all 0.25s; z-index: 10; } 
#deptSlider .control a.stop,
#deptSlider .control a.play{ background:#ECF2C5; font-size: 1.25em; color:#000; border-color:#ECF2C5;}
#deptSlider .control a.play{ display: none;}
#deptSlider .control a:hover,
#deptSlider .control a:focus{ background:#fff; color:#82a11c; border-color:#82a11c;}
.B3_dept form .srch button:hover,
.B3_dept form .srch button:focus{ color:#215c00;}
/* 진료과 안내 active */
#deptSlider .slide a:before,
#deptSlider .slide a > h5,
#deptSlider .slide a > h5:before{ transition: all 0.25s;}
#deptSlider .slide a .bg:before{ transition: all 0.5s;}
#deptSlider .slide a:hover:before,
#deptSlider .slide a:focus:before{opacity: 1;}
#deptSlider .slide a:hover > h5,
#deptSlider .slide a:focus > h5{ color:#005C52;}
#deptSlider .slide a:hover > h5:before,
#deptSlider .slide a:focus > h5:before{ right: 0; opacity: 1;}
#deptSlider .slide a:hover .bg:before,
#deptSlider .slide a:focus .bg:before{ left: -1rem; bottom: -10rem;}
 
/* 게시판 */
.B3_notice {position: relative; height: 100%; font-size: 1rem;}
.B3_notice h2.heading { flex: 1; min-width:0px; font-size: 2.3rem; font-weight: 700; color:#03293F;}
.B3_notice h2.heading em { color:#005C52;}
.B3_notice .titWrap { position: relative; display: flex; align-items: center; margin-bottom: 3rem; }
.B3_notice .titTab a,
.B3_notice .titTab span,
.B3_notice .list_box li,
.B3_notice .list_box li a {position: relative; display: block; }
.B3_notice .titTab {position: relative; }
.B3_notice .titTab ul {display: flex; gap: 0.75rem; margin-right:3.5rem; }
.B3_notice .titTab a {position: relative; display: block; line-height:3rem; padding:0 1.5rem; text-align: center; color: #333; border-radius:1.5rem; border:1px solid #ccc;}
.B3_notice .titTab a span {display: block; white-space: nowrap; overflow: hidden; }
.B3_notice .tabWrap{ height:20rem; margin-right:27rem;} 
.B3_notice .list_box { display: none; min-height:100%;}
.B3_notice .list_box { gap: 1rem;}
.B3_notice .list_box .rcnt{ flex: 3; min-width:0px;} 
.B3_notice .list_box .rcnt a{ position:relative; display: block; flex: 1; border-radius:1em; border:1px solid #ccc; color:#666; padding:2em;}
.B3_notice .list_box .rcnt a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:1em; border:2px solid #215c00; opacity: 0; transition: all 0.3s;}
.B3_notice .list_box .rcnt a > span{ display: block; text-align: right; font-weight: 600; color:#03293F;}
.B3_notice .list_box .rcnt .cate{ display: flex; align-items: center; justify-content: space-between; font-size: 0.85em; color:#8e8e8e; }
.B3_notice .list_box .rcnt .cate span{ line-height:2rem; padding:0 1rem; font-size: 1em;; color:#fff; border-radius:1em; background:#03293F; }
.B3_notice .list_box .rcnt .inr { margin:1.5rem 0;}
.B3_notice .list_box .rcnt .inr strong{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:1.5em; height:3em; font-size: 1.2em; color:#000; overflow:hidden; }
.B3_notice .list_box .rcnt .txt{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height:1.5em; height:5rem; margin-top:0.75em; padding-top: 0.75em; border-top:1px solid #ddd; overflow:hidden;}
.B3_notice .list_box ul { flex: 5; min-width:0px; min-height:100%; display: flex; flex-direction: column; gap: 0.5rem;}
.B3_notice .list_box li { flex: 1;}
.B3_notice .list_box li:nth-child(n+6) {display: none; }
.B3_notice .list_box li a {display: block; min-height:100%; display: flex; align-items: center; gap: 1rem; padding:0 1.25rem; border-radius: 0.5em; background:#F4F4F4;}
.B3_notice .list_box li a p{ color:#215c00; font-weight: 600;}
.B3_notice .list_box li a strong{ flex: 1; min-width: 0px; font-weight: 600; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.B3_notice .list_box li a span{ font-size: 0.85em; color:#769191;}
/* 게시판 : 새글 */
.B3_notice .list_box li a.new .tit {padding-left: 1.75rem; }
.B3_notice .list_box li a.new .tit:before {position: absolute; left: 0; top: calc(50% - 0.625rem); width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; font-size: 0.65rem; color: #fff; background: #215c00; border-radius: 50%; content: "N"; }
/* 게시판 : 데이터 없음 */
.B3_notice .list_box li.no_data { height:100%; display: flex; align-items: center; justify-content: center; border:1px solid #ddd; border-radius:1em; max-width:100%; }
/* 게시판 : 더보기 */
.B3_notice .btn_more { position:absolute; right:0; top:0.3em; width:3rem; height:3rem; border-radius:50%; display: flex; align-items: center; justify-content: center; font-size: 1em; background:#ECF2C5; }
.B3_notice .btn_more i {vertical-align: middle; transform: rotate(0); }
.B3_notice .btn_more,
.B3_notice .btn_more i {transition: all 0.25s; }
.B3_notice .btn_more:focus,
.B3_notice .btn_more:hover {color: #fff; background: #215c00; }
.B3_notice .btn_more:focus i,
.B3_notice .btn_more:hover i {transform: rotate(180deg); }
/* 게시판 : active */
.B3_notice .titTab a,
.B3_notice .list_box a,
.B3_notice .list_box .rcnt .inr strong,
.B3_notice .list_box .rcnt a > span {transition: all 0.25s; }
.B3_notice .titTab a:hover,
.B3_notice .titTab a:focus,
.B3_notice .titTab a.current {background: #215c00; color:#fff; font-weight: 700; }
.B3_notice .titTab a.current:before {left: 0; width: 100%; opacity: 1; }
.B3_notice .list_box.on {display: flex; }
.B3_notice .list_box .rcnt a:hover:before,
.B3_notice .list_box .rcnt a:focus:before { opacity: 1; } 
.B3_notice .list_box .rcnt a:hover .inr strong,
.B3_notice .list_box .rcnt a:focus .inr strong,
.B3_notice .list_box .rcnt a:hover > span,
.B3_notice .list_box .rcnt a:focus > span{ color:#215c00;}
.B3_notice .list_box li a:hover,
.B3_notice .list_box li a:focus{ background:#EAF2CE;}
.B3_notice .list_box li a:hover strong,
.B3_notice .list_box li a:focus strong{ text-decoration: underline;}

/* 팝업존 */
.B3_pop {position: relative; height: 100%; }
.B3_pop h2.heading {margin-bottom: 2rem; max-width: calc(100% - 11.75rem); height: 1.5rem; line-height: 1.5rem; font-size: 1.4rem; }
.B3_pop .pop_img {position: relative; height: 100%; background: #dbdbdb; border-radius: 1rem; overflow: hidden; isolation: isolate; }
.B3_pop .pop_img div,
.B3_pop .pop_img .item {height: 100%; }
.B3_pop .pop_img .item a {position: relative; display: block; height: 100%; line-height: 0; text-align: center; background: #dbdbdb; overflow: hidden; }
.B3_pop .pop_img .item a::before {content: ""; display: block; width: 100%; height: 100%; border-radius: 1rem; border: 1px solid #fff; position: absolute; left: 0; top: 0; opacity: 0; }
.B3_pop .pop_img .item a::after {content: ""; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: calc(1rem - 1px); border: 2px solid #000; position: absolute; left: 1px; top: 1px; opacity: 0; }
/* .B3_pop .pop_img .item img {position: relative; top: 50%; max-width: 100%; height: auto; transform: translateY(-50%) scale(1); } */
.B3_pop .pop_img .item img{ width: 100%; height: 100%; object-fit: cover;}
.B3_pop .nss_pg {position: absolute; bottom: 1em; left: 50%; min-width:10rem; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 0.5rem; color:#fff; background:rgba(0,0,0,0.4); border-radius:2em; padding:0.6em 1.25em; transform: translateX(-50%);}
.B3_pop .page { font-size: 0.9rem; }
.B3_pop .page strong {position: relative; display: inline-block; padding-right: 0.5rem; margin-right: 0.5rem; font-weight: 700; coloR:#9EC030; }
.B3_pop .page strong:before {position: absolute; top: calc(50% - 0.1rem); right: 0; width: 0.2rem; height: 0.2rem; background: #fff; border-radius: 50%; content: ""; }
.B3_pop .nss_pg a {position: relative; display: inline-block; text-align: center; font-size: 1.2rem; color:#fff; }
.B3_pop .nss_pg .play {display: none; }
/** 팝업존 :action **/ 
.B3_pop .pop_img .item a img,
.B3_pop .nss_pg a {transition: all 0.25s; } 
.B3_pop .pop_img .item a:focus::before,
.B3_pop .pop_img .item a:focus::after {opacity: 1; }
.B3_pop .pop_img .item a:hover img,
.B3_pop .pop_img .item a:focus img {transform: scale(1.1); } 
.B3_pop .nss_pg a:hover,
.B3_pop .nss_pg a:focus { text-decoration: underline; }

/* 바로가기2 */
.B3_M_link2 { font-size: 1rem; min-height:100%; display: flex; justify-content: center; align-items: start; flex-direction: column; color:#fff; padding:1rem 5em; border-radius:1em; background:url('/images/bohun/template/B3/main/bg_wrap4.png') center /cover; word-break: keep-all;}
.B3_M_link2 > h3{ font-size: 2.4rem; font-weight: 700;}
.B3_M_link2 > span{ font-size: 1.2rem; font-weight: 400; padding-bottom:3rem; margin-bottom:3rem; border-bottom:1px solid rgba(255,255,255,0.5);}
.B3_M_link2 > ul{ max-width: 40em; display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem;}
.B3_M_link2 > ul li{ width:calc((100% - 3rem) / 3)}
.B3_M_link2 > ul li a{ position:relative; display: flex; align-items: center; gap: 0.5rem; padding-right: 1rem;}
.B3_M_link2 > ul li a:after{ content:"\EA6C"; line-height:0.5rem; font-family: 'remixicon'; position: absolute; right: 0; top:calc(50% - 0.25rem); }
.B3_M_link2 > ul li a i{ font-size: 2.1em;}
.B3_M_link2 > ul li a,
.B3_M_link2 > ul li a:after{ transition: all 0.3s;}
.B3_M_link2 > ul li a:hover,
.B3_M_link2 > ul li a:focus{ color:#DAF127;}
.B3_M_link2 > ul li a:hover:after,
.B3_M_link2 > ul li a:focus:after{ transform: translateX(0.5em);}
 
@media screen and (max-width: 1800px) {
 
}

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

    /* 게시판 */
    .B3_notice .tabWrap{ margin-right:32.5%;} 
}
 
@media screen and (max-width: 1440px) {

    /* 바로가기1 */
    .B3_M_link1{ flex-direction: column; }
    .B3_M_link1 .tit_wrap{ display: flex; gap: 0 1rem; align-items: center; flex-wrap: wrap; margin-bottom: 1rem;}
    .B3_M_link1 ul li a{ min-height: 100%; flex-direction: column; border: 1px solid #ddd; border-radius: 0.5rem; padding:0.75rem 0.5rem; }
    .B3_M_link1 ul li + li:before{ display: none;}
    .B3_M_link1 ul li a img{ width:2.5rem; height:auto;}
    
    /* 처음진료 예약상담 */ 
    .B3_resvCnsl > p{ font-size: 0.9rem;}

    /* 진료예약 */ 
    .B3_resv{ font-size: 0.9rem; }

    /* 진료과 안내 */
    #deptSlider .control{ right: 1rem;}
}

@media screen and (max-width: 1440px) and (min-width: 461px) {
    .B3_M_link1 ul{ flex-wrap: wrap; gap: 1rem; align-items: normal;}
    .B3_M_link1 ul li{ width: calc((100% - 2rem) / 3); flex: none;}
}

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

    .B3_resvCnsl{ padding:1rem;}

    /* 진료예약 */ 
    .B3_resv{ font-size: 0.85rem; }
    .B3_resv > ul{ padding:1rem;}
    /* .B3_resv > ul li a{ gap: 0; flex-direction: column; font-size: 1.3em;} */
    .B3_resv > ul li a{ font-size: 1.3em;}
    .B3_resv > p{ font-size: 1.3em;}
    .B3_resv img{ width:1.75rem; height:auto; }

    /* 바로가기1 */
    .B3_M_link1{ flex-direction: column; }
    .B3_M_link1 .tit_wrap{ display: flex; gap: 0 1rem; align-items: center; flex-wrap: wrap; margin-bottom: 1rem;}
   
    /* 진료과 안내 */
    #deptSlider .slide{ width:15em !important;}
    #deptSlider .slide a{ height:17em; }
    #deptSlider .slide a > .img img{ width: 6.5rem; height:auto;}

    /* 새소식 */
    .B3_notice{ font-size: 0.95rem;}
    .B3_notice .tabWrap{  height:auto; margin-right:0; }
    .B3_notice .titWrap{ flex-direction: column; gap: 1rem; align-items: start; margin-right:0; margin-bottom:1.5rem;}
    .B3_notice .titTab ul{ margin-right:0; gap: 0.5rem; flex-wrap: wrap;}
    .B3_notice .list_box .rcnt a{ padding:1.25rem;}
    .B3_notice .list_box .rcnt .inr{ margin:1rem 0 0;}
    .B3_notice .list_box .rcnt .inr strong{ height:1.5rem; -webkit-line-clamp: 1;}
    .B3_notice .list_box .rcnt a > span{ display: none;}
    .B3_notice .list_box .rcnt .txt{ height:2rem; -webkit-line-clamp: 1;}
    .B3_notice .list_box{ flex-direction: column;} 
    .B3_notice .list_box ul{ margin-right:19rem;}
    .B3_notice .list_box li a{ padding:0.75rem 1rem;}
    .B3_notice .btn_more{ width:2.5rem; height:2.5rem; top:0; }
    
    /* 바로가기2 */
    .B3_M_link2 { padding:2rem 3em; }
    
}

@media screen and (max-width: 1190px) and (min-width: 681px) {
    
    /* 진료예약 */ 
    .B3_resv > ul{ flex-direction: column; align-items: start;}
    .B3_resv > ul li{ width: 100%;}
    .B3_resv > ul li:first-of-type{ margin-bottom:0.75em; padding-bottom:0.75em; border-bottom:1px dashed rgba(255,255,255,0.5); margin-right:0; padding-right:0; }
    .B3_resv > ul li:first-of-type:before{ display: none;}
}

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

    .B3_dept{ font-size: 0.9rem;}
    .B3_dept .tit_wrap { padding:0 1rem; text-align: left;}
    .B3_dept .tit_wrap h2{ font-size: 2em;}
    .B3_dept form{ margin:2rem 13rem 3rem 1rem;}

    .B3_notice h2.heading{ font-size:2rem;}
    .B3_notice .titWrap{ margin-bottom:1rem;}
    .B3_notice .titTab a{ line-height:2.5rem;}

}

@media screen and (max-width: 1024px){	
	h2.heading {font-size: 1.4rem; }

    /* 메인비주얼 */
    .B3_MVisual .slogan_txt { left: 2rem;  bottom: 2rem; max-width:calc(100% - 4em);}
    .B3_MVisual .slogan_txt p{ font-size: 2.25rem;}
    .B3_MVisual .slogan_txt span{ font-size: 1.8rem;}
    /* 컨트롤 */
    .B3_MVisual .control { left:2rem; top: 1.5rem; height: 2rem; padding: 0 1rem;}
    .B3_MVisual .control .page .progress{ width: 2rem;}

    /* 바로가기1 */
    .B3_M_link1 h2{ font-size: 1.6rem; margin-bottom:0px;}

    /* 진료과안내 */
    .B3_dept .tit_wrap h2{ font-size: 1.6rem; margin-bottom: 0.5rem;}
    .B3_dept form{ margin-right: 11rem;}
    #deptSlider{ width:130%; margin-left:-15%;}
    #deptSlider .slide:nth-of-type(even){ margin-top: 2em;}
    #deptSlider .control{ top:-5.75rem; right:15%;}
    #deptSlider .control a{ width:2.5rem; height:2.5rem; line-height:2.3rem;}

    /* 새소식 */
    .B3_notice h2.heading{ font-size:1.6rem}
    
    /* 바로가기2 */
    .B3_M_link2 > h3{ font-size: 2rem;}
    .B3_M_link2 > span{ font-size: 1rem; margin: 0.5rem 0 2rem; padding-bottom:2rem; }
    

}

@media screen and (max-width: 1024px) and (min-width: 721px) {
    
    /* 새소식 */
   .B3_notice .list_box li a span{ display: none;}
}

@media screen and (max-width: 960px) and (min-width: 681px) {

    /* 진료예약 */ 
    .B3_resv > p{ flex-wrap: wrap; gap: 0.25rem 1rem; align-content: center;}
    .B3_resv > p a{ width:100%;}
}

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

    /* 바로가기1 */
    .B3_M_link1 ul{ flex-wrap: wrap; gap: 1rem; align-items: normal;}
    .B3_M_link1 ul li a{ min-height: 100%; flex-direction: column; font-size: 1rem; border: 1px solid #ddd; border-radius: 0.5rem; padding:0.75rem 0.5rem; }
    .B3_M_link1 ul li + li:before{ display: none;}
    .B3_M_link1 ul li a img{ width:2.5rem; height:auto;}
}

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

    .B3_resvCnsl{ font-size: 0.9rem;}

    .B3_M_link1 ul li a{ font-size: 0.9rem; gap: 0.5rem;}
 
    /* 새소식 */
   .B3_notice .titTab a{ padding:0 1rem;}
    
    /* 바로가기2 */
    .B3_M_link2{ padding:2rem; background-position:right 50% bottom;}
    .B3_M_link2 > h3{ font-size: 1.7rem;}
    
}

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

    /* 새소식 */
    .B3_notice .list_box ul{ margin-right:0;}

    /* 팝업존 */
    .B3_pop .pop_img .item img{ max-height:15rem; object-fit: contain;}
    
}

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

    /* 메인비주얼 */
    .B3_MVisual .slogan_txt p{ font-size: 2rem; }
    .B3_MVisual .slogan_txt span{ font-size: 1.5rem; margin-top: 0.5rem;}

    /* 처음진료 예약상담 */ 
    .B3_resvCnsl{ padding:1.5rem;}
    
    /* 진료예약 */ 
    .B3_resv > ul{ padding:1.25rem 1rem;}
    .B3_resv > ul li{ flex: 1; justify-items: center;}
    .B3_resv > p{ padding:1.25rem 1rem;}

    /* 바로가기1 */
    .B3_M_link1 ul{ gap: 0.5rem; justify-content: start;}
    .B3_M_link1 ul li{ width:calc(33% - 0.5rem); flex: none;}

    /* 바로가기2 */
    .B3_M_link2{ font-size: 0.9rem;}
    .B3_M_link2 > h3{ font-size: 1.5rem; margin-right:40%;}
    .B3_M_link2 > span{ font-size: 0.9rem; margin-right:40%;}
    .B3_M_link2 > h3 br,
    .B3_M_link2 > span br{ display: none;}
    .B3_M_link2 > ul{ gap: 0.5rem 1rem ;}
    .B3_M_link2 > ul li{ width:calc((100% - 1rem)/2);}
}

@media screen and (max-width: 590px){
	h2.heading {font-size: 1.3rem; }

    .B3_M_link1 h2{ font-size: 1.4rem;}
    .B3_dept .tit_wrap h2{ font-size: 1.4rem;}
    .B3_notice h2.heading{ font-size:1.4rem}
    .B3_notice .titTab a span{ font-size: 0.95rem;}

    /* 진료과안내 */
    #deptSlider{ width:100%; margin-left:0%; padding:0 1rem;}
    #deptSlider .slide a{ height:11rem; padding:1.5em 2em; border-radius: 1em;}
    #deptSlider .slide a > h5{ font-size: 1.3rem; line-height: 1.3; word-break:break-all;}
    #deptSlider .slide a > .img{ right:1.5em; bottom:1em;}
    #deptSlider .slide a > .img img{ width: 4.5rem; }
    #deptSlider .slide a > .bg{ border-end-end-radius: 1.25em;}
    #deptSlider .control{ right:1rem;}
    .B3_dept form .srch{ padding-right:0;}
    
    /* 새소식 */
    .B3_notice{ font-size: 0.9rem;}
    .B3_notice .titTab a{ line-height:2rem;}
    .B3_notice .list_box .rcnt a{ padding:0.85rem;}
    .B3_notice .list_box .rcnt .inr{ margin-top:0.5rem; }
    .B3_notice .btn_more{ width:2.15rem; height:2.15rem;}

    /* 바로가기2 */
    .B3_M_link2{ padding:12rem 1rem 1.5rem; background-position:right 25% bottom;}
    .B3_M_link2 > h3{ margin-right:0%;}
    .B3_M_link2 > span{ margin-right:0%; margin-bottom: 0.75rem; padding-bottom: 0.75rem;}

    .B3_pop .nss_pg{ min-width: 8rem; gap: 0.25rem; padding: 0.25rem 0.5rem;}
}

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

	h2.heading {font-size: 1.3rem; }

    /* 메인비주얼 */
    .B3_MVisual{ font-size: 0.9rem; word-break:keep-all;}
    .B3_MVisual .slogan_txt{ left:1em; max-width:calc(100% - 2em);}
    .B3_MVisual .slogan_txt p{ font-size: 1.6rem; display: inline;}
    .B3_MVisual .slogan_txt span{ font-size: 1.2rem;}
    .B3_MVisual .control{ left:1em; font-size: 0.7rem; top: 1rem; gap: 0.3rem;}
    .B3_MVisual .control .page .progress{ width:1.5em;}
    
    /* 진료예약 */ 
    .B3_resv > ul{ flex-direction: column; align-items: start;}
    .B3_resv > ul li{ width: 100%; justify-items: start;}
    .B3_resv > ul li:first-of-type{ margin-bottom:0.75em; padding-bottom:0.75em; border-bottom:1px dashed rgba(255,255,255,0.5); margin-right:0; padding-right:0; }
    .B3_resv > ul li:first-of-type:before{ display: none;}
    .B3_resv > ul li a{ font-size: 1.2em;}
    .B3_resv > p{ font-size: 1.2em; flex-wrap: wrap; gap: 0.25rem 1rem; align-content: center; justify-content:start}

    /* 바로가기1 */
    .B3_M_link1 .tit_wrap{ flex-direction: column; align-items: start; margin-bottom:1.5em; }
    .B3_M_link1 .tit_wrap h2{ margin-bottom:0; }
    .B3_M_link1 ul li{ width:calc(50% - 0.25rem); }

    .B3_dept form{ margin:1rem 1rem 2rem;}
    #deptSlider .slide{ width:80% !important;}
    #deptSlider .slide:nth-of-type(even){ margin-top:0; }
    #deptSlider .slide a{ padding:1.5rem;}
    #deptSlider .control{ position:relative; right:auto; top: auto; justify-content: center; margin-top: 1.5rem;}
    
    /* 새소식 */
   .B3_notice .list_box li a span{ display: none;}

    /* 바로가기2 */
    .B3_M_link2 > ul{ gap: 0.5rem 1rem ;}
    .B3_M_link2 > ul li{ width: 100%;}
    .B3_M_link2 > ul li a i{ font-size: 1.75em;}
}

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

   /* 바로가기2 */
   .B3_M_link2{ padding:1.5rem 1rem; background: linear-gradient(35deg, rgba(0, 92, 82, 1) 0%, rgb(82 166 155) 100%);}
   .B3_M_link2 > h3{ font-size: 1.3rem; line-height:1.3;}
   .B3_M_link2 > ul li a{ font-size: 0.9em;}
   .B3_M_link2 > ul li a img{ width:1.5rem;}

    /* 메인비주얼 */
    .B3_MVisual .control{ height: 1.5rem; font-size: 0.65rem; padding: 0 0.5rem;}
    .B3_MVisual .control .page .progress{ width:1em;}

}