/* main section.article-wrap article section.art_cont */
.art_body > * { margin-bottom: 32px; }
.content_text { margin-bottom: 32px; word-break: break-word; box-sizing: border-box; }
p.title { /* margin-top: 12px; */ font-size: 0.8334em; font-weight: 600; line-height: 1.4667; }
p.caption { margin-top: 4px; color: var(--text-description); font-size: 0.7778em; font-weight: 500; line-height: 1.5714; }
/* 부제목 */
.editor-subtitle { border-left: 3px solid var(--text-primary); padding: 0 0 0 13px; }
.editor-subtitle > p,
.content-text p { font-size: 0.9444444444444444em; font-weight: 550; line-height: 1.64706; }
/* 중간제목01 */
.editor-middle-title { border-top: 2.5px solid var(--text-primary); border-bottom: 1px solid var(--stroke-framing); padding: 13.5px 0 15px; width: 100%; /* float: left; */ }
.editor-middle-title:after { content: ''; display: block; clear: both; }
.editor-middle-title p.title { font-size: 1.111em; font-weight: 600; line-height: 1.5; }
/* 중간제목02 */
.editor-middle-title02 { border-left: 2px solid var(--text-description); padding: 0 0 0 12px; width: 100%; float: left; }
.editor-middle-title02:after { content: ''; display: block; clear: both; }
.editor-middle-title02 p.title { font-size: 0.9444444444444444em; font-weight: 500; line-height: 1.52941; }
/* 정렬 */
.text-c { text-align: center !important; }
.text-l { text-align: left !important; }
.text-r { text-align: right !important; }
/* 글자 꾸밈 */
b, strong { font-weight: 700; }
u { text-underline-position: from-font; }
i { font-style: italic; }
sub { position: relative; bottom: -3px; font-size: 0.6em; color: var(--text-secondary); }
sup { position: relative; top: -6px; font-size: 0.6em; color: var(--text-secondary); }
/* 링크 */
.content_text a,
.ix-editor-text-link { color: #2072EE; padding-bottom: 2px; border-bottom: 3px solid #BFD6F9; }
/* 포토, VOD */
.art_photo, .art_vod { position: relative; clear: both; }
/* 포토 */
.art_photo.photo_center { margin-left: auto; margin-right: auto; text-align: center; }
.art_photo.photo_center .art_photo_wrap picture > img { margin: 0 auto; }
.art_photo.photo_center .art_photo_wrap p.caption { margin-left: auto; margin-right: auto; }
/* .art_photo_wrap { display: table; margin: 0 auto; } */
/* .art_photo_wrap picture > img, .art_photo_wrap picture > source { width: auto; max-width: 100%; height: auto; } */
.art_photo_wrap { display: block; /* display: table; */ position: relative; margin: 0 auto; }
.art_photo_wrap picture > img, .art_photo_wrap picture > source { width: fit-content; max-width: 100%; }
.art_photo_wrap p { text-align: left; }
.art_photo_wrap p:first-of-type { margin-top: 12px; }
/* .art_photo_wrap p.caption:before { content: ''; display: block; min-width: 150px; } */
.art_photo_wrap p.caption { /* display: table-caption; caption-side: bottom; */ max-width: fit-content; max-width: calc(100% - 20px); }
/* 포토 - 크게보기 */
/* .art_photo .fancy_group { position: relative; } */
.art_photo .img_large { position: absolute; right: 12px; top: 12px; width: 48px; height: 48px; }
.art_photo .img_large .icon { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-cubgb-yntre.fit') no-repeat center; text-indent: -99999px; display: block; width: 48px; height: 48px; }
/* 포토 - 왼쪽 작게 */
.art_photo.photo_left { float: left; margin-right: 24px; margin-bottom: 60px; }
.art_photo.photo_right { float: right; margin-left: 24px; margin-bottom: 60px; }
/* VOD */
.art_vod { width: 100%; }
.art_vod iframe { width: 100%; }
.art_vod.vod_center { text-align: center; }
.art_vod.vod_left { display:inline-block; float:left; margin: 5px 20px 5px 0; text-align:center;}
.art_vod.vod_right {display:inline-block; float:right; margin:5px 0 5px 20px; text-align:center;}
.art_vod .art_vod_wrap { max-width: 100%; line-height: 0; }
.art_vod .art_vod_wrap iframe { max-width: 100%; height:333px; }
.art_vod .art_vod_wrap p.title { text-align: left; line-height: 1.4667; font-size: 0.8334em; font-weight: 600; margin-top: 12px; }
.art_vod .art_vod_wrap p.caption { text-align:left; }
/* VOD(CMS) */
.editor-video-wrap .video { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.editor-video-wrap .video iframe, .editor-video-wrap .video object, .editor-video-wrap .video embed { position:absolute; top:0; left:0; width:100%; height:100%; }
/* 라운드업 */
.openlink-wrap { padding: 30px 36px; border: 1px solid var(--stroke-framing); border-radius: 8px; text-align: center; }
.openlink-wrap .subject { text-align: left; padding-bottom: 20px; }
.openlink-wrap .subject .date { color: var(--text-impact); font-size: 0.833em; font-weight: 700; line-height: 1.4667; }
.openlink-wrap .subject .headline { font-size: 1.333em; font-weight: 700; line-height: 1.5; padding: 8px 0 12px; }
.openlink-wrap .subject .author { color: var(--text-description); font-size: 0.833em; font-weight: 500; line-height: 1.4667; } 
.openlink-wrap .open_link { display: inline-block; margin: 0 auto; padding: 12px 24px 12px 30px; line-height: 24px; background-color: var(--surface-impact); border-radius: 28px; }
.openlink-wrap .open_link span { display: block; padding-right: 24px; color: var(--text-inverted); font-size: 15px; font-weight: 600; line-height: 24px; background:  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-neebj-bhgyvax-24-juvgr.fit') no-repeat right; }
.openlink-wrap .source { display: block; text-align: left; margin: 0 0 20px; }
/* 목록 */
ul.editor-list-wrap li { padding: 0; list-style: disc; margin-left: 28px; }
ol.editor-list-wrap li { padding: 0; list-style: number; margin-left: 28px; }
/* 들여쓰기 */
.indent1 {padding-left:1em;}
.indent2 {padding-left:2em;}
.indent3 {padding-left:3em;}
.indent4 {padding-left:4em;}
.indent5 {padding-left:5em;}
/* 오픈링크 가로형 */
.editor-openlink-horizontal { padding: 16px; border: 1px solid var(--stroke-framing); border-radius: 8px; text-align: center; }
.editor-openlink-horizontal a { display: block; position: relative; }
.editor-openlink-horizontal a::after { content: ''; display: block; clear: both; }
.editor-openlink-horizontal a figure { float:left; width: 108px; height: 72px; margin-right: 16px; margin-bottom: 32px; border-radius: 4px; overflow: hidden; }
.editor-openlink-horizontal a figure img { width: 100%; height: 100%; object-fit: cover; }
.editor-openlink-horizontal a div { float: left; width: calc(100% - 124px); text-align: left; padding-bottom: 32px; }
.editor-openlink-horizontal a div p.title { margin: 0; display: -webkit-box; font-size: 0.889em; font-weight: 600; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.editor-openlink-horizontal a div p.caption { padding-top: 4px; color: var(--text-description); font-size: 0.778em; font-weight: 500; line-height: 1.4285; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; }
.editor-openlink-horizontal a div p.link { display: -webkit-box; position: absolute; left: 0; bottom: 0; color: #1D5DE8; font-size: 0.778em; font-weight: 500; line-height: 1.4285; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-width: 100%; }
/* 오픈링크 세로형 */
.editor-openlink-vertical { width: 324px; margin: 0 auto 32px; padding: 20px; border: 1px solid var(--stroke-framing); border-radius: 8px; text-align: center; }
.editor-openlink-vertical a { display: block; position: relative; }
.editor-openlink-vertical a figure { margin: 0 auto; width: 144px; height: 96px; margin-bottom: 16px; border-radius: 4px; overflow: hidden; }
.editor-openlink-vertical a figure img { width: 100%; height: 100%; object-fit: cover; }
.editor-openlink-vertical a div { text-align: left; }
.editor-openlink-vertical a div p.title { font-size: 0.889em; font-weight: 600; line-height: 1.5; }
.editor-openlink-vertical a div p.caption { display: -webkit-box; padding-top: 6px; color: var(--text-description); font-size: 0.778em; font-weight: 500; line-height: 1.4285; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.editor-openlink-vertical a div p.link { display: -webkit-box; padding-top: 16px; color: #1D5DE8; font-size: 0.778em; font-weight: 500; line-height: 1.4285; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
/* 구분선 */
.editor-line { margin-bottom: 22px; }
.editor-line.type1 hr { margin: 0; padding: 0; border: 0; border-top: 2px solid var(--text-primary); }
.editor-line.type2 { border: 1px dashed var(--text-primary); border-width: 2px 0 0; }
.editor-line.type3 hr { border: 1px dotted var(--text-primary); border-width: 2px 0 0; }
.editor-line.type4 hr { border: 0; height: 1px; margin: 0; padding: 0; background: var(--text-primary); }
.editor-line.type4 hr + hr { margin-top: 3px; }
/* 인용구 - 01 */
.editor-quotation01:before { display: inline-block; content: ""; width: 62px; height: 52px; background: var(--svg-ic-quotation01) no-repeat 0 0; }
.editor-quotation01 .content-quotation { margin: -54px 30px 0 74px; }
.editor-quotation01 .content-quotation p { font-style: italic; font-size: 1em; font-weight: 700; line-height: 1.6667; }
.editor-quotation01 .content-quotation span.source { display: inline-block; color: var(--text-description); font-size: 0.889em; font-weight: 500; line-height: 1.5; margin-top: 12px; }
/* 인용구 - 02 */
.editor-quotation02 { padding: 0 0 0 17.5px; border-left: 2.5px solid var(--text-primary); }
.editor-quotation02 .content-quotation p { font-size: 1em; font-style: italic; font-weight: 700; line-height: 1.6667; }
.editor-quotation02 .content-quotation span.source { display: inline-block; color: var(--text-description); font-size: 0.889em; font-weight: 500; line-height: 1.5; margin-top: 12px; }
/* 인용구 - 03 */
.editor-quotation03 .content-quotation { display: inline-block; text-align: left; position: relative; padding: 16px 22px; border: 1px solid var(--stroke-framing); border-radius: 16px; margin-bottom: 32px; }
.editor-quotation03 .content-quotation::after { content: ""; display: block; position: absolute; width: 36px; bottom: -32px; left: 50%; transform: translateX(-50%); height: 32px; background: var(--png-ic-quotation03) no-repeat 0 0; background-size: cover; }
.editor-quotation03 .content-quotation p { font-style: italic; font-size: 1em; font-weight: 700; line-height: 1.6667; }
.editor-quotation03 .content-quotation span.source { display: inline-block; color: var(--text-description); font-size: 0.889em; font-weight: 500; line-height: 1.5; margin-top: 12px; }
/* map */
.editor-map { max-width: 100%; line-height: 0; }
.editor-map iframe { width: 100%; }
.editor-map .caption { margin-top: 12px; color: var(--text-description); font-size: 0.778em; font-weight: 500; line-height: 1.5714; }
/* gif */
.editor-gif { margin-left: auto; margin-right: auto; }
.gif-area figure img { max-width: 100%;	}
.gif-area .title { margin-top: 12px; font-size: 0.833em; font-weight: 600; line-height: 1.5714; }
.gif-area .caption { margin-top: 4px; color: var(--text-description); font-size: 0.778em; font-weight: 500; line-height: 1.5714; }
/* 글상자 */
.boxLineBG { padding: 26px; color: #333; font-size: 1em; font-weight: 450; line-height: 1.7778; border: solid 1px var(--stroke-framing); background: #f2f2f2; }
.boxLineBG .art_photo { margin-bottom: 0; }
.boxLineBG .art_photo .art_photo_wrap img { max-width: 100%; }
.boxLineBG.bg01 { background: #F8F8F8; }
.boxLineBG.bg02 { background: #F2F9FC; }
.boxLineBG.bg03 { background: #F3FDF4; }
.boxLineBG.bg04 { background: #FDFCF2; }
.boxLineBG.bg05 { background: #FBF1F1; }
/* 영문 번역 버튼 */
.link-box { }
.link-box a { position: relative; display: inline-block; padding: 9px 35px 9px 19px; font-size: 0.833em; font-weight: 600; line-height: 1.4667; border-radius: 21px; border: 1px solid var(--stroke-framing); }
.link-box a::after { content: ''; position: absolute; display: block; top: 50%; right: 16px; width: 16px; height: 16px; margin-top: -8px; background: var(--svg-ic-arrow-right-16) no-repeat 0 0; }
/* keyword */
.srch-kw { clear: both; display: flex; flex-direction: row; gap: 8px; flex-wrap: wrap; }
.srch-kw a { padding: 7px 11px; font-size: 14px; font-weight: 500; line-height: 18px; border-radius: 4px; border: 1px solid var(--stroke-framing); }
.srch-kw a::before { content: '#'; }
/* 이슈 */
.contbox-wrap { display: none; max-width: 384px; width: 100%; padding: 15px 17px 13px; margin: 0 auto 32px; border: 1px solid var(--stroke-primary); border-radius: 8px; }
.contbox-wrap dl { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid var(--stroke-separator); }
.contbox-wrap dt { display: flex; gap: 12px; }
.contbox-wrap dt a { padding-right: 24px; font-size: 1em; font-weight: 700; line-height: 1.3333; background: var(--svg-ic-arrow-right-24) no-repeat right; }
.contbox-wrap dt > span { font-size: 1em; font-weight: 700; line-height: 1.3333; }
.contbox-wrap dd { flex: 0 0 auto; }
.contbox-wrap dd a { display: block; padding: 5px 8px; font-size: 14px; font-weight: 600; line-height: 16px; border-radius: 4px; color: var(--text-inverted); background: var(--surface-impact); }
.contbox-wrap dd a.active { color: var(--surface-impact); background: var(--surface-impact-soft); }
.contbox-wrap dd a.active::after { content:' 중'; }
.contbox-wrap dd a.end { color: var(--text-description); background: var(--surface-soft); }
.contbox-wrap dd a.end::after { content:' 종료'; }
.contbox-wrap dd a.subscribe_btn_end { display: block; padding: 5px 8px; font-size: 14px; font-weight: 600; line-height: 16px; border-radius: 4px; color: var(--text-description); background: var(--surface-soft); }
.contbox-wrap ul { padding-top: 14px; }
.contbox-wrap ul li { padding-bottom: 12px; }
.contbox-wrap ul li:last-child { padding-bottom: 0; }
.contbox-wrap ul li a { display: block; height: 1.4667em; color: var(--text-secondary); font-size: 0.833em; font-weight: 500; line-height: 1.4667; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden; -webkit-line-clamp: 1; }
.contbox-wrap.issue dl {position:relative;}
.contbox-wrap.issue dt { display: block; width: 100%; }
.contbox-wrap.issue dt a { display: block; padding-right: 20px; background: none; }
.contbox-wrap.issue dt a::after { position: absolute; display: block; width: 24px; height: 24px; right: 0; top: 0; content: ''; background: var(--svg-ic-arrow-long-24) no-repeat; }
/* 본문 콘텐츠 박스 수정 250701 */
.contbox-wrap > article { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid var(--stroke-separator); }
.contbox-wrap .title { display: flex; gap: 12px; }
.contbox-wrap .title a { padding-right: 24px; font-size: 1em; font-weight: 700; line-height: 1.3333; background: var(--svg-ic-arrow-right-24) no-repeat right; }
.contbox-wrap .title > span { font-size: 1em; font-weight: 700; line-height: 1.3333; }
.contbox-wrap span.subscribeBtn { flex: 0 0 auto; }
.contbox-wrap span.subscribeBtn a { display: block; padding: 5px 8px; font-size: 14px; font-weight: 600; line-height: 16px; border-radius: 4px; color: var(--text-inverted); background: var(--surface-impact); }
.contbox-wrap span.subscribeBtn a.active { color: var(--surface-impact); background: var(--surface-impact-soft); }
.contbox-wrap span.subscribeBtn a.active::after { content:' 중'; }
.contbox-wrap span.subscribeBtn a.end { color: var(--text-description); background: var(--surface-soft); }
.contbox-wrap span.subscribeBtn a.end::after { content:' 종료'; }
.contbox-wrap span.subscribeBtn a.subscribe_btn_end { display: block; padding: 5px 8px; font-size: 14px; font-weight: 600; line-height: 16px; border-radius: 4px; color: var(--text-description); background: var(--surface-soft); }
.contbox-wrap.issue > article {position:relative;}
.contbox-wrap.issue .title { display: block; width: 100%; }
.contbox-wrap.issue .title a { display: block; padding-right: 20px; background: none; }
.contbox-wrap.issue .title a::after { position: absolute; display: block; width: 24px; height: 24px; right: 0; top: 0; content: ''; background: var(--svg-ic-arrow-long-24) no-repeat;}
.contbox-wrap.latest > article {position:relative;}
.contbox-wrap.latest .title { display: block; width: 100%; font-size: 1em; font-weight: 700; line-height: 1.3333; }
.contbox-wrap.latest .title a { display: block; padding-right: 20px; background: none; }
.contbox-wrap.latest .title a::after { position: absolute; display: block; width: 24px; height: 24px; right: 0; top: 0; content: ''; background: var(--svg-ic-arrow-long-24) no-repeat;}
/* 미리보기 페이지용 속성들 250912 */
.img-preview { position: relative; width: fit-content; max-width: 100%; min-height: 200px; margin: 0 auto; color: var(--text-description); border: 1px solid var(--stroke-framing); background-color: var(--surface-soft); }
.img-preview:before { position: absolute; content: "본문 내 이미지"; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: auto; font-size: 15px; text-align: center; color: #b5b5b5; z-index: 0; }

/* 기존 요소들 */
.content_text .strapline { display: inline-block; border-left: 2px solid var(--text-description); padding: 0 0 0 15px; font-size: 1.111em; font-weight: 600; line-height: 1.52941; }
.art_cont .quoto_box { position: relative; max-width: 700px; margin: 35px 0 30px; clear: both; }
.art_cont .quoto_box .quoto_icon { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Sfcxb%2Sfho_2017%2Svpba_dhbgb_jvqrivrj.cat") no-repeat; background-size: 30px 30px; }
.art_cont .quoto_box .quoto_txt { width: 100%; box-sizing: border-box; padding: 0 0 0 40px; font-size: 1em; font-weight: 700; line-height: 1.6667; font-style: italic; }
.art_cont .quoto_box .quoto_txt .from { display: inline-block; color: var(--text-description); font-size: 0.889em; font-weight: 500; line-height: 1.5; margin-top: 12px; }
/* 오늘은 이런 경향 */
.sub_today .article_wrap { position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--stroke-framing);}
.sub_today .article_wrap:last-child { border-bottom: none; }
.sub_today .article_wrap .title_num { position:absolute; left: 0; top: 3px; color: var(--text-impact); font-size: 32px; font-weight: 700; text-align: center; line-height: 32px; }
.sub_today .article_wrap .article { margin:0 0 10px; }
.sub_today .article_wrap .article .to_img { display: flex; justify-content: center; margin-bottom: 20px; }
.sub_today .article_wrap .article .to_img img { max-width: 520px; }
.sub_today .article_wrap .article .to_img .p_txt { display: block; color: var(--text-description); font-size: 12px; line-height: 24px; }
.sub_today .article_wrap .article .to_txt { padding: 0 36px; }
.sub_today .article_wrap .today_related .re_txt { position: relative; padding: 0 45px; font-size: 15px; }
.sub_today .article_wrap .today_related dt { position: relative; padding-left: 12px; color: var(--text-impact); font-size: 15px; font-weight: 600; line-height: 28px; }
.sub_today .article_wrap .today_related dt::before { content: ""; position: absolute; left: 0; top: 11px; width: 3px; height: 3px;c border-radius: 50%; background-color: var(--background-highlight); }
.sub_today .article_wrap .today_related dd {margin:5px 0 0; color:#888;}
.sub_today .article_wrap .today_related a:hover dt, 
.sub_today .article_wrap .today_related a:hover dd {color:#3399ff;}
.sub_today .article_wrap .today_related .gradation {display:block; position:absolute; left:24px; bottom:32px; width:660px; height:20px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Sfcxb%2Sfho_2014%2Sgbqnl_tenqngvba.cat") repeat-x 0 0;}
.sub_today .article_wrap .today_related .re_more_wrap {display:block; overflow:hidden; height:35px;}
.sub_today .article_wrap .today_related .re_more_wrap a.re_more {display:block; float:right; width:55px; height:25px; margin:10px 0 0; text-indent:-9999px; cursor:pointer; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Sfcxb%2Sfho_2014%2Sgbqnl_vztfrg.cat") no-repeat 0 -158px;}
/* 경향이 찍은 오늘 */
.sub_today .todayphoto_wrap { position:relative; }
.sub_today .todayphoto_wrap .todayphoto { margin-bottom: 40px; }
.sub_today .todayphoto_wrap .todayphoto_title { margin: 0 0 20px; color: var(--text-primary); font-size: 18px; font-weight: 700; }
.sub_today .todayphoto_wrap .todayphoto .art_photo, 
.sub_today .todayphoto_wrap .todayphoto .art_vod { padding: 0 0 10px; }
.sub_today .todayphoto_wrap .todayphoto img { display: block; margin: 0 auto; }
.sub_today .todayphoto_wrap .todayphoto .todayphoto_caption { font-size: 11px; text-align: center; color: var(--text-description); line-height: 24px; }
.sub_today .todayphoto_wrap .todayphoto_txt { margin-top: 5px; padding: 20px 0; color: var(--text-primary);}
.sub_today .todayphoto_wrap .todayphoto .content_text { padding: 0 20px; }

/* 플루팅 광고 영향으로 clear:both 처리한 영역들 */
.editor-subtitle,
.editor-middle-title,
.editor-middle-title02,
.ix-editor-text-link,
.art_photo.photo_center,
.art_vod .art_vod_wrap,
.editor-video-wrap,
.openlink-wrap,
.editor-openlink-horizontal,
.editor-openlink-vertical,
.editor-line,
.editor-quotation01,
.editor-quotation02,
.editor-quotation03,
.editor-map,
.editor-gif,
.boxLineBG,
.link-box,
.contbox-wrap,
.content_text .strapline,
.sub_today .article_wrap,
.sub_today .todayphoto_wrap { clear: both; }

/**************************************************************************** 
	수능페이지 #sat2012Wrap
****************************************************************************/
/* 헤드라인 뉴스 */
#sat2012Wrap { font-size: 14px; }
#sat2012Wrap caption { overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999px; }
#sat2012Wrap .headline {*zoom:1; position:relative; margin-bottom:30px; padding-bottom:20px; border-bottom:3px solid #E5E5E5;}
#sat2012Wrap .headline:after {clear:both; display:block; content:"";}
#sat2012Wrap .headline h3.blind {display:block; overflow:hidden; position:absolute; left:0; top:-9999px;}
#sat2012Wrap .headline .thumb {float:left;}
#sat2012Wrap .headline .thumb img {width:220px; vertical-align:top;}
#sat2012Wrap .headline .cnt {float:right; width:455px;}
#sat2012Wrap .headline .txtArtc dt a {display:block; padding:10px 0 8px 0; color:#002c77; font-size:24px; letter-spacing:-2px; line-height:110%; font-weight:700;}
#sat2012Wrap .headline .txtArtc dt a:hover {color:#3366FF; text-decoration:none;}
#sat2012Wrap .headline .txtArtc dd, 
#sat2012Wrap .headline .txtArtc dd a {color:#888; line-height:16px;}
#sat2012Wrap .headline .reList {margin-top:10px;}
#sat2012Wrap .headline .reList li {overflow:hidden; padding-left:13px; line-height:18px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Sfcxb%2Sznva_2011%2Svztfrg_er.tvs") no-repeat 1px 5px; text-overflow:ellipsis; white-space:nowrap;}
#sat2012Wrap .headline a.btn {display:block; position:absolute; right:0; bottom:10px; width:165px; height:20px; text-indent:-9999px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Sfcxb%2Sfcrpvny%2Sfng2012_vztfrg.tvs") no-repeat 0 -60px;}

/* 기출문제및답안지 */
#sat2012Wrap .qaDown .btnGroup {*zoom:1; margin:30px 0 10px 0;}
#sat2012Wrap .qaDown .btnGroup:after {clear:both; display:block; content:"";}
#sat2012Wrap .qaDown .btnGroup .info_txt {float:left;}
#sat2012Wrap .qaDown .btnGroup .year {float:left; width:350px;}
#sat2012Wrap .qaDown .btnGroup .year a {display:inline-block; padding:4px 7px 2px 7px; font-weight:bold; color:#666; background:#f5f5f5; border:1px solid #ddd;}
#sat2012Wrap .qaDown .btnGroup .year a.on {color:#FFF; background:#586689; border:1px solid #6e7480;}
#sat2012Wrap .qaDown .btnGroup .viewer { float:right; }
#sat2012Wrap .qaDown .btnGroup .viewer a { padding: 5px 0 5px 20px; color: #666; font-size: 12px; font-weight: bold; letter-spacing: -1px; }
#sat2012Wrap .qaDown .btnGroup .viewer a.hwp { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Sfcxb%2Sfcrpvny%2Svpba_ujc.tvs") no-repeat left 40%; }
#sat2012Wrap .qaDown .btnGroup .viewer a.pdf { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Sfcxb%2Sfcrpvny%2Svpba_cqs.tvs") no-repeat left 40%; }
#sat2012Wrap .qaDown table {width:100%; border:1px solid #DDD; margin-bottom:30px;}
#sat2012Wrap .qaDown th {padding:8px 0 6px 0; border:1px solid #DDD; text-align:center; background:#f5f5f5;}
#sat2012Wrap .qaDown td {height:36px; padding:4px 0 2px 0; border:1px solid #DDD; text-align:center; line-height:120%; vertical-align:middle;}
#sat2012Wrap .qaDown td a { display: flex; justify-content: center; align-items: center; }
#sat2012Wrap .qaDown td a img { width: 16px; height: 16px; }
#sat2012Wrap .qaDown td.ts01 strong {font-size:15px;}
#sat2012Wrap .qaDown td.ts02 {font-size:14px;}
#sat2012Wrap .qaDown .btn_sat_down { margin-left: 5px; padding: 2px 6px; border: 1px solid #cecece; border-radius: 5px; border-bottom: 1px solid #aaa; border-right:1px solid #aaa; background-color:#fafafa; font-size: 12px; line-height: 20px; cursor: pointer; }
#sat2012Wrap .art_header {padding:0; border-top:0;}
#sat2012Wrap .art_header .function_wrap {border-bottom:0;}

/* 2021학년도 컨텐츠 추가 변경 */
#sat2012Wrap .tit_area { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Sfcxb%2Sfho_2017%2Sgvg_fng2021.wct) no-repeat; background-size: contain; }
#sat2012Wrap .tit_area img { width: 100%; }
#sat2012Wrap .tit_area h2 { padding: 40px 40px 0; text-align: center; }
#sat2012Wrap .tit_area .date { padding: 10px 0 10px; }
#sat2012Wrap .tit_area dl { text-align: center; }
#sat2012Wrap .tit_area dl dt { display: inline-block; padding-right: 10px; font-size: 16px; font-weight: 700; }
#sat2012Wrap .tit_area dl dd { display: inline-block; color: #222; font-size: 17px; font-weight:700; }
#sat2012Wrap .tit_area p { margin-top: 20px; text-align: center; font-weight: 700; }
.related_issue {overflow:hidden; position:relative; margin:60px 0; padding-bottom:50px;}
.related_issue h4 {margin-bottom:20px; font-size:17px; font-weight:700;}
.related_issue h4 a { padding-right: 20px; background-image: var(--svg-ic-arrow-right-24); background-repeat: no-repeat; background-position: right center; font-size: 19px; }
.related_issue .relatelist { display: block; overflow: hidden; }
.related_issue .relatelist li { overflow: hidden; float: left; width: 148px; margin: 0 0 10px; padding: 0 7px 10px; color: #454545; font-size: 14px; }
.related_issue .relatelist li a { display: block; display: -webkit-box; overflow: hidden; font-size: 15px; line-height: 20px; -webkit-line-clamp :2; -webkit-box-orient: vertical; }
.related_issue .relatelist li .thumb { display: block; position: relative; width: 134px; height: 86px; margin-bottom: 7px; line-height: 0; }
.related_issue .relatelist li .thumb:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #d9d9d9 \0/IE8+9; border: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; z-index: 9; }
.related_issue .relatelist li .thumb img { display: block; width: 134px; height: 86px; }
.related_tag { margin: 20px 0 0; }
.related_tag li {display:inline-block; *display:inline; *zoom:1; margin:0 5px 10px;}
.related_tag li a.serial { display: block; padding: 1px 15px; border: 1px solid #e77d58; border-radius: 30px; }
.related_tag li a.serial span {color:#e77d58; font-size:15px; font-weight:700;}
.related_tag li a.serial:hover {color:#fff; text-decoration:none!important; background-color:#e77d58;}
.related_tag li a.serial:hover span {color:#fff;}


@media screen and (min-width: 768px) and (max-width: 1023px) {
    .art_vod .art_vod_wrap iframe { height: 405px; }
    .art_photo_wrap p { padding: 0 30px; }
}

@media screen and (max-width: 767px) {
    .contbox-wrap { display: block; }
    .contbox-wrap.issue ul li:nth-child(3) { padding-bottom: 0; }
    .contbox-wrap.issue ul li:nth-child(4),
    .contbox-wrap.issue ul li:nth-child(5) { display: none; }

    /* 라운드업 */
    .openlink-wrap { padding: 20px 26px; }

    /* 포토 */
    .art_photo.photo_left .art_photo_wrap p.caption,
    .art_photo.photo_right .art_photo_wrap p.caption { max-width: calc(100% - 40px); }

    main.art-noad-tp .art_photo_wrap picture > img, main.art-noad-tp .art_photo_wrap picture > source { margin: 0 auto; }
    .art_vod .art_vod_wrap iframe { height: 210px; }

    /* 오늘은 이런 경향 */
    .sub_today .article_wrap .article .to_img { padding-left: 36px; }
}

@media (max-width:320px) {
    .art_vod .art_vod_wrap iframe { height: 158px; }
}