@charset "utf-8";

#slide-container																{display: none;}
#header-container .content-header												{display: none;}
#content-container																{margin: 0 auto; overflow: visible !important; padding-left: 135px; padding-right:0 !important; width: 865px !important; height: auto !important;}
#content-container:before														{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background: url(./../../mycodyimages/m_bg.png) repeat 0 0 !important;}

/* visualArea */
#visualArea																		{height: 500px; overflow: hidden;}
#visualArea .bx-wrapper .bx-controls											{position: absolute; z-index: 60; top: 420px; right: 60px; padding: 0 25px;}
#visualArea .bx-wrapper .bx-controls a											{display: block; width: 26px; height: 23px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction a					{position: absolute; top: 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-prev					{left: 0; background-position: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-next					{right: 0; background-position: -25px 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active	{display: none;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop	{background-position: -50px 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start	{background-position: -75px 0;}

#visualArea .visualText															{position: absolute; z-index: 60; top: 200px; right: 60px; text-align: right;}
#visualArea .visualText .item-01												{line-height: 48px; font-size: 35px; color: #ffffff;}
#visualArea .visualText .item-01 strong											{display: block; color: #fcd500; font-weight: normal;}
#visualArea .visualText .item-02												{margin-top: 30px; line-height: 22px; font-size: 13px; color: #ffffff;}

#mainCont																		{position: relative; z-index: 1; padding: 20px 0 35px 20px;}
#mainCont:before																{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 2000px; background: url(./../../mycodyimages/m_bg_02.png) repeat 0 0;}
#mainCont:after																	{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

#mainCont .latest-notice														{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 230px; height: 110px; background-color: #ffffff;}

/* 게시판탭 공통 */
.tab_list																		{position: relative;}
.tab_list>ul																	{list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li																	{float: left; line-height: .9;}
.tab_list>ul:after																{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.tab_list>ul>li>a																{float: left; line-height: inherit;}
.tab_list>ul>li>a span															{display: block; font-weight: bold; line-height: inherit; letter-spacing: -1px;}
.tab_list>ul>li>ul																{position: absolute; left: 0; right: 0; list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li>ul li															{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_list>ul>li>ul li a															{text-decoration: none;}
.tab_list>ul>li>ul li a:focus,
.tab_list>ul>li>ul li a:hover													{text-decoration: underline;}
.tab_list>ul>li>ul li span														{position: absolute; right: 0; top: 0;}
.tab_list>ul>li>ul li.more														{position: static;}
.tab_list>ul>li>ul li.more a													{display: block; position: absolute; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}

/* 게시판탭 템플릿 */
.tab_list>ul>li+li:before														{content: '/'; float: left; width: 32px; color: inherit; text-align: center; vertical-align: top; color: #999999;}
.tab_list>ul>li>a																{font-size: 17px; color: #999999;}
.tab_list>ul>li>a span.over														{color: #333333;}
.tab_list>ul>li>ul																{top: 36px;}
.tab_list>ul>li>ul li															{padding-right: 60px;}
.tab_list>ul>li>ul li a															{line-height: 25px; font-size: 13px; color: #707070;}
.tab_list>ul>li>ul li span														{line-height: 25px; font-size: 13px; color: #707070;}
.tab_list>ul>li>ul li.more a													{top: -36px; right: 0; width: 24px; height: 24px; background-image: url(./../../mycodyimages/m_btn_more.png);}

#mainCont .latest-gallery														{float: left; position: relative; margin: 15px 0 0 15px; width: 355px; height: 150px; background-color: #605148;}
#mainCont .latest-gallery h2													{position: absolute; z-index: 1; top: 15px; left: 15px; margin: 0; width: 90px; line-height: 24px; font-size: 17px; color: #ffffff;}

.miniBox																		{position: static !important;}
.miniBox .miniGallery-container.skin_005 h2										{display: none;}
.miniBox .miniGallery-container.skin_005 ul										{list-style: none; margin: 0; padding: 0; height: auto;}
.miniBox .miniGallery-container.skin_005 ul li									{float: none; padding-left: 157px; width: auto; height: auto;}
.miniBox .miniGallery-container.skin_005 ul li .thumb							{width: 198px; height: 150px;}
.miniBox .miniGallery-container.skin_005 ul li .thumb a							{display: block; position: relative; width: 100%; height: 100%;}
.miniBox .miniGallery-container.skin_005 ul li .thumb a:focus:after,
.miniBox .miniGallery-container.skin_005 ul li .thumb a:hover:after				{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.miniBox .miniGallery-container.skin_005 ul li .thumb a img						{vertical-align: top;}
.miniBox .miniGallery-container.skin_005 ul li .title							{position: absolute; left: 15px; top: 90px; width: 130px; line-height: 24px;}
.miniBox .miniGallery-container.skin_005 ul li .date							{position: absolute; left: 15px; top: 110px; width: 117px; line-height: 24px; text-align:left; display:block; font-size:13px; color:#ddd;}
.miniBox .miniGallery-container.skin_005 ul li .contents						{display:none;}
.miniBox .miniGallery-container.skin_005 ul li .title a							{display: block; margin: 0; width: 100%; line-height: inherit; font-size: 13px; color: #ffffff; text-decoration: none; text-align: left; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.miniBox .miniGallery-container.skin_005 ul li .title a:focus,
.miniBox .miniGallery-container.skin_005 ul li .title a:hover					{text-decoration: underline;}
.miniBox .miniGallery-container.skin_005 a.more									{display: block; position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;}

#mainCont .nh-banking															{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 135px; height: 110px; background: #f06630 url(./../../mycodyimages/m_content_01.png) no-repeat 0 0;}
#mainCont .nh-banking h2														{width: 90px; line-height: 24px; font-size: 17px; color: #ffffff;}
#mainCont .nh-banking p															{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 13px; color: #ffffff;}
#mainCont .nh-banking p a														{color: inherit;}
#mainCont .nh-banking p a:focus,
#mainCont .nh-banking p a:hover													{text-decoration: underline;}

#mainCont .partner																{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 230px; height: 110px; background: #32a13c url(./../../mycodyimages/m_content_01.png) no-repeat 0 -150px;}
#mainCont .partner h2															{line-height: 24px; font-size: 17px; color: #ffffff;}
#mainCont .partner p															{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 13px; color: #ffffff;}
#mainCont .partner p a															{color: inherit;}
#mainCont .partner p a:focus *,
#mainCont .partner p a:hover *													{text-decoration: underline;}

#mainCont .specialties															{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 315px; height: 110px; background: url(./../../mycodyimages/m_content_01.png) no-repeat 0 -300px;}
#mainCont .specialties h2														{line-height: 24px; font-size: 17px; color: #333333;}
#mainCont .specialties p														{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 13px; color: #333333;}
#mainCont .specialties p a														{color: inherit;}
#mainCont .specialties p a:focus *,
#mainCont .specialties p a:hover *												{text-decoration: underline;}

#mainCont .farm-prices															{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 135px; height: 110px; background: #bfbfbf url(./../../mycodyimages/m_content_01.png) no-repeat 0 -450px;}
#mainCont .farm-prices h2														{line-height: 24px; width: 70px; font-size: 17px; color: #333333;}
#mainCont .farm-prices ul														{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 13px; color: #5d5d5d;}
#mainCont .farm-prices ul li a													{color: inherit; font-weight: bold;}
#mainCont .farm-prices ul li a:focus,
#mainCont .farm-prices ul li a:hover											{text-decoration: underline;}