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

.m_arv_001 .news_detail { position:relative; padding: 15px; background:#fff; overflow:hidden;}
.m_arv_001 .pd_con { position:relative;  padding:5px 15px 0;}
.m_arv_001 .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 .news_top { position:relative; background:#fff; padding:17px 15px; border-bottom:1px solid #ddd;}
.m_arv_001 .news_top .art_path_wrap { margin-bottom: 5px;}
.m_arv_001 .news_top .art_path_wrap:after { content: ""; display: block; clear: both;}
.m_arv_001 .news_top .art_path_wrap li { float: left;}
.m_arv_001 .news_top .art_path_wrap li:before { content: ">"; font-size: 12px; margin: 0 3px;}
.m_arv_001 .news_top .art_path_wrap li:first-child:before { display: none;}
.m_arv_001 .news_top .art_path_wrap li a { font-size: 13px; color: #666;}
.m_arv_001 .news_top > h3 { font-size:24px; font-weight: 400; margin-bottom:5px; line-height: 1.2;}
.m_arv_001 .news_top > h4 {line-height: 1.3; max-height: 72px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; font-size: 15px; font-weight: normal; padding-left: 7px; border-left: 3px solid #b93f53; margin-bottom: 7px;}
.m_arv_001 .news_top > em { position: relative; font-size:13px; color:#aaa; display: block; margin-bottom: 5px; font-weight: normal;}
.m_arv_001 .news_top > em.icon_clock { padding-left: 15px; color: @main_color@ !important;}
.m_arv_001 .news_top > em.icon_clock:after { position: absolute; left: 0; top: 2px; content: ""; display: block; width: 12px; height: 12px; background:url(/data/skin/content/1/m_arv_001//images/icon_clock.svg) no-repeat 0 0;}
.news_top .a_right { margin-top: -15px;}

.m_arv_001 .news_con,
.m_arv_001 .news_con * { line-height:1.76; font-family: Apple SD Gothic Neo, San Francisco, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; font-size: 18px;}
.m_arv_001 .news_con:after { content:""; display:block; clear:both;}
.m_arv_001 .news_con img { max-width: 100%;}
.m_arv_001 .sub_txt { font-weight: bold !important; margin-bottom: 15px !important;}

.m_arv_001 .btn_share_small { position: relative; margin-top: -15px; padding-right: 90px;}
.m_arv_001 .btn_share_small:after { content: ""; display: block; clear: both;}
.m_arv_001 .btn_share_small li { float: left; margin-right: 5px; margin-top: 5px;}
.m_arv_001 .btn_share_small li a { display: block; width: 35px; height: 35px; background: url(/data/skin/content/1/m_arv_001//images/btn_share_small.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;}
.m_arv_001 .btn_share_small li.bsm01 a { background-position: 0 0;}
.m_arv_001 .btn_share_small li.bsm02 a { background-position: -40px 0;}
.m_arv_001 .btn_share_small li.bsm03 a { background-position: -80px 0;}
.m_arv_001 .btn_share_small li.bsm04 a { background-position: 0 -40px;}
.m_arv_001 .btn_share_small li.bsm05 a { background-position: -40px -40px;}
.m_arv_001 .btn_share_small li.bsm06 a { background-position: -80px -40px;}
.m_arv_001 .btn_share_small li.bsm07 a { background-position: 0 -80px;}
.m_arv_001 .btn_share_small li.bsm08 a { background-position: -40px -80px;}
.m_arv_001 .btn_share_small li.bsm09 a { background-position: -80px -80px;}
.m_arv_001 .btn_share_small li a.tap { opacity: 0.8;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
.m_arv_001 .btn_share_small li a { background-image: url(/data/skin/content/1/m_arv_001//images/retina/btn_share_small.png); background-size:115px 115px; -webkit-background-size:115px 115px;}
}

/* 기사 상세 */
.m_arv_001 .float_img { float:right; margin-left:10px; margin-bottom:15px; width:40% !important;}
.m_arv_001 .static_img { width:100%; margin:15px 0;}

.m_arv_001 .box_art { position: relative; border-bottom: 2px solid #dedede; background: #f3f3f3; margin: 15px 0; line-height: 1.3;}
.m_arv_001 .box_art h3 { position: relative; background: #dedede; padding: 10px 14px 12px; line-height: 1.2; color: #222;}
.m_arv_001 .box_art > div { position: relative; padding: 7px 14px 0; margin-bottom: 15px; font-size: 14px;}

/* 1030 추가 */
.m_arv_001 .img_wrap { display: inline-block; position: relative; line-height: 1.2; margin: 10px -15px;}
.m_arv_001 .box_art .img_wrap { margin: 10px -5px;}
.m_arv_001 .img_wrap h2 { position: relative; font-size: 14px; color: #1f4f82; padding-left: 15px;}
.m_arv_001 .img_wrap h2:before { content: "▲"; margin: 0 2px 0 1px; position: absolute; left: 0; font-size: 14px;}
.m_arv_001 .img_wrap > div { position: relative; padding: 5px 0 0; text-align: left;}
.m_arv_001 .img_wrap p { position: relative; margin: 0 !important; margin-left: 5px !important; margin-right: 5px !important; padding-left: 10px; font-size: 11px; color: #808080;}
.m_arv_001 .img_wrap p:before { content: "-"; margin: 0 2px 0 1px; position: absolute; left: 0;}
.m_arv_001 .img_wrap i { position: relative; display: block; text-align: right; font-size: 11px !important; margin-right: 5px; color: #808080; font-style: normal;}

.m_arv_001 .img_box { position: relative; padding: 5px 0 0;}
.m_arv_001 .img_box.i_cen { text-align: center;}
.m_arv_001 .img_box.i_left { text-align: left; padding: 0 15px 0 0; margin-top: -7px;}
.m_arv_001 .img_box.i_right { text-align: right; padding: 0 0 0 15px;}

.m_arv_001 .article { position: relative; text-align: justify; margin-bottom: 26px;}
.m_arv_001 .article:after { content: ""; display: block; clear: both;}
.m_arv_001 .article > div { position: relative;}
.m_arv_001 .article > div:after { content: ""; display: block; clear: both;}
.m_arv_001 .article.b_left > div { float: left; width: 482px;}
.m_arv_001 .article.b_left > div:first-child { width: 150px; min-height: 10px; margin-right: 16px;}
.m_arv_001 .article.b_right > div { float: left; width: 150px;}
.m_arv_001 .article.b_right > div:first-child { width: 482px; min-height: 10px; margin-right: 16px;}
.m_arv_001 .article.b_col50 > div { float: left; width: 316px;}
.m_arv_001 .article.b_col50 > div:first-child { margin-right: 16px;}
/* m_arv_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_arv_003 begin */
/* m_arv_003 begin */
@charset "utf-8";

/************************** m_arv_003 **************************/
.m_arv_003 { position: relative; margin-bottom:10px;}
.m_arv_003 .sec_gps { padding-top: 0 !important;}
.m_arv_003 .btn_mapper { padding-top: 10px;}
.m_arv_003 .link_go { font-size: 13px; padding-right: 20px; color: #b93f53; font-weight: bold; background: url(/data/skin/content/1/m_arv_003//images/btn_arrow.png) no-repeat right center;}
.m_arv_003 .link_go:hover { color: #8a2a39;}


/* GPS */
.m_arv_003 .sec_gps { font-size: 14px;}
.m_arv_003 .sec_gps .tit_all { position: relative; font-size: 26px; margin-bottom: 20px;}
.m_arv_003 .sec_gps .map_wrap { position: relative;}
.m_arv_003 .sec_gps #map-canvas { width: 980px; height: 650px;}

.m_arv_003 .mobile_wrap { width: inherit !important;}
.m_arv_003 .sec_gps.mobile { position: relative;}
.m_arv_003 .sec_gps.mobile #map-canvas { width: 100%; height: 470px;}

.m_arv_003 .overview { position: relative; width: 223px; border: 1px solid #dedede; padding: 5px 15px;}
.m_arv_003 .window-content { width: 223px; overflow: hidden; font-family: Nanum Gothic, Apple SD Gothic Neo, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif;}
.m_arv_003 .window-content h4 { position: relative; padding: 0 90px 5px 0; border-bottom: 2px solid #666; margin-bottom: 10px; font-size: 15px;}
.m_arv_003 .window-content .btn_more { position: absolute; right: 17px; top: -1px; display: block; width: 44px; height: 19px; line-height: 19px; background: #666; border-radius: 2px; text-align: center; font-size: 11px; color: #fff; font-weight: bold;}
.m_arv_003 .window-content .btn_more:hover { background: #333;}
.m_arv_003 .window-content .btn_save { position: absolute; top: 0; right: 67px;}

.m_arv_003 .mobile .window-content .btn_more { padding: 0 !important;}

.m_arv_003 .btn_save { display: block; width: 17px; height: 16px; background: url(/images/btn_favorite.png) no-repeat 0 0; text-indent: -9999px;}
.m_arv_003 .btn_save.on { background-position: 0 -16px;}
.m_arv_003 iframe { display: none !important;}

.m_arv_003 .btn_geo { position: absolute; top: 9px; right: 9px; display: none; width: 70px; height: 41px; background: url(/images/btn_geo.png) no-repeat 0 0; text-indent: -9999px; z-index: 10;}
.m_arv_003 .btn_geo:hover { background-position: 0 -41px;}
.m_arv_003 .btn_geo.on { background-position: 0 -82px;}

.m_arv_003 .map-search { position: absolute; top: -48px; left: 0; width: 290px;}
.m_arv_003 .map-search > div { position: relative; z-index: 11; background: #fff; width: 288px; border: 1px solid #808080;}
.m_arv_003 .map-search > div > h4 { position: relative; padding: 10px 18px; font-size: 17px; font-weight: bold; color: #fff; background: #707070;}
.m_arv_003 .map-search > div .btn_map_close { position: absolute; right: 10px; top: 5px; display: block; width: 30px; height: 30px; background: url(/images/btn_map_close.png) no-repeat 0 0; text-indent: -9999px;}
.map-search > div .btn_map_close:hover { background-position: 0 -30px;}


.m_arv_003 .btn_map_search { position: absolute; top: 0; left: 0; display: block; width: 70px; height: 41px; background: url(/images/btn_map_search.png) no-repeat 0 0; text-indent: -9999px; z-index: 10;}
.m_arv_003 .btn_map_search:hover { background-position: 0 -41px;}

.m_arv_003 .gm-style .gm-style-iw { overflow: visible !important;}
.m_arv_003 .gm-style .gm-style-iw > div:first-child { display: block !important; max-width: 197px !important; overflow: visible !important;}
.m_arv_003 .gm-style .gm-style-iw > div:first-child > div { overflow: visible !important;}

.m_arv_003 .gps_list { position: relative; background: #f7f7f7; padding: 0 10px;}
.m_arv_003 .gps_list li { position: relative; background: url(/data/skin/content/1/m_arv_003//images/list_line.png) repeat-x 0 0;}
.m_arv_003 .gps_list li:first-child { background: none;}
.m_arv_003 .gps_list li a { display: block; padding: 10px 18px 10px 9px; background: url(/data/skin/content/1/m_arv_003//images/list_bg.png) no-repeat right center;}
.m_arv_003 .gps_list li a:before { position: absolute; left: 1px; top: 16px; content: ""; display: block; width: 2px; height: 2px; background: url(/data/skin/content/1/m_arv_003//images/list_bu.png) no-repeat 0 0;}
.m_arv_003 .gps_list li a span { display: block; font-size: 13px; line-height: 1.3; max-height: 32px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.m_arv_003 .gps_list li a:hover span { color: #d4253e;}

.m_arv_003 .shop_box > a { display: block; border: 1px solid #dedede;}
.m_arv_003 .shop_box > a img { width: 221px; height: 122px;}
.m_arv_003 .shop_box .gps_homepage { background: #f7f7f7; padding: 8px 5px; border-bottom: 1px solid #dedede;}
.m_arv_003 .shop_box .gps_homepage > a { font-size: 12px; color: #1c61b2; padding-left: 25px; background: url(/data/skin/content/1/m_arv_003//images/icon_link.png) no-repeat 5px 1px;}

.m_arv_003 .m_search_tab { position: relative; border-bottom: 1px solid #e0e0e0; padding: 5px 10px;}
.m_arv_003 .m_search_tab:after { content: ""; display: block; clear: both;}
.m_arv_003 .m_search_tab li { float: left; width: 50%;}
.m_arv_003 .m_search_tab li a { display: block; text-align: center; padding: 8px 0;}
.m_arv_003 .m_search_tab li a span { font-size: 15px; color: #808080;}
.m_arv_003 .m_search_tab li a span:hover { color: #333;}
.m_arv_003 .m_search_tab li a span:before { content: ""; display: inline-block; width: 15px; height: 15px; background: url(/images/btn_tab.png) no-repeat 0 0; vertical-align: middle; margin-top: -2px; margin-right: 3px;}
.m_arv_003 .m_search_tab li a.on span:before { background-position: 0 -15px;}
.m_arv_003 .m_search_tab li a.disable { cursor: default;}
.m_arv_003 .m_search_tab li a.disable span { color: #ccc;}
.m_arv_003 .m_search_tab li a.disable span:before { background-position: 0 -30px;}

.m_arv_003 .info_marker { position: relative; border-top: 1px solid #e0e0e0; padding: 10px;}
.m_arv_003 .info_marker li { position: relative; height: 28px; line-height: 28px; padding-left: 55px; color: #808080; margin-top: 5px;}
.m_arv_003 .info_marker li:first-child { margin-top: 0;}
.m_arv_003 .info_marker li:after { position: absolute; left: 15px; top: 0; content: ""; display: block; width: 20px; height: 28px; background: url(/images/info_mark.png) no-repeat 0 0;}
.m_arv_003 .info_marker li.im01:after { background-position: 0 0;}
.m_arv_003 .info_marker li.im02:after { background-position: 0 -30px;}

.m_arv_003 .m_search_con { padding: 15px 20px 35px; background: #f3f3f3;}
.m_arv_003 .m_search_con p, .m_search_con label { display: block; color: #808080; margin-bottom: 8px;}

.m_arv_003 .select_map { position: relative;}
.m_arv_003 .select_btn { position: relative; display: block; background: #fff; border: 1px solid #dedede; height: 38px; line-height: 38px; padding: 0 30px 0 10px; font-size: 15px; font-weight: normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m_arv_003 .select_btn:hover { color: #666;}
.m_arv_003 .select_btn:after { position: absolute; right: 13px; top: 50%; margin-top: -4px; content: ""; display: block; width: 12px; height: 7px; background: url(/images/bg_select.png) no-repeat 0 0;}
.m_arv_003 .select_btn.on:after { background-position: 0 -7px;}

.m_arv_003 .select_list { position: absolute; left: 0; top: 39px; padding: 5px 0; width: 246px; max-height: 250px; overflow-y: auto; background: #fff; border: 1px solid #dedede; z-index: 10;}
.m_arv_003 .select_list li { position: relative; padding: 5px 40px 5px 10px;}
.m_arv_003 .select_list li b { display: block; font-weight: normal; cursor: pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m_arv_003 .select_list li b:hover { color: #d4253e;}
.m_arv_003 .select_list li .btn_save { position: absolute; right: 18px; top: 4px;}

.m_arv_003 .select_input { position: relative; padding-right: 65px;}
.m_arv_003 .select_input input { padding: 11px 7px;}
.m_arv_003 .select_input button { position: absolute; right: 0; top: 0; width: 50px; height: 40px; background: url(/images/btn_search.png) no-repeat 0 0; text-indent: -9999px;}
.m_arv_003 .select_input button:active { background-position: 0 -40px;}

.m_arv_003 .btn_submit { display: block; width: 100%; background: #b93f53; height: 40px; color: #fff; font-size: 17px; font-weight: bold; margin-top: 20px;}
.m_arv_003 .btn_submit:active { background: #a93044;}

.m_arv_003 .logo_sponsor { position: absolute; right: 0; bottom: 32px;}

.m_arv_003 .map_loading { z-index:10000; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); text-align:center; vertical-align:middle;}
.m_arv_003 .map_loading > span { position: absolute; left: 50%; top: 50%; width: 200px; text-align: center; display: block; height: 20px; margin-top: -100px; margin-left: -100px; font-size: 20px; color: #fff; font-weight: normal; letter-spacing: -0.05em;}
/* m_arv_003 end */
/* m_arv_003 end */
/* m_arv_004 begin */
@charset "utf-8";

.m_arv_004 { position: relative;}
.m_arv_004 .con_box:after { content: ""; display: block; clear: both;}

.m_arv_004 .con_tit { font-size: 15px; padding: 6px 10px; background: #f3f3f3; border-left: 3px solid #2162af;}
.m_arv_004 .con_tit.full_bg { border-left: 0 !important; padding: 6px 10px; background: #2162af !important; color: #fff;}

.m_arv_004 .relate_wrap { position: relative; background: #fff;}
.m_arv_004 .relate_wrap > strong { display: block; padding: 7px 15px; background: #2062ae; font-size: 17px; color: #fff;}

.m_arv_004 .relate_list { position: relative; margin: 10px; max-height: 158px; overflow: hidden;}
.m_arv_004 .relate_list li { position: relative; margin-bottom: 7px; padding-left: 5px;}
.m_arv_004 .relate_list li a { position: relative; display: block; color: #222; padding-left: 7px; font-size: 15px; padding-right: 60px;}
.m_arv_004 .relate_list li a:hover { color: #888;}
.m_arv_004 .relate_list li a:before { position: absolute; left: -5px; top: -8px; content: "\00b7"; display: block; color: #969696; font-size: 30px;}
.m_arv_004 .relate_list li a b { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 15px; font-weight: normal;}
.m_arv_004 .relate_list li.photo a b { padding-right: 17px;}
.m_arv_004 .relate_list li.photo a b.photo { background: url(/data/skin/content/1/m_arv_004//images/icon_photo.png) no-repeat right 4px;}
.m_arv_004 .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_004 .btn_collap { position: relative;}
.m_arv_004 .btn_collap a { font-size: 12px; display: block; text-align: center;}
.m_arv_004 .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_004 .btn_collap a:hover span { background: #eaeaea;}
.m_arv_004 .btn_collap a span:after { content: ""; display: inline-block; width: 11px; height: 9px; background: url(/data/skin/content/1/m_arv_004//images/btn_more.png) no-repeat 0 0; margin-left: 5px;}
.m_arv_004 .btn_collap a span.bc01:after { background-position: 0 0;}
.m_arv_004 .btn_collap a span.bc02:after { background-position: 0 -9px;}
.m_arv_004 .btn_collap a b { color: #d4253e;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
.m_arv_004 .relate_list li.photo a b.photo { background-image: url(/data/skin/content/1/m_arv_004//images/retina/icon_photo.png); background-size:12px 9px; -webkit-background-size:12px 9px;}
}
/* m_arv_004 end */
/* m_arv_002 begin */
@charset "utf-8";

.m_arv_002 .news_detail { position:relative; padding: 15px; background:#fff; overflow:hidden;}
.m_arv_002 .pd_con { position:relative;  padding:5px 15px 0;}
.m_arv_002 .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_002 .news_top { position:relative; background:#fff; padding:17px 15px; border-bottom:1px solid #ddd;}
.m_arv_002 .news_top .art_path_wrap { margin-bottom: 5px;}
.m_arv_002 .news_top .art_path_wrap:after { content: ""; display: block; clear: both;}
.m_arv_002 .news_top .art_path_wrap li { float: left;}
.m_arv_002 .news_top .art_path_wrap li:before { content: ">"; font-size: 12px; margin: 0 3px;}
.m_arv_002 .news_top .art_path_wrap li:first-child:before { display: none;}
.m_arv_002 .news_top .art_path_wrap li a { font-size: 13px; color: #666;}
.m_arv_002 .news_top > h3 { font-size:24px; font-weight: 400; margin-bottom:5px; line-height: 1.2;}
.m_arv_002 .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: 15px; font-weight: normal; padding-left: 7px; border-left: 3px solid #b93f53; margin-bottom: 7px;}

.m_arv_002 .news_top > em { position: relative; font-size:13px; color:#aaa; display: block; margin-bottom: 5px; font-weight: normal;}
.m_arv_002 .news_top > em.icon_clock { padding-left: 15px; color: @main_color@ !important;}
.m_arv_002 .news_top > em.icon_clock:after { position: absolute; left: 0; top: 2px; content: ""; display: block; width: 12px; height: 12px; background:url(/data/skin/content/1/m_arv_002//images/icon_clock.svg) no-repeat 0 0;}
.news_top .a_right { margin-top: -15px;}

.m_arv_002 .btn_share_small { position: relative; margin-top: -15px; padding-right: 90px;}
.m_arv_002 .btn_share_small:after { content: ""; display: block; clear: both;}
.m_arv_002 .btn_share_small li { float: left; margin-right: 5px; margin-top: 5px;}
.m_arv_002 .btn_share_small li a { display: block; width: 35px; height: 35px; background: url(/data/skin/content/1/m_arv_002//images/btn_share_small.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;}
.m_arv_002 .btn_share_small li.bsm01 a { background-position: 0 0;}
.m_arv_002 .btn_share_small li.bsm02 a { background-position: -40px 0;}
.m_arv_002 .btn_share_small li.bsm03 a { background-position: -80px 0;}
.m_arv_002 .btn_share_small li.bsm04 a { background-position: 0 -40px;}
.m_arv_002 .btn_share_small li.bsm05 a { background-position: -40px -40px;}
.m_arv_002 .btn_share_small li.bsm06 a { background-position: -80px -40px;}
.m_arv_002 .btn_share_small li.bsm07 a { background-position: 0 -80px;}
.m_arv_002 .btn_share_small li.bsm08 a { background-position: -40px -80px;}
.m_arv_002 .btn_share_small li.bsm09 a { background-position: -80px -80px;}
.m_arv_002 .btn_share_small li a.tap { opacity: 0.8;}

/* 댓글 */
.m_arv_002 .reply_nav { position: relative; border-top: 1px solid #ddd; background: #fff; padding: 0 15px;}
.m_arv_002 .reply_nav ul li { text-align: center; font-size: 18px; font-weight: normal;}
.m_arv_002 .reply_nav ul li a { display: block; font-size: 18px; font-weight: normal; color: #9a9a9a; border-bottom: 2px solid #c0bfbf; padding: 15px 0 10px;}
.m_arv_002 .reply_nav ul li a.on { border-color: #000; color: #000;}
.m_arv_002 .reply_nav ul li b { font-size: 14px; color: @main_color@ !important;}

.m_arv_002 .reply_con { position: relative; padding: 0 15px; background: #fff; border-bottom: 1px solid #dedede;}

.m_arv_002 .no_result { padding: 50px 0; text-align: center; font-weight: normal; font-size: 18px;}
.m_arv_002 .no_result a { display: block; width: 90px; border: 1px solid #999; margin: 10px auto 0; padding: 5px 0 3px;}

.m_arv_002 .reply_list { position: relative;}
.m_arv_002 .reply_list > li, .reply_list > li > ul > li { border-top: 1px solid #ddd;}
.m_arv_002 .reply_list > li:first-child { border-top: 0;}
.m_arv_002 .reply_list > li > ul > li { margin-left: 16px;}

.m_arv_002 .reply { position: relative; padding: 15px 0;}
.m_arv_002 .reply:after { content: ""; display: block; clear: both;}
.m_arv_002 .reply h5 { font-size: 18px; font-weight: normal; padding-right: 70px;}
.m_arv_002 .reply b { display: block; font-size: 13px; font-weight: normal; margin-bottom: 5px; color: @main_color@ !important;}
.m_arv_002 .reply p { padding: 0 0 10px; font-size: 15px;}

.m_arv_002 .reply_list > li > ul > li .reply { padding-left: 15px; margin-left: -15px; background: url(/data/skin/content/1/m_arv_002//images/icon_reply.png) no-repeat 0 0;}
.m_arv_002 .reply_list > li > ul > li .reply p { margin-left: 30px;}

.m_arv_002 .btn_block { display: block; border: 1px solid #999; padding: 3px 7px 2px; font-size: 14px; font-weight: normal;}
.m_arv_002 .btn_block.atop { position: absolute; right: 0; top: 18px;}
.m_arv_002 .btn_block.abot { display: inline-block;}

.m_arv_002 .recommand { position: relative; float: right;}
.m_arv_002 .recommand:after { content: ""; display: block; clear: both;}
.m_arv_002 .recommand li { float: left; margin-left: 10px;}
.m_arv_002 .recommand li a { position: relative; font-size: 20px; font-weight: 100; padding-left: 25px;}
.m_arv_002 .recommand li a:after { position: absolute; left: 0; top: 0; content: ""; display: block; width: 25px; height: 25px; background: url(/data/skin/content/1/m_arv_002//images/btn_recom.png) no-repeat 0 0;}
.m_arv_002 .recommand li.recom01 a:after { background-position: 0 0;}
.m_arv_002 .recommand li.recom02 a:after { background-position: -25px 0;}
.m_arv_002 .recommand li a.tap { color: #999;}

.m_arv_002 .btn_listmore { display: block; background: #eee; margin: 0 -15px; text-align: center; height: 40px; line-height: 40px; font-weight: normal; font-size: 16px;}
.m_arv_002 .btn_listmore.tap { background: #ddd;}

.m_arv_002 .reply_write { position: relative; padding-bottom: 15px;}
.m_arv_002 .reply_write textarea { padding: 15px 0; border: 0; height: 100px; font-size: 16px;}
.m_arv_002 .reply_write > span { font-family: rubik, sans-serif; font-weight: 300; font-size: 13px; display: block; margin-top: 30px;}
.m_arv_002 .reply_write > span b { font-weight: 300; color: @main_color@ !important;}
.m_arv_002 .reply_write > button { position: absolute; bottom: 15px; right: 0; background: #fff; border: 1px solid #999; padding: 5px 15px;}
.m_arv_002 .reply_write > button:active { color: #666;}

.m_arv_002 .comment_nav { position: relative; padding:20px 0 15px; border-bottom: 1px solid #ccc;}
.m_arv_002 .comment_nav:after { content: ""; display: block; clear: both;}
.m_arv_002 .comment_nav ul { float: right;}
.m_arv_002 .comment_nav ul:after { content: ""; display: block; clear: both;}
.m_arv_002 .comment_nav ul li { float: left; margin-right: 10px;}
.m_arv_002 .comment_nav ul li a { display: block; font-size: 15px;}
.m_arv_002 .comment_nav ul li a.on { font-weight: bold; padding-left: 18px; background: url(/data/skin/content/1/m_arv_002//images/icon_comment_sort.png) no-repeat 0 0;}


.m_arv_002 .s_icon { display: inline-block; width: 20px; height: 20px; background: url(/data/skin/content/1/m_arv_002//images/icon_sns.png) no-repeat 0 0; font-size: 1px; text-indent: -9999px; vertical-align: top; margin-right: 5px;}
.m_arv_002 .s_icon.si01 { background-position: 0 0;}
.m_arv_002 .s_icon.si02 { background-position: -24px 0;}
.m_arv_002 .s_icon.si03 { background-position: -48px 0;}
.m_arv_002 .s_icon.si04 { background-position: -72px 0;}
.m_arv_002 .s_icon.si05 { background-position: -96px 0;}


.m_arv_002 .sel_sns_login { position: relative; background: #fff; padding: 12px 15px 0;}
.m_arv_002 .sel_sns_login ul:after { content: ""; display: block; clear: both;}
.m_arv_002 .sel_sns_login ul li { float: left; margin-left: 3px;}
.m_arv_002 .sel_sns_login ul li a { display: block; width: 30px; height: 31px; background: url(/data/skin/content/1/m_arv_002//images/btn_sns_login.png) no-repeat 0 0; text-indent: -9999px;}
.m_arv_002 .sel_sns_login ul li.ssl01 a { background-position: 0 0;}
.m_arv_002 .sel_sns_login ul li.ssl02 a { background-position: -33px 0;}
.m_arv_002 .sel_sns_login ul li.ssl03 a { background-position: -66px 0;}
.m_arv_002 .sel_sns_login ul li.ssl04 a { background-position: -99px 0;}
.m_arv_002 .sel_sns_login ul li.ssl05 a { background-position: -132px 0;}
.m_arv_002 .sel_sns_login ul li.ssl06 a { background-position: -165px 0;}
.m_arv_002 .sel_sns_login ul li a.on { background-position-y: -31px; } 

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
.m_arv_002 .btn_share_small li a { background-image: url(/data/skin/content/1/m_arv_002//images/retina/btn_share_small.png); background-size:115px 115px; -webkit-background-size:115px 115px;}
.m_arv_002 .reply_list > li > ul > li .reply { background-image: url(/data/skin/content/1/m_arv_002//images/retina/icon_reply.png); background-size:37px 75px; -webkit-background-size:37px 75px;}
.m_arv_002 .recommand li a:after { background-image: url(/data/skin/content/1/m_arv_002//images/retina/btn_recom.png); background-size:50px 25px; -webkit-background-size:50px 25px;}
.m_arv_002 .comment_nav ul li a.on { background-image: url(/data/skin/content/1/m_arv_002//images/retina/icon_comment_sort.png); background-size: 13px 14px; -webkit-background-size: 13px 14px;}
.sel_sns_login ul li a { background-image: url(/data/skin/content/1/m_arv_002//images/retina/btn_sns_login.png); background-size: 198px 62px; -webkit-background-size: 198px 62px;}
}
/* m_arv_002 end */