

/* -------- reset -------*/

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  min-height: 100%;
  font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
  display: block;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
b, strong {
  font-weight: bold;
}
abbr[title] {
  border-bottom: 1px dotted;
}
input,
textarea,
button,
select {
  margin: 0;
  font-size: 100%;
  line-height: normal;
  vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

input {
    -webkit-appearance: none;
}

textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body { font:normal 15px/1.3em "나눔 고딕","NanumGothic","맑은 고딕","MalgunGothic","돋움","dotum",'helvetica','sans-serif'; margin:0; -webkit-text-size-adjust:none; }

a { text-decoration:none; color:#333; }
img { border:none; vertical-align:middle; }
ul, li { list-style:none; margin:0; padding:0; }
p { margin:0; padding:0; }

.clear { clear:both; }

h1, h2, h3, h4, h5 {
font-size:1em;
}


/*-------------- common ------------------*/

#wrap {
background:#fff;
}

h1 {
position:relative;
overflow:hidden;
padding:14px 17px;
}

h1 a {
display:block;
}

.menu {
float:left;
width:16px;
text-indent:-9999px;
background:url('/m/images/common/icon_gnb2.png') no-repeat center center;
background-size:16px;
padding: 6px 15px 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
border:solid 1px #999;
}

.logo {
position: absolute;
top: 8px;
width: 110px;
left: 50%;
margin-left: -55px;
top: 50%;
margin-top: -10px;
}

.sch {
float:right;
width:16px;
text-indent:-9999px;
background:url('/m/images/common/icon_search2.png') no-repeat center center;
background-size:16px;
padding: 6px 15px 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
border:solid 1px #999;
}

h1 a img {
width:100%;
}

.mainthumb {
display:block;
width:100%;
border:solid 1px #ccc;
box-sizing:border-box;
}

.thumb {
/*display:block;
width:100%;
border:solid 1px #ccc;
box-sizing:border-box;*/
width: 95px;
height: 63px;
line-height: 60px;
border: solid 1px #ccc;
overflow: hidden;
display: block;
}

.mainthumb img, .thumb img, .ad img {
width:100%;
}

.ad {
border:solid 1px #d0d0d0;
}

.li_2 {                                 /* 섬네일 이미지 갯수 2 */
width:46%;
margin:0 8% 0 0;
float:left;
}

.li_3 {									/* 섬네일 이미지 갯수 3 */
width:30%;
margin:0 5% 0 0;
float:left;
}

.mg {
margin:0;
}

strong.tit {                                      /* 섬네일 타이틀 */
width:100%;
overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* 줄수 */
-webkit-box-orient: vertical;
word-wrap: break-word; /* 영문띄어쓰기 없는거 break */
margin-top:1em;
}

span.tit {                                      /* 본문 타이틀 */
width:100%;
overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 1; /* 줄수 */
-webkit-box-orient: vertical;
word-wrap: break-word; /* 영문띄어쓰기 없는거 break */
}

strong.s_tit {                                      /* 섬네일 타이틀 */
overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 1; /* 줄수 */
-webkit-box-orient: vertical;
word-wrap: break-word; /* 영문띄어쓰기 없는거 break */
margin:0 0 5px 0;
}

span.s_tit {                                      /* 본문 타이틀 */
overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* 줄수 */
-webkit-box-orient: vertical;
word-wrap: break-word; /* 영문띄어쓰기 없는거 break */
line-height:120%;
color:#666;
}

.thmbTxt {								 /* 섬네일 본문내용 */
width:100%;
margin:7px 0 0;
overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* 줄수 */
-webkit-box-orient: vertical;
word-wrap: break-word; /* 영문띄어쓰기 없는거 break */
}

.cont {
position:relative;
margin:0 0 22px 0;
}

.cont ul {
overflow:hidden;
}

.cont h2 {							/* 컨텐츠 타이틀 */
width:100%;
border-style:solid;
border-width:1px 0;
border-color:#000;
letter-spacing:-1px;
/*
background-color:#f7f7f7;
*/
background-color:#fff;
margin:0 0 17px 0;
}

.cont h2 strong {
padding-left:30px;
margin:0 17px;
}

.cont_c {
margin:0 17px;
}

ul.nothumb {
border-top:solid 1px #d0d0d0;
margin:12px 0 15px;
}

ul.nothumb li {
border-bottom:solid 1px #d0d0d0;
padding:1em 0;
}

.more {
display:block;
float:right;
margin:0 17px 0 0;
}

.more img {
width:50%;
}


/*---------- gnb -----------*/


#wrap {
position:relative;
margin-left:0px;/*margin-left:220px;*/
min-width:320px;
}

.gnb {
position:absolute;
width:220px;
top:0;
left:-220px; 
height:100%;
background:url('/m/images/gnb_bg3.png') repeat-y right bottom #333;
}

.gnb a {
color:#fff;
}

.gnb ul.gnb_dep1 > li a {
font-size:18px;
display:block;
padding:21px 15px;
border-top:solid 1px #444;
border-bottom:solid 1px #111;
}

.gnb ul.gnb_dep2 > li a {
font-size:13px;
display:block;
padding:21px 15px;
border-top:solid 1px #4c4c4c;
border-bottom:solid 1px #3f3f3f;
background:url('/m/images/gnb_bg3.png') repeat-y right bottom #464646;
}

ul.gnb_dep2 {

}


/*---------------------------*/


#header {
width:100%;
border-style:solid;
border-width:1px 0;
border-color:#bcbcbc;
background:#f5f5f5;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
-ms-box-shadow: 0 2px 3px rgba(0,0,0,.1);
box-shadow: 0 2px 3px rgba(0,0,0,.1);
}

#header .sch_bar {
width:100%;
height:37px;
margin:0 auto;
padding:1em 0;
border-top:solid 1px #cfcfcf;
}

#header .sch_bar input[type="text"] {
width: 70%;
margin: 0 auto;
/*display: inline-block;*/
padding: 0.5em 3em 0.5em 0.5em;
display: block;
}

#container .hline {
overflow:hidden;
margin:0 17px 22px;
border:solid 1px #fff;
}

#container .hline .h_img {
width:46%;
min-width:110px;
display:block;
overflow:hidden;
float:left;
border:solid 1px #ccc;
margin-right:1em;
}

#container .hline .h_txt {
width:46%;
min-width:110px;
display:block;
overflow:hidden;
}

.h_main {
overflow:hidden;
margin:0 0 20px 0;
}

.h_sub {
clear:both;
}

.h_sub ul {
overflow:hidden;
margin:0 0 20px 0;
width:100%;
}

/*
.cont_1 h2 a { background-image:url('/m/images/icon_c1.png'); }
.cont_2 h2 a { background-image:url('/m/images/icon_c2.png'); }
.cont_3 h2 a { background-image:url('/m/images/icon_c3.png'); }
.cont_4 h2 a { background-image:url('/m/images/icon_c4.png'); }
*/


.cont h2 a {
display:block;
overflow:hidden;
padding:10px 0;
font-weight:bold;
background-repeat:no-repeat;
background-position:17px top;
background-size:25px;
background-image:url('/m/images/icon_c.png');
}

.date, .nav {
border-bottom:solid 1px #d0d0d0;
text-align:right;
font-size:13px;
font-weight:bold;
padding:0.5em 17px;
}

.nav span {
font-size:10px;
margin:0 10px;
}

.date strong {
margin-left:0.5em;
color:#777;
}

.date span {
color:#396dcd;
}

.rtime {
width:100%;
border-bottom:solid 1px #d0d0d0;
margin:0 0 20px 0;
}

.rtime h3 {
overflow:hidden;
padding:0.5em 0;
width:95%;
margin:0 auto;
letter-spacing:-1px;
}

.rtime h3 span {
color:#fff;
background:#f74441;
padding:3px 9px;
border-radius:30px;
float:left;
margin-right:1em;
}

.rtime h3 a {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display:block;
padding:3px 0;
float:left;
width:60%;
color:#f74441;
}

.dep {
background:url('/m/images/dep.png') no-repeat left center;
background-size:7px;
}

.dep a {
text-indent:1em;
}

#footer {
text-align:center;
background:#ededed;
padding:1.5em 0;
}

#footer .pc {
display: inline-block;
border: 1px solid #bcbcbc;
padding:0.2em 3em;
border-radius: 3px;
font-size: 12px;
line-height: 25px;
margin:0 0 15px 0;
}

#footer a {
margin:0 0.5em;
font-size:13px;
}

#footer .copy {
color:#acacac;
font-size:12px;
}

.cont_s h3 {
font-size:1.2em;
padding:1em 0 0.5em;
border-bottom:solid 1px #000;
letter-spacing:-1px;
}

.cont_c li{
overflow:hidden;
padding:1em 0;
border-bottom:solid 1px #ccc;
}

.cont_c li.li_3{
overflow:hidden;
padding:none;
border-bottom:none;
}

.cont_c li .s_thumb {
/*width: 30%;
margin: 0 5% 0 0;
float: left;*/
width: 100px;
height: 67px;
line-height: 64px;
border: solid 1px #ccc;
overflow: hidden;
margin: 0 5% 0 0;
float: left;
}

.cont_c li .s_thumb img {
width:100%;
}

.li_more a {
display: block;
background: #666;
color: #fff;
text-align: center;
padding: 0.5em 1em;
margin:20px 0;
font-weight:bold;
}


.cont_many {
margin:20px 0 0;
}

.cont_many .cont_c .many1 { background:url('/m/images/no1.png') no-repeat left bottom; }
.cont_many .cont_c .many2 { background:url('/m/images/no2.png') no-repeat left bottom; }
.cont_many .cont_c .many3 { background:url('/m/images/no3.png') no-repeat left bottom; }
.cont_many .cont_c .many4 { background:url('/m/images/no4.png') no-repeat left bottom; }
.cont_many .cont_c .many5 { background:url('/m/images/no5.png') no-repeat left bottom; }

.cont_many .cont_c li a {
display:block;
padding-left:40px;
}

.cont_view {

overflow:hidden;
}

.cont_view h3 {
letter-spacing:-1px;
border:0;
}

.cont_news {
margin: 20px 0 40px;
padding: 20px 0 0;
border-top: solid 1px #d0d0d0;
line-height:130%;
}

.cont_news img {
width:100%;
}

.util {
position:relative;
overflow:hidden;
}

.util .author {
float:left;
}

.util .author p {
font-size:11px;
color:#888;
line-height:15px;
}

.util .fsize {
position:absolute;
right:0;
bottom:0;
}

.util .fsize a {
border-style:solid;
border-width:1px 1px 2px;
border-color:#bcbcbc;
border-radius:3px;
padding:0.5em;
font-weight:bold;
display:inline-block;
}

.ad_txt {
margin:0 0 15px;
}

.ad_txt a {
display:block;
color:#3569be;
font-weight:bold;
}

.relation {
margin:20px 0 0;
}

.relation ul {
border:0;
}

.relation ul li {
padding:0.5em;
}

.relation h4 {
padding:0 0 0.5em;
border-bottom:solid 1px #000;
}

.link_area {
margin:15px 0 30px;
text-align:center;
}

.link_area a {
display:inline-block;
margin:0 2px;
}

.link_area .sms {
width:28px;
}

.link_area .sms img {
width:100%;
}

.link_area .link {
width:72px;
}

.link_area .link img {
width:100%;
}