/*********************************************************/
/** @desc : main_sub 화면 컨텐츠 4Box 영역 ***************/
/** @use  : /_css/.../module/main/main_sub.inc ***********/
/*********************************************************/
div.main_sub {
    height: 178px;
}

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 {
    margin-right: 8px;
    width: 250px;
}

div.main_sub > div.main_sub_box_4_4 {
    margin-right: 0;
}

div.main_sub > div.main_sub_box_4_2 > table.main_sub_notice {
    margin-left: 5px;
    width: 240px;    /* div.main_sub_box_4_2 와 같은 넓이로 갈꺼면 생략 가능 */
}

/* hover시 변경될 이미지 */
div.main_sub > div.main_sub_box_4_3 > img:hover {
    background: url(../img/main/phone.png) no-repeat;
}

div.main_sub > div.main_sub_box_4_4 > img:hover {
    background: url(../img/main/bank.png) no-repeat;
}


/*********************************************************/
/** @desc : CEO 인사말 ***********************************/
/** @use  : /_css/.../module/company/ceo.inc *************/
/*********************************************************/
/* CEO 인사말 이미지 */
span.ceo_greeting {
    background: url(../img/module/company/hello.png) 5px 20px no-repeat;
}

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


/*********************************************************/
/** @desc : 타이틀 ***************************************/
/*********************************************************/
div.contents > div.contents_title > div.contentTitle {
    background: url(/_css/img/bullet/green_arrow.png) 2px 4px no-repeat;
}


/*********************************************************/
/** @desc : /module 하위에서 사용하는 Navigation title ***/
/*********************************************************/
div.contentTitle02 {
    background: url(/_css/img/bullet/green_arrow.png) 2px 4px no-repeat;
}


/*********************************************************/
/** @desc : 주문시스템 배경(로그인 후) *******************/
/** @use  : /wd_module /_inc/head.inc ********************/
/*********************************************************/
div.back_wdmodule {
/*     background: #DDE8F3;
    background: -moz-linear-gradient(top, #F4FBFC 0%, #DDE8F3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4FBFC), color-stop(100%,#DDE8F3));
    background: -webkit-linear-gradient(top, #F4FBFC 0%,#DDE8F3 100%);
    background: -o-linear-gradient(top, #F4FBFC 0%,#DDE8F3 100%);
    background: -ms-linear-gradient(top, #F4FBFC 0%,#DDE8F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4FBFC', endColorstr='#DDE8F3',GradientType=0 );    ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로
    background: linear-gradient(to bottom, #F4FBFC 0%,#DDE8F3 100%); */
    /* background: url(/_css/img/back/wd_bg.png) no-repeat; */
}


/*****************************************************************/
/** @desc :  주문시스템 및 관리자 로그인 박스 위에 img ***********/
/** @desc :  회원가입 박스 위에 안내이미지 ***********************/
/** @use  : /wd_module/member/login.inc (주문시스템 로그인) ******/
/** @use  : /wd_admin/member/login.inc (관리자로그인) ************/
/** @use  : /wd_module/member/join.inc (회원가입) ****************/
/*****************************************************************/
div.loginbox_jumun {
    background: url(../img/main/lock_jumunsys.png) no-repeat center center;
	margin-top:20px !important;
	margin-bottom: -50px;
}

div.loginbox_admin {
    background: url(../img/main/lock_admin.png) no-repeat center center;
	margin-top:20px !important;
	margin-bottom: -50px;
}

div.loginbox_join {
    background: url(../img/main/lock_join.png) no-repeat center center;
	margin-top:-10px !important;
}


/*********************************************************/
/** @desc :  주문 우측 레이아웃 배경(배송안내 외) ********/
/** @use  : /wd_module/basket/basket.inc *****************/
/*********************************************************/
/* 배송안내 img */
div.basket_area {
    background: url(../img/wd_module/delivery_info_bg02.png) no-repeat;
}

/* 장바구니 img */
div.basket_list {
    background: url(../img/wd_module/basket_list_bg.jpg) no-repeat;
}

:focus-visible {
    background-color: #ffdc3c !important;
  /* 키보드 포커스를 받은 경우만 적용할 스타일 지정 */
}