@charset "utf-8";
 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

html, body {
	font-family: 'Nanum Gothic', sans-serif;
	width:100%;
	font-size:13px;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all; line-height:1.5em;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;}
ul, li {padding:0;margin:0;list-style:none;}

/*공통*/
html{height:100%;}
body{margin:0; padding:0; height:100%;}
.wrap{background-color:#ececec; width:100%;}
.header{background-color:#fff; position:relative;z-index:300;}
.clr{clear:both; float:none;}
.whiteBox{background-color:#fff; margin-top:15px; width:96%; padding:10px 2%; overflow:hidden; box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
.mainCon{float:left;}

/*header*/
h1{position:absolute; left:50%; margin-left:-67px; top:8px; z-index:9;}
h1 > img{width:134px; height:30px; margin-top:5px;}
.header > select{position:absolute; left:50%; margin-left:-37px; top:48px; z-index:9;}
.header{box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
.header > ul.headBt{position:absolute; width:100%; top:3px;}
.header > ul.headBt > li{float:left; cursor:pointer; font-size:24px; padding:10px;}
.header > ul.headBt > li > img{width:24px; height:24px; }
.header > ul.headBt > li.last{float:right;}
.header > ul.gnb{float:left; margin-top:50px; padding:10px 0; width:100%; display:table; table-layout: fixed; text-align:center;}
.header > div.gnbTable > table{width:100%; background-color:#e8e8e8;}
.header > div.gnbTable > table > tbody > tr > td{background-color:#fff; height:38px;}
.header > div.gnbTable > table > tbody > tr > td > a{display:inline-block; width:100%; height:100%; line-height:35px;}
.header > div.gnbTable > table > tbody > tr > td > a.on{border:1px solid #0f7de2; color:#0f7de2;}
.header > div.gnbTable{float:left; margin-top:70px; padding:10px 0; width:100%; display:table; table-layout: fixed; text-align:center; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; font-size:15px;}

.header > ul.gnb > li{text-align:center; width:18.5%; margin:1px; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; font-size:15px; display:inline-block;}
.header > ul.gnb > li > a{display:inline-block; border:1px solid #e8e8e8; width:100%; height:40px; line-height:40px; color:#333;}
.header > ul.gnb > li.on > a{border-color:#0f7de2; color:#0f7de2;}
.header > ul.gnb
.searchWrap{width:100%; margin-bottom:10px; float:left; text-align:center; display:none;}
.header > div.gnbTable .searchWrap{width:100%; margin-bottom:10px; float:left; text-align:center; display:none;}
.header > ul.gnb
.searchWrap{width:100%; margin-bottom:10px; float:left; text-align:center; display:none;}
.header > div.gnbTable .searchWrap.on{display:block;}
.searchWrap > input{border:1px solid #ccc; padding:7px; width:85%; }
.searchWrap > span{display:inline-block; width:5%; background-color:#666; color:#fff; text-align:center; padding:6px; cursor:pointer;}

/*main*/
.mainCon1{float:left; width:96%; padding:15px 2%; background-color:#fff; margin-top:8px; clear:both;}
.mainCon1 > .img{width:115px; height:90px; overflow:hidden; float:left; margin-right:15px;}
.mainCon1 > .img > img{height:90px;}
.mainCon1 > .con > h3{font-size:17px; line-height:20px; margin-bottom:5px; max-height:40px; overflow:hidden;}
.mainCon1 > .con > p{max-height:60px; overflow:hidden;}

.mainRetest{background-color:#5b6c76; float:left; width:96%; color:#fff; padding:10px 2%; overflow:hidden; position:relative;}
.mainRetest > h2{width:70px; float:left; font-size:15px;}
.mainRetest a{color:#fff;}
.rollText > div >  a{color:#fff;}

.mainCon2{float:left; width:100%; background-color:#fff; padding-top:5px; padding-bottom:8px; box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
.mainCon2 > a > li{float:left; width:96%; padding:5px 2%; margin-top:10px; clear:both;}
.mainCon2 > a > li > .img{width:115px; height:90px; overflow:hidden; float:left; margin-right:8px; position:relative;}
.mainCon2 > a > li > .img > img{height:90px;}
.mainCon2 > a > li > .img > div{position:absolute; bottom:0; left:0px;}
.mainCon2 > a > li > .img > div img{width:30px;}
.mainCon2 > a > li > .con > h3{font-size:17px; line-height:20px; margin-bottom:5px; max-height:40px; overflow:hidden;}
.mainCon2 > a > li > .con > p{max-height:60px; overflow:hidden;}

.mainCon3{float:left; width:96%; padding:5px 2%; background-color:#fff; margin-top:8px; box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
.mainCon3 > a > li{height:40px; border-bottom:1px solid #e8e8e8;}
.mainCon3 > a > li > h3{font-weight:normal; font-size:14px;height:40px; line-height:40px; width:100%; overflow:hidden;}
.mainCon3 > a > li.last{border-bottom:none;}

.mainphoto{float:left; background-color:#fff; margin-top:8px; width:96%; padding:15px 2%;}
.mainphoto > a > li{float:left; width:48%; padding:1%; margin-bottom:10px;}
.mainphoto > a > li > .img{width:100%; height:95px; overflow:hidden; margin-bottom:3px;}
.mainphoto > a > li > .img > img{width:100%;}
.mainphoto > a > li > h3{font-weight:normal; font-size:13px; line-height:19.5px;  height:40px; overflow:hidden;}

.mainCon4{float:left; background-color:#fff; margin-top:8px; width:100%;}
.mainCon4 > h2{font-size:16px; height:40px; line-height:40px; width:96%; padding:0 2%; border-bottom:1px solid #e8e8e8;}
.mainCon4 > ul {width:100$%;}
.mainCon4 > ul > a > li{height:40px; padding-left:2%; border-bottom:1px solid #e8e8e8;}
.mainCon4 > ul > a > li > h3{font-weight:normal; font-size:14px;height:40px; line-height:40px; width:100%; overflow:hidden;}
.mainCon4 > ul > a > li.last{border-bottom:none;}

.mainArea{background-color:#fff; margin-top:8px; float:left; width:100%; box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
.mainArea > a > li{width:33%; float:left; text-align:center; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; height:38px; line-height:38px; color:#666;}
.mainArea > a > li.right{border-right:none;}


/*footer*/
.footer{background-color:#353840; }
.footer > ul{ text-align:center; padding:15px 0;}
.footer > ul > li{display:inline-block; background-color:#3b3e47; border:1px solid #323339;}
.footer > ul > li > a{color:#ccc; display:inline-block; padding:10px 20px;}
.footer > div{text-align:center; padding-bottom:20px; color:#888;}

/*gnb*/
.gnbBg{height:100%; width:100%; background-color:#000; position:absolute; top:0; opacity:0.6; display:none;  z-index:999999;}
.slideGnb{position:absolute; top:0; width:240px; height:100%; background-color:#d5d5d5;   z-index:9999999; display:none;}
.slideGnb.on{display:block;}
.slideGnb > h2{background-color:#000; padding:10px 2%;}
.slideGnb > h2 > img{width:123px; height:23px;}
.slideGnb > li{float:left; width:100%;}
.slideGnb > li > h4{height:25px; line-height:25px; background-color:#fff; border-right:1px solid #d5d5d5; padding-left:5px;}
.slideGnb > li > ul{border-top:1px solid #555;}
.slideGnb > li > ul > li{width:240px; float:left; background-color:#fff; border-bottom:1px solid #555;}
.slideGnb > li > ul > li > a{display:inline-block; padding:10px 5%; width:90%;  background-color:#333; color:#fff; cursor:pointer;}
.slideGnb > li > ul > li.on  > a{background-color:#111;}
.slideGnb > li > ul > li > a > span{color:#999; display:inline-block; margin-left:5px;}
.slideGnb > li > ul > li > ul{background-color:#444; padding:10px 0; display:none;}
.slideGnb > li > ul > li > ul > li > a{padding:5px 8%; width:84%; display:inline-block; color:#aaa; font-size:11px;}
.slideGnb > span{display:block; padding:5px; cursor:pointer; font-size:18px; position:absolute; color:#fff; top:0; left:210px; opacity:0.8;}

/*detail*/
.detailTop{float:left; width:96%; padding:8px 2%; background-color:#fff; margin-top:10px; clear:both;}
.detailTop > h4{font-size:20px; font-weight:bold; line-height:28px;}
.detailTop > ul{margin-top:10px; color:#999; font-size:12px;}
.detailTop > ul > li{line-height:20px}
.detailTop > ul > li.last{float:right;}
.detailCon{background-color:#fff; margin-top:10px; float:left; width:96%; padding:15px 2%; color:#000; font-size: 17px; line-height: 1.5em;}
.detailCon > .img{margin-bottom:20px;}
.detailCon > .img > p{color:#3d5681; font-size:12px !important;}
.detailCon > .img > img{margin-bottom:5px; width:100%;}
.detailCon > div > p > img{width:100%;}
.detailCon  td{font-size:14px; margin-bottom:5px; width:100%;}
/*.detailCon > div > p{font-size:17px; line-height:22px;}*/

.copyright {clear:both;  height:25px;text-align:center;  margin:15px 0 10px 10px; font-size:12px; color:#666;}

/* 메인 연예, 스포츠 탭 */
.entersports_article{clear:both;}
.tab{overflow:hidden;position:relative;z-index:11;margin-top:-1px;border-top:1px solid #a1a6bc;}
.tab.tab_reco{display:block;margin:0 0 9px 0;border:1px solid #d9d9d9;background:#FFF;}
.h:first-child~.tab:nth-child(2){margin-top:-1px}
.tab_u{overflow:hidden;position:relative;padding:7px 10px 0;background:#f4f4f4;font-size:14px;font-weight:bold;line-height:32px;letter-spacing:-1px;text-align:center;white-space:nowrap;}
.tab_u:before,.tab_u:after{position:absolute;left:0;z-index:13;width:100%;height:1px;content:''}
.tab_u:before{top:0;background:#fbfbfb}
.tab_u:after{bottom:0;background:#bcc1c7}
.tab_l{float:left;position:relative;z-index:12}
.tab_l:before,.tab_l:after{position:absolute;top:10px;z-index:15;width:1px;height:14px;content:''}
.tab_l:before{left:0;background:#c3c3c3}
.tab_l:after{right:0;background:#fff}
.tab_l:first-child:before,.tab_l:last-child:after,.tab_lon:before{display:none}
.tab_a{display:block;position:relative;z-index:13;height:32px;border:1px solid #f4f4f4;border-bottom:1px solid #bcc1c7;color:#888 !important}
.tab_lon .tab_a:before,.tab_lon .tab_a:after{position:absolute;bottom:-1px;width:3px;height:3px;border-bottom:1px solid #bcc1c7;content:''}
.tab_lon .tab_a:before{left:-4px;border-right:1px solid #bcc1c7;border-bottom-right-radius:3px;-webkit-box-shadow:2px 2px 1px #fff}
.tab_lon .tab_a:after{right:-4px;border-left:1px solid #bcc1c7;border-bottom-left-radius:3px;-webkit-box-shadow:-2px 2px 1px #fff}
.tab_lon{z-index:16}
.tab_lon .tab_a{z-index:16;margin:0 -1px;padding:0 1px;border:1px solid #bcc1c7;
border-bottom:1px solid #fff;/*border-top-left-radius:3px;border-top-right-radius:3px;*/background:#fff;color:#333 !important}
#tabnewsdiv1{background:#fff;}
/* 메인 연예,스포츠 */
.articleList_img2 {clear:both; width:100%; padding-top:10px; padding-bottom:7px;}
.articleList_img2 .img {display:block; position:relative; overflow:hidden; float:left; width:92px; height:68px; margin-left:10px; vertical-align:top; z-index:0;}
.articleList_img2 .img span {display:block;position:absolute;top:0;left:0; width:113px; height:82px; z-index:20; border:1px solid #000;-ms-filter:'alpha(opacity=10)';filter:alpha(opacity=10);opacity:.1}
.articleList_img2 .container {overflow:hidden; height:68px;}
.articleList_img2 .tit {overflow:hidden; display:block; max-height:33px; line-height:17px; margin-bottom:6px; padding:0 10px 0 10px; font-weight:bold;}
.articleList_img2 .txt {overflow:hidden; display:block; line-height:16px; padding-left:10px; padding-right:10px; font-size:12px; color:#747474;}

/* 메인 연예,스포츠 2014 */
.mainentsports {float:left;clear:both;width:100%;height:130px;margin:0;background:#fff;padding:12px 0 0 0;}
.mainentsports ul{width:100%;height:/*105*/128px;margin:0;}
.mainentsports li {float:left; width:50%; height:128px; margin-bottom:15px; letter-spacing:-1px; text-align:center;}
.mainentsports li dl{margin:0;padding:0; height:95px; }
.mainentsports .img {display:block; position:relative; /**/overflow:hidden; width:130px; height:88px; margin:0 auto; vertical-align:top; z-index:0;}
.mainentsports .img span {display:block;position:absolute;top:0;left:0;/**/ width:130px; height:88px; z-index:20;}
.mainentsports dd {display:block; overflow:hidden; width:120px; max-width:100%; max-height:30px; margin:4px auto 0; font-size:12px; line-height:1.25em; color:#333;}


.mainentsports1 {float:left;clear:both;width:100%;height:130px;margin:0;background:#fff;padding:12px 0 0 0;}
.mainentsports1 ul{width:100%;height:/*105*/128px;margin:0;}
.mainentsports1 li {float:left; width:50%; height:128px; margin-bottom:15px; letter-spacing:-1px; text-align:center;}
.mainentsports1 li dl{margin:0;padding:0; height:95px; }
.mainentsports1 .img {display:block; position:relative; /**/overflow:hidden; width:130px; height:88px; margin:0 auto; vertical-align:top; z-index:0;}
.mainentsports1 .img span {display:block;position:absolute;top:0;left:0;/**/ width:130px; height:88px; z-index:20;}
.mainentsports1 dd {display:block; overflow:hidden; width:120px; max-width:100%; max-height:30px; margin:4px auto 0; font-size:12px; line-height:1.25em; color:#333;}

/* 메인 연예스포츠탭 리스트 */
.articleList2 {clear:both; width:100%;background:#FFF;margin:0;padding:0;}
.articleList2 ul{margin:0;padding:0;}
.articleList2 ul li {line-height:30px; font-size:15px; letter-spacing:0; border-top:1px solid #ebebeb; white-space:nowrap;}
.articleList2 ul li a {overflow:hidden; display:block; height:24px; padding:4px 10px 9px 10px;}
.articleList2 ul li:last-child{border-bottom:none;}


/*etc add*/
.ad_wide_box_naon{padding-top:10px; height:50px; overflow:hidden;}




#console {
  font-size: 12px;
  font-family:"Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  color: #999;
  line-height: 18px;
  margin-top: 20px;
  max-height: 150px;
  overflow: auto;
}

#mySwipe div b {
  display:block;
  font-weight:bold;
  color:#14ADE5;
  font-size:20px;
  text-align:center;
  margin:10px;
  padding:100px 10px;
  box-shadow: 0 1px #EBEBEB;
  background: #fff;
  border-radius: 3px;
  border: 1px solid;
  border-color: #E5E5E5 #D3D3D3 #B9C1C6;
}
/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
height:210px;
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/*전국핫*/
#mainOtherW{background-color:#fff; margin-top:10px;}
#mainOtherW > h3{border-bottom: 1px solid #e8e8e8; font-size: 16px;height: 40px;line-height: 40px;padding: 0 2%;width: 96%;}
#mySwipe{padding:10px 0; text-align:center;}
#mainOtherW h5{font-size:16px; line-height:22px; margin-bottom:10px;}
#mainOtherW h5> span{font-size:13px; color:#999; line-height:20px;}

/*160226배너추가*/
.viewAddR{border:1px solid #e8e8e8; margin-top:20px; font-family:'Nanum Gothic', sans-serif; letter-spacing:-0.01em; padding:10px; padding-bottom:0; border-left:none; border-right:0; margin-bottom:20px; position:relative;}
.adIcon{position:absolute; top:-26px; left:0;}
.viewAddR > a > h5{color:#fc5b00; font-size:17px; line-height:21px; margin-bottom:5px;}
.viewAddR > a > h5 > span{font-size:12px; }
.viewAddR > a > p{font-size:17px; line-height:1.5em;}
.viewAddR > a > p.tel{font-weight:bold; font-size:17px; background-color:#ededed; padding-left:15px; width:150px; height:27px; line-height:26px; margin-top:10px; border-radius:7px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.viewAddR > a > p.tel > span{color:#ccc;}

.responsive-container-youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.responsive-container-youtube iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

.detailListAd > ul > li{ font-family: "돋움",Dotum,"굴림","맑은 고딕","Malgun Gothic","나눔고딕",NanumGothic,Gulim,Helvetica,sans-serif; font-size: 11pt; font-weight: bold; padding-left:20px; background:url(/img/bluedot1.gif) no-repeat 0 3px; margin-bottom:5px;}

/*media*/
.mediaCon1{float:left; width:96%; padding:15px 2%; background-color:#fff; margin-top:8px; clear:both; margin-top:10px;}
.mediaCon1Bt{background-color:#f2f4f3; border-top:#d6d7d6 solid 1px; padding:7px 2%; border-bottom:1px solid #d6d7d6; float:left; width:96%;}
.mediaCon1Bt > ul{}
.mediaCon1Bt > ul > li{float:left; width:25%; opacity:0.5; text-align:center; position:relative; cursor:pointer;}
.mediaCon1Bt > ul > li.on{opacity:1;}
.mediaCon1Bt > ul > li.on >img{border: 4px solid #0f7de2;}
.mediaCon1Bt > ul > li > img{width:90%; border:4px solid #f2f4f3; max-height:55px;}
.mediaCon1Bt > ul > li > div{position:absolute; width:100%; height:90%; margin-left:5%;  top:0; display:block;}
.mediaCon1Bt > ul > li.on > div{display:none;}
.mediaCon1Bt > ul > li > div img{width:30px; margin-top:15px;}


.themeListBannerW{width:100%; background-color:#fff; text-align:center; padding:20px 0;}
.themeListBannerW > ul {display:inline-block; font-size:18px;}
.themeListBannerW > ul  > li{margin-bottom:10px;}
.theme_select{background-color:#fff; padding:10px; position:relative; min-height:25px;} 
.theme_select > ul{display:inline-block; width:250px;}
.theme_select > ul > li{display:inline-block;}
.theme_select > ul > li > a{color:#006e97; font-weight:700;}
.theme_select > div{position:absolute; right:10px; top:10px;}
.theme_select > div > a{display:block; border:1px solid #ccc; background-color:#f8f8f8; font-weight:700; padding:0 10px; font-size:11px; height:25px; line-height:25px;}
.theme_select > h3{margin-bottom:5px; font-size:28px;}


@media all and (min-width:640px){
	#wide {position:relative;width:50%;min-height:830px;z-index:55;background:#e7e7e7;padding:0;margin:0 -10px 0 0;z-index:100;}
	#aside {position:absolute;top:149px;right:0;z-index:0;width:49.5%/*50*/;padding:0px 0 0 0;background:#e7e7e7;z-index:200;}
}