/*  begin */
@charset "utf-8";

.m_arl_004 { position: relative; border-bottom: 1px solid #ddd;}

.m_arl_004 .rank_list { background:#fff;}
.m_arl_004 .rank_list > li { position:relative; padding-left: 44px;}
.m_arl_004 .rank_list > li > a { display:block; padding:15px 15px 13px 0; line-height:1; border-top:1px solid #ddd;}
.m_arl_004 .rank_list > li > a.tap { color: #666;}
.m_arl_004 .rank_list > li:first-child a { border-top: 0;}
.m_arl_004 .rank_list > li > a > strong { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:normal; line-height:1.2; font-size: 16px; font-weight: 400;}
.m_arl_004 .rank_list > li > a > span { position:absolute; left:10px; top:11px; display:block; width:30px; font-family: rubik, sans-serif; color: #bdbdbd; font-size: 20px; font-weight: 300; text-align: center;}
.m_arl_004 .rank_list > li > a > span.rank01, 
.m_arl_004 .rank_list > li > a > span.rank02, 
.m_arl_004 .rank_list > li > a > span.rank03 { color: #d50022;}
/*  end */
/*  begin */
@charset "utf-8";

.m_arv_001_01 .news_detail { position:relative; padding: 15px; background:#fff; overflow:hidden;}
.m_arv_001_01 .pd_con { position:relative;  padding:5px 15px 0;}
.m_arv_001_01 .btn_zoom { position: relative; display:inline-block; padding: 8px 10px 5px; line-height: 1.2; color:#4c4c4c; border:1px solid #999; z-index: 10;}

.m_arv_001_01 .news_top { position:relative; background:#fff; padding:17px 15px; border-bottom:1px solid #ddd;}
.m_arv_001_01 .news_top > h3 { font-size: 26px; font-weight: 400; margin-bottom:5px; line-height: 1.3;}
.m_arv_001_01 .news_top > h4 {line-height: 1.1; max-height: 72px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; font-size: 17px; font-weight: 200; color: #939393; padding-left: 7px; border-left: 3px solid #ccc; margin-bottom: 7px;}
.m_arv_001_01 .news_top > em { position: relative; font-size:13px; color:#aaa; display: block; margin-bottom: 5px; font-weight: 200; font-style: normal;}
.m_arv_001_01 .news_top > em.icon_clock { padding-left: 15px; color: #007cd1 !important;}
.m_arv_001_01 .news_top > em.icon_clock:after { position: absolute; left: 0; top: 50%; margin-top: -8px; content: ""; display: block; width: 12px; height: 12px; background:url(/data/skin/content_custom/1/m_arv_001_01//images/icon_clock.svg) no-repeat 0 0;}
.news_top .a_right { margin-top: -15px;}

.m_arv_001_01 .news_con { position:relative; color: #333; font-size: 17px;}
.m_arv_001_01 .news_con * { font-size: 17px; line-height:1.76 !important; font-family: Apple SD Gothic Neo, San Francisco, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif !important; word-break: break-word;}

.m_arv_001_01 .news_con p { margin-bottom: 22px;}
.m_arv_001_01 .news_con:after { content:""; display:block; clear:both;}
.m_arv_001_01 .news_con img { max-width: 100%;}
.m_arv_001_01 .sub_txt { font-weight: bold !important; margin-bottom: 15px !important;}

.m_arv_001_01 .btn_share_small { position: relative; margin-top: -15px; padding-right: 90px;}
.m_arv_001_01 .btn_share_small:after { content: ""; display: block; clear: both;}
.m_arv_001_01 .btn_share_small li { float: left; margin-right: 5px; margin-top: 5px;}
.m_arv_001_01 .btn_share_small li a { display: block; width: 35px; height: 35px; background: url(/data/skin/content_custom/1/m_arv_001_01//images/btn_share_small.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;}
.m_arv_001_01 .btn_share_small li.bsm01 a { background-position: 0 0;}
.m_arv_001_01 .btn_share_small li.bsm02 a { background-position: -40px 0;}
.m_arv_001_01 .btn_share_small li.bsm03 a { background-position: -80px 0;}
.m_arv_001_01 .btn_share_small li.bsm04 a { background-position: 0 -40px;}
.m_arv_001_01 .btn_share_small li.bsm05 a { background-position: -40px -40px;}
.m_arv_001_01 .btn_share_small li.bsm06 a { background-position: -80px -40px;}
.m_arv_001_01 .btn_share_small li.bsm07 a { background-position: 0 -80px;}
.m_arv_001_01 .btn_share_small li.bsm08 a { background-position: -40px -80px;}
.m_arv_001_01 .btn_share_small li.bsm09 a { background-position: -80px -80px;}
.m_arv_001_01 .btn_share_small li a.tap { opacity: 0.8;}

.m_arv_001_01 .imgcaption2 * { font-size: 15px !important; line-height: 1.3 !important; margin: 5px 0 15px !important; color: #666;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
.m_arv_001_01 .btn_share_small li a { background-image: url(/data/skin/content_custom/1/m_arv_001_01//images/retina/btn_share_small.png); background-size:115px 115px; -webkit-background-size:115px 115px;}
}

@media(min-width:768px) {
.m_arv_001_01 .news_top > h3 { font-size: 32px; font-weight: bold;}
}



.m_arv_003 { position: relative;}
.m_arv_003 .con_box:after { content: ""; display: block; clear: both;}

.m_arv_003 .con_tit { font-size: 15px; padding: 6px 10px; background: #f3f3f3; border-left: 3px solid #007cd1;}
.m_arv_003 .con_tit.full_bg { border-left: 0 !important; padding: 6px 10px; background: #007cd1 !important; color: #fff;}

.m_arv_003 .relate_wrap { position: relative; background: #fff; border: 2px solid #007cd1;}
.m_arv_003 .relate_wrap > strong { display: block; padding: 7px 15px; background: #2062ae; font-size: 17px; color: #fff;}

.m_arv_003 .relate_list { position: relative; margin: 10px 10px 3px; max-height: 158px; overflow: hidden;}
.m_arv_003 .relate_list li { position: relative; margin-bottom: 7px; padding-left: 5px;}
.m_arv_003 .relate_list li a { position: relative; display: block; color: #222; padding-left: 7px; font-size: 15px; padding-right: 60px;}
.m_arv_003 .relate_list li a:hover { color: #888;}
.m_arv_003 .relate_list li a:before { position: absolute; left: -5px; top: -8px; content: "0b7"; display: block; color: #969696; font-size: 30px;}
.m_arv_003 .relate_list li a b { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 15px; font-weight: normal;}
.m_arv_003 .relate_list li.photo a b { padding-right: 17px;}
.m_arv_003 .relate_list li.photo a b.photo { background: url(/data/skin/content_custom/1/m_arv_001_01//images/icon_photo.png) no-repeat right 4px;}
.m_arv_003 .relate_list li a i { position: absolute; right: 1px; top: 2px; font-size: 11px; color: #b8b8b8; font-style: normal; font-family: tahoma, sans-serif;}

.m_arv_003 .btn_collap { position: relative;}
.m_arv_003 .btn_collap a { font-size: 12px; display: block; text-align: center;}
.m_arv_003 .btn_collap a span { display: block; padding: 10px 0; color: #222; font-size: 13px; border-top: 1px solid #dedede; border-bottom: 2px solid #dedede;}
.m_arv_003 .btn_collap a:hover span { background: #eaeaea;}
.m_arv_003 .btn_collap a span:after { content: ""; display: inline-block; width: 11px; height: 9px; background: url(/data/skin/content_custom/1/m_arv_001_01//images/btn_more.png) no-repeat 0 0; margin-left: 5px;}
.m_arv_003 .btn_collap a span.bc01:after { background-position: 0 0;}
.m_arv_003 .btn_collap a span.bc02:after { background-position: 0 -9px;}
.m_arv_003 .btn_collap a b { color: #d4253e;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
.m_arv_003 .relate_list li.photo a b.photo { background-image: url(/data/skin/content_custom/1/m_arv_001_01//images/retina/icon_photo.png); background-size:12px 9px; -webkit-background-size:12px 9px;}
}
/*  end */
/*  begin */
@charset "utf-8";

.m_ext_001 { position: relative; border-bottom: 1px solid #ddd;}

/* 섹션별 */
.m_ext_001 .tab_link { position:relative; background: #fff; padding: 20px 8px 10px;}
.m_ext_001 .tab_link:after { content: ""; display: block; clear: both;}
.m_ext_001 .tab_link li { float: left; padding: 0 7px;}
.m_ext_001 .tab_link li a { color: #000; font-weight: 200; font-size: 16px; display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #ccc; color: #ccc;}
.m_ext_001 .tab_link li.on a,
.m_ext_001 .tab_link li.ui-tabs-active a { color:#000; border-bottom: 1px solid #000;}

.m_ext_001 .section_list { background:#fff;}
.m_ext_001 .section_list > li { position:relative; border-top:1px solid #ddd;}
.m_ext_001 .section_list > li:first-child { border-top: 0;}
.m_ext_001 .section_list > li > a { position:relative; display:block; padding:13px 15px; line-height:1;}
.m_ext_001 .section_list > li > a.tap { color: #666;}
.m_ext_001 .section_list > li > a > strong { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:normal; line-height:1.2; vertical-align:middle; font-weight: 400;}
.m_ext_001 .section_list > li > a > strong > em { color: #007cd1 !important; margin-top:-1px; margin-right:7px; font-weight: 500; font-style: normal;}
/*  end */
/*  begin */
@charset "utf-8";

.m_arv_006_01 { position: relative; background: #fff; border: 1px solid #cfcfcf; padding: 20px; margin: 10px;}

.m_arv_006_01 .con_tit { font-size: 17px; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; padding-bottom: 5px;}
.m_arv_006_01 .jour_box { position: relative;}
.m_arv_006_01 .jour_box:after { content: ""; display: block; clear: both;}
.m_arv_006_01 .jour_box .j_thumb { float: left; margin-right: 10px; border: 1px solid #dedede; border-radius: 56px; overflow: hidden;}
.m_arv_006_01 .jour_box .j_thumb > img { width: 56px;}

.m_arv_006_01 .jour_box h5 { margin-bottom: 5px;}
.m_arv_006_01 .jour_box .logo img { margin-left: -7px;}
.m_arv_006_01 .jour_box p { margin-bottom: 7px; font-size: 14px;}
.m_arv_006_01 .jour_box ul li { font-size: 14px;}
.m_arv_006_01 .jour_box ul li a { color: #007cd1;}
.m_arv_006_01 .jour_box ul li a span { color: #222; font-weight: bold; margin-right: 10px;}

@media all and (min-width:640px){
.m_arv_006_01 { margin: 10px 0;}
}
/*  end */
/*  begin */
@charset "utf-8";

#lv-container > iframe { z-index: 100 !important;}
#lv-container { background: #fff; border-bottom: 1px solid #ddd; padding: 15px;}
/*  end */
/*  begin */
@charset "utf-8";

.m_arv_003 { position: relative;}
.m_arv_003 .con_box:after { content: ""; display: block; clear: both;}

.m_arv_003 .con_tit { font-size: 15px; padding: 6px 10px; background: #f3f3f3; border-left: 3px solid #007cd1;}
.m_arv_003 .con_tit.full_bg { border-left: 0 !important; padding: 6px 10px; background: #007cd1 !important; color: #fff;}

.m_arv_003 .relate_wrap { position: relative; background: #fff; border: 2px solid #007cd1;}
.m_arv_003 .relate_wrap > strong { display: block; padding: 7px 15px; background: #2062ae; font-size: 17px; color: #fff;}

.m_arv_003 .relate_list { position: relative; margin: 10px 10px 3px; max-height: 158px; overflow: hidden;}
.m_arv_003 .relate_list li { position: relative; margin-bottom: 7px; padding-left: 5px;}
.m_arv_003 .relate_list li a { position: relative; display: block; color: #222; padding-left: 7px; font-size: 15px; padding-right: 60px;}
.m_arv_003 .relate_list li a:hover { color: #888;}
.m_arv_003 .relate_list li a:before { position: absolute; left: -5px; top: -8px; content: "\00b7"; display: block; color: #969696; font-size: 30px;}
.m_arv_003 .relate_list li a b { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 15px; font-weight: normal;}
.m_arv_003 .relate_list li.photo a b { padding-right: 17px;}
.m_arv_003 .relate_list li.photo a b.photo { background: url(/data/skin/content/1/m_arv_003//images/icon_photo.png) no-repeat right 4px;}
.m_arv_003 .relate_list li a i { position: absolute; right: 1px; top: 2px; font-size: 11px; color: #b8b8b8; font-style: normal; font-family: tahoma, sans-serif;}

.m_arv_003 .btn_collap { position: relative;}
.m_arv_003 .btn_collap a { font-size: 12px; display: block; text-align: center;}
.m_arv_003 .btn_collap a span { display: block; padding: 10px 0; color: #222; font-size: 13px; border-top: 1px solid #dedede; border-bottom: 2px solid #dedede;}
.m_arv_003 .btn_collap a:hover span { background: #eaeaea;}
.m_arv_003 .btn_collap a span:after { content: ""; display: inline-block; width: 11px; height: 9px; background: url(/data/skin/content/1/m_arv_003//images/btn_more.png) no-repeat 0 0; margin-left: 5px;}
.m_arv_003 .btn_collap a span.bc01:after { background-position: 0 0;}
.m_arv_003 .btn_collap a span.bc02:after { background-position: 0 -9px;}
.m_arv_003 .btn_collap a b { color: #d4253e;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
.m_arv_003 .relate_list li.photo a b.photo { background-image: url(/data/skin/content/1/m_arv_003//images/retina/icon_photo.png); background-size:12px 9px; -webkit-background-size:12px 9px;}
}
/*  end */
