@charset "UTF-8";

body{
    font-family:'NotoSans','sans-serif';
    font-size:14px;
    color:#333;
    line-height:1;
    cursor:default;
    word-break:break-all;
    -ms-word-break:break-all;
    font-weight:300;
}
* {margin:0; padding:0;}
a{text-decoration:none;cursor:pointer;}
a:hover, a:focus, a:active {color:#fff;}
li{list-style:none;}
img{border:0; vertical-align:top;}

/* ==========================================================================
   게시판 공통 레이아웃
   ========================================================================== */
#board,
#board_length {
    overflow: hidden;
    padding-left: 25px;
}

/* ==========================================================================
   게시판 박스 공통 스타일 (.board, .board_length)
   ========================================================================== */
.board,
.board_length {
    width: 359px;
    height: 228px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    color: #fff;
}

/* 확장형 게시판 박스 (.re_board) */
.re_board,
.re_board_length {
    width: 620px;
    height: 322px;
}

/* board_length 화면 전용 너비 설정 */
#board_length .board_length {
    width: 320px;
    height: 240px;
}

/* ==========================================================================
   게시판 테마 색상 (#board01, #board02, #board03)
   ========================================================================== */
/* 공지사항 */
#board01 { background-color: #00c5bd; }

/* 뉴스/팜리뷰 */
#board02 { background-color: #449de2; }

/* 구인구직/FAQ */
#board03 { background-color: #6870de; height: 229px; }
.re_board#board03 { height: 322px; } /* 확장형일 때 높이 변경 */

/* ==========================================================================
   게시판 헤더 (.hgroup)
   ========================================================================== */
.board .hgroup,
.board_length .hgroup { position: relative; }
.hgroup ul li { float: left; margin-right: 6px; }
#board01 .hgroup ul li.first { margin-right: 37px; }

.hgroup ul li h3 {
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    height: 23px;
    line-height: 19px;
    padding: 0 9px;
    border: 1px solid rgba(255,255,255,0.7);
    color: rgba(255,255,255,0.7);
    box-sizing: border-box;
    border-radius: 50px;
}
.board_length
.hgroup ul li h3 {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    height: 23px;
    line-height: 19px;
    padding: 0 9px;
    border: 1px solid rgba(255,255,255,0.7);
    color: rgba(255,255,255,0.7);
    box-sizing: border-box;
    border-radius: 50px;
}

/* 활성화된 탭 스타일 */
.hgroup ul li h3.current {
    background-color: #fff;
    font-weight: 500;
}
#board01 h3.current { color: #00c5bd; }
#board02 h3.current { color: #449de2; }
#board03 h3.current { color: #6870de; }

/* 더보기 버튼 */
.hgroup ul li a {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 999;
}

/* 확장형 게시판 헤더 여백 */
.re_hgroup .notice_tab {
    padding-left: 9px;
    padding-right: 50px;
}

/* ==========================================================================
   게시판 리스트 (.boardList)
   ========================================================================== */
.boardList {
    float: left;
    width: 100%;
    margin-top: 22px; /* 기존 인라인 스타일 margin-top:22px 이관 */
}
.boardList ul li {
    margin-bottom: 10px;
    font-size: 15px;
}
.boardList ul li span {
    display: inline-block;
    position: relative;
}
.boardList ul li span.date {
    display: block;
    margin-bottom: -8px;
}
.re_boardList ul li span.date {
    display: inline-block;
    margin-bottom: 0;
}

#board_length .re_boardList ul li span.date {
    display: block;
    margin-bottom: -8px;
}
.boardList ul li span.new {
    background-color: #f00;
    border-radius: 10px;
    font-size: 11px;
    height: 14px;
    width: 14px;
    text-align: center;
    line-height: 14px;
    margin-left: 10px;
    vertical-align: 2px;
}
.boardList ul li p {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
}
.boardList ul li p a {
    color: #fff;
}

/* 확장형 게시판 리스트 폰트 크기 (.re_boardList) */
.re_boardList ul li span,
.re_boardList ul li p {
    font-size: 19px;
}

/* board_length 게시판 리스트 폰트 크기 (15px) */
#board_length .re_boardList ul li span,
#board_length .re_boardList ul li p {
    font-size: 15px;
}

/* ==========================================================================
   뉴스 게시판 스크롤 커스텀 (#board02)
   ========================================================================== */
/* 뉴스 게시판 (board, board02 모드에서만 스크롤 적용) */
.board #board02 .boardList.first,
.re_board #board02 .boardList.first {
    overflow: auto;
    padding-right: 10px;
}
.board #board02 .boardList.first { height: 145px; }
.re_board #board02 .boardList.first { height: 232px; }

/* 동영상 매뉴얼 리스트 (board03) */
.manual-list {
    height: 232px;
    padding-right: 10px;
}

#board02 .boardList.first::-webkit-scrollbar {
    width: 10px;
}
#board02 .boardList.first::-webkit-scrollbar-track {
    background-color: #3084c5;
    border-radius: 10px;
}
#board02 .boardList.first::-webkit-scrollbar-thumb:vertical {
    background-color: #87c7f9;
    border-radius: 10px;
}


/*배너*/
#ads{
    width:550px;
    height:114px;
    overflow:hidden;
    padding-left:24px;
}
#ads ul li{
    float:left;
    margin-right:5px;
    width:180px;
    height:90px;
    overflow:hidden;
}
#ads ul li.last{
    margin-right:0;
}
#ads ul li a{
    display:block;
}
#ads ul li a img{
    width:100%;
}

/* ==========================================================================
   PM+20 ad2.ftl (배너)
   ========================================================================== */
.ad2-client-fields-wrap {
    display: none;
}
/* ad2 / ad2_02 / ad2_length: 테이블 레이아웃 (2|1|2, 좌–중 2px·상하 2px, 중–우 무간격) */
.ad2-banner-table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 550px;
    max-width: 100%;
    box-sizing: border-box;
}
#ads02,
#re_ads02 {
    max-width: 100%;
    box-sizing: border-box;
}
/* ad2: 890×195 */
#ads02 .ad2-banner-table {
    width: 100%;
    max-width: 570px;
    height: 95px;
}
#ads02 .ad2-banner-table col.ad2-col-side { width: calc((100% - 2px) * 0.25); }
#ads02 .ad2-banner-table col.ad2-col-gap { width: 2px; }
#ads02 .ad2-banner-table col.ad2-col-center { width: calc((100% - 2px) * 0.5); }
/* ad2_02: 930×224  */
#re_ads02 .ad2-banner-table {
    width: 100%;
    max-width: 930px;
    height: 224px;
}
#re_ads02 .ad2-banner-table col.ad2-col-side { width: calc((100% - 2px) * 0.25); }
#re_ads02 .ad2-banner-table col.ad2-col-gap { width: 2px; }
#re_ads02 .ad2-banner-table col.ad2-col-center { width: calc((100% - 2px) * 0.5); }
.ad2-banner-td {
    padding: 0;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
}
.ad2-banner-td-gap {
    width: 2px;
    min-width: 2px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.ad2-banner-stack {
    width: 100%;
    /*height: 100%;*/
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.ad2-banner-stack-td {
    padding: 0;
    vertical-align: middle;
    text-align: center;
    height: calc(50% - 1px);
}
.ad2-banner-stack-gap {
    height: 2px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.ad2-banner-stack-td > a {
    /*display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;*/
}
.ad2-banner-td-center > a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    line-height: 0;
    box-sizing: border-box;
}

/* =============================================================================
   ad2 배너 이미지 크기 — 그리드가 아닌 아래 img 전용 클래스만 수정하세요.
   템플릿: .ad2-corner-img--ad2 | .ad2-survey-img--ad2  (/ad2)
           .ad2-corner-img--ad2_02 | .ad2-survey-img--ad2_02  (/ad2_02)
           .ad2-corner-img--ad2_length | .ad2-survey-img--ad2_length  (/ad2_length)
   ============================================================================= */
.ad2-corner-img,
.ad2-survey-img {
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: top;
}

/* ----- /ad2 : 코너 4개 · 설문 ----- */
.ad2-corner-img--ad2 {
    width: 100%;
    height: 100%;
    min-width: 170px;
    max-width: 170px;
    max-height: 100%;
    object-fit: contain;
    margin: 0;
}
.ad2-survey-img--ad2 {
    width: 100%;
    height: 100%;
    max-width: 170px;
    object-fit: cover;
    object-position: center;
    margin: 0;
}

/* ----- /ad2_02 ----- */
.ad2-corner-img--ad2_02 {
    width: 100%;
    height: 100%;
    min-width: 310px;
    max-width: 310px;
    max-height: 100%;
    object-fit: contain;
    margin: 0;
}
.ad2-survey-img--ad2_02 {
    height: 100%;
    max-width: 295px;
    min-width: 295px;
    object-fit: cover;
    object-position: center;
    margin: 0;
}

/* ----- /ad2_length ----- */
.ad2-corner-img--ad2_length {
    width: 100%;
    height: 100%;
    min-width: 178px;
    max-width: 178px;
    max-height: 100%;
    object-fit: contain;
    margin: 0;
}
.ad2-survey-img--ad2_length {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
}
.ad2-log-form-hidden {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: solid 0 #fff;
    overflow: hidden;
}
.ad2-hidden-iframe {
    display: none;
    width: 0;
    height: 0;
    border: 0;
}

/* ad2_length: 배너 영역 */
.ad2-ad-length .ad2-length-scale-outer {
    display: inline-block;
    max-width: 100%;
    line-height: 0;
    vertical-align: top;
}
.ad2-ad-length .ad2-length-scale-inner {
    /*zoom: 0.95;*/
    /*display: inline-block;*/
}
.ad2-banner-table--length {
    width: 100%;
    max-width: 535px;
    height: 128px;
}
.ad2-banner-table--length col.ad2-col-side,
.ad2-banner-table--length col.ad2-col-center {
    width: 33.333%;
}
.ad2-banner-table--length .ad2-banner-stack-td {
    padding: 0;
    vertical-align: middle;
    text-align: center;
    height: calc(50% - 1px);
}
.ad2-banner-table--length .ad2-banner-td-center > a {
}

/* pharm_length: 식별표시변경품목 세로/축소 */
.pharm-length .pharm-length-scale-outer {
	display: inline-block;
	max-width: 100%;
	line-height: 0;
	vertical-align: top;
}
.pharm-length .pharm-length-scale-inner {
	zoom: 0.7;
	display: inline-block;
}

/*식별표시변경품목*/
#DrugID{
    width:745px;
    height:130px;
    padding-left:24px;
    position:relative;
}
#DrugID h1{
    width:550px;
    font-size:17px;
    font-weight:600;
    border-bottom:2px solid #4f34a8;
    color:#4f34a8;
    line-height:30px;
    margin-bottom:13px;
    position:relative;
}
#DrugID h1 p{
    margin-right:10px;
    display:inline-block;
}
#DrugID h1 a img{
    padding-top:7px;
}
.re_drugList ul li{
    margin-bottom: 10px;
}
.re_drugList ul li:last-child{
    margin-bottom: 0px;
}
.re_drugList ul li a{
    font-size:16px !important;
}
.drugList{
    width:212px;
    float:left;
}
.drugList ul li p{
    display:block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.drugList ul li a{
    font-size:13px;
    font-weight:300;
    padding-left:10px;
    line-height:27px;
    color:#333;
    letter-spacing:-0.5px;
}
.drugList ul li.current a{
    font-weight:600;
    background:url(../images/current.png) 0 50% no-repeat;
}
.drugInfo .drugimg{
    float:left;
}
.re_drugInfo .re_drugimg{
    float:none;
}
.re_drugInfo .re_drugimg span{
    width:20% !important;
    height:20% !important;
}
.drugInfo .drugimg span{
    display:inline-block;
    width:145px;
    height:80px;
    overflow:hidden;
}
.drugInfo .drugimg span img{
    width:100%;
}
.re_drugInfo .re_drugimg > img{
    margin:55px 15px 0 15px !important;
}
.drugInfo .drugimg > img{
    margin:31px 15px 0 15px;
}
.drugInfo .info{
    position:absolute;
    top:0;
    right:0;
    width:170px;
}
.re_drugInfo .info{
    width:200px;
    right: 30px !important;
    padding-top: 15px;
}
.drugInfo .info h2{
    font-size:17px;
    font-weight:600;
    border-bottom:2px solid #4f34a8;
    color:#4f34a8;
    line-height:30px;
    margin-bottom:13px;
}
.drugInfo .info p{
    font-size:13px;
    font-weight:300;
    letter-spacing:-0.5px;
    margin-bottom:12px;
}
.drugInfo .info a{
    display:block;
    margin-bottom:2px;
    width:100%;
    height:25px;
    line-height:25px;
    text-align:center;
    background-color:#4f34a8;
    color:#fff;
    font-size:13px;
    border-radius:5px;
}
.re_drugInfo .info a{
    height:33px !important;
    font-size: 16px !important;
    padding-top: 7px !important;
}

/*흐르는 공지*/
.bx-wrapper{
    position:absolute;
    top:0px;
    left:54px;
}
#notice{
    height:31px;
    width:260px;
    position:relative;
}
#notice h1{
    color:#4f34a8;
    font-size:14px;
    font-weight:700;
    background:url(../images/bell.png) 0 center no-repeat;
    padding-left:18px;
    line-height:30px;
    float:left;
}
#notice .bxSlider{
    width:202px;
    height:100%;
    overflow:hidden;
    float:left;
}
#notice .bxSlider li{
    line-height:31px;
}
#notice .bxSlider p{
    font-size:13px;
    font-weight:300;
    display:block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#notice .bxSlider p a{
    color:#333;
}