@charset "euc-kr";

/*------------------FONT------------------*/
@font-face {
  font-family: 'NanumGothic';
  font-weight:normal;
  src: url('../fonts/NanumGothic-Regular.eot');
  src: url('../fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumGothic-Regular.woff2') format('woff2'),
       url('../fonts/NanumGothic-Regular.woff') format('woff'),
       url('../fonts/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-weight:bold;
  src: url('../fonts/NanumGothic-Bold.eot');
  src: url('../fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumGothic-Bold.woff2') format('woff2'),
       url('../fonts/NanumGothic-Bold.woff') format('woff'),
       url('../fonts/NanumGothic-Bold.ttf') format('truetype');
}

/*------------------COMMON-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, button, select {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:'NanumGothic', '³ª´®°íµñ';
	list-style:none
}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block}
caption {display:none}


body {font-size:14px!important;line-height:170%!important;color:#545454!important;letter-spacing:-0.05em}

a,
a:link,
a:active,
a:visited {text-decoration:none;line-height:140%; color:#333}
a:hover {text-decoration:underline;}


h3 a,
h3 a:link,
h3 a:active,
h3 a:visited {text-decoration:none!important;line-height:210%!important; color:#333}
h3 a:hover {text-decoration:none!important;}

button, a, input {
    border: medium none;
    cursor: pointer;
    vertical-align: middle;
	}


/* ½ºÅµ³×ºñ°ÔÀÌ¼Ç */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;text-indent:-9999px;z-index:5000;}
#skipNavi .skipLink:focus {top:0;left:0;text-indent:0;color:#fff;background:#ed1c24;padding:10px 20px;}

.blind { width: 1px; height: 1px; overflow: hidden; position: absolute; top: -1000em; left: -1000em;}

/* invisible */
.invisible {position: absolute;left: -1000%;top: auto;width: 1px;height: 1px;overflow: hidden;  }
 .on {color:#ed1c24!important;}   



p {display: block; -webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}   
    
  


/*------------------TABLE----------------*/
.stable{margin-top:15px; margin-bottom:30px;}
.stable table {width:100%; color:#232323; border-collapse:collapse;}
.stable table tbody{border-top:2px solid #3c3b3c;}
.stable table tbody tr td{}

.stable table tr td {padding:10px 14px 10px 14px;}
.stable table tr {border-bottom:1px solid #cccccc;}
.stable table tr td.td_center {text-align:center;}
.stable table tr td a:hover {color:#00a9e0; text-decoration:underline;}
.stable table tr td.h34 {height:250px; vertical-align:top;}

.stable .ta_bg1 {background-color:#fef0ef;}

.webgin {clear:both; background-color:#f4f2ec;}
.ta_title_ {margin-bottom:20px;padding-top:20px; width:60%; font-size:13px; color:#999;}
.ta_title_ span {font-size:19px; font-weight:bold; color:#333!important;}
.ta_more2_ {padding-top:20px;float:right; width:px; cursor:pointer; color:#ed1c24;}

/*stable_*/
.stable_{clear:both; margin-top:10px; margin-bottom:30px;}
.stable_:after {content:"";display:block;clear:both}
.stable_ table {width:100%; min-height:680px; color:#232323; border-collapse:collapse;}
.stable_ table tbody{border-top:2px solid #3c3b3c;}
.stable_ table tr {border-bottom:1px solid #cccccc;}
.stable_ table tr td {padding:12px 14px 12px 14px; }
.stable_ table tr td.sodam_bg{background-color:#f4f2ec;}

/*table_dtail*/
.table_dtail{margin-top:10px; margin-bottom:30px;}
.table_dtail table {width:100%; min-height:680px; color:#232323; border-collapse:collapse;}
.table_dtail table tbody{border-top:2px solid #3c3b3c;}
.table_dtail table tr {}
.table_dtail table tr td {padding:10px; background-color:#f4f2ec; vertical-align:top; text-align:left;}
.table_dtail table tr td img { text-align:center; }


/*pagenation*/
.page {width:100%;height:40px; text-align:center; margin:30px 0 20px 0}

.page1 div,
.page1 div ul li a {display:inline-block}
.page1 div ul li {clear:both;float:left;border:1px solid #cccccc; border-right:none}
.page1 div ul li:after {content:"";display:block;clear:both}
.page1 div ul li.last {border-right:1px solid #cccccc}
.page1 div ul li a {width:33px;height:33px;font-weight:bold;font-size:14px;line-height:260%;text-align:center; color:#989898;}
.page1 div ul li a:hover {text-decoration:underline;}
.page1 div ul li a.on {color:#fff!important; background-color:#ed1c24;}
.page1 div ul li.first a,
.page1 div ul li.prev a,
.page1 div ul li.next a,
.page1 div ul li.last a {font-size:0;background-repeat:no-repeat;background-image:url('../images/ico_arrow.png')}
.page1 div ul li.first a {background-position:10px 12px}
.page1 div ul li.first a.on ,
.page1 div ul li.first a:hover {background-position:10px 12px}
.page1 div ul li.prev a {background-position:12px -18px}
.page1 div ul li.prev a.on,
.page1 div ul li.prev a:hover {background-position:12px -18px}
.page1 div ul li.next a {background-position:14px -50px}
.page1 div ul li.next a.on,
.page1 div ul li.next a:hover {background-position:14px -50px}
.page1 div ul li.last a {background-position:12px -80px}
.page1 div ul li.last a.on,
.page1 div ul li.last a:hover {background-position:12px -80px}

.page {width:100%;height:40px; text-align:center; margin:30px 0 20px 0}
.page div,
.page div ul li a {display:inline-block}
.page div ul li {float:left;border:1px solid #cccccc; border-right:none}
.page div ul li:after {content:"";display:block;clear:both}
.page div ul li.last {border-right:1px solid #cccccc}
.page div ul li a {width:33px;height:33px;font-weight:bold;font-size:14px;line-height:260%;text-align:center; color:#989898;}
.page div ul li a:hover {text-decoration:underline;}
.page div ul li a.on {color:#fff!important; background-color:#ed1c24;}
.page div ul li.first a,
.page div ul li.prev a,
.page div ul li.next a,
.page div ul li.last a {font-size:0;background-repeat:no-repeat;background-image:url('../images/ico_arrow.png')}
.page div ul li.first a {background-position:10px 12px}
.page div ul li.first a.on ,
.page div ul li.first a:hover {background-position:10px 12px}
.page div ul li.prev a {background-position:12px -18px}
.page div ul li.prev a.on,
.page div ul li.prev a:hover {background-position:12px -18px}
.page div ul li.next a {background-position:14px -50px}
.page div ul li.next a.on,
.page div ul li.next a:hover {background-position:14px -50px}
.page div ul li.last a {background-position:12px -80px}
.page div ul li.last a.on,
.page div ul li.last a:hover {background-position:12px -80px}

/*¸¶Áø*/
.magint {margin-top:36px;}

/*Á¤·Ä*/
.center {text-align:center;}

.floatle_ {float:left; }
.floatri_ {float:right; }

.margin_tb {margin-top:60px; margin-bottom:60px;}