

/*********************************************************/
/** @desc : 서브카테고리 스타일(흡사 서브메뉴) ***********/
/** @use  : product-list2 스킨에서 사용 ******************/
/*********************************************************/
ul.submenu {
    margin-right: 5px;
    width: 140px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
}

li.submenu {
    padding: 5px 0 5px 0;
    height: 30px;
    border-bottom: 1px dotted #777;
}

li.submenuSelect,
li.submenuSelect > a {
    background-color: #0da2d7;
    color: #fff;
    font-weight: bold;
}


/*********************************************************/
/** @desc : 상단 퀵 메뉴 *********************************/
/** @use  : /module       /_inc/head.inc *****************/
/** @use  : /mudule_admin /_inc/head.inc *****************/
/** @use  : /wd_admin     /_inc/head.inc *****************/
/** @use  : /wd_module    /_inc/head.inc *****************/
/*********************************************************/
/* 이미지 말고 버튼 있을 때 */
div.wrap_top > div.header_top_menu > a.btn_top {
    margin-top: 5px;
    margin-left: 5px;
}

/* 버튼형 이미지 있을 때 */
div.wrap_top > div.header_top_menu > a > img.btn_top {
    padding-top: 5px;
}

/* top_menu 이미지 있을 때 */
div.wrap_top > div.header_top_menu > a > img.btn_top_menu {
    margin-top: 2px;
}

/* module/_inc_head.inc 에서 '주문시스템' 연결할때 사용 */
div.header_navi > a.menu_jumunsystem {
    margin-left: 100px;
    color: #069;
    font-size: 18px;
    font-weight: bold;
    line-height: 39px;
}


/*********************************************************/
/** @desc : 메뉴 *****************************************/
/** @use  : /module       /_inc/head.inc *****************/
/** @use  : /mudule_admin /_inc/head.inc *****************/
/** @use  : /wd_admin     /_inc/head.inc *****************/
/** @use  : /wd_module    /_inc/head.inc *****************/
/*********************************************************/

/* ############################################################################################################################### */
/* ########################   LargeDropDown 메뉴   ############################################################################### */
/* ############################################################################################################################### */
div.navi_bar {
    width: 100%;
    height: 50px;
    background: #1a69ac;
    background: -moz-linear-gradient(top, #25b4c1 0%, #1a69ac 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25b4c1), color-stop(100%,#1a69ac));
    background: -webkit-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
    background: -o-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
    background: -ms-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25b4c1', endColorstr='#1a69ac',GradientType=0 );    /* ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로 */
    background: linear-gradient(to bottom, #25b4c1 0%,#1a69ac 100%);

    /* box-shadow: 0px 0px 10px #aaa; */
    /* -moz-box-shadow: 0px 0px 10px #aaa; */
    /* -webkit-box-shadow: 0px 0px 10px #aaa; */
}

div.navi_bar > div.empty {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

ul.ldd_menu {
    padding-left: 50px;
	height: inherit;
}

ul.ldd_menu > li {
	position: relative;
	float: left;
}

/* ul > li 첫번째 값 왼쪽 여백 위한 class */
ul.ldd_menu > li.ldd_menu_first {
    /* padding-left: 50px; */
}

/* ul > li 첫번째 값 자식의 왼쪽 여백 위한 class */
ul.ldd_menu > li.ldd_menu_first > div.ldd_submenu_first {
    /* margin-left: 50px; */
}

ul.ldd_menu > li > a {
	float: left;
	padding: 0px 20px;
    min-width: 60px;
    text-align: center;
    background: #1a69ac;
    background: -moz-linear-gradient(top, #25b4c1 0%, #1a69ac 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25b4c1), color-stop(100%,#1a69ac));
    background: -webkit-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
    background: -o-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
    background: -ms-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25b4c1', endColorstr='#1a69ac',GradientType=0 );    /* ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로 */
    background: linear-gradient(to bottom, #25b4c1 0%,#1a69ac 100%);
	border-right: 1px solid #0c4e86;
	color: #fff;
/* site.inc 파일 참고 */
/*    font-family: NanumGothic, Arial, sans-serif; */
/*    font-size: 13px; */
    font-weight: bold;
	line-height: 50px;
}

ul.ldd_menu > li:hover > a {
    background: #25b4c1;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25b4c1', endColorstr='#25b4c1',GradientType=0 );    /* ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로 */
}

ul.ldd_menu > li > a.active {
    background-color: #047989;
}

ul.ldd_menu > li > a:hover {
    background-color: #25b4c1;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25b4c1', endColorstr='#25b4c1',GradientType=0 );    /* ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로 */
}

ul.ldd_menu div.ldd_submenu {
	display: none;
	position: absolute;
	top: 50px;
	left: 0px;
	/* width:550px; */
    width: 190px;
	background-color: #fff;

    /* -ms-filter, filter, opacity 순서 바꾸지 말것.(가상클래스 적용안될 수 있음) */
    /* IE8에서 opacity 는 적용 되는데,  li:hover, a:hover 적용안되서 주석 처리함 */
    /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";    /* IE8 대응 */
	/* filter: alpha(opacity=90);    /* IE7 이하 */
    /* opacity: 0.95; */

	opacity: 0.95;
	-ms-filter: "alpha(opacity=90)";    /* IE8 이하 */

    border: 1px solid #047989;
	border-top: 1px solid #d9ecd0;
	box-shadow: 0px 3px 4px #047989 inset;
	-moz-box-shadow: 0px 3px 4px #047989 inset;
	-webkit-box-shadow: 0px 3px 4px #047989 inset;
    z-index: 1;
}

ul.ldd_menu div.ldd_submenu > ul {
	margin: 10px 5px 10px 30px;
	padding: 10px;
    /* background-color: #fff; */
	border-left: 1px solid #034f84;

	/* margin: 10px 5px 5px 5px; */
	/* padding: 10px; */
}

/* 자식 제목 */
li.ldd_heading {
	padding: 0px 0px 5px 0px;
	color: #034f84;
	font-size: 13px;
    font-weight: bold;
	text-shadow: 0px 0px 1px #fff;
}

ul.ldd_menu div.ldd_submenu > ul li {
    display: block;
    margin: 3px 0;
}

/* div.ldd_submenu 에서 opacity 및 -ms-filter 적용 때문에 a:hover 배경색이 지정 안되서 정의 */
ul.ldd_menu div.ldd_submenu > ul li.ldd_heading:hover {
    background-color: #fff;
    opacity: 1.00;
    -ms-filter: "alpha(opacity=100)";
	color: #034f84;
}

/* div.ldd_submenu 에서 opacity 및 -ms-filter 적용 때문에 a:hover 배경색이 지정 안되서 정의 */
ul.ldd_menu div.ldd_submenu > ul li:hover {
    background-color: #047989;
    opacity: 1.00;
    -ms-filter: "alpha(opacity=100)";
    color: #fff;
}

ul.ldd_menu div.ldd_submenu > ul li a {
    display: block;
	padding: 2px 4px;
	color: #047989;
    font-family: NanumGothic, gulim, '굴림', Arial, sans-serif !important;  /* ldd_menu js(메뉴 font-style 고정)때문에 !important 사용 */
    font-size: 12px;
	line-height: 25px;
}

ul.ldd_menu div.ldd_submenu > ul li:hover a,
ul.ldd_menu div.ldd_submenu > ul li a:hover {
    color: #fff;
}


/* div.ldd_submenu 하단에 회색 상자 모양 박스 - 사용안함 */
a.ldd_subfoot {
	display: block;
	clear: both;
	padding: 15px 20px;
	background-color: #f0f0f0;
	color: #444;
	font-size: 12px;
	text-shadow: 0px 0px 1px #fff;
	text-transform: uppercase;
	box-shadow: 0px 0px 2px #777 inset;
	-moz-box-shadow: 0px 0px 2px #777 inset;
	-webkit-box-shadow: 0px 0px 2px #777 inset;
}









/* navigation menu 구조도
div.navi_bar > ul.navi_menu > li > a
                            > li.dropdown > a
                                          > ul.dropdown_menu > li > a
                                                             > li.dropdown_submenu > a

    ** li.dropdown_submenu 밑에 또 새로운 메뉴가 달릴경우 : ul.dropdown_menu > li.dropdown_submenu 반복
*/

/*      div.navi_bar {
/*          background-image: url(/_css/img/menu/bg.png);
/*          background-repeat: no-repeat;
/*      }
/*
/*      /* div menu 없이 title 만 있는 경우 */
/*      div.navi_bar > div.empty {
/*          /* background-color: #fff; */
/*          color: #fff;
/*          font-size: 30px;
/*          font-weight: bold;
/*          line-height: 40px;
/*          text-align: center;
/*      }
/*
/*      /* title 과 메뉴가 같이 있는 경우 */
/*      /* 타이틀 + 메뉴(타이틀 우측위치) 를 위해 사용 */
/*      div.navi_bar > div.empty > ul.navi_menu {
/*          float: right;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu,
/*      div.navi_bar > ul.navi_menu {
/*          height: inherit;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown,
/*      div.navi_bar > ul.navi_menu > li,
/*      div.navi_bar > ul.navi_menu > li.dropdown {
/*          float: left;
/*          width: 140px; /* 메뉴 가로 넓이*/
/*          text-align: center;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li > a,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown > a,
/*      div.navi_bar > ul.navi_menu > li > a,
/*      div.navi_bar > ul.navi_menu > li.dropdown > a {
/*          display: block;
/*          font-size: 13px;
/*          font-weight: bold;
/*          line-height: 39px;
/*      }
/*
/*      /* *** 메인 메뉴 bar에 마우스 올라가거나, 선택 상태일 때 css 적용할 때 사용할 것 */
/*      div.navi_bar > div.empty > ul.navi_menu > li:hover > a,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown:hover > a,
/*      div.navi_bar > ul.navi_menu > li:hover > a,
/*      div.navi_bar > ul.navi_menu > li.dropdown:hover > a {
/*          /* background-color: #555; */
/*          color: #fff;
/*      }
/*
/*
/*
/*
/*
/*
/*
/*      /*      /*
/*      /*      div.navi_bar > div.empty > ul.navi_menu > li > a > img,
/*      /*      div.navi_bar > ul.navi_menu > li > a > img {
/*      /*          width: 90px;
/*      /*          height: 46px;
/*      /*          background-image: url(/_css/img/menu/공지사항_off.png);
/*      /*          background-repeat: no-repeat;
/*      /*
/*      /*      } */
/*      /*      div.navi_bar > div.empty > ul.navi_menu > li:hover > a,
/*      /*      div.navi_bar > ul.navi_menu > li:hover > a {
/*      /*          background-image: url(/_css/img/menu/공지사항_on.png);
/*      /*          background-repeat: no-repeat;
/*      /*          width: 90px;
/*      /*          height: 46px;
/*      /*      }
/*      /*
/*      /*      div.navi_bar > div.empty > ul.navi_menu > li.active > a > img,
/*      /*      div.navi_bar > ul.navi_menu > li.active > a > img {
/*      /*          background-image: url(/_css/img/menu/공지사항_on.png);
/*      /*          background-repeat: no-repeat;
/*      /*
/*      /*      }
/*      /*
/*      /*      */
/*
/*
/*
/*
/*
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li.active > a,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown.active > a,
/*      div.navi_bar > ul.navi_menu > li.active > a,
/*      div.navi_bar > ul.navi_menu > li.dropdown.active > a {
/*          /* background-color: #555; */
/*          color: #fff;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li > a:hover,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown > a:hover,
/*      div.navi_bar > ul.navi_menu > li > a:hover,
/*      div.navi_bar > ul.navi_menu > li.dropdown > a:hover {
/*          /* background-color: #eee; */
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li > a > img,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown > a > img,
/*      div.navi_bar > ul.navi_menu > li > a > img,
/*      div.navi_bar > ul.navi_menu > li.dropdown > a > img {
/*          max-width: none;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown:hover > ul,
/*      div.navi_bar > ul.navi_menu > li.dropdown:hover > ul {
/*          display: block;
/*          z-index: 1;    /* 메인화면에서 메뉴 리스트 보이게 하는 것 */
/*      }
/*
/*      ul.dropdown_menu {
/*          position: absolute;
/*          display: none;
/*      }
/*
/*      ul.dropdown_menu > li,
/*      ul.dropdown_menu > li.dropdown_submenu {
/*          position: relative;
/*          width: 138px;
/*          height: 34px;
/*          /* background-color: #fff; */
/*          /* border-right: 1px solid #121212; */
/*          /* border-left: 1px solid #121212; */
/*          /* border-bottom: 1px solid #121212; */
/*          text-align: left;
/*      }
/*
/*      ul.dropdown_menu > li:first-child,
/*      ul.dropdown_menu > li.dropdown_submenu:first-child {
/*          /* border-top: 1px solid #121212; */
/*          margin-top: -10px;
/*          height: 10px;
/*      }
/*
/*      ul.dropdown_menu > li > a,
/*      ul.dropdown_menu > li.dropdown_submenu > a {
/*          display: block;
/*              /* padding-left: 10px; */
/*          font-size: 13px;
/*          font-weight: bold;
/*          /* line-height: 40px; */
/*          white-space: nowrap;
/*      }
/*
/*      ul.dropdown_menu > li.active > a {
/*          background-color: #757575;
/*          color: #fff;
/*      }
/*
/*      ul.dropdown_menu > li > a:hover,
/*      ul.dropdown_menu > li.dropdown_submenu > a:hover {
/*          background-color: #999;
/*          color: #fff;
/*      }
/*
/*      li.dropdown_submenu > ul.dropdown_menu {
/*          top: 0;
/*          left: 100%;
/*          margin-top: 0px;
/*          margin-left: 0px;
/*      }
/*
/*      li.dropdown_submenu:hover > ul.dropdown_menu {
/*          display: block;
/*      }
/*
/*
/*
/*      /* *** dropdown_menu 관련 화살표 *** */
/*      /* 기본 아래 화살표 */
/*      .caret {
/*          display: inline-block;
/*          width: 0;
/*          height: 0;
/*          margin-left: 2px;
/*          vertical-align: middle;
/*          border-top: 4px dashed;
/*          border-top: 4px solid \9;
/*          border-right: 4px solid transparent;
/*          border-left: 4px solid transparent;
/*      }
/*
/*      /* 오른쪽 화살표 */
/*      .right_caret {
/*          display: inline-block;
/*          width: 0;
/*          height: 0;
/*          margin-left: 2px;
/*          vertical-align: middle;
/*
/*          border-left: 4px dashed;
/*          border-top: 4px solid \9;
/*          border-top: 4px solid transparent;
/*          border-bottom: 4px solid transparent;
/*      }
/*
/*      /* .dropdown_submenu > a:after { submenu 오른쪽 방향화살표
/*          display: block;
/*          content: " ";
/*          float: right;
/*          width: 0;
/*          height: 0;
/*          border-color: transparent;
/*          border-style: solid;
/*          border-width: 5px 0 5px 5px;
/*          border-left-color: #ccc;
/*          margin-top: 5px;
/*          margin-right: -10px;
/*      }
/*
/*      .dropdown_submenu:hover > a:after { submenu 오른쪽 방향화살표
/*          border-left-color: #fff;
/*      }
/*       */
/*
/*      */


/* ############################################################################################################################### */
/* ########################   전체메뉴가 펼쳐지는 형태   ######################################################################### */
/* ############################################################################################################################### */
/*      /* title 과 메뉴가 같이 있는 경우 _ 전체메뉴가 펼쳐지는 형태 */
/*      div.navi_bar > div.empty > ul.navi_menu_wide {
/*          float: right;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide,    /* title 과 메뉴가 같이 있는 경우 _ 전체메뉴가 펼쳐지는 형태 */
/*      div.navi_bar > ul.navi_menu_wide {               /* title 없이 메뉴만 있는 경우 _ 전체메뉴가 펼쳐지는 형태 */
/*          padding-left: 0;
/*          margin: 0;
/*          background-color: #fff;
/*          color: #0c4e86;
/*          list-style: none;
/*          font-family: 'NanumGothic', sans-serif;
/*
/*          /* color.css  */
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li,
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li.dropdown,
/*      div.navi_bar > ul.navi_menu_wide > li,
/*      div.navi_bar > ul.navi_menu_wide > li.dropdown {
/*          position: relative;
/*          display: block;
/*          float: left;
/*
/*          margin: 0;
/*          padding: 0;
/*
/*          width: 120px; /* 메뉴 가로 넓이*/
/*          height: inherit;
/*          text-align: left;
/*          /* border: 1px solid #f00; */
/*
/*      }
/*
/*      div.header_navi_side > div.navi_bar > ul.navi_menu_wide > li.dropdown {
/*          width: 100px;
/*          text-align: left;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li > a,
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li.dropdown > a,
/*      div.navi_bar > ul.navi_menu_wide > li > a,
/*      div.navi_bar > ul.navi_menu_wide > li.dropdown > a {
/*          position: relative;
/*          display: block;
/*          /* padding: 0px 15px; */
/*          text-decoration: none;
/*          font-family: 'NanumGothic', sans-serif;
/*          font-weight: bold;
/*          font-size: 18px;
/*          line-height: 39px;
/*          /* color.css + font.css 참고 */
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li.active > a,
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li.dropdown.active > a,
/*      div.navi_bar > ul.navi_menu_wide > li.active > a,
/*      div.navi_bar > ul.navi_menu_wide > li.dropdown.active > a {
/*          /* color: #00f; */
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li:hover > a,
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li.dropdown:hover > a,
/*      div.navi_bar > ul.navi_menu_wide > li:hover > a,
/*      div.navi_bar > ul.navi_menu_wide > li.dropdown:hover > a {
/*          color: #06f;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li > a:hover,
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li.dropdown > a:hover,
/*      div.navi_bar > ul.navi_menu_wide > li > a:hover,
/*      div.navi_bar > ul.navi_menu_wide > li.dropdown > a:hover {
/*          /* background-color: #eee; */
/*          color: #06f;
/*          text-decoration: none;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li > a > img,
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li.dropdown > a > img,
/*      div.navi_bar > ul.navi_menu_wide > li > a > img,
/*      div.navi_bar > ul.navi_menu_wide > li.dropdown > a > img {
/*        max-width: none;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li.dropdown > div.dropdown_col,
/*      div.navi_bar > ul.navi_menu_wide > li.dropdown > div.dropdown_col {
/*          display: none;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide:hover > li.dropdown > div.dropdown_col,
/*      div.navi_bar > ul.navi_menu_wide:hover > li.dropdown > div.dropdown_col {
/*          display: block;
/*          height: 120px;
/*          z-index: 100;    /* 메인화면에서 메뉴 리스트 보이게 하는 것 */
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li > div.dropdown_col > ul.dropdown_menu_wide,
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li > div.dropdown_col > ul.dropdown_menu_wide,
/*      div.navi_bar > ul.navi_menu_wide > li > div.dropdown_col > ul.dropdown_menu_wide,
/*      div.navi_bar > ul.navi_menu_wide > li > div.dropdown_col > ul.dropdown_menu_wide {
/*          /* border-left: 1px solid #efefef; */
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li:first-child > div.dropdown_col > ul.dropdown_menu_wide,
/*      div.navi_bar > div.empty > ul.navi_menu_wide > li:first-child  > div.dropdown_col > ul.dropdown_menu_wide,
/*      div.navi_bar > ul.navi_menu_wide > li:first-child  > div.dropdown_col > ul.dropdown_menu_wide,
/*      div.navi_bar > ul.navi_menu_wide > li:first-child  > div.dropdown_col > ul.dropdown_menu_wide {
/*          border-left: none;
/*      }
/*
/*      ul.dropdown_menu_wide {
/*      }
/*
/*      ul.dropdown_menu_wide > li,
/*      ul.dropdown_menu_wide > li.dropdown_submenu {
/*          position: relative;
/*
/*          padding: 0;
/*          width: 120px;
/*          height: 30px;
/*
/*          list-style: none;
/*          text-align: left;
/*          background-color: #fff;
/*      }
/*
/*      div.header_navi_side > div.navi_bar > ul.navi_menu_wide > li.dropdown > div.dropdown_col > ul.dropdown_menu_wide > li,
/*      div.header_navi_side > div.navi_bar > ul.navi_menu_wide > li.dropdown > div.dropdown_col > ul.dropdown_menu_wide > li.dropdown_submenu {
/*          width: 100px;
/*          text-align: left;
/*      }
/*
/*      ul.dropdown_menu_wide > li:first-child,
/*      ul.dropdown_menu_wide > li.dropdown_submenu:first-child {
/*          /* color.css 참고 */
/*      }
/*
/*      ul.dropdown_menu_wide > li > a,
/*      ul.dropdown_menu_wide > li.dropdown_submenu > a {
/*          display: block;
/*
/*          /* padding-left: 15px; */
/*          text-decoration: none;
/*          white-space: nowrap;
/*
/*          font-family: 'NanumGothic', sans-serif;
/*          /* font-weight: bold; */
/*          font-size: 13px;
/*          line-height: 30px;
/*          /* color.css + font.css 참고 */
/*      }
/*
/*      ul.dropdown_menu_wide > li > a:hover,
/*      ul.dropdown_menu_wide > li.dropdown_submenu > a:hover {
/*          color: #06f;
/*          text-decoration: underline;
/*      }
/*
/*      ul.dropdown_menu_wide > .active > a,
/*      ul.dropdown_menu_wide > .active > a:hover,
/*      ul.dropdown_menu_wide > .active > a:focus {
/*        /* outline: 0; */
/*      }
/*
/*      li.dropdown_submenu > ul.dropdown_menu_wide {
/*          top: 0;
/*          left: 100%;
/*          margin-top: 0px;
/*          margin-left: 0px;
/*      }
/*
/*      li.dropdown_submenu:hover > ul.dropdown_menu_wide {
/*          display: block;
/*      }
/*
/*
/*
/*      /* ############################################################################################################################### */
/*      /* ########################   그림 넣기 전 메뉴   ################################################################################ */
/*      /* ############################################################################################################################### */
/*
/*      div.navi_bar {
/*          /* max-width: 100%; */
/*          height: 50px;
/*          background-image: url(/_css/img/menu/bg.png);
/*          background-repeat: no-repeat;
/*          background-size: 100%;
/*      }
/*
/*      /* div menu 없이 title 만 있는 경우 */
/*      div.navi_bar > div.empty {
/*          background-color: #fff;
/*          font-size: 30px;
/*          font-weight: bold;
/*          line-height: 40px;
/*          text-align: center;
/*      }
/*
/*      /* title 과 메뉴가 같이 있는 경우 */
/*      /* 타이틀 + 메뉴(타이틀 우측위치) 를 위해 사용 */
/*      div.navi_bar > div.empty > ul.navi_menu {
/*          float: right;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu,
/*      div.navi_bar > ul.navi_menu {
/*          height: inherit;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown,
/*      div.navi_bar > ul.navi_menu > li,
/*      div.navi_bar > ul.navi_menu > li.dropdown {
/*          float: left;
/*          width: 140px; /* 메뉴 가로 넓이*/
/*          text-align: center;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li > a,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown > a,
/*      div.navi_bar > ul.navi_menu > li > a,
/*      div.navi_bar > ul.navi_menu > li.dropdown > a {
/*          display: block;
/*      /* color: #fff; */
/*          font-size: 13px;
/*          font-weight: bold;
/*          line-height: 39px;
/*      }
/*
/*      /* *** 메인 메뉴 bar에 마우스 올라가거나, 선택 상태일 때 css 적용할 때 사용할 것 */
/*      div.navi_bar > div.empty > ul.navi_menu > li:hover > a,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown:hover > a,
/*      div.navi_bar > ul.navi_menu > li:hover > a,
/*      div.navi_bar > ul.navi_menu > li.dropdown:hover > a {
/*      margin-top: 9px;
/*          background-color: #555;
/*          color: #fff;
/*      border-top: 5px solid #1a69ac;
/*      line-height: 32px;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li.active > a,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown.active > a,
/*      div.navi_bar > ul.navi_menu > li.active > a,
/*      div.navi_bar > ul.navi_menu > li.dropdown.active > a {
/*      margin-top: 5px;
/*          background-color: #555;
/*          color: #fff;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li > a:hover,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown > a:hover,
/*      div.navi_bar > ul.navi_menu > li > a:hover,
/*      div.navi_bar > ul.navi_menu > li.dropdown > a:hover {
/*          /* background-color: #eee; */
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li > a > img,
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown > a > img,
/*      div.navi_bar > ul.navi_menu > li > a > img,
/*      div.navi_bar > ul.navi_menu > li.dropdown > a > img {
/*          max-width: none;
/*      }
/*
/*      div.navi_bar > div.empty > ul.navi_menu > li.dropdown:hover > ul,
/*      div.navi_bar > ul.navi_menu > li.dropdown:hover > ul {
/*          display: block;
/*          z-index: 1;    /* 메인화면에서 메뉴 리스트 보이게 하는 것 */
/*      }
/*
/*      ul.dropdown_menu {
/*          position: absolute;
/*          display: none;
/*      }
/*
/*      ul.dropdown_menu > li,
/*      ul.dropdown_menu > li.dropdown_submenu {
/*          position: relative;
/*          width: 138px;
/*          height: 40px;
/*          background-color: #fff;
/*          border-right: 1px solid #121212;
/*          border-left: 1px solid #121212;
/*          border-bottom: 1px solid #121212;
/*          text-align: left;
/*      }
/*
/*      ul.dropdown_menu > li:first-child,
/*      ul.dropdown_menu > li.dropdown_submenu:first-child {
/*          border-top: 1px solid #121212;
/*      }
/*
/*      ul.dropdown_menu > li > a,
/*      ul.dropdown_menu > li.dropdown_submenu > a {
/*          display: block;
/*          padding-left: 10px;
/*          font-size: 13px;
/*          font-weight: bold;
/*          line-height: 40px;
/*          white-space: nowrap;
/*      }
/*
/*      ul.dropdown_menu > li.active > a {
/*          background-color: #757575;
/*          color: #fff;
/*      }
/*
/*
/*      ul.dropdown_menu > li:hover,
/*      ul.dropdown_menu > li.dropdown_submenu:hover {
/*      background-color: #121212;
/*      }
/*
/*      ul.dropdown_menu > li > a:hover,
/*      ul.dropdown_menu > li.dropdown_submenu > a:hover {
/*      margin-left: 5px;
/*          background-color: #999;
/*          color: #fff;
/*      }
/*
/*      li.dropdown_submenu > ul.dropdown_menu {
/*          top: 0;
/*          left: 100%;
/*          margin-top: 0px;
/*          margin-left: 0px;
/*      }
/*
/*      li.dropdown_submenu:hover > ul.dropdown_menu {
/*          display: block;
/*      }
/*
/*      */

