@import url("/election/css/voteBanner.css"); /* 선거배너 */
/**********************************************
note : 메인
name : 강혜리
**********************************************/
/* 배경 */
#user-container > .inner {width:1242px;padding:15px 0;margin:0 auto;border-left:1px solid #f1f3f6;border-right:1px solid #f1f3f6;}

/**********************************************
note : Tabbox
name : 강혜리
**********************************************/
.tabs-wrap.type-J .tabs-navs .tabs-item a {position:relative;padding-top:1.375rem;padding-bottom:1.063rem;font-size:1.125rem;font-weight:700;line-height:1.125;letter-spacing:-.1em;color:#747474;border-width:1px 0 2px;border-color:#747474 transparent #e2e2e2}
.tabs-wrap.type-J .tabs-navs .tabs-item a::before, .tabs-wrap .tabs-navs .tabs-item a::after {content:'';overflow:hidden;position:absolute;left:50%;bottom:-2px;width:0;height:0;border-style:solid;border-color:transparent;-ms-transform:translateX(-50%);transform:translateX(-50%)}
.tabs-wrap.type-J .tabs-navs .tabs-item a::before {border-width:12px;border-bottom-color:#e2e2e2}
.tabs-wrap.type-J .tabs-navs .tabs-item a::after {border-width:10px;border-bottom-color:#fff}
.tabs-wrap.type-J .tabs-navs .tabs-item.active a {color:rgba(0,0,0,.95);border-bottom-color:#343434}
.tabs-wrap.type-J .tabs-navs .tabs-item.active a::before, .tabs-wrap .tabs-navs .tabs-item.active a::after {top:100%;bottom:auto}
.tabs-wrap.type-J .tabs-navs .tabs-item.active a::before {border-width:14px;border-color:#343434 transparent transparent}
.tabs-wrap.type-J .tabs-navs .tabs-item.active a::after {border-width:12px;border-color:#fff transparent transparent}
.tabs-wrap.type-J .tabs-panel {padding-top:2.125rem}

.tabs-wrap.type-I .tabs-header {padding-bottom:10px;margin-bottom:10px;font-size:16px;font-family:'Roboto','Noto Sans KR',sans-serif;font-weight:500;letter-spacing:-.05em}
.tabs-wrap.type-I .tabs-navs .tabs-item a {padding:.5rem .5rem}
.tabs-wrap.type-I .tabs-panel {padding:10px 0 0}

/**********************************************
note : 소개페이지
name : 강혜리
**********************************************/
.com-about {letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.com-about::after {content:'';display:table;clear:both}
.com-about .about-group:not(:first-child) {margin-top:2rem}
.com-about .about-group::after {content:'';display:table;clear:both}

/* 매체소개 */
.com-about.com-1 .about-group .title {display:block;margin-bottom:20px;font-size:17px}
.com-about.com-1 .about-group .g-bg {display:block;margin-bottom:20px;padding:16px;font-size:15px;color:rgba(0,0,0,.8);background-color:#ededed}
.com-about.com-1 .about-group p {font-size:15px}
.com-about.com-1 .about-group p[class*="text-"] {font-weight:700;color:rgba(0,0,0,.8)}
.com-about.com-1 .about-group img {margin-bottom:20px}

/* 연혁 */
.com-about.history1 .about-group {border-bottom:1px solid #ededed}
.com-about.history1 .about-group:last-child {border-bottom:none}
.com-about.history1 .years {float:left;width:120px;font-family: 'Playfair Display', serif;font-size:2.313rem;font-weight:700;color:rgba(0,0,0,.8);line-height:1em;letter-spacing:-0.05em}
.com-about.history1 .story {float:right;width:calc(100% - 180px)}
.com-about.history1 .story::after {content:'';display:table;clear:both}
.com-about.history1 .story dt,.com-about.history1 .story dd {float:left;margin-bottom:1rem;font-size:.9rem;line-height:1.25em;letter-spacing:-0.05em}
.com-about.history1 .story dt {width:100px;clear:both}
.com-about.history1 .story dd {color:rgba(0,0,0,.55)}
@media screen and (max-width: 63.9375em) {
	.com-about.history1 .years,.com-about.history1 .story {float:none !important;width:auto !important}
	.com-about.history1 .years {margin-bottom:1.25rem}
}
@media screen and (max-width: 39.9375em) {
	.com-about.history1 .story dd {float:none;width:auto !important}
	.com-about.history1 .story dt {margin-bottom:.25rem;width:15%}
	.com-about.history1 .story dd {margin-bottom:1.25rem}
	.com-about.history1 .story dd:last-child {margin-bottom:0}
}


/* 선거배너종료 */
.vote_banner_box_finish {margin-bottom:1px;padding:1.875rem .625rem;font-size:1.375rem;font-weight:bolder;line-height:1;color:#fff;background-color:red;border:3px solid blue;text-align:center}
.vote_banner_box_finish::before {content:'선거배너'}
.vote_banner_box_finish::after {content:'이 배너가 보이면 꼭 삭제해주세요.';display:block;margin-top:.375rem;font-size:.875rem;line-height:1.375;font-weight:normal;letter-spacing:-.05em}

/**********************************************
note : 미디어N 노컷뉴스 관련기사
**********************************************/
#median-outlink {margin:2.125rem auto;padding:1.375rem;background-color:#f8f8f8;border:1px solid rgba(0,0,0,.05);}
#median-outlink .no-bullet {margin:0;padding:0;list-style:none}
#median-outlink .no-bullet li {font:.875rem/1.3 normal normal;letter-spacing:-.05em;color:#000}
#median-outlink .no-bullet > :not(:first-child) {margin-top:.625rem}
#median-outlink .no-bullet li a {display:block;overflow:hidden;font:inherit;color:inherit;white-space:nowrap;text-overflow:ellipsis}