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

/*******************************************************************************************
	COMMON STYLE :: »çÀÌÆ® °øÅë Style Á¤ÀÇ
-------------------------------------------------------------------------------------------
	* ÃÖÃÊÀÛ¼ºÀÏ  : 2016.10.04 (´õÀ¥½º-ÀÌÂùÈñ)
*******************************************************************************************/




/******************************************************************************************
	Common Style
*******************************************************************************************/
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,select,input {font-family: "Nanum Gothic", sans-serif;}
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:28px; border:1px solid #9A9A9A; border: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: 7px 15px; border: 1px solid #ccc; }

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; }

label{display:block;}
table label {display:inline-block;}
.agree_b label {display:inline-block;}
/** Default Font Style */
/*body	{ font: 12px/18px "Malgun Gothic", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }*/
body	{ font: 14px; font-family:'Nanum Gothic', Helvetica, Arial, Verdana, sans-serif; }
input, textarea, select { font: 13px "Nanum Gothic", 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; }


/*****************************************************
	margin-bottom Style : ÇÏ´Ü °£°Ý ½ºÅ¸ÀÏ
******************************************************/
.mg_b5 {margin-bottom:5px;}
.mg_b10 {margin-bottom:10px;}
.mg_b15 {margin-bottom:15px;}
.mg_b20 {margin-bottom:20px;}
.mg_b25 {margin-bottom:25px;}
.mg_b30 {margin-bottom:30px;}
.mg_b35 {margin-bottom:35px;}
.mg_b40 {margin-bottom:40px;}
.mg_b45 {margin-bottom:45px;}
.mg_b50 {margin-bottom:50px;}



/*****************************************************
	margin-bottom Style : box ½ºÅ¸ÀÏ
******************************************************/
.design_box {background: url('/images/sub/info_icon.png') 40px 50% no-repeat #f7f7f7;   padding: 30px 0; padding-left: 100px;  font-size: 14px; margin-bottom: 30px;}
.design_box p {line-height: 22px;}

@media all and (max-width:640px){ 
	.design_box {background-position: 50% 20px; padding: 20px; padding-left:20px; padding-top: 70px; text-align:center;}
}

/*****************************************************
	margin-bottom Style : list icon ½ºÅ¸ÀÏ
******************************************************/
ul.infoI li {background: url('/images/cmm/info_icon.png') 0 11px no-repeat; padding-left: 25px;}
.infoII {background: url('/images/cmm/info_icon.png') 0 0px no-repeat; padding-left: 25px; margin-top: 10px;}