@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;margin-top: 21px;}
.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;}