@charset "euc-kr";
/* Chosun.com Main RIO 2016 special styles */


/* cs_top default elements fix */
#sec_headline { padding-bottom: 0}
.sec_headline_newsq, .sec_headline_editorial, .sec_headline_promo { display: none; }
.sec_headline_adbox { border-top: solid 1px #d6d6d6}
.rio_opi { display:block}
.rio_opi div dl.art_list_item { display:none}
.rio_opi div dl.art_list_item:first-child { margin-top:13px;}
.rio_opi_sub1 dl.art_list_item { display:none;}
.rio_opi_sub1 dl.art_list_item:first-child { display:block;}
.rio_opi_sub2 dl.art_list_item:first-child { display:block;}

#aside_rio2016 { width: 340px; margin: -1px -1px 0; position: relative; background: #fff; }

.rio_tit { height: 50px; position: relative; background: #0082be url("http://image.chosun.com/main/banner/rio_aside_bg.png") no-repeat 0px 0px; }
.rio_tit a.rio_tit_link { display: block; width:150px; height: 50px; background: url("http://image.chosun.com/trans.png"); text-indent: -9999px; overflow: hidden;}
.rio_tit .d_day { font-size: 16px; font-weight: bold; line-height: 50px; color: #fff; position: absolute; top: 0px; right: 23px; }
.rio_tit .d_day i { font-size: 24px; font-weight: bold; font-style: normal; color: #ffe500; vertical-align: top;}

.rio_con { border: solid 2px #48ab56; border-bottom: 0; background: #fcfcfc; }
.rio_con h4 { position: relative; background: #e1f0e9 url("http://image.chosun.com/main/banner/rio_aside_bg.png") no-repeat 0px -100px; height: 37px; padding-left:18px; font-size: 16px; font-weight: bold; line-height: 37px; color: #04b122; }
.rio_con h4 a { display: block; color: #04b122}
.rio_con h4 i { font-style: normal; color:#0067a6; }

.rio_con_live { height: 180px; margin: 17px 11px; }

dl.live_item { position: relative; border-left: solid 1px #dedede; margin-left: 16px;padding: 0 10px 12px 13px;}
dl.live_item:before { content: ' '; display: block; width: 6px; height: 6px; background: #fff; border: solid 3px #04b122; border-radius: 12px; font-size: 0; line-height: 0; position: absolute; top: 0px; left: -6px; }
dl.live_item dd.time { margin-bottom: 5px; font-family: Tahoma; font-size: 11px; line-height: 12px; color: #04b122;}
dl.live_item dd.thumb { float: left; margin-right: 10px; }
dl.live_item dd.thumb img { width: 70px; height: 45px; }
dl.live_item dt { font-size: 15px; font-weight: bold; }
dl.live_item dt a {}

.rio_con_press { padding: 0 18px; }
ul.rio_press { padding-top: 12px; padding-bottom: 5px;}
ul.rio_press li { margin-bottom: 10px; font-size: 16px; font-weight: bold; }

dl.rio_press_big { position: relative; line-height: 0;}
dl.rio_press_big dd.thumb { position: relative;}
dl.rio_press_big dd.thumb img { width: 300px; height: 160px; }
dl.rio_press_big dd.thumb a:after { content: ' ';width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; background:url("http://image.chosun.com/main/201505/csh_main_gra.png") repeat-x left bottom;}
dl.rio_press_big dt { padding: 10px; position: absolute; bottom: 0px; left: 0px; font-size: 16px; font-weight: bold; line-height: 20px; }
dl.rio_press_big dt a { color: #fff;}

.rio_go { width: 340px; min-height: 93px; padding-top: 12px; padding-bottom: 12px; margin-left: -2px; margin-right: -2px; text-align: center; background:#fff url("http://image.chosun.com/main/banner/rio_aside_bg_bottom.png") no-repeat left bottom; }
.rio_go.gogogo { min-height: 175px; text-align: left; padding-left: 19px; width: 321px}

.rio_go a.rio_go_btn { display:inline-block; width: 108px; height: 29px; text-indent: -9999px; overflow: hiddne; background: url("http://image.chosun.com/main/banner/rio_aside_bg.png") no-repeat 0px -150px; position: relative; z-index: 99}
.rio_go.gogogo a.rio_go_btn { display: none;}

.rio_go .rio_go_now { display: none;}
.rio_go.gogogo .rio_go_now { display: block;}

dl.rio_go_medal_now { width: 150px; float:left;  }
dl.rio_go_medal_now dt { margin-bottom: 8px; font-size: 15px; font-weight: bold; }
dl.rio_go_medal_now dt i { color: #04b122; font-style: normal; }
dl.rio_go_medal_now dd { width: 38px; height: 38px; margin-right: 5px; display: inline-block; background: url("http://image.chosun.com/main/banner/rio_aside_bg.png") no-repeat; text-align: center; font-size: 20px; line-height: 35px; color: #fff; text-shadow: 0px 0px 1px #555}
dl.rio_go_medal_now dd.medal_gold { background-position: 0px -200px; }
dl.rio_go_medal_now dd.medal_silver { background-position: -50px -200px; }
dl.rio_go_medal_now dd.medal_copper { background-position: -100px -200px; }

.rio_go_rank { position: relative; width: 128px; height: 28px; padding: 15px 0 15px 22px; float:left; border-left: solid 1px #97d9f3; }
.rio_go_rank_box  { position: relative; width: 128px; height: 28px;overflow: hidden}
ul.rio_go_rank_now { width: 128px; height: 28px; }
ul.rio_go_rank_now li { display: block; width: 128px; height: 28px; }
ul.rio_go_rank_now li.current { display: block;}
ul.rio_go_rank_now li.swiper-slide-active { display: block;}
ul.rio_go_rank_now li em { display: inline-block; width: 28px; height: 28px; background: url("http://image.chosun.com/main/banner/rio_aside_bg.png") no-repeat -150px -200px; font-size: 12px; font-weight: bold; color: #fff; line-height: 25px; text-align: center; }
.rio_go_rank a { display: block; width: 7px; height: 4px; background: url("http://image.chosun.com/main/banner/rio_aside_bg.png") no-repeat -200px -200px; position: absolute; text-indent: -9999px; overflow: hidden; }
.rio_go_rank a.rio_rank_prev { top: 0px; left: 56px; margin-left: -4px; }
.rio_go_rank a.rio_rank_next { bottom: 0px; left: 56px; margin-left: -4px; background-position: -250px -200px; }

span.rio_go_updated { clear: both; display: block; padding-top: 10px; font-size: 12px; color: #999; }





#sec_rio2016 { width: 100%; margin: 0; margin-bottom: 25px; padding: 0; padding-top: 74px; border-top: 0; background: url("http://image.chosun.com/main/banner/rio_sec_bg.png") no-repeat left top;}
#sec_rio2016 .sec_tit { width: 175px; }
#sec_rio2016 .sec_tit h3 { height: 150px; margin-left: 30px; margin-right: 10px; }
#sec_rio2016 .sec_tit h3 a { display: block; height: 100%; background: url("http://image.chosun.com/trans.png"); text-indent: -9999px; overflow: hidden}
#sec_rio2016 .sec_con { width: 980px; padding: 0; border: 0; }
.sec_rio2016_sli {}
.rio_sli_item { overflow: hidden;}
.rio_sli_item dl { float: left; width: 230px; margin-right: 13px; }
.rio_sli_item dl dd.thumb { margin-bottom: 6px; line-height: 0}
.rio_sli_item dl dd.thumb img { width: 230px; height: 135px;}
.rio_sli_item dl dt { font-size: 15px; font-weight: bold; line-height: 20px; letter-spacing: -0.05em; }

.rio_sli_item dl.sli_item_big { width: 473px;}
.rio_sli_item dl.sli_item_big dd.thumb {}
.rio_sli_item dl.sli_item_big dd.thumb img { width: 473px; height: 135px;}

#sec_rio2016 .bx-wrapper { background: none}
#sec_rio2016 .bx-wrapper .bx-controls-direction a { width:54px; height:54px; position:absolute; top:48px; }
#sec_rio2016 .bx-wrapper .bx-controls-direction a.bx-prev { left:0px; background:url(http://image.chosun.com/main/201505/csh_main_ico_2.png) no-repeat -250px -100px; }
#sec_rio2016 .bx-wrapper .bx-controls-direction a.bx-next { right:20px; background:url(http://image.chosun.com/main/201505/csh_main_ico_2.png) no-repeat -350px -100px;  }
#sec_rio2016 .bx-wrapper .bx-controls-direction a.bx-prev:hover { background:url(http://image.chosun.com/main/201505/csh_main_ico_2.png) no-repeat 0px -100px;}
#sec_rio2016 .bx-wrapper .bx-controls-direction a.bx-next:hover { background:url(http://image.chosun.com/main/201505/csh_main_ico_2.png) no-repeat -100px -100px;}


/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; }
 .scroll-wrapper > .scroll-content::-webkit-scrollbar {
 height: 0;
 width: 0;
}
.scroll-element { display: none; }
.scroll-element, .scroll-element div { box-sizing: content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; }
.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; }
.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; }
.scroll-textarea > .scroll-content { overflow: hidden !important; }
.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
 height: 0;
 width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }
.scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #fff; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #d2e3db; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #d2e3db; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #acccbd; }
/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }