@charset "UTF-8";
@import url(common.css);
@font-face{
font-family:"NanumBarunGothic";
src:url('./font/NanumBarunGothic.eot');
src:url('./font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
url('./font/NanumBarunGothic.woff') format('woff'),
url('./font/NanumBarunGothic.ttf') format('truetype');
url('./font/NanumBarunGothic.svg#NanumBarunGothic') format('svg')
src:local(※), url('./font/NanumBarunGothic.woff') format('woff');
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;line-height:100%;}
img, fieldset{border:none;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
img { vertical-align:bottom; max-width:640px; }

body{color:#575757; font-size:13px; font-family:'NanumBarunGothic'; }
input, select, textarea{color:#575757; font-size:13px;font-family:'NanumBarunGothic'; }

a{color:#575757; text-decoration:none;}
a:hover, a:focus, a:active{color:#575757;text-decoration:none;}

legend, .skip, .script_skip{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{ width:0; height:0; padding:0px; margin:0px; visibility:hidden; line-height:0px;	}
.hidden { display:none; }

.w100p { width:100%; }

.ofh { overflow:hidden; }
.fl { float:left !important; }
.fr { float:right !important; }
.cl { clear:both; }

.vm { vertical-align:middle !important; }
.vt { vertical-align:top !important; }
.vb { vertical-align:bottom !important; }

.tl { text-align:left !important; }
.tc { text-align:center !important; }
.tr { text-align:right !important; }

.red { color:#cf2240 !important; }
.yellow { color:#fff600 !important; }
.blue { color:#186cc2 !important; }

.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt40 { margin-top:40px !important; }
.p10 { padding:10px; }
.mb10 { margin-bottom:10px !important; }

hr { display:block; border:0; border-top:1px solid #ddd; }

input[type=radio] { vertical-align:middle; padding:0; margin:0 2px 0 0;}
input[type=text],input[type=password] { background:#fff; border:1px solid #ccc; padding:5px; font-size:12px; color:#777; border-radius:2px; color:#333; box-shadow:inset 1px 1px 3px #e7e3e3; font-family:'NanumBarunGothic';}
input[type=text]:hover,input[type=password]:hover {  border:1px solid #75b9f0; }
textarea { background:#fff; border:1px solid #ccc; padding:10px; font-size:12px; color:#777; border-radius:2px; color:#333; box-shadow:inset 1px 1px 3px #e7e3e3; font-family:'NanumBarunGothic'; }
textarea:hover {  border:1px solid #75b9f0; }
select { background:#fff; border:1px solid #ccc; padding:5px; font-size:12px; color:#777; border-radius:2px; color:#333; box-shadow:inset 1px 1px 3px #e7e3e3; font-family:'NanumBarunGothic'; }
select:hover { border:1px solid #75b9f0; }

button {cursor:pointer; margin:0; background:none; border:0; font-weight:bold; color:#fff; padding:0 20px; height:32px; line-height:32px; text-align:center;  border-radius:4px; vertical-align:middle; font-size:13px; font-family:'NanumBarunGothic'; }

.g_white{
color:#666;
border:1px solid #c0c0c0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.g_black{
color:#fff;
border:1px solid #000;
background: #777777; /* Old browsers */
background: -moz-linear-gradient(top,  #777777 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #777777 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #777777 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #777777 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #777777 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.g_green{
color:#fff;
border:1px solid #3e7d19;
background: #b6e19c; /* Old browsers */
background: -moz-linear-gradient(top,  #b6e19c 0%, #65a142 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e19c), color-stop(100%,#65a142)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b6e19c 0%,#65a142 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b6e19c 0%,#65a142 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b6e19c 0%,#65a142 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b6e19c 0%,#65a142 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e19c', endColorstr='#65a142',GradientType=0 ); /* IE6-9 */
}

a.g_white{ color:#000 !important; display:inline-block; height:31px; line-height:31px; text-align:center; vertical-align:middle; font-weight:bold; font-size:12px; font-family:'맑은 고딕','nanumgothic';
-webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #c0c0c0; padding:0 20px; }
a.g_black{ color:#fff !important; display:inline-block; height:30px; line-height:30px; text-align:center; vertical-align:middle; font-size:13px;
-webkit-border-radius:4px; border-radius:4px; border:1px solid #777777; font-family:'맑은 고딕','nanumgothic'; font-weight:bold; padding:0 20px; }

.g_white:hover,a.g_white:hover { background:#f8f7f7; color:#555; }
.g_black:hover,a.g_black:hover { background:#000000; color:#fff; }
.g_green:hover,a.g_green:hover { background:#65a142; color:#fff; }

.news_title { padding:10px; overflow:hidden; }
.news_title a { display:inline-block; width:100%;}
/*.news_title a.tline { border-top:1px solid #dadada; padding-top:5px; }*/

/* A type */
.news_title.atype a img{ width:100%; margin:0 0 5px 0;}
.news_title.atype a .txt { margin-left:0; text-align:center; font-size: 12px;}
.news_title.atype a .txt strong{ display:block; color:#333; font-size:12px; }
.news_title.atype a .txt span{display: block;color: #999;margin: 5px 0 3px 0;}

/* B type */
.news_title.btype a img{width: 95px;float: left;}
.news_title.btype a .txt {margin-left: 105px; font-size: 12px;}
.news_title.btype a .txt.nimg {margin-left:0; font-size: 12px; padding:5px 0; }
.news_title.btype a .txt strong{display: block;color: #333333;font-size: 12px;}
.news_title.btype a .txt span{display: block;color: #999;margin: 5px 0 3px 0;}

/* C type */
.news_title.ctype a img{width: 105px;float: left;}
.news_title.ctype a .txt {margin-left: 115px; font-size: 12px;}
.news_title.ctype a .txt span{display: block;color: #999;margin: 5px 0 3px 0;}
.news_title.ctype .st { color:#999; }
.news_title.ctype .sj { color:#333;  font-size:12px; }

/* C type */
.news_title.ctype a img{width: 105px;float: left;}
.news_title.ctype a .txt {margin-left: 115px; font-size: 12px;}
.news_title.ctype a .txt span{display: block;color: #999;margin: 5px 0 3px 0;}
.news_title.ctype .st { color:#999; }
.news_title.ctype .sj { color:#333;  font-size:12px; }

ul.list { border-top:1px solid #ededed; font-size:16px; margin:0;}
ul.list.tn { border-top:0; }
ul.list li {border-bottom:1px solid #ededed; padding:7px 0;}
ul.list li:last-child { border-bottom:0; }
ul.list li a{color:#333333;display:block;padding:7px 0;}
ul.list li .key { background:#fff600; }

ul.list2 { /*border-top:1px solid #ededed;*/ font-size:16px; margin:0 10px;}
ul.list2.tn { border-top:0; }
ul.list2 li {border-bottom:1px solid #ededed;}
ul.list2 li:last-child { border-bottom:0; }
ul.list2 li a{color:#333333;display:block; font-size:16px;padding:7px 0;}
ul.list2 li .date { color:#999; font-size:90%; margin:5px 0 0 0;}

ul.list3 { overflow:hidden; font-size:100%; margin:0 10px;}
ul.list3 li { float:left; width:47%; margin:10px 2% 0 1%; padding:15px 5px 30px 5px; background:url(../img/list3_bg.png) no-repeat left top; box-sizing:border-box; text-align:center; background-size:100% 100%; }
ul.list3 li a { color:#186cc2; }
ul.list3 li .date { font-size:90%; color:#999; margin:10px 0 0 0;}