/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: 크로닉
* ○ 파일명		: home.css
************************************************************************************/




/***********************************************************************************
* 1번째 탭 - 홈
***********************************************************************************/

.page_home .my_info {width:calc(100% - 20px); height:46px; padding:0 10px; background-color:#79D2DE;}
.page_home .my_info .title {font-size:18px; margin-right:15px;}
.page_home .my_info img {width:auto; height:26px; margin-left:8px;}

.page_home .my_disease {width:calc(100% - 20px); height:32px; padding:10px 10px 15px 10px; background-color:#79D2DE;}
.page_home .my_disease .title {height:100%; font-size:17px; color:#444445; float:left;}
.page_home .my_disease .btn {width:16%; height:100%; margin-left:8px; border-radius:8px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; background-size:contain; float:left;}

.page_home .chart_wrap {width:calc(100% - 20px); padding:0 10px 20px 10px; background-color:#79D2DE; overflow:hidden;}
.page_home .chart_wrap .swiper-button-prev, .page_home .chart_wrap .swiper-button-next {display:none;}
.page_home .chart_wrap .swiper-pagination {bottom:0;}
.page_home .chart_wrap .swiper-pagination-bullet {background:#79D2DE;}
.page_home .chart_wrap .swiper-container {background:white; border-radius:20px;}

.page_home .button_cardnews {width:100%; height:auto; overflow:hidden;}
.page_home .button_cardnews .btn_wrap {width:87.2%; height:60%; left:6.4%; top:0; position:absolute;}
.page_home .button_cardnews .btn_wrap .btn {width:20%; height:100%;}
.page_home .button_cardnews .date_wrap {width:87.2%; height:33%; left:6.4%; top:61%; position:absolute;}
.page_home .button_cardnews .date_wrap .btn_prev {height:100%; font-size:18px; color:#444b56; padding:0 20px;}
.page_home .button_cardnews .date_wrap .date_show {flex:1; font-size:20px; color:#444b56; letter-spacing:1px;}
.page_home .button_cardnews .date_wrap .btn_next {height:100%; font-size:18px; color:#444b56; padding:0 20px; opacity:0.2; transition:opacity 0.3s;}
.page_home .button_cardnews .date_wrap .btn_next.active {opacity:1;}

.page_home .cardnews_wrap {width:calc(100% - 21%); padding:10px 10.5% 0 10.5%; background:white; overflow:hidden;}
.page_home .cardnews {width:100%; margin:10px 0 20px 0; align-items:flex-start;}
.page_home .cardnews:last-child {margin-bottom:40px;}
.page_home .cardnews .img {width:50px; height:50px; border-radius:50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff;}
.page_home .cardnews .img img {width:30px; height:30px; margin:10px;}
.page_home .cardnews .img.bp img {background-image:url('../image/home/icon_bp.png');}
.page_home .cardnews .img.bs img {background-image:url('../image/home/icon_bs.png');}
.page_home .cardnews .img.ip img {background-image:url('../image/home/icon_ip.png');}
.page_home .cardnews .img.ex img {background-image:url('../image/home/icon_ex.png');}
.page_home .cardnews .img.md img {background-image:url('../image/home/icon_md.png');}
.page_home .cardnews .img.ml img {background-image:url('../image/home/icon_ml.png');}
.page_home .cardnews .text_wrap {flex:1; margin-left:10px;}
.page_home .cardnews .text_wrap .title {flex:1; height:25px; line-height:20px; font-size:15px; font-weight:bold; color:#333340; overflow:hidden;}
.page_home .cardnews .text_wrap .check {width:100px; height:30px; background-position:center right; background-image:url('../image/home/btn_n.jpg'); transition:background 0.3s;}
.page_home .cardnews .text_wrap .check.active {background-image:url('../image/home/btn_y.jpg');}
.page_home .cardnews .text_wrap .content {width:100%; height:auto; font-size:20px; color:#4b4b4b; line-height:20px; overflow:hidden;}

.page_home .cardnews .random {line-height:25px; font-size:20px; font-weight:bold; color:#333340; overflow:hidden;}

.page_home .btn_write {opacity : 70%; border: 1px solid black; background-color:white; border-radius : 30px; width:60px; height:60px; right:30px; bottom:20px; position:absolute; z-index:2;display: flex;justify-content: center; align-items: center; font-size: 40px;}