@charset "utf-8";
/*******************************************************************************************
	COMMON STYLE :: 사이트 공통 Style 정의
-------------------------------------------------------------------------------------------
	* Description : 메인 및 서브페이지에서 공통으로 사용되는 CSS 입니다.
	                헤더 및 푸터, 기본 속성 등의 클래스가 정의되어 있습니다.
					수정 시 유의 필요
	* 최초작성일  : 2014. 05. 12
	* 최초작성자  : 박현정 (앤시정보기술)

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




/******************************************************************************************
	Common Style
*******************************************************************************************/

body	{ background:#fff; margin:0; padding:0; }

h1, h2, h3, h4, h5, h6	{padding:0; margin:0;}
img		{ border:0; vertical-align: middle; max-width: 100%; }
caption	{display:none; }

fieldset { border:0; margin:0; padding:0; }

a:link, a:visited	{ text-decoration:none; }
a:hover				{ text-decoration:none; }

input[type="text"],
input[type="password"]	{ height:20px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#404040; vertical-align:middle; padding:3px 0 0 5px; }
textarea				{ width:97%; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

input		{ vertical-align: middle; }

input, select	{ vertical-align: middle; }
select			{ padding: 4px; }

table		{ padding:0; border-spacing:0px; border:0; border-collapse:collapse; width: 100%; }

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; margin: 0; padding: 0; }


/** Default Font Style */
/*body	{ font: 12px/18px "Malgun Gothic", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }*/
body	{ font: 12px/18px "Dotum", Helvetica, Arial, Verdana, sans-serif; }
input, textarea, select { font: 12px/18px "Dotum", "Malgun Gothic", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }	/* 굴림 */

/** Color Set */
body				{ color:#303030; }
a					{ color:#333; }
a:active			{ color:#00265f; }


/** Processing Set */
.processing {width: 100%; height: 80px; text-align:center;}

/** Layout Set */
.ui-fl { float:left; }
.ui-fr { float:right; }
.ui-clear { clear:both; }

.ui-center	{ text-align: center; }
.ui-left	{ text-align: left; }
.ui-right	{ text-align: right; }


/** Visual Set */



/** Ex. Function */
.ex-hidden	{position:absolute; top:0; left:-1100px; width:0; height:0; font-size:0; line-height:0;}

/** Box Style **/
.ui-box			{ margin: 20px 0; border: 1px solid #b2b2b2; padding: 10px 18px; margin-bottom: 15px; overflow: hidden; }
.ui-box.gray	{ border: 2px solid #6d99c4; }
.ui-box.blue	{ border: 2px solid #2162a2; }
.ui-box ul		{ margin-top: 10px; }
.ui-box ul>li	{  padding-left: 20px; margin-bottom: 7px; font-size: 12px; background: url('/common/images/cmm/bul_li.png') no-repeat 5px 5px; font-weight: normal; }
.ui-box p		{ margin: 2px 0;}
.txt > ul		{ margin-bottom: 20px; }

/** Rolling Function */

.ui-rolling .slidesjs-navigation	{ display: block; position: absolute; width: 12px; height: 12px; overflow: hidden; text-indent: -999px; background: url('/common/images/cmm/btn_control_type01.png') no-repeat; z-index: 999; }
.ui-rolling .slidesjs-previous		{ background-position: 0px 50%; }
.ui-rolling .slidesjs-next			{ background-position: -28px 50%; }
.ui-rolling .slidesjs-play			{ background-position: -28px 50%; }
.ui-rolling .slidesjs-stop			{ background-position: -14px 50%; }


/** Paging */

.pageBox span,
.pageBox a {display:inline-block;}
.pageBox a {color:#555;}

.pageBox a,
.pageBox .ui-curent {height:15px; line-height:15px; padding:0 10px 0 10px; border-left:1px solid #e9e9e9;}

.pageBox .ui-curent {letter-spacing:-1px; font-weight:bold; color:#fd650d;}

/*.pageBox .first,
.pageBox .first a {border:none;}*/

.pageBox .ui-first,
.pageBox .ui-pre,
.pageBox .ui-next,
.pageBox .ui-last {padding:0; width:15px; height:15px; overflow:hidden; text-indent:-9000px; border:none; background:url('/common/images/cmm/sprites_btn.gif') no-repeat; vertical-align:top;}
.pageBox .ui-first,
.pageBox .ui-pre {margin-right:3px;}
.pageBox .ui-next,
.pageBox .ui-last {margin-left:3px;}
.pageBox span.ui-first {background-position:-307px 0;}
.pageBox span.ui-pre {background-position:-327px 0;}
.pageBox span.ui-next {background-position:-347px 0;}
.pageBox span.ui-last {background-position:-367px 0;}
.pageBox a.ui-first {background-position:-387px 0;}
.pageBox a.ui-pre {background-position:-407px 0;}
.pageBox a.ui-next {background-position:-427px 0;}
.pageBox a.ui-last {background-position:-447px 0;}

.pageBox { padding: 20px 0; text-align: center; border-bottom: 1px solid #ececec; }


/*****************************************************
	Width/Height Style : 가로사이즈 지정 클래스
******************************************************/

.w_10							{ width: 10% !important; }
.w_20							{ width: 20% !important; }
.w_30							{ width: 30% !important; }
.w_40							{ width: 40% !important; }
.w_50							{ width: 50% !important; }
.w_60							{ width: 60% !important; }
.w_70							{ width: 70% !important; }
.w_80							{ width: 80% !important; }
.w_90							{ width: 90% !important; }
.w_99							{ width: 99% !important; }
.w_100						{ width: 100% !important; }

.w_f_10						{ width: 10px !important; }
.w_f_20						{ width: 20px !important; }
.w_f_30						{ width: 30px !important; }
.w_f_40						{ width: 40px !important; }
.w_f_50						{ width: 50px !important; }
.w_f_60						{ width: 60px !important; }
.w_f_70						{ width: 70px !important; }
.w_f_80						{ width: 80px !important; }
.w_f_90						{ width: 90px !important; }
.w_f_100						{ width: 100px !important; }
.w_f_110						{ width: 110px !important; }
.w_f_120						{ width: 120px !important; }
.w_f_150						{ width: 150px !important; }
.w_f_200						{ width: 200px !important; }
.w_f_250						{ width: 250px !important; }
.w_f_300						{ width: 300px !important; }
.w_f_400						{ width: 400px !important; }
.w_f_500						{ width: 500px !important; }

.h_f_80							{ height: 80px !important; }
.h_f_100						{ height: 100px !important; }
.h_f_150						{ height: 150px !important; }
.h_f_200						{ height: 200px !important; }
.h_f_300						{ height: 300px !important; }
.h_f_400						{ height: 400px !important; }