@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;margin-bottom: 7px;}
#viewContent .imageCaptionWrap acronym{display:block;width:100%;margin:0 auto;letter-spacing: -0.3px}


/************************************************************************ 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:100px;height:66px;margin-right:10px;border:1px solid #ccc;}
.list .title{display:block;line-height:1.3em;overflow:hidden;font-weight:400;margin-bottom:5px;max-height:2.6em;}
.list .content {
    font-size: 13px;
    color: #7d7d7d;
    line-height: 21px;
    letter-spacing:-0.1rem;
    display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;}
#container .view .title{
    display:block;
    font-size: 24px;
    line-height: 31px;
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
    font-weight: normal;
    letter-spacing: -2.5px;
    color:#141414;
}
.view .subTitle{
    font-size: 16px;
    line-height: 21px;
    color: #666;
    display:block;
    font-family: HelveticaNeue,AppleSDGothicNeo-Regular,sans-serif;
    letter-spacing: -0.3px;
    margin-top:3px;
    font-style:normal;
}
.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;}