@import url("reset.css");
* { margin:0; padding:0; vertical-align:top; border:0; }
.page ::-moz-selection {background:#55447B; color: #fff; text-shadow: none;}
.page ::selection {background:#55447B; color: #fff; text-shadow: none;}

/*공통*/
#wrap{width: 1024px;margin: 0 auto;}
#stories.page section#articles-and-videos{background: #fff;}

.news-inner{width: 988px;margin: 0 auto; font-size: 18px;font-weight: 300;color:#444;line-height: 34px;text-align: left;}

.detail-area{margin-bottom: 20px;padding: 0 126px;text-align: center;}
.detail-area .tit-con{margin-bottom: 18px;font-size:28px;font-weight: 700; line-height: 1;text-align: left}
.detail-area .tit-con strong{font-weight: 700;color:#000;}
.detail-area .img{display: inline-block;width: 100%;margin-bottom: 20px;}
.detail-area .img .txt-copy{margin-top: 5px;margin-bottom: 10px;font-size: 15px;color:#666;line-height: 18px;}
.detail-area .txt{text-align: left}

.panel{display: none;}
#panel1{display: block}

/*.intro-area{display: none;}*/

/*버튼*/
.tag-area{position: relative;padding-top: 40px;padding-bottom: 40px;text-align: center}
.tag-area:before{position: absolute;top: 0;left: 126px;display: inline-block;content: '';width: calc(100% - 252px);border-top: 1px dashed #ccc}
.tag-area .btn-tag{display:inline-block;margin:5px 4px;padding:7px 13px 8px 12px;border-radius:20px;border:1px solid #ccc;background: #eaeaea; font-size:18px;color:#444;letter-spacing:-0.05em;font-weight: 500;line-height: 1.4;text-align:center;}
.tag-area .btn-tag:hover{}
.tag-area .btn-tag.on{background-color:#825E8A;border-color:  #825E8A;color:#fff;}

.sorting-area{padding-bottom: 40px;text-align: center;}
.sorting-area .item{position: relative;margin: 0 14px;padding-left: 26px;font-weight: 400;}
.sorting-area .item:before{position: absolute;top:9px;left: 0;display: inline-block;width: 16px;height: 16px;content: '';margin-right: 4px;text-align: left;}
.sorting-area .item:after{position: absolute;top: 16px;left: 7px;content: '';width: 6px;height: 6px;background: #fff;z-index: 10}
.sorting-area .item.st-1:before, .sorting-area .item.st-14:before, .sorting-area .item.st-16:before, .sorting-area .item.st-11:before{background-color:rgba(224,85,85,1)}
.sorting-area .item.st-2:before, .sorting-area .item.st-12:before{background-color:rgba(16,115,128,1)}
.sorting-area .item.st-3:before, .sorting-area .item.st-15:before, .sorting-area .item.st-17:before, .sorting-area .item.st-13:before{background-color:rgba(38,66,186,1)}
.sorting-area span.item:before{top: 7px;}
.sorting-area span.item:after{top: 14px;}
.sorting-area button:before{background-image: url("/news/images/ico-check.png");background-repeat: no-repeat;background-size: cover;}
.sorting-area button::after{display: none;}

.sorting-area .item.st-4:before{background-color:rgba(224,85,85,1)}
.sorting-area .item.st-5:before{background-color:rgba(38,66,186,1)}
.sorting-area .item.st-6:before{background-color:rgba(138,104,80,1)}
.sorting-area .item.st-7:before{background-color:rgba(16,115,128,1)}
.sorting-area .item.st-8:before{background-color:rgba(85,68,123,1)}
.sorting-area .item.st-9:before{background-color:rgba(87,154,255,1)}
.sorting-area .item.st-10:before{background-color:rgba(105,53,54,1)}

.sorting-area button.item{color:#555;font-size: 16px;letter-spacing: -0.8px;}
.sorting-area button.item.on{padding-left: 36px;font-size: 18px;font-weight: 600;color:#333;text-decoration: underline;}
.sorting-area button.item:before{top: 11px;}
.sorting-area button.item.on:before{top: 5px;width: 26px;height: 26px;margin-right: 10px;background-size: 16px;background-position: center;text-align: center;}
.sorting-area button.item em{font-weight: 600;}
.sorting-area button.item.on:first-child em{color:rgba(224,85,85,1)}
.sorting-area button.item.on:nth-child(2) em{color:rgba(38,66,186,1)}

/*민족대표 33인*/
.member-wrap{padding-bottom: 16px;}
.member-area{position: relative;width: 100%;text-align: center;overflow: hidden;}
.mb-intro{display: none; margin:10px 0 30px;padding: 0 110px;font-weight: 300;letter-spacing: -1px;text-align: center;}
.mb-intro strong{color:#000;font-weight: 500}
.mb-intro em{font-weight: 300;text-decoration: underline;}
.mix{position: relative;display: inline-block;width:calc(100%/7 - 16px);height: 160px;margin:0 6px;margin-bottom: 12px;text-align: center;overflow: hidden;transition:all 0.8s ease-out;-webkit-transition:all 0.3s ease-out; cursor: pointer;}
.mix:before{content:'';position: absolute;top: 20%;left: 0;width:100%;height: 80%;background: rgba(0,0,0,0.8);}
.mix img{width: 100%;transition:all 0.8s ease-out;-webkit-transition:all 0.3s ease-out; }
.mix .border{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;box-sizing: border-box;z-index: 40}
.mix .name{position: absolute;width: 100%;top:20%;font-weight: 500;font-size: 26px;color:#eaeaea;line-height: 1;text-align: center;z-index: 50}
.mix .plus{position: absolute;right:10px;bottom: 12px;width: 9.5px;height: 36px;background:url("/news/images/ico-arr.png") no-repeat center;background-size:100%;opacity: 0.8;font-size: 0;text-indent: -9999em;z-index: 50;}

.mix .txt{position: absolute;top: 35%;width: 100%;color:#eaeaea;z-index: 50}

.mix.code .txt{display: none;}
.mix .txt.active{display: block;}


/*기사페이지*/
.article.page .txt-link{text-decoration: underline;}
/*가이드 설명*/
.guide-area{padding: 0 126px;margin-bottom: 200px;}
.guide-area>p{border-top: 1px dashed #ccc;font-size: 14px! important;line-height: 34px! important;letter-spacing: -0.2px;text-align: right;}