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

#content-container .content-path												{background-color: #286495;}
#footer .util {
	padding: 0 10px;
	background: -moz-linear-gradient(top, rgba(72,72,72,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,72,72,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(72,72,72,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(72,72,72,1) 0%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(72,72,72,1) 0%,rgba(51,51,51,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(72,72,72,1) 0%,rgba(51,51,51,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#484848',GradientType=0 ); /* IE6-9 */

}

/* footer */
#footer																			{overflow: hidden; background-color: #d9d9d9;}
#footer .util																	{text-align: center;}
#footer .util:after																{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer .util a																	{position: relative; height: 32px; line-height: 32px; font-size: 14px; text-decoration: none; color: #ffffff; font-weight: bold;}
#footer .util a:before															{content: ''; position: absolute; top: 0; display: block; width: 20px; height: 32px; background-image: url(/Web-home/user/mobile/images/temp_02/c_footer_util.png); background-repeat: no-repeat; -webkit-background-size: 32px auto; background-size: 32px auto;}
#footer .util a.goto-top														{float: left; padding-left: 24px;}
#footer .util a.goto-top:before													{left: 0; background-position: 50% 0;}
#footer .util a.pc-vertion														{float: right; padding-right: 24px;}
#footer .util a.pc-vertion:before												{right: 0; background-position: 50% 100%;}
#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: #5369bf;}

/* 게시판탭 템플릿 */
.tab_list																		{padding-bottom: 112px;}
.tab_list>ul																	{padding-right: 60px; border: 1px solid #e3e2e0; background-color: #f8f8f8;}
.tab_list>ul>li																	{width: 33.3%; color: #727272;}
.tab_list>ul>li>a																{display: block; text-decoration: none;}
.tab_list>ul>li>a span															{display: block; position: relative; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #555555; letter-spacing: -1px; text-align: center; border-right: 1px solid #e3e2e0;}
.tab_list>ul>li>a span.over														{color: #5369bf; background-color: #ffffff;}
.tab_list>ul>li>a span.over:after												{content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background-color: #ffffff;}
.tab_list>ul>li>ul																{top: 44px; padding: 0 10px; 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_02/m_tablist_more.png);}

#content-container .category-all>ul>li.active>ul>.active02>ul>li>a				{color:#286495 !important;}