@charset "utf-8";
@import "common.css";

#header h1:before																{content: ''; display: block; position: absolute; top: 40px; right: 0; left: 0; height: 2px; background-color: #08879d;}
#content-container .content-path												{margin-top: -2px; background-color: #08879d;}

/* footer */
#footer																			{overflow: hidden; padding-top: 8px; background-color: #d9d9d9;}
#footer .util																	{text-align: center;}
#footer .util a																	{height: 32px; line-height: 32px; font-size: 14px; text-decoration: none; color: #666666; font-weight: bold;}
#footer .util a:focus,
#footer .util a:hover															{text-decoration: underline;}
#footer .util a+a																{margin-left: 32px;}

/* copyright */
#footer .copyright																{margin: 12px; line-height: 20px; font-size: 12px; color: #848484; text-align: center;}
#footer .copyright .wbr															{display: inline-block; vertical-align: top; line-height: inherit;}

/* visual-area */
.visual-area .bx-wrapper .bx-controls											{position: absolute; z-index: 60; bottom: 20px; left: 20px;}
.visual-area .bx-wrapper .bx-controls .bx-pager									{font-size: 0;}
.visual-area .bx-wrapper .bx-controls .bx-pager .bx-pager-item					{display: inline-block; vertical-align: top;}
.visual-area .bx-wrapper .bx-controls .bx-pager .bx-pager-item+.bx-pager-item	{margin-left: 4px;}
.visual-area .bx-wrapper .bx-controls .bx-pager .bx-pager-item a				{display: block; overflow: hidden; text-indent: -999em; width: 10px; height: 10px; border-radius: 5px; background-color: rgba(0,0,0,0.5);}
.visual-area .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active			{background-color: rgba(255,255,255,1);}
.visual-area .bx-wrapper .bx-controls .bx-controls-auto							{display: none;}

/* local-navigation */
.local-navigation ul															{background-color: #6dadc0;}

/* 게시판탭 템플릿 */
.tab_list																		{margin: 10px; padding-bottom: 112px;}
.tab_list:before																{content: ''; display: block; position: absolute; z-index: 1; top: 30px; right: 0; left: 0; height: 2px; background-color: #939393;}
.tab_list>ul																	{padding-right: 60px; width:100%;}
.tab_list>ul>li																	{margin-bottom: -2px; color: #727272;}
.tab_list>ul>li+li																{margin-left: 2px;}
.tab_list>ul>li>a																{display: block; text-decoration: none;}
.tab_list>ul>li>a span															{display: block; padding:0 10px; position: relative; height: 30px; line-height: 30px; font-size: 14px; color: #646464; text-align: center; border: 1px solid #cdcdcd; border-top-right-radius: 5px; border-top-left-radius: 5px; background-color: #dedede;}
.tab_list>ul>li>a span.over														{color: #ffffff; border-color: #8c8c8c; background-color: #8c8c8c;}
.tab_list>ul>li>ul																{top: 44px; height: 88px; /*overflow: hidden;*/}
.tab_list>ul>li>ul li															{padding-right: 60px;}
.tab_list>ul>li>ul li a															{line-height: 22px; font-size: 14px; color: inherit;}
.tab_list>ul>li>ul li span														{line-height: 22px; font-size: 14px; color: #acacac;}
.tab_list>ul>li>ul li.more a													{top: -44px; right: 0; width: 32px; height: 32px; background-image: url(/Web-home/user/mobile/images/temp_03/m_tablist_more.png);}
#content-container .category-all>ul>li.active>ul>.active02>ul>li>a				{color:#08879d !important;}