@charset "euc-kr";

/* Default Selector */
* {margin:0;padding:0;font:12px "돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif}
body, table, td {color:#666}
img, fieldset, button {border:none}
hr, button img {display:none}
li {list-style:none}
a {text-decoration:none}
a:hover, a:active, a:focus {text-decoration:underline}
textarea {overflow:auto;} 
legend {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

/* Layout Selector */
#wrapper {width:947px}
#container {margin-left:20px;padding-bottom:50px;*zoom:1}
#container:after {content:"";clear:both;display:block}
#lt_col {float:left;width:129px}
#rt_col {float:right;*zoom:1}
#rt_col:after {content:"";clear:both;display:block}
#content {float:left;_width:486px;background:#fff}
#content h2 {margin-bottom:36px}
#footer {padding-right:1px;text-align:right}/*FF,Chrome,Safari*/:root #footer {clear:right}

/* Pages Selector */
.lnb li {*margin-bottom:-4px}
.lnb li a:hover img.on {display:inline}
.lnb li a:hover img.off {display:none}
.lnb li img.on {display:none}
.lnb li img.off {display:inline}
.gnb {display:inline;margin-top:8px;*zoom:1}/*FF,Chrome,Safari*/:root .gnb {display:inline-block}
.gnb:after {content:"";clear:both;display:block}
.gnb li {float:left;margin-right:25px}
.gnb li a {display:inline-block;padding:8px 5px}
.gnb li.admin {margin:0}
.gnb li.admin a {padding-right:0}
.gnb li a:hover img.on {display:inline}
.gnb li a:hover img.off {display:none}
.gnb li img.on {display:none}
.gnb li img.off {display:inline}
.visual {width:441px;height:630px}
.board {margin-top:38px;*zoom:1}
.board:after {content:"";clear:both;display:block}

.title {*zoom:1}
.title:after {content:"";clear:both;display:block}
.title li {float:left;padding-right:2px}
.title li.img1 {background:url("/images/btn_news_on.gif") no-repeat;}
.title li.img2 {background:url("/images/btn_gallery_on.gif") no-repeat;}
.title li.img3 {background:url("/images/btn_diary_on.gif") no-repeat;}
.list {margin-top:-4px;border-left:1px solid #e1e1e1}
.list li img.icon {margin:3px 0 5px}
.list li {width:150px;clear:both;padding:5px 0 0 5px}
.list li a.font11 {font:11px "돋움",dotum;color:#9d9d9d}

.promotion img.on {display:none}
.promotion img.off {display:inline}
.promotion a:hover img.on {display:inline}
.promotion a:hover img.off {display:none}

.sub_nav {margin:79px 0 33px;padding-left:6px;width:505px;*zoom:1;background:url("/images/ico_common_01.gif") no-repeat 0 10px;border-bottom:1px solid #e9e7e4}
.sub_nav:after {content:"";clear:both;display:block}
.sub_nav li {float:left;padding:3px 5px;background:url("/images/bg_common_01.gif") no-repeat right 11px}
.sub_nav li a {display:inline-block;padding:3px}
.sub_nav li a:hover img.on {display:inline}
.sub_nav li a:hover img.off {display:none}
.sub_nav li img.on {display:none}
.sub_nav li img.off {display:inline}
.sub_nav li.last {padding-right:0;background:none}
.sub_visual {float:right;width:260px;height:627px;background:#eee}

.tab_nav {margin-bottom:21px;*zoom:1}
.tab_nav:after {content:"";clear:both;display:block}
.tab_nav li {float:left;padding:0 18px;height:12px;border-right:1px solid #e2dfe1}
.tab_nav li.first {padding-left:0}
.tab_nav li.last {border:none}
.tab_nav li * {vertical-align:middle}
.tab_nav li a {display:inline-block;height:15px}
.tab_nav li img.on {display:none}
.tab_nav li img.off {display:inline}
.tab_nav li a:hover img.on {display:inline}
.tab_nav li a:hover img.off {display:none}

.quick {position:absolute;top:87px;left:957px}
.quick ul {margin-bottom:10px}
.quick ul li img.on {display:none}
.quick ul li img.off {display:inline}
.quick ul li a:hover img.on {display:inline}
.quick ul li a:hover img.off {display:none}

#content ul.mio_menu {padding-top:25px;width:511px}
#content ul.mio_menu li {float:left;padding-bottom:49px}
#content ul.mio_menu li.lt {width:260px}
#content ul.mio_menu li img.on {display:none}
#content ul.mio_menu li img.off {display:inline}
#content ul.mio_menu li a:hover img.on {display:inline}
#content ul.mio_menu li a:hover img.off {display:none}

.admin_nav img {border:none}
.admin_nav img.on {display:none}
.admin_nav img.off {display:inline}
.admin_nav a:hover img.on {display:inline}
.admin_nav a:hover img.off {display:none}

.print_area {position:relative}
.print_btn {position:absolute;top:-25px;left:448px}

.sub_tab {padding-top:15px;*zoom:1}
.sub_tab:after {content:"";clear:both;display:block}
.sub_tab li {float:left;padding:3px 15px 0 12px;background:url("/images/bg_common_01.gif") no-repeat right 8px}
.sub_tab li.first {padding-left:1px}
.sub_tab li.last {background:none}
.sub_tab li a {display:inline-block;padding:3px}
.sub_tab li a:hover img.on {display:inline}
.sub_tab li a:hover img.off {display:none}
.sub_tab li img.on {display:none}
.sub_tab li img.off {display:inline}

.sitemap {width:511px;*zoom:1}
.sitemap:after {content:"";clear:both;display:block}
.sitemap li {float:left;padding-right:60px}
.sitemap li.sitemap_01 {padding-bottom:61px}
.sitemap li.sitemap_02 {padding-bottom:37px}
.sitemap li.sitemap_03 {padding-right:0;padding-bottom:179px}
.sitemap li.sitemap_06 {padding-right:0}
.sitemap_list li {clear:both;padding:0;border-bottom:1px solid #e3e3e3;height:24px}
.sitemap_list li.about_mio {padding-bottom:10px;width:82px}
.sitemap_list li.mio_menu {padding-bottom:10px;width:90px}
.sitemap_list li.mio_wine {padding-bottom:10px;width:127px}
.sitemap_list li.community {padding-bottom:10px;width:82px}
.sitemap_list li.wine_food_story {padding-bottom:10px;width:125px}
.sitemap_list li.wine_shop {padding-bottom:10px;width:127px}
.sitemap_list li a:hover img.on {display:inline}
.sitemap_list li a:hover img.off {display:none}
.sitemap_list li img.on {display:none}
.sitemap_list li img.off {display:inline}

/* Wine Shop */
#wrapper_wine {width:781px;height:609px;background:url("/images/bg_wine_shop_common.jpg") no-repeat}
#container_wine {margin:10px 0 0 25px;*zoom:1}
#container_wine:after {content:"";clear:both;display:block}
#lt_col_wine {float:left;width:173px}
#lt_col_wine h1 {padding:24px 0 20px 6px}
#lt_col_wine address {padding-top:114px}

.lnb_wine li {*margin-bottom:-4px}
.lnb_wine li a:hover img.on {display:inline}
.lnb_wine li a:hover img.off {display:none}
.lnb_wine li img.on {display:none}
.lnb_wine li img.off {display:inline}

.promotion_wine img.on {display:none}
.promotion_wine img.off {display:inline}
.promotion_wine a:hover img.on {display:inline}
.promotion_wine a:hover img.off {display:none}

#content_wine {width:573px}
#content_wine h2 {padding:30px 0 16px}
#content_wine p.winelist {padding:141px 0 22px 8px;border-left:1px solid #dfd9ce}
#content_wine p.wineshop {padding:219px 0 0 8px;border-left:1px solid #dfd9ce}
#content_wine p.wineinformation {padding:75px 0 0 8px;border-left:1px solid #dfd9ce}
.content_wine_01 {background:url("/images/bg_wine_list.jpg") no-repeat top right}
.content_wine_02 {background:url("/images/bg_wine_shop.jpg") no-repeat top right}
.content_wine_03 {background:url("/images/bg_wine_information.jpg") no-repeat top right}

/* Popup */
#popup img.on {display:none}
#popup img.off {display:inline}
#popup a:hover img.on {display:inline}
#popup a:hover img.off {display:none}
#popup a {position:absolute;top:20px;left:420px;z-index:10}
.popup_nav {position:absolute;top:396px;left:20px;z-index:20}
.popup_nav a.prev {position:relative;top:0;left:0;display:inline-block}
.popup_nav a.next {position:relative;top:0;left:392px;display:inline-block}
.popup_nav img.on {display:none}
.popup_nav img.off {display:inline}
.popup_nav a:hover img.on {display:inline}
.popup_nav a:hover img.off {display:none}
