@charset "utf-8";
html,
body{ height:100%;}

#smartInput{ margin:0 10px 0 0;}

.smartOutput { font-size:16px; line-height:1.76; color:#333333;}
.smartOutput p { margin-top:7px; margin-bottom:7px;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}

/* 캡션 설정(마이미디어) */
.sm-movie {background-image:url(/images/default/movie_thumb.gif);background-repeat:no-repeat;background-position:center;background-color:#2c2c2d}
.sm-image-c {margin:0 auto;clear:none;float:none;display:block;text-align:center}
.sm-image-l {margin-right:10px;clear:both;float:left}
.sm-image-r {margin-left:10px;clear:both;float:right}

/* 기사 본문 */
.art_top_wrap { position: relative; padding: 15px 0;}
.art_tit:after { content: ""; display: block; clear: both;}
.art_tit { position: relative; border-bottom: 1px solid #dedede;}
.art_tit h2 { font-size: 28px; color: #000; margin-bottom: 12px; margin-left: -2px;}
.art_tit p { font-size: 15px; color: #222; line-height: 1.3; min-height: 20px; margin-bottom: 12px; padding-right: 300px; text-align: justify;}

.art_sum { position: relative; padding: 12px 0;}
.art_sum * { font-size: 12px; color: #808080;}
.art_sum:after { content: ""; display: block; clear: both;}
.art_sum > div { float: left;}
.art_sum ul { float: right;}
.art_sum ul:after { content: ""; display: block; clear: both;}
.art_sum ul li { float: left; margin-left: 10px;}
.art_sum a:hover, .art_sum a:hover b { color: #d4253e;}
.art_sum b { color: #222; margin-right: 4px; font-weight: normal;}
.art_sum ul li i { margin-right: 6px; font-style: normal;}

.cnt_view {overflow:hidden; line-height:1.76; text-align:justify; padding:10px 0 20px 0; color: #222;}

.img_wrap { display: inline-block; position: relative; line-height: 1.2;}
.img_wrap h2 { position: relative; font-size: 12px; color: #1f4f82; padding-left: 15px; margin-bottom: 2px;}
.img_wrap h2:before { content: "▲"; margin: 0 2px 0 1px; position: absolute; left: 0; font-size: 11px;}
.img_wrap > div { position: relative; padding: 5px 0 15px; text-align: left;}
.img_wrap p { position: relative; margin: 0; margin-left: 5px; padding-left: 10px; font-size: 11px; color: #808080;}
.img_wrap p:before { content: "-"; margin: 0 2px 0 1px; position: absolute; left: 0;}
.img_wrap i { position: relative; display: block; text-align: right; font-size: 11px; color: #808080; font-style: normal;}

.img_box { position: relative; margin: 5px 0 0;}
.box_art .img_box { margin: 20px 0 0;}
.img_box.i_cen { text-align: center;}
.img_box.i_left { float: left; margin: 5px 15px 0 0;}
.img_box.i_right { float: right; margin: 5px 0 0 15px;}

.article { position: relative; text-align: justify; margin-bottom: 26px;}
.article:after { content: ""; display: block; clear: both;}
.article > div { position: relative;}
.article > div:after { content: ""; display: block; clear: both;}
.article.b_left > div { float: left; width: 482px;}
.article.b_left > div:first-child { width: 150px; min-height: 10px; margin-right: 16px;}
.article.b_right > div { float: left; width: 150px;}
.article.b_right > div:first-child { width: 482px; min-height: 10px; margin-right: 16px;}
.article.b_col50 > div { float: left; width: 316px;}
.article.b_col50 > div:first-child { margin-right: 16px;}

.article > center > table { width: 462px !important;}
.article table td { padding: 0;}

.related_li { position: relative; padding: 5px 0;}
.related_li a { transition: opacity .2s;}

.related_li h3 { position: relative; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; height: 30px; line-height: 31px; color: #222; font-size: 15px;}
.related_li .art_list { position: relative; padding-top: 20px;}
.related_li .art_list li { padding: 20px 0 0;}
.related_li .art_list li:first-child { padding:  0;}
.related_li .art_list li a { display: block; line-height: 1.6; max-height: 38px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 13px; color: #2162af; text-align: left;}
.related_li .art_list li a:hover { color: #d4253e;}

.hot_li { position: relative; padding: 5px 0;}
.hot_li h3 { position: relative; color: #fff; font-size: 15px; background: #2162af; padding: 5px 7px 7px; text-align: left !important; line-height: 1.3;}
.hot_li h3 > span { display: block; line-height: 1.3; max-height: 38px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.hot_li h3 > span > i { font-style: italic;}
.hot_li .art_list { position: relative; padding:5px 8px; background: #f3f3f3;}
.hot_li .art_list li { padding: 10px 0;}
.hot_li .art_list li a { display: block; line-height: 1.6; max-height: 38px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 13px; color: #222; text-align: left;}
.hot_li .art_list li a:hover { color: #d4253e;} 

.box_art { position: relative; border-bottom: 3px solid #dedede; background: #f3f3f3; margin: 5px 0 20px; line-height: 1.65;}
.box_art h3 { position: relative; background: #dedede; padding: 10px 14px; line-height: 1.2; color: #222; text-align: center;}
.box_art > div { position: relative; padding: 7px 14px 10px; font-size: 14px;}
.box_art .article { margin-bottom: 0;}

/* Print */
.print_wrap { position: relative; width: 648px; margin: 0 auto; font-family: Malgun Gothic, 맑은고딕, sans-serif; letter-spacing: -0.038em;}
.print_wrap .art_tit h2 { font-size: 26px;}
.copyright_print { clear: both; position: relative; background: #f3f3f3; padding: 8px; font-size: 11px; margin-bottom: 30px;}
.copyright_print p { text-align: center; color: #808080;}

.btn_cen { text-align: center; padding: 0 0 40px;}
.btn_cen .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #333; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.btn_cen .btn_gray:hover { background: #ccc;}

.tit_top { position: relative; background: #707070; font-size: 17px; color: #fff; text-align: center; padding: 7px 0 10px; font-family: Malgun Gothic, 맑은고딕, sans-serif; letter-spacing: -0.038em;}