/* m_ext_002 begin */
@charset "utf-8";

.m_ext_002 { position:relative;}
.m_ext_002 .top_roll_wrap { position:relative; overflow:hidden;}
.m_ext_002 .top_roll { position:relative;}
.m_ext_002 .top_roll > li { float:left; width:100%; position:relative;}
.m_ext_002 .top_roll > li a { display:block;}
.m_ext_002 .top_roll > li a.tap { opacity:.9;}
.m_ext_002 .top_roll > li a img { width:100%;}

.m_ext_002 .bx-controls-direction { display:none;} 
.m_ext_002 .bx-pager { position:absolute; right: 15px; top: 18px; text-align:center;}
.m_ext_002 .bx-pager div { display:inline-block; width:10px; height:10px; padding:0 3px;}
.m_ext_002 .bx-pager div a { display:block; width:12px; height:12px; text-indent:-9999px; border-radius: 50%; background: #ccc; box-shadow: 2px 2px 3px rgba(0,0,0,.1);}
.m_ext_002 .bx-pager div a.active { background-color: #2162af;}

.m_ext_002 .shadow { position:absolute; left:0; top:0; height:143px; width:100%;}
.m_ext_002 .shadow > div { position:relative; margin:0 20px; height:143px;}

.m_ext_002 .top_tit { position: absolute; left: 0; bottom: 13px; padding: 20px 13px 0; max-height: 68px; overflow: hidden;}
.m_ext_002 .top_tit h2 { background: rgba(0,0,0,.7); color: #fff; font-size: 24px; font-weight: normal; display: inline; padding: 0 2px; line-height: 1.4;}
/* m_ext_002 end */
/* m_arl_001 begin */
@charset "utf-8";

.m_arl_001 { position: relative; border-top: 1px solid #ddd;}

.m_arl_001 .horizon_list { position:relative; background:#fff; padding:10px 0 0;}
.m_arl_001 .horizon_list .hoz_roll_wrap { position:relative; overflow:hidden;}
.m_arl_001 .horizon_list .hoz_roll { position:relative;}
.m_arl_001 .horizon_list .hoz_roll > div { float:left; width:100%; position:relative;}
.m_arl_001 .hoz_list { padding: 0 8px;}
.m_arl_001 .hoz_list li { float:left; width:50%;}
.m_arl_001 .hoz_list li a { display:block; margin:0 7px;}
.m_arl_001 .hoz_list li a.tap { opacity:.8;}
.m_arl_001 .hoz_list li a img { width:100%;}
.m_arl_001 .hoz_list li a span { display:block; margin-bottom:10px;}
.m_arl_001 .hoz_list li a h3 { font-weight:normal; line-height:1.3; height:40px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-weight: normal;}

.m_arl_001 .horizon_list .bx-controls-direction { position:relative;}
.m_arl_001 .horizon_list .bx-controls-direction a { position:absolute; bottom:10px; display:block; text-indent:-9999px; width:30px; height:30px; background:url(/data/skin/content/1/m_arl_001//images/btn_page.svg) no-repeat 0 0;}
.m_arl_001 .horizon_list .bx-controls-direction .bx-prev { background-position:0 0; left:20px;}
.m_arl_001 .horizon_list .bx-controls-direction .bx-next { background-position:-30px 0; right:20px;}
.m_arl_001 .horizon_list .bx-controls-direction a:hover { opacity: .5;}

.m_arl_001 .horizon_list .bx-pager { position:relative; padding:25px 0; text-align:center; font-size: 0;}
.m_arl_001 .horizon_list .bx-pager div { display:inline-block; width:6px; height:6px; padding:0 4px;}
.m_arl_001 .horizon_list .bx-pager div a { display:block; width:6px; height:6px; text-indent:-9999px; border: 1px solid #b93f53; border-radius: 50%;}
.m_arl_001 .horizon_list .bx-pager div a.active { background-color: #b93f53;}
/* m_arl_001 end */
/* m_arl_002 begin */
@charset "utf-8";

.m_arl_002 { position: relative; border-top: 1px solid #ddd;}

.m_arl_002 .rank_list { background:#fff;}
.m_arl_002 .rank_list > li { position:relative; padding-left: 44px;}
.m_arl_002 .rank_list > li > a { display:block; padding:15px 15px 13px 0; line-height:1; border-top:1px solid #ddd;}
.m_arl_002 .rank_list > li > a.tap { color: #666;}
.m_arl_002 .rank_list > li:first-child a { border-top: 0;}
.m_arl_002 .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: normal;}
.m_arl_002 .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_002 .rank_list > li > a > span.rank01, 
.m_arl_002 .rank_list > li > a > span.rank02, 
.m_arl_002 .rank_list > li > a > span.rank03 { color: #b93f53;}
/* m_arl_002 end */
/* m_ext_001 begin */
@charset "utf-8";

.m_ext_001 { position: relative; border-top: 1px solid #ddd;}

/* 섹션별 */
.m_ext_001 .tab_link { position:relative;}
.m_ext_001 .tab_link li a { display:block; height:40px; line-height:40px; text-align:center; background:#ececed;}
.m_ext_001 .tab_link li a.tap { background:#ddd;}
.m_ext_001 .tab_link li.on a, .m_ext_001 .tab_link li.ui-tabs-active a { background:#fff; color: #2162af;}

.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: normal;}
.m_ext_001 .section_list > li > a > strong > em { display:inline-block; font-size:14px; color: #b93f53 !important; vertical-align:middle; margin-top:-1px; margin-right:7px; line-height:1.2; font-weight: 500;}
/* m_ext_001 end */
/* m_ext_003 begin */
@charset "utf-8";

.m_ext_003 { position: relative;}

.m_ext_003 .list_thumb { position:relative; background:#fff;}
.m_ext_003 .list_thumb > li { position:relative; border-top:1px solid #ddd;}
.m_ext_003 .list_thumb > li:first-child { border-top:0;}
.m_ext_003 .list_thumb > li > a { position:relative; display:block; padding:15px;}
.m_ext_003 .list_thumb > li > a:after { content:""; display:block; clear:both;}
.m_ext_003 .list_thumb > li > a.tap { color:#666;}
.m_ext_003 .list_thumb > li > a > h3 { font-weight: normal; line-height:1.2; margin-top:-2px; max-height:38px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:5px;}
.m_ext_003 .list_thumb > li.on_thumb > a { padding-left:100px; min-height:38px;}

.m_ext_003 .thumbs { position:absolute; left:15px; top:13px; display:block; width:75px; height:41px; overflow:hidden;}
.m_ext_003 .thumbs img { width:75px;}
.m_ext_003 .ac_info { float: right;}
.m_ext_003 .ac_info:after { content:""; display:block; clear:both;}
.m_ext_003 .ac_info > li { position: relative; float:left; font-size:13px; font-weight: normal; color:#808080; padding:0 5px; border-left:1px solid #ddd; height:10px; line-height:1;}
.m_ext_003 .ac_info > li:first-child { background:none; padding-left:0; border-left:0;}
.m_ext_003 .ac_info > li.icon_clock { padding-left: 15px; color: #2162af !important;}
.m_ext_003 .ac_info > li.icon_clock:after { position: absolute; left: 0; top: -1px; content: ""; display: block; width: 12px; height: 12px; background:url(/data/skin/content/1/m_ext_003//images/icon_clock.svg) no-repeat 0 0;}

.m_ext_003 .btn_more { position:relative; display:block; text-align:center; background:#ccc; padding:7px;}
.m_ext_003 .btn_more.tap { background:#b5b5b5;}
.m_ext_003 .btn_more strong { display:block; text-align:center; font-weight:normal;}
.m_ext_003 .btn_more em { display:block; text-align:center; font-weight:bold; font-size:12px;}
.m_ext_003 .btn_more em span { font-weight:bold; font-size:12px;}
/* m_ext_003 end */
/* m_arl_003 begin */
@charset "utf-8";

.m_arl_003 { position: relative;}

.m_arl_003 .list_thumb { position:relative; background:#fff;}
.m_arl_003 .list_thumb > li { position:relative; border-top:1px solid #ddd;}
.m_arl_003 .list_thumb > li:first-child { border-top:0;}
.m_arl_003 .list_thumb > li > a { position:relative; display:block; padding:15px;}
.m_arl_003 .list_thumb > li > a:after { content:""; display:block; clear:both;}
.m_arl_003 .list_thumb > li > a.tap { color:#666;}
.m_arl_003 .list_thumb > li > a > h3 { font-weight: normal; line-height:1.2; margin-top:-2px; max-height:38px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:5px;}
.m_arl_003 .list_thumb > li.on_thumb > a { padding-left:100px; min-height:38px;}

.m_arl_003 .thumbs { position:absolute; left:15px; top:13px; display:block; width:75px; height:41px; overflow:hidden;}
.m_arl_003 .thumbs img { width:75px;}
.m_arl_003 .ac_info { float: right;}
.m_arl_003 .ac_info:after { content:""; display:block; clear:both;}
.m_arl_003 .ac_info > li { position: relative; float:left; font-size:13px; font-weight: normal; color:#808080; padding:0 5px; border-left:1px solid #ddd; height:10px; line-height:1;}
.m_arl_003 .ac_info > li:first-child { background:none; padding-left:0; border-left:0;}
.m_arl_003 .ac_info > li.icon_clock { padding-left: 15px; color: #2162af !important;}
.m_arl_003 .ac_info > li.icon_clock:after { position: absolute; left: 0; top: -1px; content: ""; display: block; width: 12px; height: 12px; background:url(/data/skin/content/1/m_arl_003//images/icon_clock.svg) no-repeat 0 0;}

.m_arl_003 .btn_more { position:relative; display:block; text-align:center; background:#ccc; padding:7px;}
.m_arl_003 .btn_more.tap { background:#b5b5b5;}
.m_arl_003 .btn_more strong { display:block; text-align:center; font-weight:normal;}
.m_arl_003 .btn_more em { display:block; text-align:center; font-weight:bold; font-size:12px;}
.m_arl_003 .btn_more em span { font-weight:bold; font-size:12px;}
/* m_arl_003 end */