@CHARSET "UTF-8";

/* 건강정보 */
.health_info_wrap .health_top{position:relative;padding-top:75px;font-size:1.8rem;font-weight:600;text-align:center;}
.health_info_wrap .health_top::after{content:'';position:absolute;top:0;left:50%;width:48px;height:50px;margin-left:-24px;background:url(/nanum/site/health/img/icon_health_top.png) no-repeat;background-size:cover;}

.health_info_wrap .srch_box{display:flex;justify-content:center;align-items:center;margin:30px 0;padding:30px 0;background:#f9f9f9;font-size:1.6rem;}
.health_info_wrap .srch_box .srch_input{min-width:370px;height:40px;padding:0 10px;border:1px solid #d5d5d5;font-size:1.5rem;font-weight:700;box-sizing:border-box;}
.health_info_wrap .srch_box .srch_input::placeholder{font-weight:500;color:#d5d5d5;}
.health_info_wrap .srch_box .srch_input::-webkit-input-placeholder{font-weight:500;color:#d5d5d5;}
.health_info_wrap .srch_box .srch_input:-ms-input-placeholder{font-weight:500;color:#d5d5d5;}
.health_info_wrap .srch_box .srch_btn{height:40px;margin-left:4px;padding:0 20px;border:0;background:#666;font-size:1.6rem;color:#fff;cursor:pointer;}

.health_info_wrap .slide_bnr{position:relative;overflow:hidden;height:300px;margin-bottom:40px;font-size:0;line-height:0;}
.health_info_wrap .slide_bnr .swiper-slide img{width:100%;height:300px;object-fit:cover;}
.health_info_wrap .slide_bnr .swiper-button{position:absolute;top:50%;width:37px;height:58px;margin-top:-29px;background-repeat:no-repeat;background-size:cover;cursor:pointer;z-index:5;}
.health_info_wrap .slide_bnr .swiper-button-disabled{opacity:0.5;cursor:default;}
.health_info_wrap .slide_bnr .swiper-button.next{right:30px;background-image:url(/nanum/site/health/img/btn_slide_next.png);}
.health_info_wrap .slide_bnr .swiper-button.prev{left:30px;background-image:url(/nanum/site/health/img/btn_slide_prev.png);}
.health_info_wrap .slide_bnr .swiper-pagination{bottom:20px;font-size:0;line-height:0;z-index:5;}
.health_info_wrap .slide_bnr .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:1;}
.health_info_wrap .slide_bnr .swiper-pagination .swiper-pagination-bullet-active{width:24px;background:#009ef6;border-radius:8px;}

.health_info_wrap{position:relative;display:flex;width:100%;padding-bottom:1300px;}
.health_info_wrap .list_type{margin-left:-1px;flex-grow:1;width:0;}
.health_info_wrap .list_type > a{display:block;padding:12px 10px;border:1px solid #e6e6e6;background:#fff;font-size:1.7rem;font-weight:500;color:#666;text-align:center;}
.health_info_wrap .list_type > a.on{background:#0c4da2;border-right:1px solid #0c4da2;border-color:#0c4da2;color:#fff;}
.health_info_wrap .list_type .p_wrap{position:absolute;top:130px;left:0;width:100%;}
.health_info_wrap .list_type ul{display:flex;flex-wrap:wrap;gap:40px;}
.health_info_wrap .list_type ul li{width:33%;max-width:295px;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
.health_info_wrap .list_type ul li a{display:block;padding-bottom:30px;}
.health_info_wrap .list_type ul li .thumb{margin:0 auto;font-size:0;line-height:0;border:1px solid #d5d5d5;}
.health_info_wrap .list_type ul li .thumb img{width:100%;height:163px;object-fit:cover;}
.health_info_wrap .list_type #pglistw5 ul li .thumb{width:90%;}
.health_info_wrap .list_type #pglistw5 ul li .thumb img{height:370px;}

.health_info_wrap .list_type ul li .cont{padding-top:20px;}
.health_info_wrap .list_type ul li .cont .info{display:flex;justify-content:space-between;align-items:center;}
.health_info_wrap .list_type ul li .cont .info .cate{font-size:1.4rem;font-weight:700;color:#009ef6;}
.health_info_wrap .list_type ul li .cont .info .date{font-size:1.3rem;font-weight:500;color:#888;letter-spacing:0;}
.health_info_wrap .list_type ul li .cont .title{display:-webkit-box;overflow:hidden;height:52px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:2rem;line-height:1.3;font-weight:600;color:#000;word-break:keep-all;}
.health_info_wrap .list_type ul li.empty{width:100%;max-width:100%;padding:30px 0;font-size:15px;font-weight:600;color:#888;text-align:center;}

.health_info_wrap .view_type .tit_area{margin-bottom:30px;padding:30px 0;border-bottom:1px solid #e5e5e5;}
.health_info_wrap .view_type .tit_area .info{display:flex;justify-content:space-between;align-items:center;}
.health_info_wrap .view_type .tit_area .info .cate{font-size:1.4rem;font-weight:700;color:#009ef6;}
.health_info_wrap .view_type .tit_area .info .date{font-size:1.3rem;font-weight:500;color:#888;letter-spacing:0;}
.health_info_wrap .view_type .tit_area .title{margin-top:10px;font-size:2.4rem;font-weight:600;color:#000;word-break:keep-all;}
.health_info_wrap .view_type .cont_area{padding:20px;border-bottom:1px solid #d5d5d5;}
.health_info_wrap .view_type .cont_area img{max-width:100%;}
.health_info_wrap .view_type .cont_area .cont_tit{margin-bottom:10px;font-size:2rem;font-weight:700;}
.health_info_wrap .view_type .cont_area .cont_tit:nth-child(n+2){margin-top:20px;}
.health_info_wrap .view_type .cont_area .cont_txt *{font-size:1.6rem !important;line-height:1.6 !important;color:#555 !important;}

.health_info_wrap .board_search .srch_txt::placeholder{font-weight:500;color:#555;}
.health_info_wrap .board_search .srch_txt::-webkit-input-placeholder{font-weight:500;color:#555;}
.health_info_wrap .board_search .srch_txt:-ms-input-placeholder{font-weight:500;color:#555;}

.health_info_wrap .board_total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.health_info_wrap .board_total_left{font-size:15px;color:#000;}
.health_info_wrap .board_total_left img{margin-right:5px;vertical-align:middle;}
.health_info_wrap .board_total_left .board_orange{color:#F96F00;}


/* 건강교실 list */
.health_info_wrap .table_blist ul{display:flex;flex-direction:column;border-top:2px solid #000;}
.health_info_wrap .table_blist ul li{padding:20px 0;box-sizing:border-box;border-bottom:1px solid #e5e5e5;}
.health_info_wrap .table_blist ul li a{display:flex;align-items:center;}
.health_info_wrap .table_blist ul li .thumb{flex-shrink:0;width:290px;padding-left:30px;font-size:0;line-height:0;}
.health_info_wrap .table_blist ul li .thumb img{width:100%;height:163px;object-fit:cover;}
.health_info_wrap .table_blist ul li .cont{display:flex;flex-direction:column;flex-grow:1;padding:10px 0;}
.health_info_wrap .table_blist ul li .cont .cate{margin-bottom:5px;font-size:14px;font-weight:700;color:#009ef6;}
.health_info_wrap .table_blist ul li .cont .date{margin-top:20px;font-size:13px;font-weight:500;color:#888;letter-spacing:0;}
.health_info_wrap .table_blist ul li .cont .title{display:-webkit-box;overflow:hidden;max-height:52px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:2rem !important;line-height:1.3;font-weight:600;color:#000;word-break:keep-all;}
.health_info_wrap .table_blist ul li .cont .content{display:-webkit-box;overflow:hidden;max-height:72px;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;}
.health_info_wrap .table_blist .empty{width:100%;max-width:100%;padding:30px 0;border-bottom:1px solid #e5e5e5;font-size:15px;font-weight:600;color:#888;text-align:center;}



/* 사랑건강소통 인트로 */
.health_info_wrap2,
.board_w .gcontent_w{display:flex;flex-wrap:wrap;margin-bottom:40px;width:100%;justify-content:space-between;}
.health_info_wrap2 .gcontent_w,
.board_w .gcontent_w{position:relative;width:100%;}
.board_w .gcontent_w{margin-top:25px;}
.health_info_wrap2 .grid,
.board_w .grid{display:flex;flex-wrap:wrap;gap:1.5%;width:100%;}
.health_info_wrap2 .grid.pdf_box,
.board_w .grid.pdf_box{gap:2%}
.board_w .grid.pdf_box{margin-bottom:-70px;}
.health_info_wrap2 .grid li{margin-bottom:1.5%;width:18.8%;}
.board_w .grid li{position:relative;margin-bottom:1.5%;width:23.8%;}
.health_info_wrap2 .grid li > a,
.board_w .grid li{position:relative;display:block;border:1px solid #e6e6e6;border-radius:15px;box-sizing:border-box;overflow:hidden;}
.health_info_wrap2 .grid li > a:not(:first-child){margin-top:8%;}
.health_info_wrap2 .grid.first_box li:nth-child(4){margin-right:18.8%;}
.health_info_wrap2 .grid .cont,
.board_w .grid .cont{position:relative;padding:25px 25px 20px;display:flex;flex-direction:column;height:180px;box-sizing:border-box;}
.board_w .grid .cont{height:auto;}
.health_info_wrap2 .grid .cont .cate,
.board_w .grid .cont .cate{margin-bottom:20px;font-size:1.4rem;font-weight:700;color:#0060cf;}
.health_info_wrap2 .grid .cont .how,
.board_w .grid .cont .how{position:absolute;top:23px;right:25px;padding:7px 15px;font-weight:400;font-size:1.3rem;line-height:1;background:#f4f4f4;border-radius:50px;}
.health_info_wrap2 .grid .cont .title,
.board_w .grid .cont .title{display:-webkit-box;overflow:hidden;height:50px;-webkit-line-clamp:2;-webkit-box-orient:vertical;/*margin-top:20px;*/font-size:1.8rem;line-height:1.4;font-weight:700;color:#000;word-break:keep-all;}
.health_info_wrap2 .grid .cont .date,
.board_w .grid .cont .date{display:block;margin-top:20px;font-size:1.3rem;font-weight:500;color:#888;letter-spacing:0;}
.board_w .grid .cont .name{display:block;height:24px;font-size:1.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.board_w .grid .cont .cor{position:absolute;bottom:20px;right:25px;color:#e60000;font-size:1.4rem;}
.health_info_wrap2 .grid .thumb,
.board_w .grid .thumb{height:184px;overflow: hidden;}
.health_info_wrap2 .grid .thumb img,
.board_w .grid .thumb img{display:block;width:100%;height:184px;object-fit:cover;transition: all 0.2s ease-in-out;}
.board_w .grid li input[type="checkbox"]{position:absolute;top:10px;left:10px;z-index: 2;}
.board_w .grid.pdf_box input[type="checkbox"]{position:static;}

.health_info_wrap2 .grid.pdf_box li,
.board_w .grid.pdf_box li{margin-bottom:20px;width:15.4%;}
.board_w .grid.pdf_box li{margin-bottom:90px;width:18.4%;border:0;border-radius:0;}
.board_w .grid.pdf_box .title{margin-top:5px;display:block;font-size:1.5rem;text-align:center;}
.health_info_wrap2 .grid.pdf_box .cont,
.board_w .grid.pdf_box .cont{display:none;}
.health_info_wrap2 .grid.pdf_box .thumb,
.board_w .grid.pdf_box .thumb{width:212px;height:auto;margin:0 auto;}
.health_info_wrap2 .grid.pdf_box .thumb img,
.board_w .grid.pdf_box .thumb img{height:300px;object-fit:fill;border:1px solid #e6e6e6;border-radius:15px;box-sizing:border-box;overflow:hidden;}

.health_info_wrap2 .grid.pdf_box .pdf_linkw,
.board_w .grid.pdf_box .pdf_linkw{display:flex;gap:5%;width:212px;margin:10px auto 0;}
.health_info_wrap2 .grid.pdf_box .pdf_linkw a,
.board_w .grid.pdf_box .pdf_linkw a{display:block;width:0;flex-grow:1;margin-top:5px;height:35px;line-height:35px;font-size:1.4rem;color:#fff;text-align:center;border-radius:4px;}
.health_info_wrap2 .grid.pdf_box .pdf_linkw a.ebookbtn,
.board_w .grid.pdf_box .pdf_linkw a.ebookbtn{background:#0058bf;}
.health_info_wrap2 .grid.pdf_box .pdf_linkw a.webzine,
.board_w .grid.pdf_box .pdf_linkw a.webzine{background:#997865;}


.health_info_wrap2 .right_box{position:absolute;right:0;top:0;margin-left:auto;width:18.8%;display:flex;flex-wrap:wrap;background:#fffcfb;border-radius:15px;}
.health_info_wrap2 .right_box a{display:block;padding:75px 0 19px;width:50%;font-weight:500;font-size:1.6rem;text-align:center;background:no-repeat center top 25px / auto 40px;border-top:1px solid rgba(153,120,101,0.15);box-sizing:border-box;}
.health_info_wrap2 .right_box a:first-child,
.health_info_wrap2 .right_box a:nth-child(2){border-top:1px solid #fffcfb;}
.health_info_wrap2 .right_box a:nth-child(even){border-left:1px solid rgba(153,120,101,0.15);}
.health_info_wrap2 .right_box a.icon1{background-image:url(/nanum/site/medicalpart/img/noti_icon1.png);}
.health_info_wrap2 .right_box a.icon2{background-image:url(/nanum/site/medicalpart/img/noti_icon2.png);}
.health_info_wrap2 .right_box a.icon3{background-image:url(/nanum/site/medicalpart/img/noti_icon3.png);}
.health_info_wrap2 .right_box a.icon4{background-image:url(/nanum/site/medicalpart/img/noti_icon4.png);}
.health_info_wrap2 .right_box a.icon5{background-image:url(/nanum/site/medicalpart/img/noti_icon5.png);}
.health_info_wrap2 .right_box a.icon6{background-image:url(/nanum/site/medicalpart/img/noti_icon6.png);}
.health_info_wrap2 .right_box a.icon7{background-image:url(/nanum/site/medicalpart/img/noti_icon7.png);}
.health_info_wrap2 .right_box a.icon8{background-image:url(/nanum/site/medicalpart/img/noti_icon8.png);}
.health_info_wrap2 .right_box a.icon9{background-image:url(/nanum/site/medicalpart/img/noti_icon9.png);}

.health_info_wrap2 .right_box .pdf_list{margin-top:6%;}
.health_info_wrap2 .right_box .pdf_list a{display:flex;justify-content:space-between;width:100%;padding:35px 25px;color:#fff;background:#997865;border-radius:15px;box-sizing:border-box;}
.health_info_wrap2 .right_box .pdf_list a p{position:relative;}
.health_info_wrap2 .right_box .pdf_list a p span{display:block;flex-direction:column}
.health_info_wrap2 .right_box .pdf_list a .tit{margin-top:25px;font-weight:700;font-size:2.2rem;}
.health_info_wrap2 .right_box .pdf_list a .stit{margin-top:15px;font-weight:600;font-size:1.7rem;opacity:0.8;letter-spacing:0;}
.health_info_wrap2 .right_box .pdf_list a .go{position:absolute;bottom:15px;left:0;padding-right:16px;font-weight:500;font-size:1.4rem;background:url(/nanum/site/medicalpart/img/pdf_go.png) no-repeat center right;}
.health_info_wrap2 .right_box .pdf_list a .img_wr{position:relative;max-width:170px;font-size:0;box-shadow:0 10px 20px rgba(0,0,0,0.3);border-radius:0 10px 10px 0;overflow:hidden;}
.health_info_wrap2 .right_box .pdf_list a .img_wr img{max-width:100%;width:auto;height:240px;object-fit:cover;}
.health_info_wrap2 .right_box .pdf_list a .img_wr .bg{position:absolute;top:0;left:5px;width:6px;height:100%;background:url(/nanum/site/medicalpart/img/pdf_bg.png) repeat-y;}


/* 관련 전문진료센터 */
.ref_center_wrap ul{display:flex;flex-wrap:wrap;gap:10px;}
.ref_center_wrap ul li{width:calc(100% / 6);max-width:150px;text-align:center;}
.ref_center_wrap ul li a{display:inline-flex;justify-content:center;align-items:center;width:100%;height:90px;padding:0 10px;border:1px solid #d5d5d5;background:#f5f5f5;font-size:1.6rem;font-weight:500;word-break:keep-all;box-sizing:border-box;}


/*** 나의차트 인트로 ***/
.mypage_wrap{display:flex;flex-wrap:wrap;width:100%;gap:3%;}
.mypage_wrap li{position:relative;padding:35px 40px;margin-bottom:3%;width:48.5%;border:1px solid #e6e6e6;border-radius:15px;box-sizing:border-box;}
.mypage_wrap li .tit{font-weight:700;font-size:2.5rem;color:#000;}
.mypage_wrap li .go_btn{position:absolute;top:46px;right:40px;padding-right:15px;font-weight:500;font-size:1.4rem;line-height:1;color:#997865;background:url(/nanum/site/mypage/img/mypage_gobtn.png) no-repeat center right;}
.mypage_wrap li .go_btn:after{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:#997865;}
.mypage_wrap li .txt_boxw,
.mypage_wrap li .icon_w,
.mypage_wrap li .gbox{margin-top:45px;}

.mypage_wrap li .swiper{margin-right:20px;flex-grow:1;width:0;position:relative;}
.mypage_wrap li .swiper-slide{display:flex;flex-grow:1;width:0;padding:0 35px 0 75px;align-items:center;min-height:100px;box-sizing:border-box;}
.mypage_wrap li .swiper .btn_bw{position:absolute;top:50%;right:0;margin-top:-23px;z-index:5;}
.mypage_wrap li .swiper-button-next,
.mypage_wrap li .swiper-button-prev{position:static;margin-top:0 !important;width:23px;height:23px;background:#fff no-repeat center;border:1px solid #333;border-radius:5px;box-sizing:border-box;}
.mypage_wrap li .swiper-button-prev{background-image:url(/nanum/site/mypage/img/mypage_prev.png);}
.mypage_wrap li .swiper-button-next{background-image:url(/nanum/site/mypage/img/mypage_next.png);}
.mypage_wrap li .swiper-button-next:after, 
.mypage_wrap li .swiper-button-prev:after{display:none;}

.mypage_wrap li .txt_boxw{display:flex;flex-wrap:wrap;align-items:center;}
.mypage_wrap li .photo{position:absolute;top:50%;left:0;margin-top:-38px;width:76px;height:76px;background:url(/nanum/site/medicalpart/img/dortor_lbg.jpg) no-repeat center;border-radius:50%;overflow:hidden;}
.mypage_wrap li .photo img{width:100%;object-fit:cover;}
.mypage_wrap li .txtw{margin-left:20px;width:100%;}
.mypage_wrap li .txtw .ttxt{display:flex;height:25px;font-size:1.4rem;line-height:25px;}
.mypage_wrap li .txtw .ttxt .round{padding:0 12px;font-weight:500;color:#444;background:#f1f1f1;border-radius:20px;}
.mypage_wrap li .txtw .ttxt .date{margin-left:auto;padding-left:25px;font-weight:700;color:#f53232;background:url(/nanum/site/mypage/img/reserv_time.gif) no-repeat center left;letter-spacing:0;}
.mypage_wrap li .txtw .stit{margin-top:20px;font-weight:500;font-size:2rem;line-height:1;color:#000;}
.mypage_wrap li .list3_contw .txtw .stit{margin-top:5px}
.mypage_wrap li .txtw .stxt{margin-top:20px;font-weight:400;font-size:1.4rem;line-height:1.5;color:#444;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.mypage_wrap li .tot_box{width:100px;height:100px;line-height:100px;font-weight:500;font-size:1.6rem;color:#888;background:#f2f2f2;text-align:center;border-radius:5px;}
.mypage_wrap li .tot_box span,
.mypage_wrap li .gbox dl dd span{margin-right:3px;display:inline-block;font-weight:600;font-size:4rem;color:#0060d0;letter-spacing:0;}

.mypage_wrap li .gbox{display:flex;gap:25px;}
.mypage_wrap li .gbox a{padding:0 30px;width:50%;height:100px;background:#f2f2f2;border-radius:10px;box-sizing:border-box;}
.mypage_wrap li .gbox dl{display:flex;align-items:center;height:100%;}
.mypage_wrap li .gbox dl dt{font-weight:500;font-size:1.8rem;color:#222;}
.mypage_wrap li .gbox dl dd{margin-left:auto;font-weight:500;font-size:1.6rem;color:#888;}

.mypage_wrap li.gray_bg{background:#fffcfb;border-color:#fffcfb;}
.mypage_wrap li.gray_bg .tot_box{background:#fff;}

.mypage_wrap li.brown_bg{background:#997865;border-color:#997865;}
.mypage_wrap li.brown_bg .tit,
.mypage_wrap li.brown_bg a{color:#fff;}
.mypage_wrap li.brown_bg .icon_w{display:flex;align-items:center;margin-left:-5%;width:110%;height:100px;}
.mypage_wrap li.brown_bg .icon_w a{display:block;width:25%;padding-top:70px;font-weight:500;font-size:1.7rem;text-align:center;background:no-repeat center top 5px;border-left:1px solid rgba(255,255,255,0.15);box-sizing:border-box;}
.mypage_wrap li.brown_bg .icon_w a:first-child{border:0;}
.mypage_wrap li.brown_bg .icon_w a.icon1{background-image:url(/nanum/site/mypage/img/mypage_icon1.png);}
.mypage_wrap li.brown_bg .icon_w a.icon2{background-image:url(/nanum/site/mypage/img/mypage_icon2.png);}
.mypage_wrap li.brown_bg .icon_w a.icon3{background-image:url(/nanum/site/mypage/img/mypage_icon3.png);}
.mypage_wrap li.brown_bg .icon_w a.icon4{background-image:url(/nanum/site/mypage/img/mypage_icon4.png);}


.mypage_info{position:relative;margin-top:80px;text-align:center;}
.mypage_info .tit{font-weight:700;font-size:3.2rem;color:#000;}
.mypage_info .txt{margin-top:10px;font-weight:400;font-size:1.6rem;color:#666;}

.mypage_info ul{margin-top:50px;display:flex;flex-wrap:wrap;gap:0 4%;text-align:left;border-top:2px solid #000;}
.mypage_info ul li{width:48%;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
.mypage_info ul li .cont{position:relative;display:block;padding:25px 10px;line-height:20px;box-sizing:border-box;}
.mypage_info ul li .cont .info{display:flex;margin-right:90px;}
.mypage_info ul li .cont .cate{width:80px;font-size:1.4rem;font-weight:500;color:#009ef6;}
.mypage_info ul li .cont .date{position:absolute;top:50%;margin-top:-6.5px;right:10px;font-size:1.3rem;font-weight:500;color:#888;letter-spacing:0;}
.mypage_info ul li .cont .title{flex-grow:1;width:0;font-size:1.6rem;font-weight:500;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;}
.mypage_info ul li.empty{width:100%;max-width:100%;padding:30px 0;font-size:15px;font-weight:600;color:#888;text-align:center;}




/**** 심장혈관병원 ****/
.heart_cont .health_info_wrap2 .grid.first_box li{margin-right:0 !important;}

/*.heart_list .board_w .grid{gap: 0.87%;}
.heart_list .board_w .grid li{width: 19.3%;}*/
.heart_list .board_w .grid li{width:18.8%;}

.heart_cont .health_info_wrap2 .grid.pdf_box li,
.heart_pdf .board_w .grid.pdf_box li{width:15%;}

.heart_cont .medipost_wrap .news_w{gap:20px}
.heart_cont .medipost_wrap .news_w > div{.width: calc(20% - 16px);}



/********************태블릿********************/
@media all and (max-width:1600px){

.mypage_wrap li{padding:30px 35px;}
.mypage_wrap li .txtw{margin-left:10px;}
.mypage_wrap li .txtw .ttxt{display:block;height:auto;}
.mypage_wrap li .txtw .ttxt .date{margin-top:5px;display:block;}
.mypage_wrap li .txtw .ttxt .round{display:inline-block;}
.mypage_wrap li .txtw .stit{margin-top:5px;font-size: 1.85rem;}
.mypage_wrap li .txtw .stxt{margin-top:15px;}
.mypage_wrap li .txt_boxw, .mypage_wrap li .icon_w, .mypage_wrap li .gbox{margin-top:25px;}
.mypage_wrap li .tot_box{width:95px;height:95px;line-height: 95px;}
.mypage_wrap li .photo{margin-top: -35px;width: 70px;height: 70px}
.mypage_wrap li .swiper{margin-left:15px;}
.mypage_wrap li .swiper-slide{padding-right:30px;}
.mypage_wrap li .list3_contw .txtw .stit{margin-top:0;}
.mypage_wrap li .go_btn{top:43px;right:35px;}
.health_info_wrap2 .grid.pdf_box .thumb, 
.board_w .grid.pdf_box .thumb{width:auto;border-radius:15px;overflow: hidden;}
.health_info_wrap2 .grid.pdf_box .pdf_linkw, 
.board_w .grid.pdf_box .pdf_linkw{width:auto;}
.health_info_wrap2 .grid.pdf_box .thumb img, 
.board_w .grid.pdf_box .thumb img{margin:0 auto;width:auto;height:250px;}

}

/********************태블릿********************/
@media all and (max-width:1300px){

.health_info_wrap2 .grid li{width:23.8%;}
.health_info_wrap2 .grid.first_box li:nth-child(3){margin-right:23.8%}
.health_info_wrap2 .grid.first_box li:nth-child(4){margin-right:0;}
.health_info_wrap2 .grid.first_box li:nth-child(8),
.health_info_wrap2 .grid.first_box li:nth-child(9),
.health_info_wrap2 .grid li:nth-child(9),
.health_info_wrap2 .grid li:nth-child(10){display:none;}

.health_info_wrap2 .grid.pdf_box li{width: 18.8%;}

.health_info_wrap2 .right_box{width:23.8%;}


.heart_cont .health_info_wrap2 .grid.first_box li:nth-child(8){display:block}
.heart_cont .heart_list .board_w .grid li:nth-child(9),
.heart_cont .heart_list .board_w .grid li:nth-child(10){display:none;}



/**** 심장혈관병원 ****/
.heart_list .board_w .grid li{width:23.8%;}

.heart_cont .health_info_wrap2 .grid.pdf_box li,
.heart_pdf .board_w .grid.pdf_box li{width:18.4%;}


}


/********************태블릿********************/
@media all and (max-width:1024px){

.health_info_wrap .srch_box{margin:3vh 0;padding:0;background:none;}
.health_info_wrap .srch_box .srch_input{flex-grow:1;min-width:auto;}
.health_info_wrap .srch_box .srch_btn{flex-shrink:0;width:20vw;padding:0 2vw;box-sizing:border-box;}

.health_info_wrap .slide_bnr{height:auto;margin-bottom:4vh;}
.health_info_wrap .slide_bnr .swiper-slide img{height:auto;}
.health_info_wrap .slide_bnr .swiper-button{display:none;}

.health_info_wrap .list_type ul{gap:0;}
.health_info_wrap .list_type ul li{width:50%;max-width:100%;padding-bottom:2vh;border-bottom:0;}
/* .health_info_wrap .list_type ul li .thumb img{height:auto;} */
.health_info_wrap .list_type ul li:nth-child(odd){padding-right:2vw;}
.health_info_wrap .list_type ul li:nth-child(even){padding-left:2vw;}


.health_info_wrap .table_blist ul li .thumb{width:240px;padding-left:20px;}
.health_info_wrap .table_blist ul li .thumb img{height:134px;}
.health_info_wrap .table_blist ul li .cont .date{margin-top:2vh;}

.health_info_wrap .view_type .tit_area{margin-bottom:3vh;padding:3vh 0;}
.health_info_wrap .view_type .cont_area img{margin-top:5px;height:auto !important;}

/* 관련 전문진료센터 */
.ref_center_wrap ul{gap:0;}
.ref_center_wrap ul li{width:calc(100% / 4);max-width:100%;padding:5px;box-sizing:border-box;}
.ref_center_wrap ul li a{padding:0 10px;}

.health_info_wrap2 .grid li{width:32.3333%;}
.health_info_wrap2 .grid.first_box li:nth-child(3){margin-right:0;}
.health_info_wrap2 .grid.first_box li:nth-child(8),
.health_info_wrap2 .grid.first_box li:nth-child(9),
.health_info_wrap2 .grid li:nth-child(9),
.health_info_wrap2 .grid li:nth-child(10){display:block;}
.health_info_wrap2 .grid li:last-child{display:none;}
.health_info_wrap2 .grid .thumb, 
.board_w .grid .thumb{height:auto;}

.health_info_wrap2 .con_tab,
.health_info_wrap2 .right_box,
.health_iwrap{display:none;}

.board_w .grid li{width: 32.3%;}
.health_info_wrap2 .grid .cont .title, 
.board_w .grid .cont .title{height:45px;}
.health_info_wrap2 .grid.pdf_box .thumb img, 
.board_w .grid.pdf_box .thumb img{height:190px;}
.health_info_wrap2 .grid.pdf_box .pdf_linkw, 
.board_w .grid.pdf_box .pdf_linkw{display:block;}
.health_info_wrap2 .grid.pdf_box .pdf_linkw a, 
.board_w .grid.pdf_box .pdf_linkw a{width:auto;}

.health_info_wrap2 .right_box{position:static;margin:0 0 30px;width:100%;}
.health_info_wrap2 .right_box a{width:16.6666%;border-top:0 !important;border-left: 1px solid rgba(153,120,101,0.15);}
.health_info_wrap2 .right_box a:first-child{border-left:0 !important;}

.heart_cont .heart_list .board_w .grid li:nth-child(9){display:block;}


.mypage_wrap li{padding:20px 25px;}
.mypage_wrap li .tit{font-size:2.2rem;}
.mypage_wrap li .go_btn{top:31px;right: 25px;}
.mypage_wrap li .swiper{margin-left:0;}
.mypage_wrap li .swiper-slide{display:block;padding:0;}
.mypage_wrap li .photo{position:static;margin: 0 auto 10px;}
.mypage_wrap li .txtw{margin:0;text-align:center;}
.mypage_wrap li .txtw .ttxt .date{display:inline-block;}
.mypage_wrap li.gray_bg .swiper-slide{padding-right: 30px;}
.mypage_wrap li.brown_bg .icon_w a{background-size: auto 40px;}
.mypage_wrap li .tot_box{font-size:1.5rem;}
.mypage_wrap li .tot_box span, .mypage_wrap li .gbox dl dd span{font-size:3.5rem;}
.mypage_wrap li .gbox dl dt{font-size:1.7rem}
.mypage_wrap li .gbox a{padding:0 10px;}

.mypage_info{margin-top: 50px;}
.mypage_info .tit{font-size:2.8rem;}
.mypage_info .txt{margin-top: 5px;font-size:1.5rem;}
.mypage_info ul{margin-top:30px;}




/**** 심장혈관병원 ****/
.heart_list .board_w .grid li{width:32.3%;}

}

/********************모바일********************/
@media all and (max-width:767px){

.health_info_wrap .health_top{padding-top:50px;}
.health_info_wrap .health_top::after{width:34px;height:35px;margin-left:-17px;}
.health_info_wrap .list_type ul li .thumb img{height:120px;}

.health_info_wrap .table_blist ul li .thumb{width:125px;}
.health_info_wrap .table_blist ul li .thumb img{height:70px;}

/* 관련 전문진료센터 */
.ref_center_wrap ul li{width:calc(100% / 3);}


.health_info_wrap2{margin-bottom:60px;}
.health_info_wrap2 .grid{height:auto;}
.board_w .gcontent_w{margin-top:10px;}
.board_w .grid.pdf_box{margin-bottom:-30px;}
.health_info_wrap2 .grid li,
.board_w .grid li{width:49%;}
.health_info_wrap2 .grid.first_box li:nth-child(9){display:none;}
.health_info_wrap2 .grid li:last-child{display:block}
.health_info_wrap2 .grid .cont,
.board_w .grid li .cont{padding:15px 15px 10px;height:auto;}
.health_info_wrap2 .grid .cont .how,
.board_w .grid .cont .how{top:14px;right:20px;padding:6px 13px;}
.health_info_wrap2 .grid .cont .cate, 
.board_w .grid .cont .cate{margin-bottom:15px;}
.health_info_wrap2 .grid .cont .title, 
.board_w .grid .cont .title{/*margin-top: 15px;*/height: 40px;font-size: 1.7rem;}
.health_info_wrap2 .grid .cont .date,
.board_w .grid .cont .date{margin-top:10px;}
.board_w .grid .cont .name{height:20px;}
.health_info_wrap2 .grid .thumb img,
.board_w .grid .thumb img{height:120px;}

.health_info_wrap2 .grid.pdf_box .pdf_linkw a, 
.board_w .grid.pdf_box .pdf_linkw a{height:30px;line-height:30px;}
.health_info_wrap2 .grid.pdf_box li,
.board_w .grid.pdf_box li{width: 32%;}
.board_w .grid.pdf_box li{margin-bottom:25px;}

.health_info_wrap2 .right_box a{padding: 65px 0 10px;width:33.333%;background-position:center top 15px;background-size:auto 40px;border-top:1px solid rgba(153,120,101,0.15) !important;}
.health_info_wrap2 .right_box a:nth-child(3n+1){border-left:0;}
.health_info_wrap2 .right_box a:first-child,
.health_info_wrap2 .right_box a:nth-child(2),
.health_info_wrap2 .right_box a:nth-child(3){border-top:0 !important;}
.health_info_wrap2 .grid.pdf_box .thumb img, 
.board_w .grid.pdf_box .thumb img{height:250px;}

.heart_cont .health_info_wrap2 .grid.first_box li:nth-child(9){display:block}
.heart_cont .heart_list .board_w .grid li:nth-child(10){display:block;}


.board_w .grid li input[type="checkbox"]{top:15px;left:auto;right:15px;}
.board_w .grid .cont .cor{bottom: 33px;right: 15px;}

.mypage_wrap{display:block;}
.mypage_wrap li{padding:15px 20px;margin-bottom:10px;width:auto;}
.mypage_wrap li .tit{font-size:2rem;}
.mypage_wrap li .go_btn{top: 23px;right: 20px;font-size: 1.3rem;}
.mypage_wrap li .go_btn:after{bottom:-3px;}
.mypage_wrap li .txt_boxw, .mypage_wrap li .icon_w, .mypage_wrap li .gbox{display:block;margin-top:15px;}
.mypage_wrap li .swiper{display:block;width:100%;}
.mypage_wrap li .swiper-slide{display:block;}
.mypage_wrap li .photo{width:66px;height:66px;line-height:66px;}
.mypage_wrap li .txtw .ttxt{line-height:22px;}
.mypage_wrap li .txtw .stit{font-size:1.7rem;}
.mypage_wrap li .txtw .stxt{margin-top: 10px;font-size:1.3rem;line-height: 1.4;}
.mypage_wrap li .tot_box{margin-top: 15px;width: 100%;height: auto;line-height: 1; padding: 10px 0;}
.mypage_wrap li .tot_box span, .mypage_wrap li .gbox dl dd span{margin-right: 2px;font-size: 2.8rem;}
.mypage_wrap li.brown_bg .icon_w{height:auto;}
.mypage_wrap li.brown_bg .icon_w a{padding-top: 45px;font-size: 1.5rem;background-size: auto 33px;}
.mypage_wrap li.gray_bg .swiper-slide{padding:0 30px;}
.mypage_wrap li .swiper .btn_bw{margin-top:-20px;width: 100%;}
.mypage_wrap li .swiper-button-next,
.mypage_wrap li .swiper-button-prev{position:absolute;top:50%;width: 20px;height: 20px}
.mypage_wrap li .swiper-button-prev{left:0;}
.mypage_wrap li .gbox a{display:block;padding: 6px 10px;width:auto;height:auto;}
.mypage_wrap li .gbox a:not(:first-child){margin-top:5px;}
.mypage_wrap li .gbox dl dt{font-size:1.6rem;}
.mypage_wrap li .gbox dl dd{font-size:1.3rem;}
.mypage_info{margin-top:35px;}
.mypage_info .tit{font-size:2.4rem;}
.mypage_info .txt{font-size: 1.4rem;line-height:1.4;}
.mypage_info ul{margin-top: 20px;display:block;}
.mypage_info ul li{width:auto;}
.mypage_info ul li .cont{padding:10px;}
.mypage_info ul li .cont .info{display:block;margin-right:0;}
.mypage_info ul li .cont .title{width:auto;}
.mypage_info ul li .cont .cate{font-size:1.3rem;}
.mypage_info ul li .cont .date{top:10px;margin-top:0;font-size: 1.2rem;}




/**** 심장혈관병원 ****/
.heart_list .board_w .grid li{width:49%;}

.heart_cont .health_info_wrap2 .grid.pdf_box li,
.heart_pdf .board_w .grid.pdf_box li{width:32%;}


}


@media all and (max-width:580px){

.health_info_wrap2 .grid.pdf_box .thumb img, 
.board_w .grid.pdf_box .thumb img{height:220px;}

}

@media all and (max-width:480px){
	
/* 전문진료센터 */
.ref_center_wrap ul li{width:calc(100% / 2);}

.health_info_wrap2 .grid.pdf_box li,
.board_w .grid.pdf_box li{width:49%;}
.health_info_wrap2 .grid.pdf_box .thumb img, 
.board_w .grid.pdf_box .thumb img{height:200px;}





/**** 심장혈관병원 ****/
.heart_cont .health_info_wrap2 .grid.pdf_box li,
.heart_pdf .board_w .grid.pdf_box li{width:49%;}



}

/********************웹********************/
@media all and (min-width:1025px) {
	
/* 전문진료센터 */	
.ref_center_wrap ul li a:hover{background:#fff;border:1px solid #224191;font-weight:700;color:#224191;}

.health_info_wrap .board_search{margin-bottom:50px;padding:30px 100px;background:#f9f9f9;}
.health_info_wrap .board_search fieldset{max-width:100%;padding:5px;background:#fff;border:2px solid #666;}
.health_info_wrap .board_search select{border:0;}
.health_info_wrap .board_search .srch_txt{border:0;}

.health_info_wrap2 .grid li > a:hover,
.board_w .grid li:hover{border-color:#000;box-shadow:5px 5px 15px rgba(158,89,0,0.1);}
.health_info_wrap2 .grid li > a:hover .thumb img, 
.board_w .grid li > a:hover .thumb img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.health_info_wrap2 .grid.pdf_box li:hover, 
.board_w .grid.pdf_box li:hover{box-shadow:none;}
}