/* Tablet ( 가로폭 767px 이하) */
@media all and (max-width:767px) {

    /* 헤더 */
    #header { width: 100%; height: 80px; margin: 0 auto; }
    #header .logo { float: left; }
    #header .logo h1 { padding: 25px 0 0 0; }
    #header .logo h1 img { max-width: 80%; }
    #header ul.menu { position: relative; float: right;  text-align: center; z-index: 99; display: none; }
    .mobile-top-bar { display: block; }
    .left-side-bar-box { display: block; }

    /* 배너 */
    #banner { width: 100%; height: 425px; margin-bottom: 50px;}
    #banner .slide01 { width: 100%; height: 100%; position: relative; background-image: url(../img/main/banner2.jpg); background-repeat: no-repeat; background-size: contain; }


    /* 컨텐츠 01*/
    #contents_wrap { width: 100%; }
    #contents01 { width: 100%; margin-bottom: 50px; }
    #contents01 .item { background-position: center; word-break: keep-all; }
    #contents01 .item img { max-width: 100%; vertical-align: middle; }
    #contents01 .item .text_box { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }
    #contents01 .item .text_box h2 { font-size: 18px;  font-weight: bold; color: #5e66b9; margin: 15px 0; }
    #contents01 .item .text_box p { font-size: 14px; }
    #contents01 .item .text_box a { font-size: 14px;  }
    #contents01 .item.nob01 { width: 50%; height: 170px; }
    #contents01 .item.nob02 { width: 50%; height: 170px; }
    #contents01 .item.nob03 { width: 50%; height: 170px; }
    #contents01 .item.nob04 { width: 50%; height: 170px; }
    #contents01 .item.nob05 { width: 100%; height: 170px; }

    /* 컨텐츠 02 */
    #contents02 { width: 100%; height: 300px; margin-bottom: 50px; }
    #contents02 .contents02_box { width: 100%; height: 300px; }
    #contents02 .contents02_box h1 { font-size: 26px; top: 5%; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; }
    #contents02 .contents02_box h1 span { display: inline; font-size: 26px; }
    #contents02 .contents02_box h1 span::after { content: ""; }
    #contents02 .contents02_box ul { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; margin-top: 50px; }
    #contents02 .contents02_box ul li { padding: 0; width: 33.3%; margin: 0 auto; }
    #contents02 .contents02_box ul li a { width: 80px; height: 80px; border-radius: 150px; margin: 0 auto; }
    #contents02 .contents02_box ul li a img { width: 60%; }
    #contents02 .contents02_box ul li p { margin-top: 20px; font-size: 16px; font-weight: bold; color: #fff;}
    #contents02 .contents02_box ul li img { width: 100%; height: auto; }

    /* 컨텐츠 03 */
    #contents03 { width: 100%; margin-bottom: 50px; }
    #contents03 .inner { width: 100%; flex-direction: row; flex-wrap: wrap; }
    #contents03 .inner .cont03_left { width: 98%; margin: 0 1%; padding-bottom: 20px; color: #333; }
    #contents03 .inner .cont03_left h1 { margin-bottom: 20px; font-size: 18px; color: #5e66b9; border-bottom: 1px solid #5e66b9; display: inline-block;}
    #contents03 .inner .cont03_left h2 { margin-bottom: 20px; font-size: 16px; line-height: 24px; }
    #contents03 .inner .cont03_left h2 span { display: block; }
    #contents03 .inner .cont03_left p { font-size: 14px; line-height: 20px; }
    #contents03 .inner .cont03_left p span { display: block; }
    #contents03 .inner .cont03_right { width: 100%; }
    #contents03 .inner .cont03_right img { max-width: 100%; }
    #contents03 .inner .cont03_right .slide_view { width: 100%; }
    #contents03 .inner .cont03_right .slide_view button { width: 40px; height: 40px; }
    #contents03 .inner .cont03_right .slide_view button::before { font-family: 'xeicon'; font-size: 20px; }
    #contents03 .inner .cont03_right .slide_view div { width: 100%; }

    /* 컨텐츠 04 */
    #contents04 { width: 100%; margin-bottom: 50px; }
    #contents04 .inner { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; }
    #contents04 .inner .cont04_left { width: 100%; }
    #map { width: 100%; height: 300px; }
    #map .custom_map { padding: 15px; }
    #map .custom_map a { color: #41a8cf; }
    #contents04 .inner .cont04_right { width: 100%; height: auto; background-color: #41a8cf;  }
    #contents04 .inner .cont04_right .top { padding: 10px 40px; text-align: center; color: #fff;}
    #contents04 .inner .cont04_right .top h2 { font-size: 18px; margin-bottom: 10px; }
    #contents04 .inner .cont04_right .top p { color: #fff; padding: 5px 0; font-size: 14px; }

    #contents04 .inner .cont04_right .bot { padding: 0; text-align: center; color: #fff; }
    #contents04 .inner .cont04_right .bot h2 { font-size: 18px; margin-bottom: 10px; text-align: center; }
    #contents04 .inner .cont04_right .bot p { color: #fff; padding: 5px 40px; font-size: 14px; }
    #contents04 .inner .cont04_right .bot p.color { font-weight: bold; color: rgb(230, 39, 39); text-align: center; }
    #contents04 .inner .cont04_right .bot p span { float: none; padding-left: 20px; }



    /* 푸터 */
    #footer { width: 100%; height: auto; flex-wrap: wrap; flex-direction: row; padding: 30px 0; }
    #footer .logo { padding: 0 10px; }
    #footer .logo img { max-width: 60%; }
    #footer .copy { word-break: keep-all; }
    #footer .copy p { padding: 0px 10px; font-size: 14px; line-height: 24px; }
    #footer .copy p span { display: block; }
    #footer .copy p span.m_none { display: none; }
    #footer .copy p span::after { content: ''; }




    /* 서브페이지 */
    /* 공용 */
    article.outer { width: 95%; margin: 0 2.5%; }
    #banner_sub .banner_bg { height: 180px; margin-bottom: 50px; }
    #banner_sub .banner_bg.bg02 { background-position: bottom 100% left 30%; }
    #banner_sub .banner_bg.bg03 { background-position: bottom 100% left 80%; }
    #banner_sub .banner_bg.bg04 { background-position: bottom 100% left 70%; }
    #banner_sub .banner_bg.bg05 { background-position: bottom 100% left 68%; }
    #banner_sub .banner_bg ul.banner_text { justify-content: center; font-size: 18px; width: 100%; }
    #banner_sub .banner_bg ul.banner_text li::after { content: '>'; padding: 0 5px; }

    #sub_contents_wrap { width: 100%; margin-bottom: 50px; }
    #sub_contents_wrap .wrap_map { height: 300px; }

        /* 레이어팝업 */
        #popup1 { width: 70%; height: auto; top: 100px; left: 2%; z-index: 999; }
        #popup1 img { max-width: 100%; }
    
        #popup2 { width: 70%; height: auto; top: 100px; left: 26%; z-index: 999; }
        #popup2 img { max-width: 100%; }
    
        #popup3 { width: 70%; height: auto; top: 100px; left: 22%; z-index: 999; }
        #popup3 img { max-width: 100%; }
    
        #popup4 { width: 90%; height: auto; top: 150px; left: 5%; z-index: 999; }
        #popup4 img { max-width: 100%; }

    /* P1010 인사말 */
    .intro_box { width: 100%; height: auto; word-break: break-all; }
    .intro_box ul li img { display:none; }
    .intro_box ul li p.intro_text { display: block; font-size: 24px; padding: 0px 0 30px 0; font-weight: bold; color: #0075a2; line-height: 32px; }
    .intro_box ul li p.intro_sub { display: block; font-size: 18px;  color: #666; line-height: 24px; }
    .sub_box { margin-top: 10px; word-break: break-all; }
    .sub_box p { padding: 12px 0px 12px 0; font-size: 14px; line-height: 24px; color: #666; }

    /* P1020 의료진 */
    #sub_contents .inner .flex_box_pc { display: none;}
    #sub_contents .inner .flex_box_1 {  padding-bottom: 50px; display: flex; margin: px 0; background-size:contain;}
    #sub_contents .inner .flex_box {  display: flex; margin: px 0; background-size:contain;}  


    /* P1030 둘러보기 */
    button.p1030 {
        width:49%;
        height:50px;
        font-size:14px;
        border: 1px solid #aaa;
        background-color: #fff;
        display:inline-block;
        cursor: pointer;
        margin-bottom: 5px;
    }
    

    .slider-for h1 {
        display: block;
        position: absolute;
        bottom: 5px;
        font-size: 18px;
        width: 100%;
        text-align: center;
        background: rgba(0,0,0,.5);
        color: #eee;
        padding: 5px 0;

    }
    .slider-for img {
        max-width: 100%;
    }

    .slider-nav .item h1{
        display: none;
    }
    .slider-nav img { 
        max-width: 100%;
        height: auto;
    }
    
    .slider-nav .slick-track{
        margin-top: 10px;
    }

    .slider-nav .slick-slide {
        padding: 0 5px;
        width: 33.33333%;
    }

    .slider-nav .slick-arrow {
        width: 0;
        height: 0;
    }

    .slider-nav .slick-arrow::before {
        display: none;
    }


    /* P1030 진료안내 */
    table.time {
        line-height: 1.5;
        font-size: 12px;
    }

    table.time th {
        padding: 15px;
    }

    table.time td {
        padding: 15px;
    }
    table.time td span {
        display: block;
    }
    .p1030_box { flex-direction: column; }
    ul.p1030 { margin-bottom: 20px; font-size: 14px; width: 100%; }
    ul.p1030 h1 { font-size: 18px; padding-bottom: 10px; color: #0082a1; }
    ul.p1030 li { line-height: 20px; padding: 2px 0; }
    

    /* P2010 주사치료 */
    ul.list-info { margin-bottom: 30px; font-size: 14px; }
    ul.list-info li { padding: 10px 10px 10px 45px; }
    ul.list-info::before { left: 25px; }
    ul.list-type h1 { padding: 15px 0 15px 0; text-align: center; word-break: keep-all; }
    ul.list-type li ul { flex-direction: column; padding: 10px 0; font-size: 14px; }
    ul.list-type li ul li:last-child { padding: 10px 10px 0px 10px; line-height: 22px; }
    ul.list-type li ul li img { width: 100%; }
    ul.list-type li ul li h2 { padding-bottom: 10px; font-size: 18px; }

    /* P2020 체외충격파 */
    ul.p2020 { flex-direction: column; margin-bottom: 30px; font-size: 14px; }
    ul.p2020.reverse { flex-direction: column; }
    ul.p2020 li:last-child { padding: 20px 0 0 0px; width: 100%; }
    ul.p2020 li img { max-width: 100%; }
    ul.p2020 li h2 { font-size: 18px; }
    ul.p2020 li p { font-size: 14px; }

    /* P2040 통증치료센터 */
    ul.list-type.mb { margin-bottom: 50px; }
    ul.list-type li ul li p.none-deco { padding-right: 0px; line-height: 24px; }
    ul.list-type li ul li.none-pd:last-child { padding: 0px 0px; }


    /* P3010 건강검진  */
    .tabb { width: 100%; margin-bottom: 30px; }
    .tabnav{ display: flex; }
    .tabnav li { text-align:center; width: 50%; }
    .tabnav li a { font-size:18px; padding: 15px 0; }
    .tabnav li a::before { font-size: 32px; }
    .tabnav li a.active::after { font-size: 16px; }
    .tabcontent table { width: calc(100% - 20px); margin: 0px 20px;  font-size: 14px; table-layout: auto; }
    .tabcontent table tr { padding: 0; display: flex; flex-direction: column; }
    .tabcontent table tr td { width: 100%;  }
    .tabcontent table tr td h3 { padding: 30px 0; }
    .tabcontent table tr td ul { padding: 0; }
    .tabcontent table tr td ul li { padding-bottom: 10px; }

    table.p3010 { margin-bottom: 30px; font-size: 14px; }
    table.p3010 thead tr td { border: 1px solid #ddd; padding: 20px 0; }
    table.p3010 tr td { border: 1px solid #ddd; padding: 20px 0; }

    ul.p3010 { display: flex; flex-direction: column; margin-bottom: 30px; }
    ul.p3010 li .img { display: none; }
    ul.p3010 li .img_m { width:100%; height: auto; display: block; }
    ul.p3010 li .img_m img { max-width: 100%; border-radius: 20px; }
    ul.p3010 li .item_vuno { width: 100%; height: auto; }
    ul.p3010 li .item_vuno img { max-width: 100%; }
    ul.p3010 li ul { padding: 10px 0; font-size: 14px; }
    ul.p3010 li ul h3 { font-size: 16px; padding-bottom: 15px; }
    ul.p3010 li ul.padding li { padding:0; }
    ul.p3010 li ul li { line-height: 20px; padding-bottom: 8px; }
    ul.p3010 li ul li .item_vuno img { border-radius: 20px; }
    ul.p3010 li ul li p { line-height: 24px; color: #666; }
  

    /* P3020 소화기질환 */
    .sub_wrap { width: 100%; height: auto; margin-bottom: 50px; padding: 0px 0; }
    .sub_contents_box { width: 95%; height: auto; margin: auto; }
    ul.p3020 { height: auto; flex-direction: column; }
    ul.p3020 li  { width: 100%; }
    ul.p3020 li  img { width: 100%; }
    ul.p3020 li .p3020_title { margin-bottom: 20px; }
    ul.p3020 li .p3020_title h1 { font-size: 20px; margin: 40px 0 0 0px; padding-bottom: 10px; text-align: center;}
    ul.p3020 li .p3020_text { height: auto; padding: 0; text-align: center; font-size: 15px; line-height: 24px; }

    .sub_wrap.sub { padding: 30px 0; margin-bottom: 30px; }
    .sub_contents_box h2 { padding-bottom: 30px; font-size: 22px; letter-spacing: 0px; }
    ul.p3020 li .item_box { height: 100%; text-align: center; }
    ul.p3020 li .item_text { position: relative; padding: 0; padding-top: 20px; }
    ul.p3020 li .item_text p.title { font-size: 18px; padding-bottom: 20px; line-height: 24px; }
    ul.p3020 li .item_text p.title span { color: #0082a1; font-weight: bold; }
    ul.p3020 li .item_text p.title_sub { font-size: 14px; line-height: 20px; color: #666; }
    article.outer .symp { width: 100%; }
    article.outer .symp p.box { width: 70%; font-size: 18px; padding: 10px 0; margin-bottom: 30px; transform: translateX(23%);}
    
    article.outer .symp ul.flex-box { display: flex; flex-direction: column; justify-content: space-between; font-size: 16px; }
    article.outer .symp ul.flex-box li { width: 100%; border-radius: 10px; vertical-align: top; margin-bottom: 10px; }
    article.outer .symp ul.flex-box li p { padding: 15px 0; display: block; line-height: 26px; }



    /* P4010,P4020 서류발급,비급여안내*/
    .table_wrap { width: 100%; overflow-x: auto; }
    .subcon_text ul.p4010 { margin-right: 0px; font-size: 14px; margin-bottom: 50px; }
    .subcon_text ul.p4010 h2 { font-size: 16px; }
    .subcon_text ul.p4010 li { padding: 10px 0; line-height: 20px; }
    .subcon_text .p4010_img { display: none; }

    table.non-benefit.mg-bt { margin-bottom: 50px; }
    table.non-benefit th {
    padding: 8px;
    font-size: 14px;
    }
    table.non-benefit td {
    font-size: 12px;
    padding: 10px;
    }
}





/* Tablet (가로폭 768px 이상, 1023px 이하) */
@media all and (min-width:768px) and (max-width:1023px) {



}











/* PC Desktop (가로폭 1024 이상) */
@media all and (min-width:1024px) {
    

    
}