@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*======================================*
요소(element) 여백 초기화 2J 20130521_s
*=======================================*/
html, body, blockquote, caption, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr, iframe, input, legend, object, p, pre, q, select, table, textarea, tr, td {margin:0; padding:0;}
body,input,textarea,select,button,table{font-size:12px; font-family:"돋움", Dotum, "굴림", Gulim, Verdana, sans-serif;}

fieldset, img {border:0 none;}

h1, h2, h3, h4, h5, h6 {font-style:normal; font-size:12px;}
hr {display:none;}

html {font-size:62.5%; height:100%;}
body {background-color:#FFFFFF;color:#4c4c4c;font-family:"돋움", Dotum, "굴림", Gulim, Verdana, sans-serif; font-size:1.2em; height:100%; line-height:1.5; position:relative; width:100%;}


img {font-size:0; line-height:0; margin:0; padding:0;}

a {color:#4c4c4c;text-decoration:none;}
a:hover {color:#000000;text-decoration:underline;}

address, em {font-style:normal}

input, select, textarea, button {font-family:"돋움", Dotum, "굴림", Gulim, Verdana, sans-serif;}
textarea {padding:3px;}
select {color:#626262; font-family:Arial; font-size:1em; height:19px; line-height:1; vertical-align:middle;}

table {border:0 none; border-collapse:collapse; empty-cells:show; width:100%;}
table input {vertical-align:middle;}

.por {position:relative !important;}
.poa {position:absolute !important;}

.blind, .skip, legend, caption {font-size:0 ;height:0; left:-5000px; line-height:0;position: absolute; top:-5000px;visibility:hidden;width:0;}

.clear			{clear:both;}
.clearfloat		{clear:both; display:block; float:none; font-size:0 !important; height:0; line-height:0 !important; margin:0 !important; padding:0 !important; width:100%; overflow:hidden;}
.fl				{float:left;}
.fr				{float:right;}

.btn			{cursor:pointer;}

.show 			{display:block;}
.hide 			{display:none;}

ul.ulnone		{margin:0; padding:0; list-style:none;}
ul.ulnone li	{margin:0; padding:0;}

ul.inline li	{display:inline;}

.accessibility {position:absolute; top:0; left:0; z-index:1;}
.accessibility ul {margin:0; padding:0; list-style:none;}
.accessibility ul li {margin:0; padding:0;}
.accessibility a {color:#F00; display:block; font-size:1em; height:0; overflow:hidden; width:120px;}
.accessibility a:hover, .accessibility a:focus, .accessibility a:active {color:F00; font-weight:bold; height:auto;	width:115px;}
/*======================================*
공통
*=======================================*/
/* 폰트 */
.font11		{font-size:11px;}
.font12		{font-size:12px;}
.font14		{font-size:14px;}
.font16		{font-size:16px;}
.b			{font-weight:bold;}
.black		{color:#000;}
.white		{color:#FFF;}
.red		{color:#e23535}
.orange		{color:#ff6600}

/*상하정렬*/
.vm			{vertical-align:middle;}
.vt			{vertical-align:top;}
.lm			{margin-left:5px;}
.rm			{margin-right:5px;}

/*텍스트정렬*/
.ac			{text-align:center}
.al			{text-align:left}
.ar			{text-align:right}

/* width */
.w1		{width:100%}
.w2		{width:50%}
.w3		{width:33.33%}
.w4		{width:25%}
.w5		{width:20%}
.w6		{width:16.66%}
.w7		{width:14.28%}
.w8		{width:12.5%}
.w9		{width:11.11%}
.w10	{width:10%}

/**/
.pat5		{padding-top:5px}
.pab5		{padding-bottom:5px}

.pa10		{padding:10px}
.pat10		{padding-top:10px}
.par10		{padding-right:10px}
.pal10		{padding-left:10px}
.pab10		{padding-bottom:10px}
.parl10		{padding-right:10px; padding-left:10px}
.patb10		{padding-top:10px; padding-bottom:10px}

.pa20		{padding:20px}
.pat20		{padding-top:20px}
.par20		{padding-right:20px}
.pab20		{padding-bottom:20px}
.pal20		{padding-left:20px}
.parl20		{padding-right:20px; padding-left:20px}
.patb20		{padding-top:20px; padding-bottom:20px}

.pat30		{padding-top:30px}
.pab30		{padding-bottom:30px}

.pat40		{padding-top:40px}
.pab40		{padding-bottom:40px}

.mar5		{margin-right:5px}
.mal5		{margin-left:5px}
.mat10		{margin-top:10px}
.mab10		{margin-bottom:10px}
.mat20		{margin-top:20px}
.mab20		{margin-bottom:20px}
.mat30		{margin-top:30px}
.mab30		{margin-bottom:30px}
.mat40		{margin-top:40px}
.mab40		{margin-bottom:40px}

.input_check,
.input_radio	{height:13px; padding:0; width:13px; vertical-align:middle;}
.label_r		{padding-left:5px;}
.label_l		{padding-right:5px;}
.input01		{border:1px solid #b8b8b8; height:18px; padding:0 2px 0; vertical-align:middle;}
.select01		{border:1px solid #b8b8b8; height:20px; padding:0; vertical-align:middle;}
.textarea01		{border:1px solid #c0c0c0; padding:0; vertical-align:middle;}
.file01			{height:20px; padding:0; vertical-align:middle;}
.entry-title 	{display:none;}