@charset "utf-8";

/************************************************************************ list/view 공통 ************************************************************************/
.breadCrumbs{padding:10px;border-bottom:1px solid #ccc;overflow:hidden;background:#fff;}
.breadCrumbs:after{content:"";display:block;clear:both;}
.breadCrumbs ul{float:right;}
.breadCrumbs ul:after{content:"";display:block;clear:both;}
.breadCrumbs li{float:left;padding:0 7px 0 9px;background:url(../img/icon_arrow.png) 0 50% no-repeat;background-size:3px 5px;}
.breadCrumbs li:first-child{background:none;}
.breadCrumbs li a{display:block;font:bold 0.8em/1em "Malgun Gothic",sans-serif;letter-spacing:-1px;vertical-align:bottom;color:#777;}
.breadCrumbs li:first-child a{width:1em;height:1em;text-indent:9999px;overflow:hidden;background:url(../img/icon_home.png) 50% 50% no-repeat;background-size:1em 1em;}

#viewContent .imageCaptionWrap{margin:0 auto;}
#viewContent .imageCaptionWrap img{display:block;width:100%;margin:0 auto;}
#viewContent .imageCaptionWrap acronym{display:block;width:100%;margin:0 auto;}

/************************************************************************ list ************************************************************************/
.list li{padding:15px;border-top:1px solid #ccc;}
.list li:first-child{border-top:none;}
.list li a:after{content:"";display:block;clear:both;}
.list .image{float:left;width:108px;height:81px;margin-right:10px;border:1px solid #ccc;}
.list .title{display:block;height:1.2em;line-height:1.2em;overflow:hidden;}
.list .content{display:block;max-height:2.4em;line-height:1.2em;padding-top:10px;overflow:hidden;}
.list .info{display:block;height:1em;padding-top:5px;font:normal 0.8em/1em sans-serif;color:#999;text-align:right;overflow:hidden;}

.btnMore{display:block;padding:10px;}
.btnMore a{display:block;height:1.2em;padding:5px 0;text-align:center;border:1px solid #ccc;font:bold 0.8em/1.2em "Malgun Gothic",sans-serif;letter-spacing:-1px;color:#666;
        background-image:-webkit-linear-gradient(top, #fefefe 0%, #efefef 100%);/* chrome, safari */
        background-image:   -moz-linear-gradient(top, #fefefe 0%, #efefef 100%);/* ff */
        background-image:    -ms-linear-gradient(top, #efefef 0%, #efefef 100%);/* ie10 */
        background-image:     -o-linear-gradient(top, #efefef 0%, #efefef 100%);/*opera */
        background-image:        linear-gradient(top, #efefef 0%, #efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dddddd, gradienttype=0);/* ie9 이하 버전 */
}

.pagination{padding:20px 0;text-align:center;background:#eee;}
.pagination a{height:1.2em;padding:5px 7px;text-align:center;border:1px solid #ccc;font:bold 0.8em/1.2em "Malgun Gothic",sans-serif;letter-spacing:-1px;color:#666;
        background-image:-webkit-linear-gradient(top, #fefefe 0%, #efefef 100%);/* chrome, safari */
        background-image:   -moz-linear-gradient(top, #fefefe 0%, #efefef 100%);/* ff */
        background-image:    -ms-linear-gradient(top, #efefef 0%, #efefef 100%);/* ie10 */
        background-image:     -o-linear-gradient(top, #efefef 0%, #efefef 100%);/*opera */
        background-image:        linear-gradient(top, #efefef 0%, #efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dddddd, gradienttype=0);/* ie9 이하 버전 */
}
.pagination span{height:1.2em;padding:5px 7px;text-align:center;font:bold 1em/1.2em "Malgun Gothic",sans-serif;color:#666;}

.view{padding:10px;}
.view .title{display:block;font-size:1.2em !Important;color:#333;}
.view .subTitle{display:block;padding:3px 0 0 0;font:bold 1em/1.2em "Malgun Gothic",sans-serif;letter-spacing:-1px;color:#666;}
.view .dateWriter{display:block;padding-top:10px;font:normal 0.8em/1em sans-serif;color:#999;}

.view .pageControl{padding:10px 0;}
.view .pageControl:after{content:"";display:block;clear:both;}
.view .pageControl ul{float:right;}
.view .pageControl ul:after{content:"";display:block;clear:both;}
.view .pageControl ul li{float:left;}
.view .pageControl ul li a{display:block;padding:0 8px;height:1.3em;border:1px solid #ccc;font:bold 1.3em/1.3em sans-serif;color:#999;letter-spacing:-1px;text-align:center;
        background-image:-webkit-linear-gradient(top, #fefefe 0%, #efefef 100%);/* chrome, safari */
        background-image:   -moz-linear-gradient(top, #fefefe 0%, #efefef 100%);/* ff */
        background-image:    -ms-linear-gradient(top, #efefef 0%, #efefef 100%);/* ie10 */
        background-image:     -o-linear-gradient(top, #efefef 0%, #efefef 100%);/*opera */
        background-image:        linear-gradient(top, #efefef 0%, #efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dddddd, gradienttype=0);/* ie9 이하 버전 */
}
.view .pageControl ul li a.fontLarge{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.view .pageControl ul li a.fontSmall{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.view .pageControl ul li a.fontRate{height:1.7em;font:bold 1em/1.7em sans-serif;color:#999;border-left:none;border-right:none;background:#fff;}

.view .content{padding:10px 0;border-top:1px solid #ccc;overflow:hidden;}

.view .snsWrap{padding-top:10px;border-top:1px solid #ccc;*zoom:1;}
.view .snsWrap:after{content:"";display:block;clear:both;}
.view .snsWrap .sns{float:left;padding-right:10px;*zoom:1;}
.view .snsWrap .sns:after{content:"";display:block;clear:both;}
.view .snsWrap .sns li{float:left;padding-right:2px;}
.view .snsWrap .sns li a{display:block;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url(../../img/B2/bg_sns.png) no-repeat;}
.view .snsWrap .sns li a.facebook{background-position:0 0;}
.view .snsWrap .sns li a.twitter{background-position:-30px 0;}
.view .snsWrap .sns li a.googleplus{background-position:-60px 0;}
.view .snsWrap .sns li a.cyworld{background-position:-90px 0;}
.view .snsWrap .sns li a.naverBookmark{background-position:-120px 0;}

.view .snsWrap .sns li a.kakaotalk{background-position:-150px 0;}
.view .snsWrap .sns li a.kakaostory{background-position:-180px 0;}
.view .snsWrap .sns li a.naverband{background-position:-210px 0;}
.view .snsWrap .sns li a.line{background-position:-240px 0;}
.view .snsWrap .sns li a.naverblog{background-position:-270px 0;}
.view .snsWrap .sns li a.nateon{background-position:-300px 0;}
.view .snsWrap .sns li a.googlebookmark{background-position:-330px 0;}

/* 관련기사 시작 */
.relatedNews {
    font-family:HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif;
    margin: 21px 0 30px;
}

.relatedNews dt {
    padding: 12px 0 0;
    font-weight: 600;
    margin-bottom:10px;
}
.relatedNews dt b{
    letter-spacing: -1px;
    font-size:17px;
    line-height:18px;
    color:#000;
}
.relatedNews ul li {
    margin-bottom:7px;
    padding-left: 16px;
    position:relative;
}
.relatedNews ul li:before{
    position: absolute;
    content: '';
    top: 7px;
    left: 5px;
    width: 6px;
    height: 7px;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: #d61313;
    box-sizing: border-box;
}
.relatedNews ul li a {
    position:relative;
    letter-spacing: -0.05rem;
    display: block;
    color:#4d4d4d;
    font-size: 17px;
    line-height: 21px;
}
.relatedNews ul li .subtitle{
    letter-spacing: -0.05rem;
    display:block;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#777;
    margin-bottom:3px;
}

.relatedNews ul li .time{
    letter-spacing: -0.03rem;
    display:block;
    font-size:12px;
    color:#999;
}
/* 관련기사 끝 */