@charset "UTF-8";

/* .cont-visualbg.sub.medicine{ display: flex; background-image: url(../images/medicine_content/visual_sub_medicine.png); background-size: cover; background-position: center;} */
.me-content-tab{display: flex; flex-wrap: wrap;}
.me-content-tab li{width: 14.3%; margin: -1px 0 0 -1px; text-align: center;}
.me-content-tab li a{width: 100%; font-size: 20px; color: #999fab; background-color: #f5f5f6; transition: 0.2s; line-height: 60px; display: block; border: 1px solid #e0e0e5;}
.me-content-tab li a.act{background-color: #476ba3; border: 1px solid #335892; color: #fff;}
.me-content-tab li a:hover{background-color: #476ba3; border: 1px solid #335892; color: #fff;}
.me-content-wrap{margin-top: 50px;}
.me-content-wrap .me-content-tit{display: flex; align-items: center;}
.me-content-wrap .me-content-tit .tit-img{width: 90px;height: 90px; background-color: #f6f7f8; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 30px;}
.me-content-wrap .me-content-tit .tit-img .medicine-img_mo{display: none;}
.me-content-wrap .me-content-tit strong{font-size: 24px; font-weight: 600;}
.content-table{margin-top: 30px;}
.content-table .inner-tit{margin-bottom: 7px;}
.content-table .inner-tit h2{position: relative; font-size: 18px; font-weight: 600; color: #146efb; padding-left: 11px;}
.content-table .inner-tit.black.mt{margin-top: 20px;}
.content-table .inner-tit.black h2{color: #000;}
.content-table .inner-tit h2:after{content: ''; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background-color: #146efb; transform: translateY(-50%);}
.content-table .inner-tit.black h2::after{display: none;}
.content-table .table-inner{border-top: 2px solid #000;}
.content-table .table-inner li {padding: 17px 20px; border-bottom: 1px solid #e0e0e5;}
.content-table .table-inner li h3.tit{font-size: 16px; color: #000; font-weight: 600; letter-spacing: -0.4px;}
.content-table .table-inner li p.txt{font-size: 16px; color: #666666; margin-top: 7px; letter-spacing: -0.4px;}
.content-table .content-txt p{padding-left: 11px; font-size: 16px; color: #666666; letter-spacing: -0.4px;}
.content-table .content-txt p.url{margin-top: 25px;}
.me-eat-txt p{font-size: 16px; color: #666666; letter-spacing: -0.4px; margin-top: 20px;}
.content-table .content-txt .num{position: relative; padding-left: 44px; margin-top: 10px;}
.content-table .content-txt .num span{position: absolute; line-height: 24px; font-size: 15px; top: 0; left: 10px; text-align: center; border-radius: 50%; color: #fff; width: 24px; height: 24px; background-color: #333333;}
.content-table .content-txt dl.num dt{font-size: 16px; color: #000;}
.content-table .content-txt dl.num dd{font-size: 16px; color: #666666; margin-top: 5px;}
.content-table .content-txt.mb{margin-bottom: 15px;}
.me-using-table{border: 1px solid #e0e0e5; padding: 0 20px;}
.me-using-table li.use-table{ padding: 20px 0; display: flex; align-items: center; border-bottom: 1px solid #e0e0e5;}
.me-using-table li.use-table:last-child{border-bottom: none;}
.me-using-table li.use-table .using-img{margin-right: 30px;}
.me-using-table li.use-table .using-txt p.use-num{position: relative; padding-left: 17px; font-size: 16px; color: #666666; letter-spacing: -0.4px;}
.me-using-table li.use-table .using-txt p.use-num.nonum{padding-left: 0;}
.me-using-table li.use-table .using-txt p.use-num span{position: absolute; top: 0; left: 0;}
.warning-img-wrap{display: flex; align-items: center; padding: 0 0 0 10px;}
.warning-img-wrap .warning-img{margin-right: 30px;}
.warning-img-wrap .warning-txt p{ font-size: 16px; letter-spacing: -0.4px; color: #666666;}
.medicine-search{margin-bottom: 50px;}
.medicine-search img{width: 100%;}
.medicine-search .seach-pc{display: block;}
.medicine-search .seach-mb{display: none;}
.search-iframe{max-width: 680px; margin: 0 auto;}
.search-iframe iframe{width: 100%;}

@media screen and (max-width:1024px){
    .me-content-tab li{width: 20%;}
}
@media screen and (max-width:1000px){ 
    .me-content-wrap{margin-top: 30px;}
    .me-content-tab li a{line-height: 50px; font-size: 15px;}
    .me-content-wrap .me-content-tit .tit-img{width: 73px; height: 73px; margin-right: 20px;}
    .me-content-wrap .me-content-tit .tit-img .medicine-img{max-width: 44px;}
    .me-content-wrap .me-content-tit strong{font-size: 20px;}
    .content-table{margin-top: 20px;}
    .content-table .inner-tit h2{font-size: 16px; padding-left: 9px;}
    .content-table .inner-tit h2:after{top: 47%;}
    .content-table .table-inner li h3.tit{font-size: 14px;}
    .content-table .table-inner li p.txt{font-size: 14px; margin-top: 4px;}
    .content-table .content-txt p{font-size: 14px;}
    .me-eat-txt p{font-size: 14px;}
    .content-table .content-txt .num{padding-left: 40px;}
    .content-table .content-txt .num span{left: 9px; font-size: 14px; width: 20px; height: 20px; line-height: 20px;}
    .content-table .content-txt dl.num dt{font-size: 14px;}
    .content-table .content-txt dl.num dd{font-size: 14px;}
    .warning-img-wrap .warning-img,
    .me-using-table li.use-table .using-img{margin-right: 15px;}
    .warning-img-wrap .warning-img .img,
    .me-using-table li.use-table .using-img .img{width: 100px;}
    .warning-img-wrap .warning-img .img img,
    .me-using-table li.use-table .using-img .img img{width: 100%;}
    .warning-img-wrap .warning-txt p,
    .me-using-table li.use-table .using-txt p.use-num{font-size: 14px;}
    .medicine-search{margin-bottom: 30px;}
}
@media screen and (max-width:850px) {
    .me-content-tab li{width: 25%;}
    
}
@media screen and (max-width:640px){ 	
    .me-content-tab li{width: 33.333%;}
    .me-content-tab li a{font-size: 14px;}
    .warning-img-wrap,
    .me-using-table li.use-table{flex-direction: column;}
    .warning-img-wrap .warning-img, .me-using-table li.use-table .using-img{display: flex; align-items: center;}
    .warning-img-wrap .warning-img .img, .me-using-table li.use-table .using-img .img{width: 120px;}
    .me-using-table li.use-table .using-img .img.sec{margin-left: 5px;}
    .warning-img-wrap, .me-using-table li.use-table .using-txt{align-self: flex-start;}
    .medicine-search .seach-pc{display: none;}
    .medicine-search .seach-mb{display: block;}
}
@media screen and  (max-width:358px){
    .me-content-tab li{width: 50%;}
    .warning-img-wrap .warning-img, .me-using-table li.use-table .using-img{flex-direction: column;}
}