/* 2016_07 Olympic 관련 css */

.new_article {margin-top: 0px; } /*올림픽 끝나면 50으로 다시 돌려 놓기 */

/*--------------------------------------1. HEADLINE 부분 Olympic --------------------------------------*/
.main_container .classification_list{margin-top:0px;}/*headline 없어지면 20px로 늘이기 content.css*/
/*home > 모바일 */.right_cont .oly_head{ display: none }
/*home > 피씨   */.oly_head {display: block;}
/*article > 피씨   */.olyoly .oly_head {display: block; border:1px solid #ced2d7; margin-bottom:10px; margin-top: 10px;}
.olyoly .oly_head:after, .olyoly .oly_head:before { display: none;} 
/*article > 모바일 */.sub_view .oly_head {display: none;}

.spanblock { }
.oly_head { position:relative; max-width:1198px; height:400px; }
.oly_slide_in:before {
    z-index: 49;
    display: block;
    top: 0;
    left: 0;
    width: 719px;
    height: 400px;
    content: "";
    background: url(../../images/olympic/olympic_21.png);
    position: absolute;
}

.oly_head:after { display: block; content:""; background-image: url(../../images/olympic/olympic_19.png); width:241px; height:400px; position: absolute; top:0; left: -241px}
.oly_head:before { display: block; content:""; background-image: url(../../images/olympic/olympic_20.png); width:321px; height:400px; position: absolute; bottom:0; right: -321px}
.oly_head .oly_title { width:464px; height:222px; text-align: left;  position: absolute; top:28px; left: 60px; z-index: 49;}
.oly_head .oly_title .oly_title_align { width:100%; height:100%; margin:0 auto;}
.oly_head .oly_title .oly_title2 { display:block; width:100%; height:100%; font-family: "arial"; position: relative;}
.oly_head .oly_title .oly_title2 .oly_a_logo{ display: block; width:259px; height:111px; float:left; position:relative; margin-top:5px; margin-bottom:10px;} 
.oly_head .oly_title .oly_title2 .oly_a_logo img {display:none; position: absolute; top:0; left:0;  width: 100%; height:100%;}
.oly_head .oly_title .oly_title2 .oly_a_logo img:first-of-type {display: block;}	


/*개막 전 -> D-day*/
.oly_day { display: block; width:150px; height:65px; float:left; position: absolute; top:25px; right:28px; }
.oly_day .oly_day_clear { display: none; }
.oly_day span:nth-child(1) { display: block; width:114px; height:14px; float:right; margin-bottom:10px;}
.oly_day .oly_day_count span { display: block; float:left; color:#0062ab; font-size: 39px; font-weight: bold; text-align: center;}
.oly_day .oly_day_count span:nth-child(1) { width:65px; height:42px; }
.oly_day .oly_day_count span:nth-child(2) { width:42px; height:42px; background-image: url(../../images/olympic/olympic_35.png) ; background-repeat: no-repeat; background-size: contain;}
.oly_day .oly_day_count span:nth-child(3) { width:42px; height:42px; background-image: url(../../images/olympic/olympic_35.png) ; background-repeat: no-repeat; background-size: contain;}

/*개막 후 -> 메달 획득 현황*/
.kr_medal { display: block; width:180px; height:100px; float:left; margin-left: 5px;  position: absolute; top:0; right:0;}
.kr_medal span{ display: block; margin-left: 25px;}
.kr_medal strong { display: block; width:60px; height:44px; float:left; text-align: center; font-size:26.5px; color:#464646; padding-top:16px; margin-top:5px;  }
.kr_medal > span:nth-child(1) {  font-size: 12px; color: #bebebe; font-weight: bold}
.kr_medal > span:nth-child(2) { font-size: 24px; color:#0baf4d; font-weight:bold; height: 23px; margin-top:-6px}
.kr_medal > span:nth-child(2) img {padding-top:4px;}
.kr_medal > span:nth-child(3) { display: none;}
.kr_medal > strong:nth-child(4) { background-image: url(../../images/olympic/olympic_32.png) ; background-repeat: no-repeat; background-size: contain; } 
.kr_medal strong:nth-child(5) { background-image: url(../../images/olympic/olympic_33.png) ; background-repeat: no-repeat; background-size: contain; }
.kr_medal strong:nth-child(6) { background-image: url(../../images/olympic/olympic_34.png) ; background-repeat: no-repeat; background-size: contain; }

.oly_head .H_oly_img { width:579px; height:400px; position:absolute; top:0; right:0; overflow: hidden; }
.oly_head .H_oly_img > a{ display: block; width:30px; height:45px; position: absolute; top:230px; right:20px; z-index: 100; overflow: hidden; background-image: url(../../images/olympic/olympic_10.png); background-repeat: no-repeat; }
.oly_head .H_oly_img > a:first-child {left: 70px;}
.oly_head .H_oly_img > a#oly_prev{ background-position: -5px center }
.oly_head .H_oly_img > a#oly_prev:hover{ background-position: -40px center }
.oly_head .H_oly_img > a#oly_next { background-position: -75px center }
.oly_head .H_oly_img > a#oly_next:hover{ background-position: -110px center }

.oly_head .H_oly_img .R_img_box { display: block; width:500%; height:100%;}
.oly_head .H_oly_img .R_img_box li { width:20%; height:100%; float:left; text-align: left; position: relative;}    
/*롤링 타이포 공통속성*/
.oly_head .H_oly_img .R_img_box li img { display: block; position: absolute; bottom:-20px; right:0; }    
.oly_head .H_oly_img .R_img_box li .oly_roll { top:27px; left:0;  }
.oly_head .H_oly_img .R_img_box li .oly_roll span { float:left; position: static; font-weight: bold; font-size: 14px; color:#292a2a; margin-right: 5px;}
.oly_head .H_oly_img .R_img_box li strong { display: block; position: absolute; top:50px; left:0; font-weight: bold; font-size: 24px; color:#00a5e5; line-height: 26px; }
.oly_head .H_oly_img .R_img_box li span { display: block; position: absolute; top:115px; left:2px; color:#888; font-size: 12px; line-height: 16px; }   


.oly_head .oly_vod_thum {width:702px; height:65px; position: absolute; top:300px; left:65px; z-index: 100; overflow: hidden; }
.oly_head .oly_vod_thum p { width:113px; height:63px; float:left; margin-left:1px; position: relative; border:1px solid #e2e2e2; overflow: hidden; }
.oly_head .oly_vod_thum .oly_vod_go a:after { display: block; content:"";  width:113px; height:63px; background-image: url(../../images/olympic/olympic_25.png); position: absolute; top:0; left:0;}
.oly_head .oly_vod_thum p.vod_clear { display: block;}
.oly_head .oly_vod_thum p:first-child { margin-left:0; }
.oly_head .oly_vod_thum div a:link, .oly_head .oly_vod_thum div a:visited { display: block; width:115px; height:65px; float:left; margin-left:7px; background:#00a5e5; }
.oly_head .oly_vod_thum div a:hover, .oly_head .oly_vod_thum div a:focus { background:#0062ab;  }
.oly_head .oly_vod_thum div img { width:73px; height:15px; padding-top:25px;}

.oly_head .H_oly_img .H_oly_img_btn { position: absolute; top:370px; right:4%}
.oly_head .H_oly_img .H_oly_img_btn li { width:10px; height:10px; float:left; margin-right:5px; background-color:#fff; border-radius:6px; border:1px solid #8c8e90; }
.oly_head .H_oly_img .H_oly_img_btn li a { display: block; height: 100%;}
.oly_head .H_oly_img .H_oly_img_btn .currentPage { background-color:#00a5e5;}
.oly_head .H_oly_img .H_oly_img_btn li.H_oly_img_btn_p { border:0 none; border-radius: 0; margin-left: 3px; background: none;}


/*1218~1070*/
@media screen and (max-width: 1218px){ 
.oly_head {display: block; position:relative; width:100%; height:380px; overflow: hidden; }
.oly_slide_in:before {
    z-index: 49; display: block; top: 0; left: 100px; width: 573px; height: 380px; content: ""; background: url(../../images/olympic/olympic_21_2.png) ; position: absolute;
}    
.oly_head:after { display: none;}
.oly_head:before { display: none;}
    
.oly_head .oly_title { width:390px; height:198px; left:68px;}
.oly_head .oly_title .oly_title2 > span:first-child { width:215px; height: 99px;}
.oly_head .oly_title .oly_title2 > .oly_team { display: block; width:305px}

/*개막 전 -> D-day*/
.oly_day { top:18px; right:15px; }
/*개막 후 -> 메달 획득 현황*/
.kr_medal { width:166px; height:88px;margin-left: 5px; }
.kr_medal span{ display: block; margin-left: 18px;}
.kr_medal strong {  width:54px; height:40px; font-size:24px; padding-top:14px;  margin-right: 1px; margin-top:3px;}
.kr_medal span:nth-child(2) { font-size:20px; margin-top:-3px}
.kr_medal span:nth-child(2) img {padding-top:2px;}    

.oly_head .H_oly_img { width:468px; height:380px; right: 50px;}
.oly_head .H_oly_img > a{ top:200px; right:10px;}
.oly_head .H_oly_img > a:first-child {left: 40px;}     
.oly_head .oly_vod_thum {width:530px; height:56px; top:258px; left:70px; }
.oly_head .oly_vod_thum p { width:101px; height:56px;}
.oly_head .oly_vod_thum .oly_vod_go a:after { width:100%; height:100%; background-size: contain;}
.oly_head .oly_vod_thum p.vod_clear { display: none;}
.oly_head .oly_vod_thum div a:link, .oly_head .oly_vod_thum div a:visited { width:102px; height:55px; margin-left:1px; margin-top:1px; }
.oly_head .oly_vod_thum div img { width:63px; height:14px; padding-top:20px;}
.oly_head .H_oly_img .H_oly_img_btn { top:350px; }
} 
@media screen and (max-width: 1136px){ 
.oly_slide_in:before {left: 52px; }  
}

/*1069~950*/
@media screen and (max-width: 1069px){  
.oly_head .oly_title {left:18px;}
.oly_head .H_oly_img { right: 0;}
.oly_head .oly_vod_thum {left:20px; }
.oly_slide_in:before {left: 5px; }    
} 

/*949~768*/
@media screen and (max-width: 949px){ 
.oly_head { }
.oly_slide_in:before {
    z-index:49;
    display: block;
    top: 0;
    left: 0;
    width:416px;
    height: 380px;
    content: "";
    background: url(../../images/olympic/olympic_21_4.png) ;
    position: absolute;
    background-position:left bottom; 
}        
.oly_head .oly_title { width:275px; height:255px;  }
.oly_head .oly_title .oly_title2 > span:first-child { width:184px; height:80px; margin-top:0; margin-bottom:5px;}
.oly_head .oly_title .oly_title2 .oly_team { width:275px;}    

/*개막 전 -> D-day*/
.oly_day { position: static; margin-bottom:11px; margin-top:10px;}
.oly_day span:nth-child(1) { float:left;}

/*개막 후 -> 메달 획득 현황*/
.kr_medal { width:166px; height:88px; position: static; margin-bottom:25px; }
.kr_medal span{ margin-left: 18px;}
    
.oly_head .oly_vod_thum {width:530px; height:50px; top:300px; left:18px; }
.oly_head .oly_vod_thum p { width:90px; height:50px;}  
.oly_head .oly_vod_thum div a:link, .oly_head .oly_vod_thum div a:visited { width:90px; height:49px; margin-left:1px; margin-top:1px; }
.oly_head .oly_vod_thum div img { padding-top:17px;}    
}     


/*767~480*/
@media screen and (max-width: 767px){ 
.oly_head {display: block; position:relative; width:100%; height:508px; }
.oly_slide_in:before { display: none;}    
.oly_head .oly_title_intro { width:100%; height:5px; background-color:#0062ab;  }
.oly_head .oly_title_intro:after { display: block; content: ""; width:100%; height: 5px; background-image: url(../../images/olympic/olympic_27.png); background-repeat:no-repeat; background-position:right;}    
.oly_head .oly_title { width:100%; height:107px; text-align: left; border-bottom:1px solid #dcdcdc;  background-color:#f4f4f4; position: static;}
.oly_head .oly_title .oly_title_align { width:440px; height:100%; position: relative; }

.oly_head .oly_title .oly_title2 > span:first-child { width:230px; height:100px; margin-bottom:0; margin-top:3px;}
.oly_head .oly_title .oly_title2 > .oly_team { display:none}    
    
/*개막 전 -> D-day*/
.oly_day { position: absolute; top:10px; right:25px; }
.oly_day span:nth-child(1) { float:right; }
.oly_day .oly_day_count span { float:left; }

/* 개막 후 -> 메달 획득 현황 */
.kr_medal { width:189px; height:84px; position: absolute; top:14px; right: 0;}
.kr_medal span{ margin-left: 0px; float:left;}
.kr_medal strong { width:60px; height:44px; font-size:26.5px; padding-top:16px; margin-top:5px;  }
.kr_medal span:nth-child(1) {  font-size: 12px; margin-right: 3px; margin-top:2px}
.kr_medal span:nth-child(2) { font-size: 24px; margin-top:-6px}
.kr_medal span:nth-child(2) img {padding-top:4px;}    

.oly_head .oly_vod_thum { display: none;}
.oly_head .H_oly_img { width:100%; height:395px; position: absolute; top:113px;}
.oly_head .H_oly_img > a{ top:0px; right:10px; height:100%}
.oly_head .H_oly_img > a:first-child {left:10px; } 
    
/* 롤링 타이포 공통속성 */
.oly_head .H_oly_img .R_img_box li img {  bottom:0px; right:0; width:550px;}    
.oly_head .H_oly_img .R_img_box li .oly_roll { top:40px; left:50px;  }
.oly_head .H_oly_img .R_img_box li strong { top:61px; left:50px; line-height: 28px; }
.oly_head .H_oly_img .R_img_box li span { top:128px; left:52px; }    
.oly_head .H_oly_img .H_oly_img_btn { top:360px; }
}

/*~479*/
@media screen and (max-width: 479px){ 
.oly_head {height:422px; } /* 개막 전 height:413px;  개막 후 height:422px;*/
.oly_head .oly_title { height:85px;} /* 개막 전 height:73px;  개막 후 height:85px;*/
.oly_head .H_oly_img { top: 89px; height: 350px; } /* 개막 전 top:79px;  개막 후 top:89px;*/
.oly_head .oly_title .oly_title2 .oly_a_logo img { top: 6px; }
.oly_head .oly_title .oly_title_align { width:290px; height:100%; } 
.oly_head .oly_title .oly_title2 > span:first-child { width:145px; height:68px;}
/*개막 전 -> D-day*/
.oly_day { top:-1px; right:-3px; width:128px; }  /*top:5px;*/
.oly_day > span:nth-child(1) { display: none;} 
.oly_day .oly_day_clear { display: block; width:100%x; height: 18px; float:right}    
.oly_day > span:nth-child(1) img { display: none; }    
.oly_day .oly_day_count span:nth-child(1) { width: 56px; }  
.oly_day .oly_day_count span:nth-child(2) { width: 36px; }  
.oly_day .oly_day_count span:nth-child(3) { width: 36px;}       
.oly_day .oly_day_count span { font-size: 32px; }    
/*개막 후 -> 메달 획득 현황*/
.kr_medal { width:150px; height:73px; top:5px; right: -9px; margin-bottom:0;}
.kr_medal span{ margin-left: 0px; float:left;}     
.kr_medal strong { width:49px; height:37px; font-size:20px; padding-top:13px; margin-top:3px;}
.kr_medal > span:nth-child(1) { display: none}
.kr_medal span:nth-child(2) { display: none}   
.kr_medal span:nth-child(3) { display: block; width:100%x; height: 18px; float:right; font-family: "malgun Gothic"; margin-right: 4px; margin-top: 1px;} 
.kr_medal span:nth-child(3) span { display: block; float:left;  } 
.kr_medal span:nth-child(3) span.roro { font-size: 15px; font-weight: bold; color:green; width: 14px; height: 17px; margin-top: 1px; text-align: center; }    
.oly_head .H_oly_img .R_img_box li .oly_roll { display: none;}   
.oly_head .H_oly_img .R_img_box li strong { font-size: 20px; line-height: 24px; }    
.oly_head .H_oly_img .R_img_box li img { right:14%; min-width: 400px;}    
.oly_head .H_oly_img .R_img_box li .oly_roll { width:100%; position: static; text-align: center; margin-top:5px; font-size: 18px; }
.oly_head .H_oly_img .R_img_box li strong { width:100%; position: static; text-align: center; margin-top:15px;}
.oly_head .H_oly_img .R_img_box li span:last-child { display: none;} 
.oly_head .H_oly_img .H_oly_img_btn { top: 310px; }   
.oly_head .H_oly_img > a { top: 0px;}    
}

@media screen and (max-width: 420px){ 
    .oly_head .H_oly_img {height: 334px;}
    .oly_head .H_oly_img .R_img_box li img { right:10%; }  
}
@media screen and (max-width: 350px){ 
    .oly_head .H_oly_img .R_img_box li img { right:5%; }  
}

/* article > pc 와 mobile 분리 단계*/
@media screen and (max-width:768px){
/*article > 모바일 */.sub_view .oly_head {display: block; margin-top: 30px; border-top: 1px solid #ced2d7; margin-bottom: -30px;}
/*article > 피씨   */ .olyoly .oly_head {display: none;}
}

/* home > pc 와 mobile 분리 단계*/
@media screen and (max-width:640px){
/* home > 모바일 O */.right_cont .oly_head{ display: block; border-bottom:1px solid #ced2d7;}
/* home > 피씨 X */.oly_head {display:none}
}


/*--------------------------------------2. #container = #olympic --------------------------------------*/
#olympic { max-width: 1198px; position: relative; margin: 0 auto; padding-top: 161px; }
#olympic2 { max-width: 1198px; position: relative; margin: 0 auto; }
@media screen and (max-width: 1218px){ #olympic2{ margin-left: 10px; margin-right: 10px; } }    
@media screen and (max-width: 900px){ #olympic, #olympic2{ padding-top: 0px;} }
@media screen and (max-width: 640px){ #olympic, #olympic2{ margin: 0; } }


/*--------------------------------------3. 별도페이지 메인 --------------------------------------*/
#oly_title { width:100%; height:87px; background-color:#0062ab; position: relative; }
#oly_title2, #oly_title3 { display: none;}
#oly_title .oly_title_L { display: block; width:484px; float:left;}

/*개막전 */
#oly_title .oly_title_R1 { display: block; float:right; } 
#oly_title #oly_title_R1 { position: absolute; top:0; right:0; }
#oly_title .oly_title_R1 { display: block; width:302px; height:74px; margin-top:6px; background-image: url(../../images/olympic/olympic_05_2.png); position: relative; font-family: "arial";}
#oly_title .oly_title_R1 span {display: block; width:30px; position: absolute; top:15px; left:222px; color:#0062ab; text-align: left; font-size: 40px; font-weight: bold; letter-spacing: 19px; }

/*개막후*/
#oly_title #oly_title_R2 { position: absolute; top:0; right:0; }
#oly_title .oly_title_R2 { display: block; width:407px; height:100%; position: relative; font-family: "arial"; font-weight: bold}
#oly_title .oly_title_R2 span {display: block; float:left;}
#oly_title .oly_title_R2 > span:nth-child(1) { width:55px; height:61px; padding-top:25px;}
#oly_title .oly_title_R2 > span:nth-child(2) { width:162px; height:100%; text-align: left;  font-size: 12px; color:#80b1d5; }
#oly_title .oly_title_R2 span .R2_num4 { width:150px; height: 16px; margin-top:25px; }
#oly_title .oly_title_R2 span .R2_num5 { width:100%; height: 34px; margin-top:3px; }
#oly_title .oly_title_R2 span .R2_num6 { float:left }
#oly_title .oly_title_R2 span .R2_num7 { float:left; margin-top:-11px; text-align: right; font-size: 30px; color:#fcff00; margin-left: 2px;}
#oly_title .oly_title_R2 span .R2_num8 { float:left }
#oly_title .oly_title_R2 > strong { float:left; font-size:26.5px; color:#464646; display: block; height:49px; text-align:center; padding-top:18px; margin-top:10px; font-weight: bold}
#oly_title .oly_title_R2 .R2_num1 { background:url(../../images/olympic/olympic_05_06.png) ; background-repeat: no-repeat; width:64px; padding-left: 1px}
#oly_title .oly_title_R2 .R2_num2 { background:url(../../images/olympic/olympic_05_07.png) ; background-repeat: no-repeat; width:62px; }
#oly_title .oly_title_R2 .R2_num3 { background:url(../../images/olympic/olympic_05_08.png) ; background-repeat: no-repeat; width:58px; padding-right: 5px; }

#oly_title .oly_title_L_bg { display: block; width:100%; height:87px; position: absolute; top:0; left:-1198px; text-align: right; background-image: url(../../images/olympic/olympic_01.png) repeat-x; }
#oly_title .oly_title_R_bg { display: block; width:100%; height:87px; position: absolute; top:0; left:1198px; background:#008fd5; text-align: left}

/*올림픽 속보*/
#oly_flash { width:100%; height: 58px; text-align: left; line-height: 58px; }
#oly_flash strong {display: block; width:100px; float: left; font-size: 16px; font-weight: bold; color:#333; font-family: "Malgun Gothic"; }
#oly_flash .oly_flash { height: 100%; overflow: hidden;}
#oly_flash ul { display:inline-block; height: 100%; overflow: hidden; left; font-size: 16px; }
#oly_flash ul li { display: block; width:100%; height: 100%; }
#oly_flash ul li a {display: block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
#oly_flash .n_flash2_btn { display:inline-block; width:120px; height:100%; line-height: 58px; vertical-align: middle; margin-left:20px; margin-top:-3px;}
#oly_flash .n_flash2_btn img { vertical-align: middle; margin-top:-2px}
#oly_flash .n_flash2_btn .flash2_btn1 { margin-right: 10px}
#oly_flash .n_flash2_btn .flash2_btn1 img { margin-right:4px;}
#oly_flash .n_flash2_btn .flash2_btn2 { padding-right: 3px;}
#oly_flash .n_flash2_btn .flash2_btn4 {padding-left: 3px;}
#oly_flash #oly_flash_dot { display: none;}
#oly_flash #oly_cal { display: block; width: 122px; height: 100%; float: right; line-height:56px; font-size: 16px; color:#222; font-weight: bold; position: absolute; top:0; right: 0;}
#oly_flash #oly_cal2 { display: none; }

/*레벨1*/
#oly_lev { width:100%; height: 0; position:relative; padding-bottom:45%; text-align: left}
#oly_lev:after { width:376px; height:623px; background-image: url(../../images/olympic/olympic_06.png); content: ""; position: absolute; top:0; left: -376px;}
#oly_lev:before {width:376px; height:499px; background-image: url(../../images/olympic/olympic_07.png); content: ""; position: absolute; top:0; right: -376px;}
#oly_lev .oly_thum_movie2 { display: block; }
#oly_lev .oly_thum_movie2:after {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/Olympic/bk4.png); content:''; }
#oly_lev .oly_thum_movie3 { display: block; }
#oly_lev .oly_thum_movie3:after {display:block; position:absolute; top:44%; left:50%; width:83px; height:83px; margin-top: -41px; margin-left: -41px; background:url(../../images/Olympic/ico_movie2.png); content:'';}

.oly_lev1 {  width:74.5%; height: 0; float:left; position: relative; overflow: hidden; padding-bottom:41.5%; }
.oly_lev1 .first_photo_wrap { width:100%; overflow: hidden; }
.oly_lev1 .first_photo_wrap .fir_ph_pr { width:47px; height:47px; display: block; position:absolute; top:45%; left:3%; z-index: 50; }
.oly_lev1 .first_photo_wrap .fir_ph_ne { width:47px; height:47px; display: block; position:absolute; top:45%; right:3%; z-index: 50; }
.oly_lev1 .first_photo_wrap img { width:100%; min-height:100%;}
.oly_lev1 .first_photo_wrap .thum_movie_box { width:500%; height: 100%; }
.oly_lev1 .first_photo_wrap .thum_movie_box li { width:20%; float:left; }

.oly_lev1 .first_photo_wrap .first_photo_text { width:100%; height:135px; position: absolute; bottom:0; left:0px; border-top:1px solid rgba(255, 255, 255, .3); overflow: hidden; }
.oly_lev1 .first_photo_wrap .thum_move5 { display: block; content: ""; background:url(../../images/Olympic/bk4.png);}

.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text { height:135px; float:left; padding-right: 200px;}    
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text a {display:table; position:relative; height:135px; }
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text a .oly_1st_text2 {display:table-cell; vertical-align:middle;  }
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text a .oly_1st_text2 .oly_1st_text4 {display:block; max-height:90px; padding-left: 27px; color:#fff; font-size: 32px; text-shadow: 1px 1px 2px #000; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;  }
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text a .oly_1st_text2 .oly_1st_text3 {display:block; height:15px; font-size: 15px; color:#fff; padding-left:27px; margin-top:10px; }

.oly_lev1 .first_photo_wrap .first_photo_text ul { width:90px; height:50px; position: absolute; bottom:0; right:65px;}
.oly_lev1 .first_photo_wrap .first_photo_text ul li { width:10px; height:10px; float:right; background-color:#fff; border-radius: 5px; text-indent: -9999px; border:1px solid #ced2d7; margin-left:6px; margin-top:20px; cursor:pointer; }
.oly_lev1 .first_photo_wrap .first_photo_text ul li.on { background-color:#ffa800;}
.oly_lev1 .first_photo_wrap .first_photo_text .pause { width:50px; height:50px; position: absolute; bottom:0; right:0; }
.oly_lev1 .first_photo_wrap .first_photo_text .pause img { width:50px; height:50px;}

.oly_lev234 { width:25.4%; float:right}
.oly_lev234 a { display: block; width:100%; height: 0; float:right; position:  relative; overflow: hidden; padding-bottom:54.25%;  margin-top:1px; }
.oly_lev234 a:first-child { margin-top:0;}
.oly_lev234 a span img { display: block;  width: 100%; min-height: 100%; position: absolute; top: 0; left: 0;}
.oly_lev234 a .oly_lev234_t { color:#fff; position: absolute; bottom:0; left:0; padding:15px;font-size: 14.5px; font-weight: bold; text-shadow: 1px 1px 2px #000;}

.oly_section_tit1 { width:282px; height:31px; margin:60px auto 0 auto;}

#people{ max-width:1198px; margin:25px auto 0 auto; background: #f7f7f7;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
#people .people_box{ position: relative; width:100%; height: 350px; }
#people .people_box p { width:30px; height:100%; position: absolute; top:0; }
#people .people_box p a { display: block; height: 100%; background-image: url(../../images/olympic/olympic_10.png); background-repeat: no-repeat;}
#people .people_box p a#oly_prev{ background-position: -5px center }
#people .people_box p a#oly_prev:hover{ background-position: -40px center }
#people .people_box p a#oly_next { background-position: -75px center }
#people .people_box p a#oly_next:hover{ background-position: -110px center }

#people .people_box p:nth-child(1) { left: -40px; }
.people_box p:nth-child(2) { right: -40px; }
.people_box .people_tree { width:100%; overflow: hidden;}
#people .people_box .people_tree .people_num {  overflow: hidden;  position: relative;  margin: 0px auto; }   
.people_box .people_tree ul { width:2000px;  height:100%; }
.people_box .people_tree ul li { position: relative; width: 300px; height:340px; float:left; }
.people_box .people_tree ul li a { display: block; width:100%;  }
.people_box .people_tree ul li a .people_wrap { display: block; width:100%; position: absolute; top:0; left: 0; z-index: 50;}
.people_box .people_tree ul li a .people_wrap img { width:100%;  }
.people_box .people_tree ul li a .people_info1 { display: block; width:100%; height:80px; position: absolute; bottom:0.8%; left: 0; z-index: 100;}
.people_box .people_tree ul li a .people_info2 { display: block; width:100%; height:95px; margin:0 auto;  }
.people_box .people_tree ul li a .people_info2 span:first-child { display: block; color:#222; font-size: 16px; height: 30px; line-height: 30px; margin-bottom: 3px;}
.people_box .people_tree ul li a .people_info2 strong { font-size:21px; padding-right:8px; padding-top:-2px}
.people_box .people_tree ul li a .people_info2 span { display: block; color:#666; font-size: 13px; margin-top:5px;}


@media screen and (max-width:1250px){
#people{ padding-left:50px; padding-right: 50px; }    
    
}

/*태블릿 가로 : 1250픽셀 이하 가로 5개*/
@media screen and (min-width: 1050px) and (max-width:1250px) and (orientation: landscape) {
#people .people_box{ height:226px; }    
#people .people_box .people_tree .people_num {width:950px;}       
#people .people_box .people_tree ul li { width:190px; height: 216px;}
.people_box .people_tree ul li a .people_info1 {height: 53px;}
.people_box .people_tree ul li a .people_info2 {height: 57px;}    
.people_box .people_tree ul li a .people_info2 strong { font-size: 16px; padding-right: 3px;}
.people_box .people_tree ul li a .people_info2 span:first-child {font-size: 14px; margin-top:0px;}
.people_box .people_tree ul li a .people_info2  .people_clear {display: none}   
}

/*태블릿 가로 :860~1049 4개*/
@media screen and (min-width: 860px) and (max-width:1049px) and (orientation: landscape) {
#people .people_box{ height:226px; }    
#people .people_box .people_tree .people_num {width:760px;}       
#people .people_box .people_tree ul li { width:190px; height: 216px;}
.people_box .people_tree ul li a .people_info1 {height: 53px;}
.people_box .people_tree ul li a .people_info2 {height: 57px;}    
.people_box .people_tree ul li a .people_info2 strong { font-size: 16px; padding-right: 3px;}
.people_box .people_tree ul li a .people_info2 span:first-child {font-size: 14px; margin-top:0px;}
.people_box .people_tree ul li a .people_info2  .people_clear {display: none}   
}

/*모바일 가로 : 670~859픽셀 이하 가로 3개*/
@media screen and (min-width: 670px) and (max-width:859px) and (orientation: landscape) {
#people .people_box{ height:226px; }    
#people .people_box .people_tree .people_num {width:570px;}       
#people .people_box .people_tree ul li { width:190px; height: 216px;}
.people_box .people_tree ul li a .people_info1 {height: 53px;}
.people_box .people_tree ul li a .people_info2 {height: 57px;}    
.people_box .people_tree ul li a .people_info2 strong { font-size: 16px; padding-right: 3px;}
.people_box .people_tree ul li a .people_info2 span:first-child {font-size: 14px; margin-top:0px;}
.people_box .people_tree ul li a .people_info2  .people_clear {display: none}
}

/*모바일 가로 : 481~669픽셀 이하 가로 2개*/
@media screen and (min-width: 481px) and (max-width:669px) and (orientation: landscape) {
#people .people_box{ height:226px; }    
#people .people_box .people_tree .people_num {width:380px;}       
#people .people_box .people_tree ul li { width:190px; height: 216px;}
.people_box .people_tree ul li a .people_info1 {height: 53px;}
.people_box .people_tree ul li a .people_info2 {height: 57px;}    
.people_box .people_tree ul li a .people_info2 strong { font-size: 16px; padding-right: 3px;}
.people_box .people_tree ul li a .people_info2 span:first-child {font-size: 14px; margin-top:0px;}
.people_box .people_tree ul li a .people_info2  .people_clear {display: none}
}



/*태블릿 세로 : 730~979픽셀 이하 세로 3개*/
@media screen and (max-width:979px) and (min-width: 730px) and (orientation: portrait) { 
#people .people_box{ height:250px; }     
#people .people_box .people_tree .people_num {width:630px;}    
#people .people_box .people_tree ul li { width:210px; height: 240px;}
.people_box .people_tree ul li a .people_info1 {height: 74px;}
.people_box .people_tree ul li a .people_info2 {height: 75px;}    
.people_box .people_tree ul li a .people_info2 strong { font-size: 16px; padding-right: 3px;}
.people_box .people_tree ul li a .people_info2 span:first-child {font-size: 14px; margin-top:10px;}
.people_box .people_tree ul li a .people_info2 span { margin-top: 2px; }    
}
/*태블릿 세로 : 670~729픽셀 이하 세로 3개*/
@media screen and (max-width:729px) and (min-width: 670px) and (orientation: portrait) { 
#people .people_box{ height:226px; }    
#people .people_box .people_tree .people_num {width:570px;}       
#people .people_box .people_tree ul li { width:190px; height: 216px;}
.people_box .people_tree ul li a .people_info1 {height: 53px;}
.people_box .people_tree ul li a .people_info2 {height: 57px;}    
.people_box .people_tree ul li a .people_info2 strong { font-size: 16px; padding-right: 3px;}
.people_box .people_tree ul li a .people_info2 span:first-child {font-size: 14px; margin-top:0px;}
.people_box .people_tree ul li a .people_info2  .people_clear {display: none}  
}
/*태블릿 세로 : 481~669픽셀 이하 세로 2개*/
@media screen and (max-width:669px) and (min-width: 481px) and (orientation: portrait) {   
#people .people_box{ height:226px; }    
#people .people_box .people_tree .people_num {width:380px;}       
#people .people_box .people_tree ul li { width:190px; height: 216px;}
.people_box .people_tree ul li a .people_info1 {height: 53px;}
.people_box .people_tree ul li a .people_info2 {height: 57px;}    
.people_box .people_tree ul li a .people_info2 strong { font-size: 16px; padding-right: 3px;}
.people_box .people_tree ul li a .people_info2 span:first-child {font-size: 14px; margin-top:0px;}
.people_box .people_tree ul li a .people_info2  .people_clear {display: none}         
}
/*모바일 세로 : 480픽셀 이하 세로 1개*/
@media screen and (max-width:480px) and (orientation: portrait) {       
#people .people_box{ height:295px; }     
#people .people_box .people_tree .people_num {width:250px;}    
#people .people_box .people_tree ul li { width:250px; height: 285px;}
.people_box .people_tree ul li a .people_info1 {height: 80px;}
.people_box .people_tree ul li a .people_info2 {height: 95px;}      
.people_box .people_tree ul li a .people_info2 strong { font-size: 18px; padding-right: 5px;}
.people_box .people_tree ul li a .people_info2 span:first-child {font-size: 15px; margin-top:10px;}
.people_box .people_tree ul li a .people_info2  .people_clear {display: block}    
}


.oly_section_tit2 { width:276px; height:36px; margin:100px auto 0 auto;}
.gallery_container_tab { width: 100%; height:110px; margin-top:30px;} 
.gallery_container_tab li { width:25%; height: 100%;  float:left; background:#2f2f30; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #444445; padding:10px 20px 10px 20px; }
.gallery_container_tab li:first-child { border:0 none;}
.gallery_container_tab li a {display: table; position:relative; height: 90px; min-width: 100%; }
.gallery_container_tab .photo_middle_img_m { display: block; position:absolute; top:11px; left:0;}
.gallery_container_tab .photo_middle_text_m { display: table-cell; vertical-align: middle; text-align: left}
.gallery_container_tab .photo_middle_text_m > strong { display: block; max-height: 2.4em; line-height: 1.2em; margin-left:80px; font-size: 15px; color:#d9d9d9; font-weight: normal;}
.gallery_container_tab .photo_middle_text_m > span { display: block; max-height: 2.4em; line-height: 1.2em;margin-left:80px; margin-top:5px; font-size: 12px; color:#8e8e8e; }
.photo_middle_img_m { width:65px; height:65px; float:left; position: relative;}
.photo_middle_img_m .photo_middle_img_n {position: absolute; top:55px; left:53px; color:#fc4848;}
.photo_middle_img_m img { width:65px; height:65px; position: absolute; top:0; left:0;}

/*onlick*/
.gallery_container_tab li.g_c_tab_on { background:#00a5e5; position: relative;}
.gallery_container_tab li.g_c_tab_on:before { display: block; width:17px; height:9px; content:""; position: absolute; bottom:-9px; left:49%; background:url(../../images/olympic/olympic_18.png); }
.gallery_container_tab li.g_c_tab_on .photo_middle_text_m >strong { color:#fff;}
.gallery_container_tab li.g_c_tab_on .photo_middle_text_m >span { color:#99dbf5}
.gallery_container_tab li.g_c_tab_on .photo_middle_img_n {color:#333;}

#olympic2 .photo_read_g_wrap { margin-top:0; border: 0 none; padding-top: 1px}
.oly_gal_wrap {display: none;}

.oly_section_tit3 { width:144px; height:30px; margin:110px auto 0 auto;}
#olympic2 #container #photo_sec6 { width: 100%; margin-bottom: 0; background:#f7f7f7; border:1px solid #d1d5d9; margin-top:30px; }
.first_margin { margin-bottom:0;} 
.oly_list  { width:100%; height:310px; border-bottom: 1px solid lightgray; position: relative}
.oly_list2 { background:#f7f7f7;}
.oly_list .oly_list_con { display: block; padding:0 2%; margin: 0 auto; height:100%; text-align: left; color:#222; }
.oly_list .oly_list_con .oly_list_head { display: block; width:70%; height:55px; line-height:55px; font-size: 29px; padding-top:30px; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.oly_list .oly_list_con .oly_list_body  { display: block; width:100%; position: relative; padding-top:10px; }
.oly_list .oly_list_con .oly_list_body .oly_list_img { display: block; width:28%; float:right; height:0; position: relative; padding-bottom:16%; overflow: hidden; margin-top:-35px}
.oly_list .oly_list_con .oly_list_body .oly_list_img img { display: block; width:100%; min-height:100%; position: absolute; top:0; right:0; }
.oly_list .oly_list_con .oly_list_body .oly_list_text { display: block;  padding-left:1%; padding-right:5%; height: 84px; line-height: 28px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;color:#666;}
.oly_list .oly_list_con .oly_list_body .oly_coninfo { display: block; padding-left:1%; color:#666; font-size: 11px; margin-top:20px; }
.el_share_cover{position:absolute;left:3%;bottom:11%;}
.el_share_cover .el_share_list{display:inline-block;zoom:1;*display:inline;}
.el_share_cover .el_share_list li{display:inline-block;zoom:1;*display:inline;padding-left:2px;}
.el_share_cover .el_share_list li:first-child{padding-left:0;}
.el_share_cover .el_share_list li img{width:40px;}

#oly_list_more { width:150px; height:34px; margin:50px auto 0 auto; margin-bottom: -50px; overflow: hidden;}
#oly_list_more a { display: block; height: 100%; background-image: url(../../images/olympic/olympic_15.png); background-repeat: no-repeat; background-position:-5px -5px;}
#oly_list_more a:hover { background-position:-5px -49px; }

/*calendar*/
.oly_calendar { max-width:1198px; margin:0 auto; position: relative; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.oly_calendar:after { width:376px; height:623px; background-image: url(../../images/olympic/olympic_06.png); content: ""; position: absolute; top:0; left: -376px;}
.oly_calendar:before {width:376px; height:499px; background-image: url(../../images/olympic/olympic_07.png); content: ""; position: absolute; top:0; right: -376px;}
.oly_section_tit4 { width:176px; height:32px; margin:50px auto 22px auto; }
.calnotice { width: 100%; text-align: right; margin-bottom: 10px; }
.oly_calendar table { width:100%; }

.oly_calendar .oly_cal_title { height: 60px; width: 100%; background: #f5f5f5; border-top:1px solid #c4c4c4; }
.oly_calendar .oly_cal_title th { color:#666; font-size: 21.3px; font-weight: bold; border-left: 1px solid #dedede; text-align: center; padding:0;}
.oly_calendar .oly_cal_title th:first-child {border-left:0 none;}
.oly_calendar td { border-bottom:1px solid #eeeeee; font-size: 18px; color:#222; font-weight: bold; border-left: 1px solid #dedede; text-align: left; padding: 20px;}
.oly_calendar td.oly_c_first { border-left:0 none; text-align: center;  border-bottom:1px solid #c4c4c4} 
.oly_calendar td.oly_time { letter-spacing: normal; text-align: center}
.oly_calendar .oly_c_last td{ border-bottom:1px solid #c4c4c4}
.oly_calendar .oly_c_t2 { font-size:16px; color:#999; font-weight: normal; vertical-align: bottom;}
.oly_calendar .oly_cal_mobile { display: none;}
.oly_calendar .oly_player a:link, .oly_calendar .oly_player a:visited { color:#222;}
.oly_calendar .oly_player a:hover, .oly_calendar .oly_player a:focus { color:#00a5e5;}

/* 1250 */
@media screen and (max-width:1250px){
#oly_lev:after, #oly_lev:before { display: none; }
}

/* 1218 */
@media screen and (max-width:1218px){
#oly_title .oly_title_L { padding-left: 10px; background:#00a5e5; }    
#oly_title #oly_title_R2, #oly_title #oly_title_R1 { right:5px; }    
#olympic2 #container { margin:0;}
#olympic2 #container #photo_sec6 { width: 100%; }
}

/* 1197 */
@media screen and (max-width:1197px){  
.oly_list .oly_list_con .oly_list_body .oly_list_img { margin-top:0}
#oly_list_more { margin-bottom:0;}    
}

/* 900 */
@media screen and (max-width:900px){      
#oly_title {display: none;}  
#oly_title2 { display: block; width:100%; height: 53px; position:relative;background: #0062ab; margin-top:55px; border:1px solid #186fb0;}
#oly_title2:after { display: block; content: ""; width:126px; height: 54px; position: absolute; top:-1px; left:-1px; background-image: url(../../images/olympic/olympic_50.png); }
#oly_title2:before { display: block; content: ""; width:138px; height: 54px; position: absolute; top:-1px; right: 0; background-image: url(../../images/olympic/olympic_51.png); }
#oly_title2 .oly_title22 { display: block; width:122px; height:54px; margin:5px auto 0 auto; position: relative;}
#oly_title2 .oly_title22 img{ display: block; width: 122px; height:44px;  z-index: 10; position: absolute; top:0; left:0;}
/*개막 후*/
#oly_title3 { display: block; width:100%; height: 56px; position:relative; background: #004e89; }
#oly_title3:after { display: block; content: ""; width:55px; height: 56px; position: absolute; top:-1px; left: 0; background-image: url(../../images/olympic/olympic_53.png); }
#oly_title3:before { display: block; content: ""; width:113px; height: 56px; position: absolute; top:-1px; right:-1px; background-image: url(../../images/olympic/olympic_54.png); }
    
#oly_title3 .oly_title33 { display: block; width:350px; height:55px; margin:0 auto; position: relative; font-family: "arial"; z-index: 100;}    
#oly_title3 .oly_title33 span {display: block; float:left;}
#oly_title3 .oly_title33 > span:nth-child(1) { width:45px; height:46px; padding-top:9px;}
#oly_title3 .oly_title33 > span:nth-child(2) { width:150px; height:100%; text-align: left;  font-size: 12px; color:#80b1d5; }
#oly_title3 .oly_title33 span .R2_num4 { width:100%; height: 16px; margin-top:11px; }
#oly_title3 .oly_title33 span .R2_num5 { width:100%; height: 34px;}
#oly_title3 .oly_title33 span .R2_num6 { float:left; width: 96px; }
#oly_title3 .oly_title33 span .R2_num7 { float:left; margin-top:-5px; text-align: right; font-size: 21px; color:#fcff00; margin-left: 2px; font-weight: bold}
#oly_title3 .oly_title33 span .R2_num8 { float:left; width:16px;}
#oly_title3 .oly_title33 > strong { float:left; font-size:23px; color:#464646; display: block; height:40px; text-align:center; padding-top:13px; margin-top:2px; }
#oly_title3 .oly_title33 .R2_num1 { background:url(../../images/olympic/olympic_05_06.png) ; background-repeat: no-repeat; background-size: contain; width:51px; padding-left: 1px; }
#oly_title3 .oly_title33 .R2_num2 { background:url(../../images/olympic/olympic_05_07.png) ; background-repeat: no-repeat; background-size: contain; width:49px; }
#oly_title3 .oly_title33 .R2_num3 { background:url(../../images/olympic/olympic_05_08.png) ; background-repeat: no-repeat; background-size: contain; width:46px; padding-right: 5px; }    
        
/*개막 전*/    
#oly_title3 .oly_title44 { display: block; width:257px; height:55px; margin:0 auto; position: relative; }
#oly_title3 .oly_title44 img{ display: block; width:257px; height:55px;  z-index: 10; position: absolute; top:0; left:0;}   
#oly_title3 .oly_title44 .R1_num1 { display: block; position: absolute; top:9px; left:192px; font-size: 34px; font-family: "arial"; color:#0062ab; text-align: left; font-weight: bold; letter-spacing: 17px; z-index: 100; }    
   
#oly_flash { height: 37px; box-sizing: border-box; position: relative; padding-right: 70px; }   
#oly_flash .oly_flash {
    height: 100%;
    overflow: hidden;
    position: relative;
    display: inline-block;
}    
#oly_flash .n_flash2_btn {  line-height:37px; vertical-align: top; margin-left:0px; margin-top:0; position: absolute; top:0; right:0;}  
#oly_flash strong { display: none; }    
#oly_flash ul { display: inline-block; box-sizing: border-box; padding-right:120px; width:100%; height:37px; font-size:15px; line-height: 37px; padding-left: 15px; }  
#oly_flash ul li { line-height: 37px; margin-left: 5px; font-size: 13px;}
#oly_flash #oly_flash_dot { display: block; width:4px; height: 100%; position: absolute; top:0; left: 10px;}
#oly_flash #oly_cal { display: none; }
#oly_flash #oly_cal2 { display: block; height: 27px; float: right; line-height:27px; font-size: 13px; color:#fff; background-color: #0baf4d; margin-top:5px; padding-left:5px; padding-right:6px; position: absolute;top:0; right: 0;}    
#oly_flash #oly_cal2 img { margin-left: 3px}    

#oly_lev { padding-bottom:80%; }
.oly_lev1 {  width:100%; float:none; padding-bottom:56.26%;}
.oly_lev1 span { font-size:35px; }    
.first_photo_text div p {display: none;}   
.oly_lev234 { width:100%; float:none}
.oly_lev234 a {width:33.33%; float:left; padding-bottom:20%; margin-top:1px; border-right:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.oly_lev234 a:first-child { margin-top:1px; float:left;}
.oly_lev234 a:nth-child(3) { border-right:0 none;}
.oly_lev234 a span { font-size: 20px; } 
.oly_lev234 a .oly_lev234_t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 86%;}   
    
.gallery_container_tab li { width:33.33%}
.gallery_container_tab li:nth-child(4) {display: none;}    
      
.oly_list  { height:290px;}    
.oly_list .oly_list_con .oly_list_head { width:100%; line-height:55px; font-size: 25px; padding-top:20px; padding-left: 1%;}
.oly_list .oly_list_con .oly_list_body .oly_list_img { width:42%; padding-bottom:24%;}
.oly_list .oly_list_con .oly_list_body .oly_list_img img {top:5px}
.oly_list .oly_list_con .oly_list_body .oly_list_text { height: 75px; line-height:25px; font-size: 13px;}
    
#oly_list_more a { background-position:-5px -5px; }
#oly_list_more a:hover { background-position:-5px -5px; }    
    
    
.oly_calendar .oly_cal_title { height: 45px; }
.oly_calendar .oly_cal_title th { font-size: 16px; }
.oly_calendar td { font-size: 14px; padding: 10px;}
.oly_calendar td.oly_time { letter-spacing: normal; }
.oly_calendar .oly_c_last td{ border-bottom:1px solid #c4c4c4}
.oly_calendar .oly_c_t2 { font-size:12px; vertical-align: bottom }    
    
}
/* 768 */
@media screen and (max-width:768px){ 
    
#oly_lev { padding-bottom:76%; }
.oly_lev1 .first_photo_wrap .first_photo_text { width:100%; height:50px; position: absolute; bottom:0; left:0px; overflow: hidden; border: 0 none; }
.oly_lev1 .first_photo_wrap .thum_move5 { display: block; content: ""; background:url(../../images/photo/bk5.png);}
    
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text { height:50px; }    
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text a { height:50px; }
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text a .oly_1st_text2 .oly_1st_text4 { max-height:50px; font-size: 22px; padding-left: 16px; }
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text a .oly_1st_text2 .oly_1st_text3 {display:none; }    
    
.oly_lev1 .first_photo_wrap .first_photo_text ul { width:90px; height:50px; position: absolute; bottom:0; right:65px;}
.oly_lev1 .first_photo_wrap .first_photo_text ul li { width:10px; height:10px; float:right; background-color:#fff; border-radius: 5px; text-indent: -9999px; border:1px solid #ced2d7; margin-left:6px; margin-top:20px; cursor:pointer; }
.oly_lev1 .first_photo_wrap .first_photo_text ul li.on { background-color:#ffa800;}
.oly_lev1 .first_photo_wrap .first_photo_text .pause { width:50px; height:50px; position: absolute; bottom:0; right:0; }
.oly_lev1 .first_photo_wrap .first_photo_text .pause img { width:50px; height:50px;} 
 
.oly_section_tit2 { margin-top:80px;}    
.oly_section_tit3 { margin-top:60px;}
    
/*gallery*/
.oly_section_tit2{ margin-bottom:30px;}    
.gallery_container_tab {display:none;}   
/*if contents => "4"*/
.oly_gal_wrap {display: block; width:100%; height: auto; margin:0 auto; overflow: hidden;}
.oly_gal_wrap .oly_gallery_box{width:49%; overflow:hidden; float:left; margin-bottom:20px;}
.oly_gal_wrap .oly_gallery_box:first-child{ margin-right:2%}
.oly_gal_wrap .oly_gallery_box li { width:100%; float:left;border:1px solid #e2e2e2; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:4%;}
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_img {width:100%;}
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_text { width:88%; margin:0 auto; position: relative;}
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_text h5 { width:100%; line-height:1.4em; font-size:17px; text-align:left; font-weight: bold; margin:16px 0 8px 0; }
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_text h5 a { color:#222}
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_text .p_g_con { width:100%; max-height:2.8em; line-height:1.4em; text-align:left; margin-bottom:10px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_text .p_g_info { margin-bottom:5px; font-size: 12px; color:#999;}
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_text .p_g_num { float:right; width:60px; height:16px; text-align: right; font-size:16px; font-weight: bold; line-height: 16px; letter-spacing: 0; margin-bottom: 12px; }
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_text .p_g_num a { color:#fc4848;}
.oly_gal_wrap .oly_gallery_box li .p_g_gallery_text .p_g_num img { width:14px; height:14px; margin-right:3px; margin-top:2px;}
    
}

/* 640 */
@media screen and (max-width:640px){ 
#oly_lev { padding-bottom:85%; }
.oly_lev1 .first_photo_wrap .fir_ph_pr, .oly_lev1 .first_photo_wrap .fir_ph_ne { top:40%;}  
 
.oly_lev1 .first_photo_wrap .first_photo_text ul { display: none;}
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text {padding-right: 100px;}    
    
.oly_lev234 a {width:50%; float:left; padding-bottom:29%; }
.oly_lev234 a:nth-child(2) { border-right:0 none;}
.oly_lev234 a:nth-child(3) { display: none;}
.oly_lev234 a .oly_lev234_t { width: 83%;}        
/*#oly_flash { margin-left: 10px; }*/
#oly_flash strong {display: none;}
#oly_flash #oly_cal2 { margin-right: 15px;}    
#olympic2 #container #photo_sec6 { border-bottom:1px solid #ced2d7}
.oly_list .oly_list_con .oly_list_head { line-height:55px; font-size:20px; padding-top:10px; }
.oly_list  { height:250px;}
.el_share_cover{bottom:9%;}
.el_share_cover .el_share_list li img{width:30px;}
#oly_list_more { margin-bottom:50px;}  
.oly_calendar { margin-bottom:50px;}  
.oly_calendar .oly_c_t2 { display: block; padding-left: 0;}        
.oly_calendar .oly_c_first .oly_c_t2 { display: none;}   
.oly_calendar .oly_c_first .oly_c_t3 { display: block;}  
.oly_calendar .oly_cal_pc, .oly_calendar .oly_table_none { display: none;}  
.oly_calendar .oly_cal_mobile { display: table-cell; height: 45px; }
.oly_calendar .oly_cal_mobile span, .oly_calendar .oly_t_block { display: block;}
.oly_calendar .oly_player { width:60px; text-align: center; padding:5px}     
    
}
/* 480 */
@media screen and (max-width:480px){    
#oly_flash .n_flash2_btn { display: none;}    
#oly_flash ul {padding-right: 0px;}
#oly_lev .oly_thum_movie3:after { width:60px; height:60px; margin-top: -30px; margin-left: -30px; background-size: 60px;}    

.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text {padding-right: 60px;}    
.oly_lev1 .first_photo_wrap .first_photo_text .oly_1st_text a .oly_1st_text2 .oly_1st_text4{ font-size: 17px; max-height: 20px; }      
.oly_section_tit1 { margin: 50px auto 0 auto; }    
#people { margin: 15px auto 0 auto;}    
.oly_section_tit1 img, .oly_section_tit2 img, .oly_section_tit3 img, .oly_section_tit4 img { width:80%;}    
.oly_section_tit2 { margin-top: 50px; margin-bottom: 15px; }   
.oly_section_tit3 { margin-top: 40px; }
.oly_section_tit4 { margin:50px auto 15px auto; }    
#olympic2 #container #photo_sec6 {margin-top: 15px; }  
#oly_list_more { margin: 20px auto 15px auto; width:120px; height: 27px}    
#oly_list_more a { display: block; height: 100%; background-position:-5px -93px; }
#oly_list_more a:hover { background-position:-5px -93px; }  
    
.calnotice {text-align: center; }    
}

/* 380 */
@media screen and (max-width:480px){ 
#oly_title3 .oly_title33 { width: 335px;}    
#oly_title3 .oly_title33 > span:nth-child(2) {width: 138px;}

}