@charset "euc-kr";
/* Reset */
html,body{width:100%;height:100%; background-color: #FFFFFF;}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0;}
body,input,button{font-family: '맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,sans-serif; font-size:14px;color:#222;-webkit-text-size-adjust:non}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button{vertical-align:middle;}
img{vertical-align:top; border:none; margin:0;}
em,address{font-style:normal;}
label,button{cursor:pointer;}
a{color:#222;text-decoration:none; margin:0;}
a:hover{color:#f54c49;text-decoration:underline;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
hr{display:none;}
legend{*width:0;display:none;}
br{letter-spacing:0;}
/*cju 추가*/
.top_innerR {clear:both; display:inline-block; width:1000px; height:99px; /*background-color:#d3d3d3;*/ text-align:left;}
.middle3{float:left;width:100%;}
.middle3_inner{width:1000px;margin:0 auto;}
.middle3{margin-top:5px;/*margin-bottom:10px;*/background-color:#fff;}
.middle3_inner{/*height:200px;*/}
.rio_gnb li:hover {background-color:#2d81c9;}
/*cju 추가 End*/
/*TOP*/
.riotop_ci {float:left; padding-top:29px; }
/*탑종합순위*/
.riotop_T {float:right; display:inline-block; width:133px; height:41px; background:url('http://img.seoul.co.kr/img/2016Rio/rio_korea.png') no-repeat;}
.riotop_T p {height:15px; padding:0 0 0 65px; font-weight:bold; color:#2f2f36; font-size:15px;}
.riotop_T strong {color:#0077e6; padding:0 1px 0 2px;}
.riotop_T p img {padding-top:4px;}
/* 메달 */
.riotop_M {float:right; width:260px; height:128px; font-family:tahoma; font-size:26px; color:#fff; font-weight:bold; letter-spacing:-2px; background: url('http://img.seoul.co.kr/img/2016Rio/rio_medal.png') no-repeat; text-shadow: 0 1px 2px #222;}
.Tgold{float:left; width:33px; padding:76px 0 0 29px; text-align:right;}
.Tsilver{float:left; width:33px; padding:76px 0 0 52px; text-align:right;}
.Tcopper{float:left; width:33px; padding:76px 0 0 52px; text-align:right;}
/*rio MENU*/
.rio_menuBG {height:38px; background-color:#4faa33; margin-bottom:12px;}
.rio_menu {clear:both; display:inline-block; width:1000px; margin:0 auto; position:relative;}
.secrio {display:inline-block; float:left; width:850px; font-size:16px; color:#fff; letter-spacing:-1px;}
.secrio li {float:left; height:33px; padding:5px 21px 0 21px; color:#fff;}
.secrio li a {color:#fff;}
.secrio li a:hover {color:#fff; text-decoration:none;}
.secrio li.sec_s {background-color:#2d81c9;}
.rio_gnb {display:inline-block; width:1000px; height:38px; margin:0 auto; position:relative;}
.rio_gnb ul{display:inline-block; float:left; width:1000px; font-size:16px; color:#fff; letter-spacing:-1px;}
.rio_gnb li {float:left; height:33px; padding:5px 21px 0 21px; color:#fff;}
.rio_gnb li.sec_s {background-color:#2d81c9;}
.rio_gnb li a {color:#fff;}
.rio_gnb li a:hover {color:#fff; text-decoration:none;}
.rio_gnb .ns {position:absolute;left:0px;top:45px;/*z-index:20;*/display:block; text-align:center;overflow-x:hidden;} /*z-index 주석 leejy*/
.rio_gnb .ns li {float:left; background:url('http://img.seoul.co.kr/img/2016Rio/rio_bul.gif') no-repeat 0 5px; padding:0px 18px; /*margin:10px 10px 0px 0px;*/ font-size:14px;}
.rio_gnb .ns li:first-child {background:url('http://img.seoul.co.kr/img/2016Rio/rio_bul.gif') no-repeat 0 -20px;}
.rio_gnb .ns li a {color:#1e7e00;font-weight:bold;}
.rio_gnb .ns li a:hover {color:#2d81c9;}
.rio_gnb .ns.dep_b1 {width:850px; padding:0px;}
.rio_gnb .ns.dep_b1 li.sec a {color:#2d81c9;}
/*간격*/
.riospace {clear:both; display:block; height:30px;}
/*리오탑기사*/
.rionews {display:inline-block; width:1000px;/*border:1px solid #000;*/ margin:0 auto; position:relative; /*padding-top:12px;*/}
.rioTNews {float:left; margin:0 auto; position:relative; background:#000;}
.rioTNews ul {/* padding: 1px; */}
.rioTNews ul:after {content:""; display:block; clear:both;}
.rioTNews ul > li {position:relative; float:left;/*margin:0 1px 1px 0;*/ width:332px; height:221px; margin-left:1px; cursor:pointer;}
.rioTNews ul > li:first-child {margin:0;}
.rioTNews ul > li .overBg{background:rgba(20,50,45,0); position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px;}
.rioTNews ul > li:hover .overBg{background: rgba(50,210,2,0.2);}
.rioTNews ul > li img{width:332px; height:221px;}
.rioTNews ul > li .txt{
position: absolute;
left: 0;
bottom: 0;
color: #fff;
font-family: '맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,sans-serif;
font-size: 19px;
letter-spacing:-2px;
padding: 30px 0px 19px 5px;
width: 332px;
box-sizing:border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
background: -moz-linear-gradient(top, transparent 20%, #000 90%);
background: -webkit-gradient(linear, left 20%, left 90%, from(transparent), to(#000));
background: -o-linear-gradient(top, transparent 20%, #000 90%);
background: -ms-linear-gradient(top, transparent 20%, #000 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f000000',GradientType=0 ); /* IE6-8 */
text-shadow: 0 1px 1px #000;
}
/*리스트*/
#Rlist_area {/*border:1px solid #d8d9d9;*/ clear:both; width:630px; /*margin:20px 0 18px;_margin-bottom:16px;*/ float:left; text-align:left; border-top:2px solid #4faa33; padding-top:35px;}
.rio_article {float:left; width:630px; padding-bottom:35px;}
.rio_article img {margin:0;padding:0;text-align:center; vertical-align:middle;}
.rio_article dt {margin-bottom:3px; padding:0 3px 0 0;overflow: hidden; zoom:1}
.rio_article dd.thumb {float:left; position: relative; margin-right:12px; display:block; width:195px; height:130px; background:#e3e3e3; text-align:center;}
.rio_article dd.thumb span {display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}
.rio_article #tit {/*border:1px solid #d8d9d9;*/ width:100%; display:block; line-height:130%; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.rio_article #tit_noimg {margin-top:-2px; width:100%; display:block; line-height:130%; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.rio_article #date {/*border:1px solid #d8d9d9;*/ display:block; padding-top:9px; line-height:100%; font-size:12px; color:#888; }
.rio_article dd.sub {display:block; text-align:left; color:#888; line-height:130%; padding-top:3px;}
/*올림픽타임머신*/
.rio_OT {clear:both; width:630px; float:left; padding-top:10px;}
/*리우올림픽화보*/
.rio_tit {float:left; text-align:left; font-size:17px; color:#1e7e00; font-weight:bold; letter-spacing:-1px; padding:60px 0 17px 3px;}
.riophoto_list {clear:both; float:left; /*display:inline-block;*/ width:998px; margin-bottom:10px; border:1px solid #ccc; text-align:left;}
.riophoto_list li {float:left; /*display:inline-block;*/ width:167px; padding:25px 14px}
.riophoto_list li:first-child {margin-left:11px;}
.riophoto_list li img {width:167px; margin-bottom:8px;}
.riotit {clear:both; width:160px; font-size:13px; /*border:1px solid #000;*/ margin-left:4px; letter-spacing:-1px;}
/*기타*/
.riobox_tit2 {float:left; width:330px; height:27px; font-size:16px; letter-spacing:-1px; border-bottom:1px solid #a6aaae;}
.riobox_more {float:right; margin-right:12px; margin-top:2px; height:25px;}
/* 우측 종합순위 */
#Rranking {float:left; width:330px; line-height:17px; /*border:1px solid #d6d6d6;*/}
#Rranking table { width:330px; border-collapse:collapse; /*font-family:tahoma;*/}
#Rranking tr {height:31px; font-size:14px;}
#Rranking th {border-bottom:1px solid #d9dde1; padding:8px 0 13px 5px; font-size:13px; color:#666; text-align:center;}
#Rranking th img {padding:0 0 0 5px;}
#Rranking td {height:31px; color:#222; padding:0 0 0 5px;}
#Rranking td.RTable_F {height:31px; color:#222; padding:7px 0 0 5px;}
#Rranking table span {float:left; width:26px; height:19px; margin-right:8px;}
.RTable_K {background-color:#f7ec80; /*font-family:tahoma;*/}
.RTable_K img{vertical-align:middle; margin-left:3px;}
#ranking {font-weight:bold; text-align:center;}
#nation {clear:both; /*font-family:돋움;*/ text-align:left; font-size:12px; padding-left:1px;/*padding:5px 0 0 0;*/}
#gold {}
#silver {}
#copper {}
#total {}
/*경기일정*/
.MC_gamedate {width:330px; height:265px; border-bottom:1px solid #d9dde1; overflow-y:auto; overflow-x:hidden;}
.MC_gamedate dl {width:330px; margin-bottom:10px;}
.MC_gamedate dt {width:100px; background:#e1e1e1; height:20px; padding-top: 7px; padding-left:12px; font-weight:bold; color:#0c5b02; margin-bottom:5px;}
.MC_gamedate dd {height:15px; padding-top: 5px; padding-left:12px; font-weight:bold; color:#777;}
.MC_gamedate dd .vsdetail {padding-left:15px; color:#444;}
.Rgamedate {clear:both; clear:both; float:left; margin-top:13px; text-align:left;}
.Rgamedate li {clear:both; width:330px; height:61px;}
.Rgamedate li:first-child {margin-top:9px;}
.Rgamedate li img {float:left; width:38px; /*height:40px; /*border-radius:40px;*/ padding-right:12px;}
.Rgamedate strong {font-size:16px; padding-right:7px;}
/*.Rgamedate li span {display:inline-block; font-size:12px; color:#ad0d09;}*/
.Rgamedate li span {clear:both; display:block; font-size:12px; color:#ad0d09;}
.Rgamedate li span.b {color:#004b88;}
.Rgdtit {float:left; width:270px; font-size:14px; /*border:1px solid #000;*/ line-height:19px; letter-spacing:-1px;}
/*전체보기*/
.rio_allL {float:left; width:630px; border-top:1px solid #ddd; text-align:left; padding-top:10px;}
.rio_allL h5 {font-size:27px; color:#003e7f; letter-spacing:-1px; margin-top:20px;}
.rio_allL p {display:inline-blcok; background: url('http://img.seoul.co.kr/img/2016Rio/rio_allL.gif') 0px 6px no-repeat; padding:0 0 15px 20px; font-size:15px; font-weight:bold; letter-spacing:-1px;}
.rio_allL a,.a:hover {color:#003e7f; text-decoration:none;}
/*종목선택*/
.rioS_date {float:left; width:628px; display:inline-blcok; position:relative; border:1px solid #ddd; margin-bottom:10px;}
.rioS_date p {float:left; display:block;}
.rioS_date_event {float:left; background:#eee; height:73px; overflow-x:auto; overflow:hidden;}
.rioS_date_event li {float:left; display:block; width:82px; /* height:73px; */ padding:7px 0; background:#eee; border-right:1px solid #ddd; text-align:center;/*font-size:14px; color:#444;*/}
.rioS_date_event li span {display:block; text-align:center; color:#003e7f; font-size:12px; padding-top:5px;}
.rioS_date_event li a,.a:hover {text-decoration:none;}
.rioS_date_event li.rios_s {background:#c8d162; font-weight:bold;}
/*날짜선택*/
.rioS_date_each {float:left; background:#eee; height:58px; overflow-x:auto; overflow:hidden;}
.rioS_date_each li {float:left; display:block; width:82px; height:58px; padding:7px 0; background:#fff; border-right:1px solid #ddd; text-align:center;}
.rioS_date_each li span {display:block; text-align:center; color:#003e7f; font-size:12px; padding-top:5px;}
.rioS_date_each li a,.a:hover {color:#222; text-decoration:none;}
.rioS_date_each li.rios_s {background:#c8d162; font-weight:bold;}
.riotext {float:left; display:block; width:630px; height:30px; text-align:right; font-size:12px; letter-spacing:-1px; margin-top:-5px; color:#777;}
.riodate {float:left; width:630px; display:block; padding:12px 0; font-size:19px; line-height:20px; letter-spacing:-1px; font-weight:bold; text-align:left; /*border:1px solid #d6d6d6;*/}
.riodate p {display:inline-block; float:right; font-size:15px; color:#777;}
.riodate strong {color:#139b00;}
/*인포그래픽*/
.rioinfo {float:left; display:block; width:630px;}
/*포토 리스트 - s16_view.css로 옮김 leejy
.Particle_v {float:left;width:630px;}
.Particle_v .list {clear:both;display:inline-block;margin-top:15px;}
.Particle_v .list li {float:left;width:195px;margin:20px 0 25px 22px;}
.Particle_v .list li.FF {float:left;width:195px;margin:20px 0 25px 0;}
.Particle_v .list li .p {display:block;width:195px;height:130px; background:#202022;text-align:center;}
.Particle_v .list li .p img {vertical-align:middle; height:130px;}
.Particle_v .list li .p span {display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}
.Particle_v .list li .t {display:block;margin-top:10px; height:20px; letter-spacing:-1px; text-align:center;}
*/
/*페이지번호*/
.Rpaging{float:left;clear:both;width:660px;text-align:center;color:#a2a2a2;padding:55px 0 29px 0; font-family:'돋움',dotum;}
.Rpaging strong{font:13px '굴림', Gulim;color:#f54c49; font-weight:bold;}
.Rpaging a{font:13px '굴림', Gulim;color:#444;text-decoration:none;height:15px;border:none;padding:0 5px;}
.Rpaging a:hover{color:#f54c49;}
.Rpaging .prev{padding:0 10px 0 12px;background:url('http://imgeye.seoul.co.kr/img/13p_prev.gif') no-repeat 5px 2px;font:11px 돋움;}
.Rpaging .next{padding:0 10px 0 6px;background:url('http://imgeye.seoul.co.kr/img/13p_next.gif') no-repeat 32px 2px;font:11px 돋움;}
/*종합순위탑*/
.riorankingT {float:left;width:620px; margin:30px 0 2px 0;}
.riorankingT p {float:left; height:121px; font-size:23px; letter-spacing:-1px; line-height:150%; text-align:left; padding:17px 0 0 200px; background:url('http://img.seoul.co.kr/img/2016Rio/rio_Taegeukgi.png') no-repeat 0px 0px}
.riorankingT span {color:#f63b35; letter-spacing:-1px; padding-left:5px; font-weight:bold;}
.riorankingT span.ban {float:right; padding-top:85px;}
/* 종합순위 */
#rioranking {float:left; width:620px; line-height:17px; /*font-family:'돋움',dotum; /*border:1px solid #d6d6d6;*/}
#rioranking table { width:620px; border-collapse:collapse; /*font-family:tahoma;*/}
#rioranking tr {height:46px; font-size:14px; /*border-bottom:1px solid #e4e4e4;*/}
#rioranking tr.g {background-color:#f9f9f9;}
#rioranking th {background:#2860af; padding:13px 0 12px 5px; font-size:13px; font-family:'돋움',dotum; color:#fff; text-align:center;}
#rioranking th img {padding:0 0 0 5px;}
#rioranking td {height:31px; color:#222; padding:0 0 0 5px;}
#rioranking td.RTable_F {height:46px; color:#222; padding:7px 0 0 5px;}
#rioranking table span {float:left; width:41px; height:30px; margin-right:8px;}
#rioranking table p {font-size:14px; padding-top:3px}
/* 경기일정테이블 */
#rio_date {float:left; width:620px; line-height:17px; /*border:1px solid #d6d6d6;*/}
#rio_date table {width:100%; text-align:left; border-collapse:collapse; border-bottom:1px solid #35668d; /*font-family:tahoma;*/}
#rio_date tr {width:100%; font-size:14px; letter-spacing:-1px; border-bottom:1px solid #e0e4e9; vertical-align:top;}
#rio_date th {background:#2860af; padding:13px 0 12px 5px; font-size:13px; font-family:'돋움',dotum; color:#fff; text-align:center; margin-bottom:10px;}
#rio_date td {color:#222; padding:9px 5px 14px 5px;}
#rio_date td.RTable_F {color:#222;}
#rio_date td.RTable_L {color:#222;}
#rio_date td.center {color:#222; text-align:center;}
#rio_date table span {float:left; width:26px; height:19px; margin-right:8px;}
/*탭
.rioTAB {display:inline-block; float:left; width:100%; margin-bottom:1px;}
.rioTAB li {float:left; width:20%; padding:5px; color:#fff; background:#e6e6e6; border-radius:5px 5px 0 0; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; text-align:center;}
.rioTAB li.select {background:#2860af; border-top:1px solid #2860af; border-left:1px solid #2860af; border-right:1px solid #2860af;}
.rioTAB li span {color:#f63b35; font-weight:bold;}
/*탭*/
.rioTAB {display:inline-block; float:left; width:620px; margin:10px 0;}
.rioTAB li {float:left; width:120px; padding:4px 5px 8px; background:#e6e6e6;border:1px solid #d6d6d6; text-align:center;}
.rioTAB li a:hover {text-decoration:none;}
.rioTAB li.select {color:#fff; background:#2860af; border:1px solid #2860af;}
.rioTAB li span {color:#f63b35; font-weight:bold;}
.rioTAB p {float:right; font-size:12px; letter-spacing:-1px; padding-top:15px;}
/* 역대올림픽탑 */
.rioresult {float:left; width:630px; display:block; padding:12px 0; font-size:19px; /*line-height:20px;*/ letter-spacing:-1px; font-weight:bold; text-align:left; /*border:1px solid #d6d6d6;*/}
.rioresult p {display:inline-block; font-size:16px; color:#003e7f; float:right; letter-spacing:-1px; line-height:30px;}
.rioresult p img {vertical-align:bottom;}
.rioresult strong {color:#139b00;}
/* 역대올림픽성적 */
#rio_result {float:left; width:630px; line-height:20px; /*border:1px solid #d6d6d6;*/}
#rio_result table {width:100%; text-align:left; border-collapse:collapse; border-bottom:1px solid #35668d; /*font-family:tahoma;*/}
#rio_result tr {width:100%; font-size:14px; letter-spacing:-1px; /*border-bottom:1px solid #e0e4e9;*/ vertical-align:top;}
#rio_result tr.g {background-color:#f9f9f9;}
#rio_result th {background:#2860af; padding:13px 0 12px 5px; font-size:13px; font-family:'돋움',dotum; color:#fff; text-align:center; margin-bottom:10px;}
#rio_result td {color:#222; padding:8px 5px 6px 5px;}
#rio_result td.center {color:#222; text-align:center;}
#rio_result table span {float:left; width:26px; height:19px; margin-right:8px;}
/*올림픽 이모저모*/
.rio_allR {float:left; width:1000px; border-top:1px solid #ddd; text-align:left; padding-top:10px;}
.rio_allR h5 {font-size:27px; color:#003e7f; letter-spacing:-1px; margin:20px 0;}