/* module 100% + 1024 */

/*********************************************************/
/** @desc : Layout class *********************************/
/** @use  : /module/board/list.inc ***********************/
/** @use  : /module/board/view.inc ***********************/
/** @use  : /module/company/ceo.inc **********************/
/** @use  : /module/company/map.inc **********************/
/** @use  : /module/company/company.inc ******************/
/** @use  : /module/company/history.inc ******************/
/** @use  : /module/company/sitemap.inc ******************/
/** @use  : /module/company/policy.inc *******************/
/** @use  : /_css/.../module/main/main_sub.inc ***********/
/*********************************************************/
div.board_list {
    margin: auto;
    width: 1024px;
    min-height: 600px;  /* 게시판, 공지사항, 자료실 등 목록에 값이 없어도 어느 정도 공간 유지를 위해 지정 */
}

div.board_list > table.wos_list {
    background-color: #fff;
}

div.board_view {
    margin: auto auto 30px auto;
    width: 1024px;
    background-color: #fff;
}

div.company_ceo,        /* CEO 인사말 */
div.company_map,        /* 회사소개 - 오시는 길 */
div.company,            /* 회사소개(2017-04-26 사용안함) */
div.company_history,    /* 회사소개 - 회사연혁(2017-04-26 사용안함) */
div.company_policy {    /* 회사소개 - 경영이념(2017-04-26 세명만 사용중) */
    margin: auto auto 30px auto;
    width: 1024px;
}

/* 사이트맵 */
div.sitemap {
    margin: auto auto 30% auto;
    width: 1024px;
}

/* main_sub 화면 컨텐츠 Box 영역 */
div.main_sub {
    margin: 30px auto;
    width: 1024px;
}


/*********************************************************/
/** @desc : 주문시스템 배경(로그인 후) *******************/
/** @desc : 배경색상, 배경이미지 site.css 참고 ***********/
/** @use  : /wd_module /_inc/head.inc ********************/
/*********************************************************/
div.back_wdmodule {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 750px;
    z-index: -1;
}


/*********************************************************/
/** @desc : 주문시스템 로그인 아이디 출력 ****************/
/** @use  : /wd_module /_inc/head.inc ********************/
/*********************************************************/
div.header_login_id {
    float: left;
    margin: 5px 0 0 0;
    width: 100%;
    text-align: right;
}

div.header_login_id  > span.login_id {
    font-weight: bold;
}


/*********************************************************/
/** @desc : main 화면 logo *******************************/
/** @use  : /module    /_inc/head.inc ********************/
/** @use  : /wd_admin  /_inc/head.inc ********************/
/** @use  : /wd_module /_inc/head.inc ********************/
/*********************************************************/
img.pad_logo {
    padding: 1px 5px 3px 5px;
    background-color: #fff;
    /* background-color: #F4FBFC; */
    border: 3px solid #047989;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/*********************************************************/
/** @desc : main_sub 화면 컨텐츠 Box 영역 ****************/
/** @use  : /_css/.../module/main/main_sub.inc ***********/
/*********************************************************/
div.main_sub_title {
    margin-bottom: 5px;
    width: inherit ;
}

div.main_sub > div.main_sub_box_3_1,
div.main_sub > div.main_sub_box_3_2,
div.main_sub > div.main_sub_box_3_3,
div.main_sub > div.main_sub_box_4_1,
div.main_sub > div.main_sub_box_4_2,
div.main_sub > div.main_sub_box_4_3,
div.main_sub > div.main_sub_box_4_4 {
    float: left;
    height: inherit;
}


/***********************************************************************/
/** @desc : footer_box *************************************************/
/** @use  : _css/.../(module)/inc/tail.inc *****************************/
/** @use  : module/_inc/tail.inc (메인화면) ****************************/
/** @use  : module_admin/_inc/tail.inc (관리자로그인) ******************/
/** @use  : wd_module/_inc/tail.inc (주문시스템&회원가입) **************/
/** @use  : wd_admin/_inc/tail.inc (위탁관리자 로그인) *****************/
/***********************************************************************/
/* footer 로고 및 정보 영역 */
div.footer_contents > div.footer_logo {
    float: left;
    padding-top: 12px;
    padding-left: 15px;
    width: 20%;
}

div.footer_contents > div.footer_rowspan2 {
    padding: 17px 20px;
}

div.footer_contents > div.footer_rowspan3 {
    padding: 8px;
}

div.footer_contents > div.footer_text,
div.footer_contents > div.footer_text > span {
    color: #fff;
}

div.footer_contents > div.footer_text > address {
    display: inline;
    color: #fff;
    font-style: normal;
}


/***********************************************************************/
/** @desc : footer terms_box *******************************************/
/** @use  : _css/.../(module)/inc/tail.inc *****************************/
/** @use  : module/_inc/tail.inc (메인화면) ****************************/
/** @use  : module_admin/_inc/tail.inc (관리자로그인) ******************/
/** @use  : wd_module/_inc/tail.inc (주문시스템&회원가입) **************/
/** @use  : wd_admin/_inc/tail.inc (위탁관리자 로그인) *****************/
/***********************************************************************/
#terms_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 700px;
    background-color: #fff;
    border: 7px ridge #555;
    z-index: 21 !important;
}

#terms_box > div.terms_header {
    width: inherit;
    height: 30px;
    background: #757575;
    background: -moz-linear-gradient(left, #D6D6D6 0%, #757575 100%);
    background: -webkit-gradient(linear, right, left, color-stop(0%,#D6D6D6), color-stop(100%,#757575));
    background: -webkit-linear-gradient(left, #D6D6D6 0%,#757575 100%);
    background: -o-linear-gradient(left, #D6D6D6 0%,#757575 100%);
    background: -ms-linear-gradient(left, #D6D6D6 0%,#757575 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#D6D6D6',GradientType=1 );    /* ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로 */
    background: linear-gradient(to left, #D6D6D6 0%,#757575 100%);
}

#terms_box > div.terms_header > #terms_title {
    float: left;
    width: 90%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-indent: 50px;  /* 들어쓰기 */
    cursor: default;
}

#terms_box > div.terms_header > div.terms_title_btn {
    float: left;
    width: 10%;
}

#terms_box > div.terms_header > div.terms_title_btn > a {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

#terms_content1,
#terms_content2,
#terms_content3 {
    padding: 10px;
    height: 440px;
    overflow: scroll;
    overflow-x: hidden;
}

/* 이용약관, 개인정보처리방침, 이메일주소무단수집거부 글자 색 변경 */
#terms_terms1,
#terms_terms2,
#terms_terms3 {
    color: #e4f1ff;
}

#terms_terms1:hover,
#terms_terms2:hover,
#terms_terms3:hover {
    color: #fff;
    text-decoration: underline;
}


/*********************************************************/
/** @desc : 각 페이지의 navi manu 아래 그림(메인 제외) ***/
/** @use  : /module/ 하위 컨텐츠 들에서 사용 *************/
/*********************************************************/
#sub_slides {
    margin-bottom: 20px;
    width: 100%;
    min-width: 1024px;
}

#sub_slides > img {
    width: inherit;
    height: 150px;
}

/* #sub_slides 배경 이미지 = 150px 높이 + margin-bottom: 20px = 총 170px 의 높이 가짐 */
div.sub_slides_text {
    margin: -170px auto 20px auto;
}


/*********************************************************/
/** @desc : CEO 인사말(ceo_greeting) *********************/
/** @use  : /module/company/ceo.inc **********************/
/** @use  : _css/.../module/company/ceo.inc **************/
/*********************************************************/
/* CEO 인사말 이미지 */
div.company_ceo > span.ceo_greeting {
    display: block;
    margin-left: 50px;
    width: 800px;
    height: 120px;
    /* background: url(/module/company/img/hello.png) 5px 20px no-repeat; */
}

/* CEO 인사말 내용 */
div.company_ceo > p {
    margin: 0 0 10px 50px;
    width: 900px;
    font-size: 15px;
}

/* CEO 인사말 바닥 배경 이미지 */
div.company_ceo > div.ceo_bgimg {
    width: 1024px;
    height: 320px;
    /* background: url(/_css/img/back/ceo_bg.png) no-repeat bottom; */
}


/* CEO img 세로, 우측 */
div.company_ceo > span.ceo_picture_right {
    display: block;
    float: right;
    width: 300px;
    height: 450px;
}

/* CEO sign img */
div.company_ceo > span.ceo_signature {
    display: block;
    float: right;
}


/*********************************************************************/
/** @desc : 회사소개 company 화면 컨텐츠 8Box 영역 *******************/
/** @use  : /module/company/company.inc ******************************/
/** @use  : _css/.../module/company/company.inc **********************/
/** @use  : 현재 사용업체 없음(2017-07-20, 데모 A,C,N 참고용) ********/
/*********************************************************************/
table.company_sub {    /* 8box form*/
    margin-top: 10px;
    margin-bottom: 10px;
    border: 10px double #757575;
}

table.company_sub > tbody.company_sub_box_8 > tr > td > img {
    width: 122px;    /* width:12% 기준 */
}

table.company_sub > tbody.company_sub_box_7 > tr > td > img {
    width: 97%;    /* width:14% 기준 140px */
    max-height: 100px;    /* width 따라 height 커지는거 대비 */
}

/* view form(company_img_show 영역) */
div.company_sub {
    margin: auto;
    padding: 3px;
    width: 990px;
    height: 450px;
    border: 10px inset #757575;
}

div.company_sub > img {
    margin: auto;
    width: 988px;
    height: 448px;
    border: 1px solid #000;
}


/*********************************************************************/
/** @desc : 회사소개(회사연혁) ***************************************/
/** @use  : /module/company/history.inc ******************************/
/** @use  : _css/.../module/company/history.inc **********************/
/** @use  : 현재 사용업체 없음(2017-07-20, 데모 A,C,N 참고용) ********/
/** @use  : 세명이미지 있음, 사용안함 ********************************/
/*********************************************************************/
div.history {
    position: relative;
}

div.history > h2 {
    margin: 10px 30px;
    color: #339040;
    font-size: 24px;
    font-weight: bold;
}

div.history > b {
    padding-left: 50px;
    font-size: 16px;
    /* background: url(/_img/main/l_bullet.png) no-repeat 40px 7px; */
}

div.history> span {
    position: absolute;
    left: 110px;
}

div.line {
    margin: 20px 0;
    height: 1px;
    background-color: #bbb;
}


/*******************************************************/
/** @desc : SiteMap ************************************/
/** @use  : /module/company/sitemap.inc ****************/
/** @use  : _css/.../module/company/sitemap.inc ********/
/*******************************************************/
div.sitemap > table.sitemap {
    margin: auto;
    width: 97%;
}

div.sitemap > table.sitemap > tbody > tr {
    border-bottom :1px solid #ddd;
}

div.sitemap > table.sitemap > tbody > tr > th > img {
    padding-top: 0px;    /* td > a 의 padding 값이 증가로 공간 폭이 넓어졌을 때 sitemap_title img 위치 지정을 위한 값 */
}

div.sitemap > table.sitemap > tbody > tr > td > a {
    display: block;
    padding: 10px 0;    /* td 의 별도 높이 지정없이. a의 padding 값만으로 td 높이(공간 폭) 조절 */
    color: #444;
    font-size: 13px;
    font-weight: bold;
}


/***********************************************************************************/
/** @desc : 관리자 회원관리 > 승인관리 table 내 ... 표시 없애는 것 *****************/
/** @use  : /wd_admin/member/assign.inc 회원관리 > 승인관리 ************************/
/***********************************************************************************/
div.assign_top table.wos_list > tbody.wos_list > tr > td {
    text-overflow: clip;
}













/*********************************************************/
/** @desc : 로그인 로고 **********************************/
/** @use  : /module/member/login.inc *********************/
/*********************************************************/
img.logo_login {
    width:  120px;
    height: 120px;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
}


/*********************************************************/
/** @desc : 제조번호, 유효기간 팝업 **********************/
/** @use  : /module/basket/basket.inc ********************/
/*********************************************************/
#baskets_maker_no {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 280px;
    height: 105px;
    background-color: #fff;
    border: 1px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    z-index: 21;    /* div.m-mask : 20 */
}


/*********************************************************/
/** @desc : 수량 스타일 **********************************/
/** @use  : /module/basket/basket.inc ********************/
/** @use  : 그외 여러곳에서 사용 *************************/
/*********************************************************/
.num_qty {
    padding-right: 2px;
    width: 30px;
    border: 1px solid #f00;
    text-align: right;
}


/*********************************************************/
/** @desc : 장바구니 타이틀 스타일 ***********************/
/** @use  : 주문,반품 입력에 사용 ************************/
/** @use  : /module/basket/basket.inc ********************/
/** @use  : ????????????????????????? ********************/
/*********************************************************/
.basket_title {
    margin-bottom: 10px;
}

.basket_title > span {
    padding-left: 18px;
    padding-bottom: 5px;
    /* background-image: url("/_img/icon/arrow_red.gif"); */
    background-repeat: no-repeat;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
}


/*********************************************************/
/** @desc : 타이틀 ***************************************/
/*********************************************************/
div.contents > div.contents_title {
    padding: 10px 7px 7px 7px;
    background-color: #757575;
}

div.contents > div.contents_title > div.contentTitle {
    float: left;
    width: 50%;
    /* site.css 참고 */
}

div.contents > div.contents_title > div.contentTitle > span {
    padding-left: 20px;    /* bullet_green img 때문에 padding 값 지정 */
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

div.contents > div.contents_title > div.contentTitle > span > a {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}

div.contents > div.contents_title > div.content_body {
    color: #fff;
    text-align: right;
}

div.contents > div.contents_title > div.content_body > span.color {
    color: #fff;
}


div.contentTitle02 {
    margin-bottom: 5px;
    /* site.css 참고 */
}

div.contentTitle02 > span {
    padding-left: 20px;
    color: #757575;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

 div.contentTitle02 > span > a {
    color: #757575;
    font-size: 15px;
    line-height: 20px;
}


/*********************************************************/
/** @desc : 달력 *****************************************/
/** @use  : /wd_module/out/inc/search.inc ****************/
/*********************************************************/
table > caption > input.datetimepicker {
    width: 90px;
}


/*********************************************************/
/** @desc : 주문 좌측 레이아웃 ***************************/
/** @use  : /wd_module/basket/basket.inc *****************/
/*********************************************************/
div.physic_area {
    position: inherit;
    float: left;
    width: 690px;
    height: 620px;    /* height: 620px; = div.physic_list(383px) + div.physic_information(235px + border-top 1px + border-bottom 1px;) */
    background-color: #fff;
}

div.physic_list {
    width: inherit;
    height: 383px;
}


/*********************************************************/
/** @desc : 약품정보 + 주문정보 레이아웃 *****************/
/** @use  : /wd_module/basket/basket.inc *****************/
/** @use  : /wd_module/medi/medi.inc (약품정보) **********/
/** @use  : /wd_module/out/out_medi.inc (주문정보) *******/
/*********************************************************/
div.physic_information {    /* font-size 커짐에 따라 div.physic_information 의 border 값이 별도로 움직여서 table > caption border-top 값으로 변경*/
    width: inherit;
    height: 235px;
}

div.physic_information table {
    background-color: #fff;
}

div.physic_info > table > caption,
div.physic_order > table > caption {
    height: 20px;
    background-color: #efefef;
    border-top: 1px solid #c0c0c0;    /* div.physic_order > table.wos_list 때문에 caption top 에 border 생기는 거 변경 */
    border-bottom : 1px solid #c0c0c0;
    font-size: 14px;
    font-weight: bold;
    text-align : center;
}


/*********************************************************/
/** @desc : 약품정보 *************************************/
/** @use  : /wd_module/basket/basket.inc *****************/
/** @use  : /wd_module/medi/medi.inc *********************/
/*********************************************************/
div.physic_info {
    float: left;
    width: 49.9%;
    height: 235px;
}

div.physic_info > table > tbody > tr > th {
    height: 36px;
    background-color: #efefef;
    border: 1px solid #ddd;
}

div.physic_info > table > tbody > tr > td {
    padding: 0px 3px;
    height: 36px;
    border: 1px solid #ddd;
}


/*********************************************************/
/** @desc : 주문정보 *************************************/
/** @use  : /wd_module/basket/basket.inc *****************/
/** @use  : /wd_module/out/out_medi.inc ******************/
/*********************************************************/
div.physic_order {
    float: right;
    width: 49.8%;
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
}

div.physic_order > table > thead > tr > th {
    height: 25px;
    background-color: #9fba77;
    border: 1px solid #ddd;
    color: #fff;
}

div.physic_order > table > tfoot > tr {
    height: 25px;
    border-top: 1px solid #c0c0c0;
    border-bottom : 1px solid #c0c0c0;
}

div.physic_order > table > tfoot > tr > th {
    background-color: #efefef;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

div.physic_order > table > tfoot > tr > td {
    padding: 0 3px;
}


/*********************************************************/
/** @desc : 동일성분 *************************************/
/** @use  : /wd_module/basket/basket.inc *****************/
/** @use  : /wd_module/medi/medi_sung.inc ****************/
/*********************************************************/
div.same_ingredient {
    display: none;
    width: inherit;
    height: 230px;
    background-color: #fff;
    border-top: 3px solid #757575;    /* 상단 장바구니와 구분선 */
    z-index: 9;
}

div.same_ingredient > table > caption > div.same_ingredient_title {    /* 이지팜 제외 동일성분 title */
    float: left;
    color: #06f;
}

div.same_ingredient > table > caption > input.same_ingredient_title {    /* 이지팜 동일성분 title */
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    width: 630px;
    background-color: transparent;
    border: 1px solid transparent;
    color: #06f;
}

div.same_ingredient > table > caption > div.same_ingredient_btn {
    text-align: right;
}


/*********************************************************/
/** @desc : 주문 우측 레이아웃 ***************************/
/** @use  : /wd_module/basket/basket.inc *****************/
/*********************************************************/
div.basket_area {
    float: right;
    padding: 7px;
    width: 300px;
    height: 606px;     /* height: 620px; = div.basket_area(606px) + div.basket_area(padding-top 7px + padding-bottom 7px;) */
    background-color: #efefef;
    border-left: 5px solid #757575;
}


/***********************************************************/
/** @desc : 주문배송(주문 우측 레이아웃 basket_area) *******/
/** @use  : /wd_module/basket/basket.inc *******************/
/** @use  : _css/.../wd_module/basket/inc/basket_area.inc **/
/***********************************************************/
div.delivery_info {
    margin-top: 35px;
    margin-bottom: 7px;
}

div.delivery_info > table > tbody > tr > th {
    padding-left: 10px;
    color: #f00;
}


/***********************************************************/
/** @desc : 장바구니(주문 우측 레이아웃 basket_area) *******/
/** @use  : /wd_module/basket/basket.inc *******************/
/** @use  : _css/.../wd_module/basket/inc/basket_area.inc **/
/***********************************************************/
div.basket_list {
    background-color: #fff;
    border: 3px solid #5eb1d7;
}

div.basket_list > table > caption {
    padding: 7px;
    background-color: #e4f1ff;
    border-top-color: #e4f1ff;
}

div.basket_list > table > caption > table > tbody > tr {
    height: 25px;
}

div.basket_list > table.wos_list > thead.wos_list > tr > th {
    padding: 6px 3px;
    background-color: #818181;
    border: 1px solid #ddd;    /* l_blue, l_red, l_violet #fff 적용(공통 테이블에서 이미 적용됨) */
    color: #fff;
}

div.basket_list > table > tfoot {
    border-top: 1px solid #1a69ac;
    border-bottom: 1px solid #1a69ac;
}

div.basket_list > table > tfoot > tr {
    height: 25px;
}

div.basket_list > table > tfoot > tr > th {
    background-color: #1a69ac;
    border-right: 1px solid #ccc;
    color: #fff;
}


/*******************************************************************/
/** @desc : 관리자 약품관리 하단 레이아웃 **************************/
/** @use  : /wd_admin/med/cust.C.inc 약품관리(매출처_C) ************/
/** @use  : /wd_admin/med/cust.N.inc 약품관리(매출처_N) ************/
/** @use  : /wd_admin/med/medi.C.inc 약품관리(약품_C) **************/
/** @use  : /wd_admin/med/copy.C.inc 약품관리(약품복사_C) **********/
/*******************************************************************/
div.physic_control_cust_c,
div.physic_control_medi_c,
div.physic_control_copy_c {
    height: 495px;
}

div.physic_control_cust_c > div.physic_control_cust_c_left,     /* 매출처별 좌측 레이이웃 */
div.physic_control_cust_c > div.physic_control_cust_n_left,     /* 매출처별 좌측 레이이웃 */
div.physic_control_medi_c > div.physic_control_medi_c_left {    /* 약품별 좌측 레이이웃 */
    float: left;
    width: 49.8%;
    background-color: #fff;
}

div.physic_control_cust_c > div.physic_control_cust_c_right,     /* 매출처별 우측 레이이웃 */
div.physic_control_cust_c > div.physic_control_cust_n_right,     /* 매출처별 우측 레이이웃 */
div.physic_control_medi_c > div.physic_control_medi_c_right {    /* 약품별 우측 레이이웃 */
    float: right;
    width: 49.8%;
    background-color: #fff;
}