@charset "euc-kr";
@import url('layout.css');
@import url('article.css');



/*csleftarea*/
.magazine {clear: both; width: 150px; height: 400px; margin: 20px 0 10px 0; padding: 0; text-align:right; }
.magazine dl { margin: 0; padding: 0; }
.magazine dl dt { padding: 0 10px 0 0; font-weight:bold; word-spacing:-1px; }
.magazine dl dt.tit { color: #000; font-size: 16px; }
.magazine dl dt.tit cite { color: #8b9871; font-size: 24px; font-style: normal; }
.magazine dl dt.sub { color: #444; font-size: 14px; word-spacing:-2px; }
.magazine dl dd { margin: 10px 0 10px 0; padding: 0; }
.magazine dl dd img { width: 150px; height: 210px; }
.magazine ul { margin: 0; padding: 0; overflow: hidden; }
.magazine ul li { padding: 5px 30px 3px 0; line-height: 22px; border-bottom:solid 1px #dee1df; background: url('http://san.chosun.com/ui/2015/img/dot_icon_left.gif') no-repeat 134px 11px; }
.magazine ul li a { color: #5b5f53;  font-size:12px; }

.leftbann {clear: both; width: 150px; margin: 0; }



/* mainarea */
.todayarea { width: 1020px; padding: 0; }
.today { position: relative; float: left; width: 328px; height: 298px; margin-top: 30px; border: 1px solid #d1d3cc; }
.today dl { margin: 0; padding: 0; }
.today dl dt { margin: 0; padding: 0; }
.today dl dt img { width: 328px; height: 210px; }
.today dl dd { margin: 0; padding: 7px 10px 0 10px; text-align:center; }
.today dl dd.txt { color: #9c9c9c; padding: 5px 0 0 10px; }
.today dl dd.tit { font-size:14px; font-weight:bold; line-height: 18px; letter-spacing: -1px; }
.today dl dd.tit a { color: #333; }
.today dl dd.sub { color: #9ca191; font-size:12px; }
.today dl dd.sub cite { color: #8dae4c; font-style: normal; margin-left: 5px;}
.today .txtbg { position: absolute; width: 110px; height: 30px; background: #fff000; opacity:0.5;filter:alpha(opacity = 50); }
.today .txtbg p { position: absolute; top: 6px; left: 20px; color: #000; font-weight:bold; }
.mbann { float: left; width: 300px; margin: 30px 30px 20px 30px; }

.equipment { clear: both; width:100%; border-top:solid 1px #c7cdbb; margin: 20px 0 0 0; }
.equipment h2 { float: left; width: 150px; margin: 10px 30px 0 0; color: #5a5f51; font-size: 20px;  }
.equipment ul { float: left; width: 980px; margin: 20px 0 20px 0; padding: 30px 0 0 40px; background: #222; }
.equipment ul li { float: left; width: 280px; padding: 0; }
.equipment ul li img { width: 280px; height: 150px; }
.equipment ul li.view { margin-left: 50px; }
.equipment ul li dl { width: 280px; padding: 10px 0 20px 0; text-align: center; }
.equipment ul li dl dt { color: #c7cebb; font-size: 12px; padding: 0 0 5px 0; }
.equipment ul li dl dd { line-height: 17px;}
.equipment ul li dl dd a { color: #fff; }

.issBox { position: relative; clear: both; width:100%; border-top:solid 1px #c7cdbb; margin: 20px 0 20px 0; }
.issBox h2 { float: left; width: 150px; margin: 10px 30px 0 0; color: #5a5f51; font-size: 20px; }
.issBox span {float: left; width: 1020px; margin-top: 20px; }
.iss { position: relative; float: left; width: 690px; height: 300px; }
.iss dl { margin: 0; }
.iss dl dt img { width: 690px; height: 300px; }
.iss dl dd.txtWrap { position: absolute; bottom: 0; left: 0; width: 690px; height: 75px; }
.iss dl dd.txtWrap .opaBg { position: absolute; bottom: 0; left: 0; width: 690px; height: 70px; background: #000; opacity:0.5;filter:alpha(opacity = 50); }
.iss dl dd.txtWrap span { position: relative; color: #ecff96; padding: 0 0 0 20px; }
.iss dl dd.txtWrap span h4 { font-size: 15px; letter-spacing: -1px; padding-top: 3px; }
.iss dl dd.txtWrap span h4 a { color: #fff; }
.issbann1 { float: left; width: 300px; margin-right: 30px; }
.issbann2 { float: left; width: 300px; margin-left: 30px; }
.ww { margin: 0 0 20px 180px; }

.news { clear: both; width:100%; border-top:solid 1px #c7cdbb; margin: 20px 0 20px 0; }
.news h2 { float: left; width: 150px; margin: 10px 30px 0 0; color: #5a5f51; font-size: 20px; line-height: 20x; }
.news span {float: left; width: 1020px; margin-top: 0; }
.news dl { float: left; width: 318px; height: 298px; margin-top: 20px; border: 1px solid #d1d3cc; }
.news dl dt { margin: 0; padding: 0; }
.news dl dt img { width: 318px; height: 210px; }
.news dl dd { margin: 0; padding: 7px 10px 0 10px; text-align:center; }
.news dl dd.txt { color: #9c9c9c; padding: 5px 0 0 10px; }
.news dl dd.tit { font-size:14px; font-weight:bold; line-height: 18px; letter-spacing: -1px; }
.news dl dd.tit a { color: #333; }
.news dl dd.sub { color: #9ca191; font-size:12px; }
.news dl dd.sub cite { color: #8dae4c; font-style: normal; margin-left: 5px;}
.news dl.w { margin-left: 30px; }



/*sectionList*/
.topnews { position: relative; width: 850px; height: 455px; }
.topnews dl { margin: 0; }
.topnews dl dt img { width: 850px; height: 455px; }
.topnews dl dd.txtWrap { position: absolute; bottom: 0; left: 0; width: 850px; height: 70px; }
.topnews dl dd.txtWrap .opaBg { position: absolute; bottom: 0; left: 0; width: 850px; height: 85px; background: #000; opacity:0.6;filter:alpha(opacity = 60); }
.topnews dl dd.txtWrap span { position: relative; color: #ecff96; padding: 10px 0 0 20px; font-size: 16px; }
.topnews dl dd.txtWrap span h4 { font-size: 20px; letter-spacing: -1px; padding: 0 0 0 20px; }
.topnews dl dd.txtWrap span h4 a { color: #fff; }

ul.tab { width: 850px; height: 40px; padding: 0; margin: 20px 0 20px 0; background: url('http://san.chosun.com/ui/2015/img/tabbox.gif') 0 0 no-repeat; }
ul.tab li { float: left; }
ul.tab li a { display: block; width: 170px; height: 30px; font-size:14px; color: #93998a; font-weight:bold; padding-top: 10px; text-align: center; background: url('http://san.chosun.com/ui/2015/img/tab_off.gif') 0 0 no-repeat; }
ul.tab li a:hover { color: #fff; text-decoration: none; background: url('http://san.chosun.com/ui/2015/img/tab_on.gif') 0 0 no-repeat; }
ul.tab li a.on { color: #fff; text-decoration: none; background: url('http://san.chosun.com/ui/2015/img/tab_on.gif') 0 0 no-repeat; }
ul.tab li.first a { background: url('http://san.chosun.com/ui/2015/img/tab_off_f.gif') 0 0 no-repeat; }
ul.tab li.first a.on { background: url('http://san.chosun.com/ui/2015/img/tab_on.gif') 0 0 no-repeat; }
ul.tab li.first a:hover { background: url('http://san.chosun.com/ui/2015/img/tab_on.gif') 0 0 no-repeat; }

#list_area {clear:both; padding:0 20px 0 20px; }
#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;}

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:20px; }
dl.list_item dd.thumb img { max-width:120px; max-height:90px;}
dl.list_item dd.desc { margin-bottom:5px; font-size:14px; 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:#85897e;}

.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:#8bb350; font-size:14px; font-weight:bold; text-decoration:underline;}
.paginate_num li a:hover { text-decoration:none; border:solid 1px #8eaa64; }
.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;  }
.paginate_num li a { color: #555; }


/*search*/
.searchTit { width: 100%; height: 35px; padding: 5px 0 0 10px; margin-bottom: 10px; border-bottom:solid 1px #ced3c3; }
.searchTit dl { padding: 0; }
.searchTit dl dt { float: left; width: 110px; color: #313726; font-size: 20px; font-weight:bold; background: url('http://san.chosun.com/ui/2015/img/icon_search.gif') no-repeat 93px 7px; }
.searchTit dl dd { float: left; color: #888f79; padding: 2px 0 0 0; }
.searchTit dl dd cite { color: #7baa1d; font-size: 15px; font-style: normal; font-weight:bold; }

#search_area {clear:both; padding:0 20px 0 20px; }
#search_area.search_title { padding-top:1px;}
#search_area.search_title dl.search_item { border-bottom:0; margin-top:23px; padding:0;}
#search_area.search_title dl.search_item dt { display:inline; }
#search_area.search_title dl.search_item dd.date_author { display:inline}
#search_area.search_title .search_spaceline { margin-top:23px; clear:both; display:block; border-bottom:solid 1px #eaeaea;}

dl.search_item { padding:15px 0 5px; border-bottom:solid 1px #eaeaea; overflow:hidden; }
dl.search_item dt { margin-bottom:10px; float:left; line-height:0; }
dl.search_item dt img { max-width:120px; max-height:90px;  margin-right:20px; }
dl.search_item dd.sub { color:#85897e; font-size:11px; }
dl.search_item dd.tit { margin:3px 0 5px 0; font-size:15px; font-weight:bold; color:#222; }
dl.search_item dd.tit a { color:#222; }
dl.search_item dd.tit cite{ color: #7baa1d; font-style: normal; font-weight:bold; }
dl.search_item dd.tit cite a { color: #7baa1d; }
dl.search_item dd.desc { margin-bottom:5px; color:#666}
dl.search_item dd.desc a { color:#666;}
dl.search_item dd.desc cite { color: #7baa1d; font-style: normal; }
dl.search_item dd.desc cite a { color: #7baa1d; }
dl.search_item dd.date_author { margin-bottom:10px; font-size:12px; color:#85897e;}


/* magazineList */
ul.topzine { width: 850px; padding: 0; margin:0;  }
ul.topzine li { float: left; }
ul.topzine li.w { margin-left: 47px; }

#inputBox { clear:both; position: relative; height: 33px; padding: 30px 0 0 307px; }
#inputBox h3 {position: absolute; bottom: -20px; left: 0; color: #6b6f62; font-size: 13px; font-weight: normal; }
#inputBox h3 cite { font-weight:bold;  font-style: normal; }
.dateinput { float: left; margin-right: 10px; }

.dateselect { float: left;  margin-right: 10px; }
.dateselect select { height: 30px; color: #6b6f62; font-size: 14px; }
.dateselect selected { font-weight:bold; }

.type01 { position: relative; width: 86px; height: 31px; border: 1px solid #c7cdbb; }
.type01 p { display: none; position: absolute; width: 100%; height: 28px; opacity:0; }
.type01 p select { width: 100%; height: 31px; }
.type01 .selected_option { display: block; color: #4c4f46; padding: 0 28px 0 10px; line-height: 31px; text-decoration: none; font-weight:bold; background:#fff url('http://image.chosun.com/bike/2014/select_arrow.gif') right 0 no-repeat; }
.type01 .list_open { background-position: right -31px; }
.type01 ul { display: none; position: absolute; top: 28px; left: -1px; width: 100%; background: #fff; border: 1px solid #ccc; }
.type01 ul li { border: none; }
.type01 ul a { display: block; color: #606555; padding-left: 10px; line-height: 22px; background: none;  }
.type01 ul a:hover { background: #eceee8; text-decoration: none; }

.type02 { position: relative; width: 70px; height: 31px; border: 1px solid #c7cdbb; }
.type02 span { display: none; position: absolute; width: 100%; height: 28px; opacity:0; }
.type02 span select { width: 100%; height: 31px; }
.type02 .selected_option1 { display: block; color: #4c4f46; padding: 0 28px 0 10px; line-height: 31px; text-decoration: none; background:#fff url('http://image.chosun.com/bike/2014/select_arrow.gif') right 0 no-repeat; }
.type02 .selected_option1 cite { color: #4c4f46; font-style: normal; font-weight:bold; }
.type02 .list_open1 { background-position: right -31px; }
.type02 ul { display: none; position: absolute; top: 28px; left: -1px; width: 100%; background: #fff; border: 1px solid #ccc; }
.type02 ul li { border: none; }
.type02 ul a { display: block; color: #606555; padding-left: 10px; line-height: 22px; background: none;  }
.type02 ul a:hover { background: #eceee8; text-decoration: none; }

.zineTitle { clear: both; width: 850px; border-top:solid 1px #c7cdbb; margin: 30px 0 0 0; }
.zineTitle h2 { float: left; width: 100px; margin: 10px 30px 0 0; color: #5a5f51; font-size: 20px; letter-spacing: -1px; }
.zineTitle ul { float: left; width: 720px; margin: 10px 0 30px 0; padding: 0; }
.zineTitle ul li { font-size:15px; padding: 0 0 0 10px; line-height: 32px; background: url('http://san.chosun.com/ui/2015/img/dot.gif') no-repeat 0 15px; }
.zineTitle ul li a { color: #43463e; line-height: 32px; letter-spacing: -1px; }

.img_bor {display:block;position:relative;padding:0px;} /*À̹ÌÁö ¶óÀÎ*/
.img_bor a {display:inline-block;overflow:hidden;z-index:3;}
.img_bor a:hover {border:5px solid #cbe180;}
.img_bor a:hover, x:-moz-any-link {display:block;}
.img_bor a:hover, x:-moz-any-link, x:default {display:inline-block;} 
.img_bor a:hover img {display:block;overflow:hidden;margin:-5px;}
.img_bor_sel {display:block;position:relative;padding:0px;} /*À̹ÌÁö ¶óÀÎ*/
.img_bor_sel a {display:inline-block;overflow:hidden;z-index:3;border:5px solid #cbe180;}
.img_bor_sel a img {display:block;overflow:hidden;margin:-5px;}


.adinfor { margin: 50px; }
.adinfor p { margin-bottom: 50px;}


/* event */
.eventit { width: 100%; height: 35px; padding: 5px 0 0 10px; margin-bottom: 20px; border-bottom:solid 1px #ced3c3; }
.eventit dl { padding: 0; }
.eventit dl dt { float: left; width: 110px; color: #313726; font-size: 20px; font-weight:bold; background: url('http://san.chosun.com/ui/2015/img/icon_search.gif') no-repeat 93px 7px; }
.eventit dl dd { float: left; color: #888f79; padding: 2px 0 0 0; }
.eventit dl dd cite { color: #7baa1d; font-size: 15px; font-style: normal; font-weight:bold; }


.eventarea { float:left; padding: 0; }
.eventarea li { clear: both; position: relative; width:100%; float:left; padding: 0 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #d5d6d1; }
.eventarea dl { float:left; width: 640px; }
.eventarea dt { padding-top: 10px; font-size: 16px; }
.eventarea dt.ing { color: #789937; padding-right: 10px; font-weight: bold; }
.eventarea dt.ing a { color: #789937; }
.eventarea dt.end { color: #74786c; padding-right: 10px; font-weight: bold; }
.eventarea dt.end a { color: #74786c; }
.eventarea dd.txt { padding-top: 15px;  font-size: 13px;}
.eventarea dd.txt p { color: #90938a; line-height: 20px;}
.eventarea .thum { position: relative; float: left; width: 180px; height: 120px; margin: 0 20px 0 10px; } 
.eventarea .thum img { width: 180px; height: 120px; }
.eventarea .btn { position: absolute; right: 10px; bottom: 50px; } 
.eventarea .bl { margin-top: 20px; }