@charset "utf-8";
@import url("responsive_cmt.css");
@import url("http://news.chosun.com/dhtm/css/art/201505/lightslider.min.css");

/* 
	작성자 : Lee Keun Ho 
	작업시작일 : 2016.07.15 
*/

/*******************************************************************
Common
******************************************************************/

/*******************************************************************
Layout
******************************************************************/
.sub_container{font-family:'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif}
.sub_list_content{width:1115px; margin:0 auto; padding:30px 0 0 0; }
.sub_list_content:after{content:""; display:block; clear:both;}
.sub_list_content .wrap_news_list{float:left; width:755px;}
.sub_list_content .wrap_news_list:after{content:""; display:block; clear:both;}
.sub_list_content .wrap_news_list .list_left_tit{float:left; width:135px;}
.sub_list_content .wrap_news_list .list_body{float:left; width:600px; min-height:1070px; padding-left:19px;}
.sub_list_content .wrap_sub_aside{float:right; width:320px; padding-bottom:100px;}
.sub_list_content .wrap_photo_list{width:1160px; margin:0 auto;}
.sub_list_content .wrap_photo_list:after{content:""; display:block; clear:both;}
.sub_list_content .wrap_photo_list .list_left_tit{float:left; width:135px;}
.sub_list_content .wrap_photo_list .list_right_photo{float:left; width:1025px; padding-bottom:50px;}
.sub_list_content .wrap_photo_list .list_right_photo .inner{width:960px; padding-left:20px; border-left:1px solid #d7d7d7;}
.sub_list_content .wrap_photo_list .list_right_photo .list_body{padding-left:0; border:0; overflow:hidden;}
.wrap_photo_list #calendar{position:absolute; z-index:100}
.wrap_sub_aside .inner > iframe{height:1500px !important;}
.rio_article_page .news_aside > iframe{height:2800px !important;}

/*******************************************************************
List Left Tit
******************************************************************/
.list_left_tit h3{font-size:20px; font-weight:bold; letter-spacing:-.5px; line-height:1;}

/*******************************************************************
List Body
******************************************************************/
.list_body {  margin-left:0px; font-size:14px; border-left:solid 1px #d7d7d7; letter-spacing:-1px;}
.list_body.fontset_gul { font-family:'굴림', gulim;}
.list_body .news_date { margin-bottom:20px; font-family: '돋움', Dotum, Arial, Helvetica, sans-serif; font-size: 78.6%; color: #888; }
.list_body .news_subtitle { margin-bottom:20px; font-size:100%; font-weight:bold; color:#555;}
.list_body p { margin-bottom:20px;}
.category { height:23px; margin-bottom:20px; border-bottom:solid 1px #909090; position: relative; font-size:14px; font-weight:bold; line-height:1; color:#444;}

/* view option */
.view_option {width:150px; float:left; font-size:12px; }
.view_option img { vertical-align:middle; margin-right:3px;}
.view_option #selected { margin:0 4px 0 2px;color:#666;font-weight:bold;vertical-align:top; letter-spacing:-0.1em; }
.view_option #selected a { color:#222;letter-spacing:-0.1em; }
.view_option #none-selected {margin-left:2px;margin-right:4px;color:#666; vertical-align:top;  }
.view_option #none-selected a { color:#666;  }
.view_option #img {width:13px; margin:0 2px -2px 0; padding-top:-2px; height:13px;display:inline;}
.view_option #line{font-size:12px;font-weight:none;color:#e6e6e6;padding:0 5px 0 4px;}

/* sort option */
.sort_option { float:right; color:#666; letter-spacing:-0.1em; font-size:12px;  }
.sort_option #selected { font-weight:bold;margin:0 4px;    }
.sort_option #selected a { color:#222;  }
.sort_option #none-selected { margin:0 0 0 4px;}
.sort_option #none-selected a { color:#666;  }
.sort_option #line{ font-size:12px;font-weight:none;color:#e6e6e6;padding:0; }

/* date option */
#date_option_all {width:59px;}
.date_option { clear:both;text-align:center; padding-top:6px; position:relative; font-size:12px;}
.date_option ul { padding:0; list-style:none; margin:0;}
.date_option ul li { float:left;width:65px; height:26px; line-height:26px;  background:#f9f9f9; border:solid 1px #d6d6d6; border-right:0; color:#666;  }
.date_option ul li #date { }
.date_option ul li.selected { height:26px; background:#fff; font-weight:bold;color:#222; border-bottom:0; }
.date_option ul li.selected a { color:#222; }
.date_option ul li.deselected { }
.date_option ul li.deselected a {text-decoration:none;color:#666; }
.date_option ul li.cal { width: 70px; height:26px; border-right:solid 1px #d6d6d6; position: relative; }
.date_option ul li.cal a { width:19px; height:17px; display:inline-block; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -550px; text-indent:-9999px; overflow:hidden; vertical-align:middle; }
.date_option ul li.cal img{ vertical-align:middle; margin-left:3px; display:none;}

/* list-item */
dl.list_item { padding:15px 0 5px; border-bottom:solid 1px #eaeaea; overflow:hidden; }
dl.list_item dt { margin-bottom:10px; font-size:17px; font-weight:bold; color:#222}
dl.list_item dt a { color:#222; }
dl.list_item dd.thumb { margin-bottom:10px; float:left; line-height:0; margin-right:10px; }
dl.list_item dd.thumb img { max-width:110px; max-height:80px;}
dl.list_item dd.desc { margin-bottom:3px; font-size:13px; line-height:20px; color:#666}
dl.list_item dd.desc a { color:#666;}
dl.list_item dd.date_author { margin-bottom:10px; font-size:12px; color:#888;}
dl.list_item dd.rel_trig { margin-top:-10px; font-size:12px; float:right;}
dl.list_item dd.rel_trig a { color:#222}
dl.list_item dd.rel_trig a:after { content:''; display:inline-block; width:5px; height:3px; margin-left:3px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -200px -525px; vertical-align:middle;}
dl.list_item dd.rel_trig a.rel_off:after { background-position:-200px -525px; }
dl.list_item dd.rel_trig a.rel_on:after { background-position:-225px -525px; }

dl.list_item dd.rel_box { clear:both; position:relative; display:none; margin-bottom:10px; padding:15px 20px; background:#f8f8f8; border:solid 1px #eaeaea; border-left:0; border-right:0;}
dl.list_item dd.rel_box a.rel_close { width:9px; height:9px; display:block; position:absolute; top:7px; right:7px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -300px -550px;}
ul.rel_list li { position:relative; margin-top:7px; padding-left:18px; font-size:13px; line-height:20px; color:#666; }
ul.rel_list li:first-child { margin-top:0;}
ul.rel_list li:before { content:''; display:block; width:7px; height:7px; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -100px -300px; position:absolute; top:50%; left:0px; margin-top:-4px;}
ul.rel_list li a { color:#666;}
ul.rel_list li em.date { margin-left:5px; font-size:12px; color:#888;}


#list_area {clear:both;}
#list_area.list_title { padding-top:1px;}
#list_area.list_title dl.list_item { border-bottom:0; margin-top:13px; padding:0;}
#list_area.list_title dl.list_item dt { display:inline; }
#list_area.list_title dl.list_item dd.date_author { display:inline}
#list_area.list_title dl.list_item dd.rel_trig { margin-top:0; margin-bottom:5px;}
#list_area.list_title .list_spaceline { margin-top:13px; clear:both; display:block; border-bottom:solid 1px #eaeaea;}

/*******************************************************************
Paginate
********************************************************************/

.paginate { clear:both; margin-top:20px; margin-bottom:20px;}
.paginate_num { text-align:center; font-size:13px; }
.paginate_num li { display:inline;}
.paginate_num li a, .cmt_pager li strong { padding:3px 10px; border:solid 1px #fff;}
.paginate_num li .current { color:#c41a1a; font-weight:bold; text-decoration:underline;}
.paginate_num li a:hover { text-decoration:none; border:solid 1px #c41a1a}
.paginate_num li a.pager_prev { background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -300px -575px; width:7px; height:13px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle;  }
.paginate_num li a.pager_next { background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -575px; width:7px; height:13px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle;  }

/* aside */
.news_aside { width:320px; margin-top:30px; margin-left:40px; float:left; letter-spacing:-1px;}
.news_aside_box {  border:solid 1px #d7d7d7; border-top:solid 1px #d61b22; }


/*******************************************************************
List Event Menu
********************************************************************/
.wrap_list_event_info{height:100%; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif; font-weight:300}
.wrap_event_menu{}
.box_event_btn{background-color:#0173ba; }
.box_event_btn.display_table{width:100%; height:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed}
.box_event_btn *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.box_event_btn .row{position:relative; width:100%; height:100%;}
.box_event_btn .row a.cell{position:relative; width:60px; height:70px; padding:0 0 10px 0; text-align:center; vertical-align:bottom; background-color:#0173ba; border:1px solid #1b81c1; color:#2482c1;border-collapse:collapse; background-clip: padding-box;}
.box_event_btn .row .cell .event_icon i{display:inline-block; width:17px; height:29px; background:url('http://news.chosun.com/rio/images/icon_event.png') no-repeat -22px -14px;}
.box_event_btn .row .cell .event_name{display:block; line-height:1; font-weight:500; letter-spacing:-.5px; font-size:12px; color:#99c7e3; border-spacing:1px;}
.box_event_btn .row a, 
.box_event_btn .row a .event_name, 
.box_event_btn .row a .e_ic{-webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; text-decoration:none;}
.box_event_btn .row a:active, 
.box_event_btn .row a:hover, 
.box_event_btn .row a:focus, 
.box_event_btn .row a.active{background:#54b157; color:#fff; border-color:#54b157;}
.box_event_btn .row a:hover .event_name, 
.box_event_btn .row a:active .event_name, 
.box_event_btn .row a:focus .event_name, 
.box_event_btn .row a.active .event_name{color:#fff;}
.box_event_btn .row a:hover .e_ic, 
.box_event_btn .row a:active .e_ic, 
.box_event_btn .row a:focus .e_ic, 
.box_event_btn .row a.active .e_ic{opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity:1; -khtml-opacity:1;}

/* .e_ic{display:block; margin:0 auto; background:url('http://news.chosun.com/rio/images/icon_event.png') no-repeat -22px -14px;}
.ic_golf{width:17px; height:29px; background-position:-22px -14px;}
.ic_five{width:26px; height:25px; background-position:-77px -15px;}
.ic_swm{width:29px; height:11px; background-position:-16px -94px;}
 */

 .e_ic{display:block; position:absolute; left:0; top:0; width:100%; height:69px; margin:0 auto; background:url('http://news.chosun.com/rio/images/icon_event.png') no-repeat 0 0; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; -khtml-opacity:60;}
.ic_golf{background-position:0 0;}
.ic_five{background-position:-60px 0;}
.ic_basketball{background-position:-120px 0;}
.ic_rugby{background-position:-180px 0;}
.ic_wrestling{background-position:-240px 0;}
.ic_volleyball{background-position:-300px 0;}
.ic_badminton{background-position:-360px 0;}
.ic_boxing{background-position:-420px 0;}
.ic_shooting{background-position:-480px 0;}
.ic_cycling{background-position:-540px 0;}
.ic_swim{background-position:0 -70px;}
.ic_horse{background-position:-60px -70px;}
.ic_archery{background-position:-120px -70px;}
.ic_lifting{background-position:-180px -70px;}
.ic_yacht{background-position:-240px -70px;}
.ic_judo{background-position:-300px -70px;}
.ic_track{background-position:-360px -70px;}
.ic_rowing{background-position:-420px -70px;}
.ic_triathlon{background-position:-480px -70px;}
.ic_gymnastics{background-position:-540px -70px;}
.ic_soccer{background-position:0 -140px;}
.ic_canoe{background-position:-60px -140px;}
.ic_tabletennis{background-position:-120px -140px;}
.ic_taekwondo{background-position:-180px -140px;}
.ic_tennis{background-position:-240px -140px;}
.ic_fencing{background-position:-300px -140px;}
.ic_hockey{background-position:-360px -140px;}
.ic_handball{background-position:-420px -140px;}
.wrap_event_content{margin-bottom:48px;}
.wrap_event_content .inner{position:relative; padding:24px 50px 26px 16px; background-color:#f7f7f7; border-bottom:1px solid #4d9dcf;}
.wrap_event_content .inner:after{content:""; display:block; width:42px; height:22px; position:absolute; left:50%; bottom:-22px; margin-left:-21px; background:url('http://news.chosun.com/rio/images/bg_event_content.gif') no-repeat 0 0;}
.box_event_content{position:relative; padding:0 0 0 82px;}
.box_event_content dt{position:absolute; left:0; top:0; width:55px; text-align:center; line-height:1; font-size:20px; color:#075c84; font-weight:600}
.box_event_content dt i{display:block; width:55px; height:57px; margin-bottom:7px; background:url('http://news.chosun.com/rio/images/icon_event_bg.png') no-repeat;}
.box_event_content dd.txt_e_info{margin-bottom:16px; font-size:15px; line-height:24px; color:#222; font-weight:400; letter-spacing:-.5px;}
.box_event_content dd.list_e_info{}
.box_event_content dd.list_e_info ul{overflow:hidden;}
.box_event_content dd.list_e_info ul li{float:left; margin-right:24px; margin-top:4px; font-size:14px; color:#999; font-weight:400; letter-spacing:-.5px;}
.box_event_content dd.list_e_info ul li:first-child{float:none; margin-right:0; margin-top:0;}
.box_event_content dd.list_e_info ul li em{position:relative; float:left; display:block; padding-right:6px; margin-right:7px; color:#666;}
.box_event_content dd.list_e_info ul li em:after{content:""; display:block; width:1px; height:13px; position:absolute; right:0; top:50%; margin-top:-7px; background-color:#d7d7d7;}
.box_event_content dd.list_e_info ul li span{display:block; overflow:hidden;}
.box_e_golf dt i{background-position:-2px -2px;}
.box_e_five dt i{background-position:-67px -2px;}
.box_e_basketball dt i{background-position:-132px -2px;}
.box_e_rugby dt i{background-position:-197px -2px;}
.box_e_wrestling dt i{background-position:-262px -2px;}
.box_e_volleyball dt i{background-position:-327px -2px;}
.box_e_badminton dt i{background-position:-392px -2px;}
.box_e_boxing dt i{background-position:-457px -2px;}
.box_e_shooting dt i{background-position:-522px -2px;}
.box_e_cycling dt i{background-position:-587px -2px;}
.box_e_swim dt i{background-position:-2px -69px;}
.box_e_horse dt i{background-position:-67px -69px;}
.box_e_archery dt i{background-position:-132px -69px;}
.box_e_lifting dt i{background-position:-197px -69px;}
.box_e_yacht dt i{background-position:-262px -69px;}
.box_e_judo dt i{background-position:-327px -69px;}
.box_e_track dt i{background-position:-392px -69px;}
.box_e_rowing dt i{background-position:-457px -69px;}
.box_e_triathlon dt i{background-position:-522px -69px;}
.box_e_gymnastics dt i{background-position:-587px -69px;}
.box_e_soccer dt i{background-position:-2px -136px;}
.box_e_canoe dt i{background-position:-67px -136px;}
.box_e_tabletennis dt i{background-position:-132px -136px;}
.box_e_taekwondo dt i{background-position:-197px -136px;}
.box_e_tennis dt i{background-position:-262px -136px;}
.box_e_fencing dt i{background-position:-327px -136px;}
.box_e_hockey dt i{background-position:-392px -136px;}
.box_e_handball dt i{background-position:-457px -136px;}

/*******************************************************************
Photo List Top Banner
********************************************************************/
.wrap_photo_bn {overflow:hidden; margin-bottom:32px; letter-spacing:-1px}
dl.top_tab_box {float:left;width:620px;position:relative;}
dl.top_tab_box dd.thumb img { width:620px; height:330px;}
dl.top_tab_box dd.thumb em {background:#4c277d; top:205px; left:20px; font-size:12px; line-height:20px; color:#fff!important; position:absolute; padding:2px 5px; opacity: 0.85; z-index:2;}
dl.top_tab_box dd.thumb {line-height:0px;}
dl.top_tab_box dt {width:560px; padding:0 20px; position: absolute; bottom:70px; z-index:2; }
dl.top_tab_box dt a {font-size:21px; color:#FFFFFF;  font-weight:bold; letter-spacing:-2px; line-height:1; }
dl.top_tab_box span.art_bg {width:100%; height:200px; background:url(http://image.chosun.com/ent/test/ent_trans60_fade.png) repeat-x left top; position:absolute;  bottom:0px; z-index:1; display:block;}
dl.top_tab_box dd.desc {display:block; padding:0 80px 0 20px; position:absolute; bottom:21px; color:#fff; z-index:2;}
dl.top_tab_box dd.desc a { font-size:13px; line-height:20px; color:#cfcfd0;}

#top_tabs {float:right;}
#top_tabs li {position:relative;display:table;width:340px;background:#222;height:65px;padding-top:1px;}
#top_tabs li a:before {content:"";display:block;position:absolute;top:30px;left:-9px;width:9px;height:9px;background:url('http://news.chosun.com/rio/images/arrow_bn_01.png') no-repeat;z-index:3;}
#top_tabs li a {display:table-cell;font-size:14px;vertical-align:middle;border-left:2px solid #53b157;}
#top_tabs li a.inactive{height:65px;box-sizing:border-box;border-top:1px solid #444;background:#333;border-left:0;}
#top_tabs li a.inactive:before {background:none}
#top_tabs li a strong {display:inline-block;width:204px;padding:0 5px 0 20px;color:#fff; font-weight:bold;}
#top_tabs li a.inactive strong{color:#999;}
#top_tabs li a img{position:absolute;top:1px;right:1px;width:110px;height:65px}
#top_tabs li + li + li + li + li a img{height:64px}

/*******************************************************************
Photo List
********************************************************************/
.list_right_photo .inner > iframe{vertical-align:top; margin-bottom:24px;}
.list_right_photo .date_option { clear:both;text-align:center; padding-top:6px; position:relative; font-size:12px;}
.list_right_photo .date_option:after{content:""; display:block; clear:both;}
.list_right_photo .date_option ul { padding:0; list-style:none; margin:0;}
.list_right_photo .date_option ul li {float:left;width:110px; height:26px; line-height:26px;  background:#f9f9f9; border:solid 1px #d6d6d6; border-right:0; color:#666;  }
.list_right_photo .date_option ul li #date { }
.list_right_photo .date_option ul li.selected { height:26px; background:#fff; font-weight:bold;color:#222; border-bottom:0; }
.list_right_photo .date_option ul li.selected a { color:#222; }
.list_right_photo .date_option ul li.deselected { }
.list_right_photo .date_option ul li.deselected a {text-decoration:none;color:#666; }
.list_right_photo .date_option ul li.cal { width: 70px; height:26px; border-right:solid 1px #d6d6d6; position: relative; }
.list_right_photo .date_option ul li.cal a { width:19px; height:17px; display:inline-block; background:url(http://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -550px; text-indent:-9999px; overflow:hidden; vertical-align:middle; }
.list_right_photo .date_option ul li.cal img{ vertical-align:middle; margin-left:3px; display:none;}

.latest_news_area {padding:20px 0 10px 0;border-bottom:1px solid #eaeaea}
.list_thumb {overflow:hidden;text-align:center;padding-bottom:30px}
.list_thumb.last {padding-bottom:0}
.list_thumb li{float:left;width:310px;padding-right:15px}
.list_thumb li.last,.list_thumb.person li.last {padding-right:0}
.list_thumb .thumb_img {display:inline-block; width: 310px; /*height:auto;*/}
.list_thumb.person .thumb_img {display:inline-block; width: 230px; height:135px;}
.list_thumb .img_area {position:relative;width:310px;height:180px;overflow:hidden;text-align: center;}
.list_thumb .banner_img_area {/*position:relative;width:300px;*/text-align:right;}
.list_thumb .img_area .icon_slide_btn {display:none;position:absolute;bottom:0;left:0;width:48px;height:48px;}/**/
.list_thumb li strong {display:block;font-size:15px;color:#222;margin-top:8px; font-weight:bold; line-height:1.3em; max-height:2.6em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.list_thumb li strong a {color:#222}
.list_thumb li span.txt{display:block;font-size:13px;color:#666;margin-top:4px;line-height:20px}
.list_thumb .info_append {display:block;line-height:15px;color:#888;margin-top:8px}
.list_thumb .info_append span {font-size:12px}
.txt_bar {padding:0 3px 0 2px;color:#d7d7d7}

.list_thumb.person li{width:230px;padding-right:13px}
.list_thumb.person .img_area {position:relative;width:230px;height:135px;overflow:hidden;text-align:center;}
.list_thumb.person#videoc .img_area:after{content:"";position:absolute;bottom:0;left:0;display:block;width:48px;height:48px;background:url(http://image.chosun.com/cs/photo2015/icon_play.png) no-repeat;}
section.photo ul.photo_mov_tabs li a.active {border: solid 1px #6b6b6b}