@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/*******************************************************************************************
	MAIN STYLE :: 사이트 서브 Style 정의
-------------------------------------------------------------------------------------------
	* Description : 서브페이지에서 사용되는 CSS 입니다.
	                서브의 각각의 컨텐츠 스타일이 정의되어 있습니다.

	* 최초작성일  : 2014. 05. 26
	* 최초작성자  : 박현정 (앤시정보기술)

	* 최종수정일  : 
	* 최종수정자  : 
*******************************************************************************************/






/*****************************************************************************
	Visual Style
******************************************************************************/

#page_visual				{ position: absolute; height: 195px; border-bottom: 1px solid #eeeeee; overflow: hidden; top: 135px; left: 0px; right: 0px; text-align: center; background: #fff; z-index: 0; }
section#contents			{ position: relative; width: 1000px; margin: 196px auto 0 auto;}




/**********************************************************
	button Style 
**********************************************************/

.buttonBox		{ text-align: right; margin: 10px 0; clear: both; }

input[type="button"] {
    background: url('/common/images/cmm/bak_white_btn.png') repeat-x scroll 0 0 transparent;
    border: 1px solid #cccccc;
    color: #555555;
	text-shadow: 0 1px 0 #FFFFFF;
	box-shadow: 0 1px 0 0 #FFFFFF;
	-webkit-box-shadow:0 1px 0 0 #FFFFFF;
}

input[type="submit"], input.ui-btn-submit {
    background: url('/common/images/cmm/bak_blue_btn.png') repeat-x scroll 0 0 transparent;
    border: 1px solid #41597c;
    color: #FFFFFF;
}

input[type="button"],
input[type="submit"] {
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 4px 16px 4px;
    text-transform: uppercase;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin-left:5px;
	text-decoration:none;
	font-size:11px;
	display:inline-block;

}

input[type="button"]:hover,
input[type="submit"]:hover	{ background-position:bottom; }

input[type="button"]:active,
input[type="submit"]:active{ background-position:center; }

input[type="button"].ui-btn-auth		{ padding: 0; width: 20px; height: 20px; margin-left: 0px; background: url('/common/images/cmm/sprites_btn.gif') no-repeat -1370px 0; text-indent: -9000px; overflow: hidden; border: none; }
input[type="button"].ui-btn-modify		{ padding: 0; width: 20px; height: 20px; margin-left: 0px; background: url('/common/images/cmm/sprites_btn.gif') no-repeat -189px 0; text-indent: -9000px; overflow: hidden; border: none; }
input[type="button"].ui-btn-del			{ padding: 0; width: 20px; height: 20px; margin-left: 0px; background: url('/common/images/cmm/sprites_btn.gif') no-repeat -214px 0; text-indent: -9000px; overflow: hidden; border: none; }





/*****************************************************************************
	Left Menu Style
******************************************************************************/

#left_nav				{ position: absolute; width: 195px; padding-right: 35px; top: 370px; left: 50%; z-index: 1; margin-left: -500px; }
#left_nav h2			{ position: relative; border-bottom: 2px solid #333333; color: #333333; font-family: "Nanum Gothic", sans-serif; font-weight: 800; padding-top: 30px; padding-bottom: 18px; margin: 0; }

#left_nav > ul			{ overflow: hidden; width: 100%; }
#left_nav > ul > li		{ border-bottom: 1px solid #dedede; width: 100%; }

#left_nav > ul > li > a				{ display: block; position: relative; width: 100%; padding: 10px 0; font-weight: 800; color: #333; font-family: "Nanum Gothic", sans-serif; vertical-align: middle; color: #888888; }
#left_nav > ul > li.selected > a	{ color: #333333; font-weight: 800; }


/*****************************************************************************
	Section Content Default Style
******************************************************************************/

#page_nav				{ position: absolute; margin: 0px; top: 330px; left: 0; right: 0; border-bottom: 1px solid #eeeeee; height: 35px; line-height: 35px; color: #888888; font-size: 8pt; font-family:"Dotum", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
#page_nav span			{ display: block; position: relative; width: 1000px; margin: 0 auto; text-align: right; }
#page_nav strong		{ font-weight: normal; }


section				{ padding-top: 35px; }
section article		{ position: relative; overflow: hidden; padding-left: 230px; clear: both; float: none; }
section > h2		{ margin-left: 230px; height: 38px; line-height: 38px; font-size: 25px; margin-bottom: 55px; margin-top: -10px; font-family: "Nanum Gothic", sans-serif; color: #666666; }


/** Tab Style */
/*** Script */
.ui-has-tab				{ display: block; position: static; height: 29px; border-bottom: 1px solid #dddddd; }
.ui-has-tab > li		{ float: left; }

.ui-has-tab > li > a				{ display: block; position: relative; float: left; padding: 0 13px; color: #8e8e8e; height: 28px; line-height: 28px; background: #f5f5f5; border: 1px solid #d0d0d0; border-left-width: 0px; border-bottom-width: 0px; }
.ui-has-tab > li:first-child > a	{ border-left-width: 1px; }
.ui-has-tab > li.selected > a		{ font-weight: 800; coloR: #1763cc; background: #fff; border-color: #dddddd; border-bottom: 1px solid #fff; }

.ui-has-tab > li > div				{ display: none; }
.ui-has-tab > li.selected  > div	{ display: block; }
.ui-has-tab > li > div				{ position: absolute; top: 30px; padding: 18px 0; left: 0px; right: 0px; overflow: hidden; }

/** Link */
.ui-link-tab						{ display: block; position: static; height: 29px; border-bottom: 1px solid #dddddd; }
.ui-link-tab > li					{ float: left; }

.ui-link-tab > li > a				{ display: block; position: relative; float: left; padding: 0 13px; color: #8e8e8e; height: 28px; line-height: 28px; background: #f5f5f5; border: 1px solid #d0d0d0; border-left-width: 0px; border-bottom-width: 0px; }
.ui-link-tab > li:first-child > a	{ border-left-width: 1px; }
.ui-link-tab > li.selected > a		{ font-weight: 800; coloR: #1763cc; background: #fff; border-color: #dddddd; border-bottom: 1px solid #fff; }





/*****************************************************************************
	Board Style
******************************************************************************/

hr.ui-height15		{ background: none; padding: 0; margin: 0; border: none; height: 0px; margin-bottom: 15px; clear: both; }

tbody td.ui-pleft20		{ padding-left: 20px; }
tbody td.ui-pright20	{ padding-right: 20px; }
tbody td.contents		{ padding: 10px; }

.ui-viewer				{ border-collapse: collapse; width: 100%; border-top: 1px #1763cc solid; margin-bottom: 50px; }
.ui-viewer thead th		{ text-align: center; font-weight: bold; border-bottom: 1px #ddd solid; padding: 8px 8px; background-image: url('/common/images/sub/cmm/bak_board_thead_type01.png'); }
.ui-viewer tbody th		{ font-weight: bold; border-bottom: 1px #ddd solid; text-align: center; padding: 8px 0; }
.ui-viewer tbody td		{ border-bottom: 1px #ddd solid; padding: padding: 8px 0; }

.ui-viewer.etc tbody th	{ background: #f8f8f8; text-align: left; padding: 5px 15px;}
.ui-viewer.etc tbody td	{ padding: 5px 10px; }

table.ui-viewer th .reqfield	{ padding-right: 15px; background: url('/common/images/cmm/ico_required.png') no-repeat 100% 50%; }

.ui-list						{ border-collapse: collapse; width: 100%; border-top: 1px #1763cc solid; margin-bottom: 50px; }
.ui-list thead th				{ text-align: center; font-weight: bold; border-bottom: 1px #ddd solid; padding: 8px 8px; background-image: url('/common/images/sub/cmm/bak_board_thead_type01.png'); }
.ui-list tbody th				{ font-weight: bold; border-bottom: 1px #ddd solid; text-align: center; padding: 8px 0; }
.ui-list tbody td				{ border-bottom: 1px #ddd solid; padding: 8px 0; }

.ui-gallery						{ display: block; overflow: hidden; border-top: 1px #1763cc solid; margin-bottom: 20px; padding: 10px 0; }
.ui-gallery li					{ display: block; width: 25%; float: left; overflow: hidden; border-bottom: 1px solid #ddd; }
.ui-gallery li a				{ display: block; margin: 7px; overflow: hidden; }
.ui-gallery li img				{ width: 175px; height: 140px; }
.ui-gallery li p				{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ui-comment						{ margin-bottom: 20px; }
.ui-comment table				{ border: 1px solid #ddd; background: #fafafa; }
.ui-comment table td, 
.ui-comment table th			{ padding: 0px 10px 10px 10px; }
.ui-comment table td.contents	{ padding: 10px 10px 0px 10px; }
.ui-comment ul					{ overflow: hidden; position: relative; border-bottom: 1px solid #ddd; padding: 10px 0; }
.ui-comment ul li				{ overflow: hidden; position: relative; border-top: 1px dotted #ddd; }
.ui-comment ul li:first-child	{ border-top: none; }
.ui-comment ul li p				{ font-weight: 800; text-indent: 10px; }
.ui-comment ul li span			{ float: right; font-weight: 400; font-size: 8pt; font-family: dotum, gulim; color: #888; margin-right: 30px; }
.ui-comment ul li div			{ padding: 5px 10px; margin-bottom: 10px;  }
.ui-comment ul li input			{ position: absolute; top: 10px; right: 0px; }





/*****************************************************************************
	Membership Style
******************************************************************************/

/** Login Box */
.ui-login-box		{ position: relative; width: 370px; height: 95px; margin: 100px auto; background: url('/common/images/member/bak_login.png') no-repeat 0 50%; }
.ui-login-box p		{ position: absolute; bottom: 0; right: 0; width: 230px; height: 15px; overflow: hidden; text-indent: -999px; background: url('/common/images/member/txt_login.png') no-repeat; }

.ui-login-box input[type="text"],
.ui-login-box input[type="password"]	{ position: absolute; width: 135px; right: 85px; }
.ui-login-box input[type="password"]	{ top: 30px; }
.ui-login-box input[type="submit"],
.ui-login-box input[type="image"]		{ position: absolute; right: 0; top: 0; }





/*****************************************************************************
	Content Templete Style
******************************************************************************/

#contents h3				{ color: #1763cc; font-size: 16px; margin-bottom: 18px; }
#contents article p		{ margin: 0; line-height: 1.8em !important; }
#contents article table.__se_tbl[_se2_tbl_template="17"] tr td:last-child,
#contents article table.__se_tbl[_se2_tbl_template="18"] tr td:last-child	{ border-right: 0 !important; }
#contents article table.__se_tbl	{ width: 101% !important; }



/*****************************************************************************
	Sitemap Templete Style
******************************************************************************/

#sitemap		{  }

#sitemap ul,
#sitemap li		{ display: block; overflow: hidden; }

/** Depth 1 */
#sitemap > ul > li			{ float: left; width: 25%; margin-bottom: 70px; }
#sitemap > ul > li > a		{ display: block; border-left: 4px solid #0c64cb; color: #178dd8; font-family: "Nanum Gothic", sans-serif; font-weight: 800; font-size: 14px; padding: 0px 10px; }
#sitemap > ul > li > ul		{ border-left: 1px solid #dddddd; padding-top: 20px; }

#sitemap > ul#member_ship_menu > li > a	{ border-color: #d65800; color: #d65800; }

/** Depth 2 */
#sitemap > ul > li > ul > li			{ margin-bottom: 13px; background: url('/common/images/cmm/bul_dot_gray2.png') no-repeat 12px 8px; }
#sitemap > ul > li > ul > li a			{ display: block; font-family: "dotum", "Gulim", sans-serif; }
#sitemap > ul > li > ul > li > a		{ font-weight: 800; color: #777777;  padding: 0px 10px 0 23px; }
#sitemap > ul > li > ul > li > a:hover	{ color: #4a76b9; font-weight: 800; }

/** Depth 3 */
#sitemap > ul > li > ul > li > ul					{ margin-left: 10px; }
#sitemap > ul > li > ul > li > ul > li				{ margin-bottom: 5px; padding-left: 23px; background: url('/common/images/cmm/bul_line_gray.png') no-repeat 12px 8px; }
#sitemap > ul > li > ul > li > ul > li > a:hover	{ color: #4a76b9; font-weight: 800; }



/*****************************************************************************
	Etc Templete Style
******************************************************************************/

.ui-info-box			{ margin-bottom: 30px; border: 5px solid #ddd; padding: 20px 15px 15px; border-radius: 20px; behavior: url('./PIE.htc'); }
.ui-info-box li			{ margin-bottom: 10px; padding-left: 15px; background: url('/common/images/cmm/bul_type01.png') no-repeat 0 2px; }
.ui-info-box li li		{ margin-bottom: 10px; padding-left: 8px; background: url('/common/images/cmm/bul_type02.png') no-repeat 0 6px; }