@charset "euc-kr"; @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /*나눔고딕*/ @import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); /*나눔명조*/ @import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); /* Noto Sans KR */ * { margin:0; padding:0; -webkit-text-size-adjust:none; } body { color:#666; font-size:14px; font-family:"Noto Sans KR","Nanum Gothic", "Apple-Gothic", "HelveticaNeue", Gulim, Dotum; } img, fieldset { border:0; } ul, ol, li, dl { list-style:none; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } hr { display:none; } a { color:inherit; } a, a:link { color:#333; text-decoration:none; } a:visited { color:#333; } a:hover, a:active { color:#333; text-decoration:none; } em, i, address { font-style:normal; font-weight:normal; } legend, caption { display:none; clear:both; } input, textarea, select, button, table { font-size:inherit; font-family:inherit; line-height:inherit; } section, nav, article, aside, hgroup, header, footer { display:block; } textarea, input { background:url(none); -webkit-border-radius:1px; -webkit-apprearance:none; } textarea { resize:none; } label { cursor:pointer; } .helv { font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; } /*.verd { font-family:"Noto Sans KR", "NanumGothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; }*/ .verd { font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; word-break: break-all;} .bold { font-weight:bold; } /* HEADER */ #wrap_head {position:relative; width: 100%; min-width: 280px; /*기본:320px*/ color: #FFFFFF; height: 50px;} .logo { position: absolute; top: 0px; right: 37%; display: block; width: 142px; height: 40px; text-indent: -5000px; font-size: 0; line-height: 1; background-image: url('http://m.daejonilbo.com/images/lg35.png'); background-repeat: no-repeat; background-position: 0px 7px; z-index:1000; } .logo2 { position: absolute; right:42%; top:10px; display: block; width:120px; height:30px; z-index:1000; } .footer_logo {width: 93px; height: 25px;} .footer_logo2 {width: 93px; height: 29px;} /*#btn1 { float:right; height:35px; width:45px; border:none; background:url(http://m.daejonilbo.com/images/img_top_slice.png) no-repeat; } #btn1 img { margin:10px 0 0 16px; } .search_left { width:6px; height:32px; -webkit-background-size: 6px 32px; background:url(http://m.daejonilbo.com/images/bg_search_left.png) no-repeat; display:block; position:absolute; left:0; top:0; } @media screen and (-webkit-device-pixel-ratio: 2) { .search_left { background: url("http://m.daejonilbo.com/images/bg_search_leftx2.png"); }} .search_icon { margin:10px 0 0 16px; background:url(http://m.daejonilbo.com/images/btn_search.png) no-repeat; display:block; width:15px; height:15px; -webkit-background-size:15px 15px; } @media screen and (-webkit-device-pixel-ratio: 2) { .search_icon { background: url("http://m.daejonilbo.com/images/btn_searchx2.png"); }} */ #m_top {width:100%;} /* 검색창 */ #content { /*display:none;*/ position:relative; top: 1px; width:auto; height:42px; /* 기본값 42px*/ background:#fff; margin: 0 0 0 20px; padding-top:6px; } #content fieldset { margin:0 9px; } #content .wrapBox { position:relative; width:100%; display:block; height:34px; border-bottom: 1px solid #bbb; } /*검색 입력창*/ #bg_search {position:relative; margin-top:10px; margin-bottom:10px; display:block; } #AKCKwd {position:relative; float:left; width:83%; height:28px; margin-right:80px; border:0; border-bottom: 1px solid #bbb; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-size:17px; font-weight:500; } #on_btn { position:absolute; top:6px; right:10px; display:block; width:36px; height:36px; background:url('http://m.daejonilbo.com/images/btn_down_search_on66.png') no-repeat; background-size: 33px 33px; border:0; text-indent:-500em; } #on_search_btn { position:absolute; top:-6px; right:10px; width:36px; height:36px; background:url('http://m.daejonilbo.com/images/btn_down_search_on66.png') no-repeat; background-size: 33px 33px; border:0; text-indent:-500em; } #off_btn { position:absolute; top:6px; right:10px; width:36px; height:36px; background:url('http://m.daejonilbo.com/images/btn_down_search_off66.png') no-repeat; background-size: 36px 36px; border:0; text-indent:-500em; } #bg_search_block{position:absolute; top:110px; z-index:2147483643; width:100%; height:950px; background:#000000; opacity:0.8;} /*포토뉴스 전체화면*/ #full_Btn { position: absolute; top: 88px; z-index:1000; right: 4px; display: block; width: 30px; height: 30px; background: url('http://m.daejonilbo.com/photo/img/full_zoom_in_w.png') no-repeat; border: 0; text-indent: -500em;} /*포토뉴스 전체화면 닫기*/ #full_close_Btn { position: absolute; top: 4px; right: 4px; display: block; width: 30px; height: 30px; background: url('http://m.daejonilbo.com/photo/img/full_zoom_out_w.png') no-repeat; border: 0; z-index:1000; text-indent: -500em;} /*기사이미지 전체화면*/ #img_full {position: absolute; top:0; left:0; z-index:2147483645; width:auto; height:auto; background: #000000; } #img_full .img_content {/*position: fixed;*/ z-index:2147483646; width:calc(100% - 40px); height:1300px; text-align:center; margin: 150px 15px 0px 15px; } #img_full .img_content > #img_view {position: relative; max-width:1700px; width:100%; margin-top: auto;} /*기사이미지 전체화면 닫기*/ #img_full .img_content > #img_full_close_Btn { position: absolute; z-index:2147483647; margin-left:0; margin-top: auto; display: block; width:30px; height:30px; background: url('http://m.daejonilbo.com/photo/img/full_zoom_out_w.png') no-repeat; background-size: 23px 23px; border: 0; text-indent: -500em;} /*기사이미지 전체화면 열기*/ #img_full_Btn { position: absolute; z-index:1000; margin-left:0; margin-top:0; display: block; width:30px; height:30px; background: url('http://m.daejonilbo.com/photo/img/full_zoom_in_w.png') no-repeat; background-size: 23px 23px; border: 0; text-indent: -500em;} /* 대메뉴 */ .main_menu { width: 100%; border-bottom: 1px solid #dddddd; /* 대메뉴 아래쪽 선 및 색상 */ /*background: url(http://m.daejonilbo.com/images/menubg3.gif) repeat-x;*/ /*background:#f6f6f6;*/ /* 배경색 */ text-align: center; overflow: hidden; clear: both; } .main_menu li { float:left; width:20%; /* 퍼센트 비율에 따라 메인뉴스 가로 나누기*/ height:28px; } /* 메인메뉴 하단 띄우기 간격 (기본:46px) */ .main_menu li a { display: block; border:none; height:30px; /* 기본값 30px */ color: #696464; /* 기본값 #FFF; */ padding-top: 0px; /*12px*/ font-size: 17px; letter-spacing: -1px; /*background: url(http://m.daejonilbo.com/images/menubg3.gif) no-repeat right -3em*/; line-height: 22px; } /*.main_menu li a.tab_m { border-right:1px solid #dddddd; }*/ .main_menu li a._on { color:#000; /*color:#FF7A85;*/ background-position: 0 -6em; } /* 메인 컨텐츠 */ #main { clear:both;} #main2 { clear:both; min-height:765px;} /* 실시간 /이시각 우리지역 뉴스 */ h2.today_new{ font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; overflow: hidden; height:20px; padding: 15px 0 8px 10px; font-size: 17px; border-bottom:4px solid #b1afaf; } /* 주요뉴스 띠 */ h2.line{ position:relative; width: 100%; overflow: hidden; border-bottom:2px solid #b1afaf; } h2.line2{ position:relative; width: 100%; overflow: hidden; border-bottom:1px solid #b1afaf; margin-top:10px; margin-bottom:10px; } h2.today_hot{ clear:both; overflow: hidden; height:0px; margin: -19px 0 0; /*padding: 20px 0 8px 10px;*/ font-size: 16px; border-bottom:3px solid #b1afaf; /*#090*/ /*background: url('http://m.daejonilbo.com/images/list_link_bg.gif') right center no-repeat;*/ } h2.news_sub {/*height:20px;*/ /*margin: 20px 0 0;*/ /*padding: 0 0 10px 10px;*/ margin: -19px 0 0; font-size: 16px; border-bottom:3px solid #b1afaf; /*#090*/ } h2.news_sub .on{ color:#00C;} /* 대일동영상 */ #dj_mov { clear:both; position:relative; width:auto; height:auto; margin: 15px 0 20px 0;} #dj_mov h2 {/*border-bottom:4px solid #b1afaf;*/} #dj_mov h2 div span{ position: absolute; margin-left:5px; font-weight:600; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; overflow: hidden; height:23px; font-size: 17px; } #dj_mov h2 div {margin-left:15px;} #dj_mov h2 div a img {margin-right:5px; height:26px; width:26px; border-radius:3px;} #dj_mov .mov_box {background: #222; padding-top: 10px; padding-bottom:6px} #dj_mov .mov_box_sub{ margin: 0px 10px 0px 15px;} #dj_mov2 { clear:both; position:relative; width:auto; height:auto; margin: 15px 0 0 0;} #dj_mov2 h2 {/*border-bottom:4px solid #b1afaf;*/} #dj_mov2 h2 div span{ position: absolute; margin-left:5px; font-weight:600; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; overflow: hidden; height:23px; font-size: 17px; } #dj_mov2 h2 div {margin-left:15px;} #dj_mov2 h2 div a img {margin-right:5px; height:26px; width:26px; border-radius:3px;} #dj_mov2 .mov_box2 {background: #222; padding-top: 10px; padding-bottom:6px} #dj_mov2 .mov_box_sub2{ margin: 0px 10px 0px 15px;} /* 시리즈 */ #dj_series{ clear:both; position:relative; width:auto; height:368px; margin: 15px 0 20px 0;} #dj_series span{ position: absolute; margin-left:5px; font-weight:600; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; overflow: hidden; height:23px; font-size: 17px; } .jc4_section {position: relative; margin:0 0 10px 0;} .jc4_tit{ height: 29px; margin-bottom: 10px; /*border-bottom: solid 2px #aaaaaa;*/} .jc4_section div span {padding-left: 10px; padding-bottom: 10px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:17px; font-weight:700; line-height:23px; letter-spacing:0; color:black;} .jc4_section a div span {padding-left: 10px; padding-bottom: 10px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:17px; font-weight:700; line-height:23px; letter-spacing:0; color:black;} .jc4_section .jc4 {float:left; width:95%; height:75px; display:block; list-style: none; overflow:hidden; text-overflow:ellipsis; border-bottom: solid #dcd9d9 1px; margin-right: 20px; margin-left: 10px;} .jc4_section .jc4 .jc_imgbox {text-align:center;} .jc4_section .jc4 .jc_imgbox .jc_imgbox_sub {float:left; width:100px; height:70px; margin:0; padding:0; background: #f9f9f9; /*border-style: solid; border-width: 1px; border-color: #ccc;*/} .jc4_section .jc4 .jc_imgbox .jc_imgbox_sub img {max-width:100px; height:70px; text-align:center; padding:0; margin-top:3px; margin-bottom:3px; } .jc4_section .jc4 a, a:link, a:visited, a:active {color: inherit; text-decoration: none; } .jc4_section .jc4 ul li a div { word-wrap: break-word; word-break: keep-all; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; padding: 10px 9px 9px 9px; overflow:hidden; text-overflow: ellipsis;} .jc4_section .jc4 ul li a div h1 { font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size: 18px; line-height:28px; /*text-align:justify;*/ letter-spacing:-1px; position:relative; cursor: pointer; /*white-space: nowrap;*/ color: #444;} .jc4_section .jc4 ul li a div h6 { font-family:"Nanum Gothic","Malgun Gothic", Dotum; font-size: 13px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px; position:relative; height:60px; padding: 4px 8px 8px 8px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; word-break: break-all; color: rgb(102, 102, 102);} /* 지역소식 */ #dj_local{ clear:both; position:relative; width:auto; height:410px; margin:0;} #dj_local h2 span{ position: absolute; margin-left:5px; font-weight:600; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; overflow: hidden; height:23px; font-size: 17px; } /* 정치,사회,경제,사건사고 */ #dj_spl{ clear:both; position:relative; width:auto; height:320px; margin: 0 0 20px 0;} #dj_spl h2 span{ position: absolute; margin-left:5px; font-weight:600; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; overflow: hidden; height:23px; font-size: 17px; } .jc5_section {position: relative; margin:0 0 10px 0;} .jc5_tit{ height: 29px; margin-bottom: 10px; border-bottom: solid 2px #aaaaaa;} .jc5_section div span {padding-left: 10px; padding-bottom: 10px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:17px; font-weight:700; line-height:23px; letter-spacing:0; color:black;} .jc5_section a div span {padding-left: 10px; padding-bottom: 10px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:17px; font-weight:700; line-height:23px; letter-spacing:0; color:black;} .jc5_section .jc5 {float:left; width:95%; height:250px; display:block; list-style: none; overflow:hidden; text-overflow:ellipsis; border-bottom: solid #dcd9d9 1px; margin-right: 20px; margin-left: 10px;} .jc5_section .jc5 .jc5_imgbox {text-align:center;} .jc5_section .jc5 .jc5_imgbox .jc5_imgbox_sub {float:left; width:100%; height:170px; margin:4px; padding:0; background: #f9f9f9; /*border-style: solid; border-width: 1px; border-color: #ccc;*/} .jc5_section .jc5 .jc5_imgbox .jc5_imgbox_sub img {max-width:100%; height:170px; text-align:center; padding:0; } .jc5_section .jc5 a, a:link, a:visited, a:active {color: inherit; text-decoration: none; } .jc5_section .jc5 ul li a div { word-wrap: break-word; word-break: keep-all; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; padding: 10px 9px 9px 9px; overflow:hidden; text-overflow: ellipsis;} .jc5_section .jc5 ul li a div h1 { font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size: 18px; line-height:28px; /*text-align:justify;*/ letter-spacing:-1px; position:relative; cursor: pointer; /*white-space: nowrap;*/ color: #444;} .jc5_section .jc5 ul li a div h6 { font-family:"Nanum Gothic","Malgun Gothic", Dotum; font-size: 13px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px; position:relative; height:60px; padding: 4px 8px 8px 8px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; word-break: break-all; color: rgb(102, 102, 102);} /* 오늘의 운세 */ #dj_ent { position:relative; width:100%; max-height:80px; text-align:center;} #dj_ent a img {width:320px; height:60px; padding-top:5px; padding-bottom:5px; } /* 320 x 50 배너 */ #dj_bnr_320_50 { position:relative; width:100%; max-height:80px; text-align:center;} #dj_bnr_320_50 a img {width:320px; height:50px; padding-top:5px; padding-bottom:5px; } /* 320 x 50_2 배너 */ #dj_bnr_320_50_2 { position:relative; width:100%; max-height:80px; text-align:center;} #dj_bnr_320_50_2 a img {width:320px; height:50px; padding-top:0; padding-bottom:15px; } /* 320 x 100_2 배너 */ #dj_bnr_320_100_2 { position:relative; width:100%; max-height:130px; text-align:center;} #dj_bnr_320_100_2 a img {width:320px; height:100px; padding-top:0; padding-bottom:15px; } /* 320 x 125_2 배너 */ #dj_bnr_320_125_2 { position:relative; width:100%; max-height:145px; text-align:center;} #dj_bnr_320_125_2 a img {width:320px; height:125px; padding-top:0; padding-bottom:15px; } .n_text_list li { overflow: hidden; font-size:1.2em; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; line-height:1.7em; letter-spacing:0px; border-bottom:1px solid #dcdcdc; color:black; font-weight:300; } .n_text_list li a { height:20px; font-family:"Noto Sans KR", "Nanum Gothic", "Apple-Gothic", HelveticaNeue, Gulim, Dotum; padding:8px 0 8px 10px; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 톱기사 제목 글꼴 */ .n_text_list a span { font-weight:bold; font-size:1.4em; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; /*display: block; white-space:wrap; overflow:hidden; text-overflow:ellipsis;*/ } /* 카드뉴스 */ .card_news li a {padding: 8px 0 8px 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;} .card_news li a div img {max-height:350px; max-width:350px;} /* 포토뉴스 */ #photo_box{display:block; width:100%; height:245px; background:#222; padding-top: 13px; padding-left: 10px;} #photo_tit {margin-bottom: 10px; margin: 0 0 0 5px; font-weight:bold; font-size:17px; line-height:20px; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; color:white;} #photo_img_list { margin-top:20px; float:left; width:260px; height:190px; } #photo_img_list a { color:#333; text-decoration:none; } #photo_img_list a img { max-width:250px; height:140px; margin: 0 auto;} #photo_img_list a span { display:block; color: white; line-height:31px; letter-spacing:-1px; font-weight: 500; font-size:17px; margin-top:5px; text-align: center; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; } /* 인덱스 */ #index_news{clear:both; position:relative; width:auto; height:567px; padding:10px; } #index_news ul li {width: 100%; list-style:none; overflow:hidden; text-overflow:ellipsis; cursor:pointer; padding:1px 0 1px 0; height:75px; border-bottom: solid #dcd9d9 1px; } #index_news ul li a{font-size: 18px; font-weight: 800; color:#000; line-height: 20px; letter-spacing: -1px; margin: 0;} #index_news ul li a h6 {font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:400; font-size:15px; line-height:19px; position:relative; letter-spacing: 0; color:#666; cursor:pointer; padding:11px; } #index_news ul li a div.index_cont{ word-wrap: break-word; word-break: keep-all; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; padding:10px 3px 9px 0px; overflow: hidden; text-overflow: ellipsis;} #index_news ul li a h5 {font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; color:#333; font-size:19px; font-weight:700; line-height:27px; letter-spacing: -1px; margin: 0; position: relative; cursor: pointer; } #index_news ul li a h4 {font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size:13px; line-height:13px; position:relative; margin-bottom:4px; color:rgb(102, 102, 102); cursor:pointer; color:black; } #index_news ul li a b {font-size: 12px; color: #444; font-weight:800; margin: 0 5px 0 0; display: block; float: left; } #index_news ul li a .ind_img {width: 100px; height: 70px; float:left; overflow: hidden; margin-right:10px; text-align: center; background: #f9f9f9;} #index_news ul li a .ind_img img {max-width:100px; height:70px; margin-top: 3px; margin-bottom:3px;} /* 오피니언 */ #opinion{ position:relative; width:100%; height:100%; padding:0; margin: 7px 10px 0 10px;} #editorial{ position:relative; width:100%; height:50%; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc;} .tit8{ font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 18px; font-weight:600; line-height:30px; letter-spacing:-1px; color:#333; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; cursor:pointer; } #editorial hr{width:100%; height:1px; background-color:#ccc; border:0; margin:5px 0 10px 0;} #column{ position:relative; width:100%; height:auto; padding:15px 0 15px 0; background-color:transparent;} #column img{ width:82px; height:62px; float:left; border:1px solid #ccc; margin: 0 10px 0 0;} #column h2 { line-height:18px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; cursor:pointer; padding: 10px 0 0;} #column h3{ line-height:18px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; cursor:pointer; padding: 10px 0 0;} #column h2 a{font-size:18px; font-weight:400; color: #333; text-decoration:none; font-family: "Nanum Gothic","Malgun Gothic", gulim; } #column h3 a{font-size:18px; font-weight:300; color: #666; font-family: "Nanum Gothic","Malgun Gothic", gulim; } #column2{ position:relative; width:95%; height:auto; padding:7px 0 7px 0; background-color:transparent;} #column2 img{ width:56px; height:66px; object-fit:cover; object-position:top; float:left; border:1px solid #ccc; margin: 0 10px 0 0; border-radius:30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } #column2 h2 { line-height:18px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; cursor:pointer; padding: 10px 0 0;} #column2 h3{ line-height:18px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; cursor:pointer; padding: 20px 0 0;} #column2 h2 a{font-size:18px; font-weight:600; color:#333; text-decoration:none; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", gulim; } #column2 h3 a{font-size:18px; font-weight:600; color:#666; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", gulim; } #column3{position:relative; width:100%; height:auto; padding:7px 0 15px 0; background-color:transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc;} #column3 img{ width:56px; height:66px; object-fit: cover; object-position: top; float:left; border: 1px solid #ccc; margin: 0 10px 0 0; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; } #column3 h2 {line-height:18px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; cursor:pointer; padding: 10px 0 0;} #column3 h3 {line-height:18px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; cursor:pointer; padding: 10px 0 0;} #column3 h2 a{font-size:18px; font-weight:600; color:#333; text-decoration:none; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", gulim; } #column3 h3 a{font-size:18px; font-weight:600; color:#666; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", gulim; } #column_week {border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#ccc;} #column_week h2 { line-height:18px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; cursor:pointer; padding: 5px 0 15px 0;} #column_week h2 a{color:#666; font-size:18px; font-weight:600; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", gulim; } #column_week h2 a b{color:#333; font-size:18px; font-weight:600; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", gulim; } /* 여백 */ #opinion2{ clear:both; position:relative; width:100%; height:95px; padding:0; margin: 7px 0 0 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc;} #yb { float:left; width:100%; height:80px; margin-Right:5px; padding:0; } #yb a img{margin:0 0 0 2px;} #yb center{vertical-align:middle; line-height:1.0; } #yb span img{margin:5px 0 0 0; width:100px; height:35px;} #yb h4 {padding:0;} #yb h4 a { letter-spacing:-1px; width:92%; height:35px; color:#333; margin:5px 0; text-align:left; font-size:18px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic";} /*기사제목*/ #yb h4 a b {font-size:18px; /*background-color:transparent;*/ font-weight:600; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic";} #yb div {padding:5px; width:95%; height:42px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;} #yb div a { word-break: keep-all; letter-spacing:-1px; color:#666; margin:5px 0; text-align:left; font-size:15px; font-weight:400; display:block; overflow:hidden; /*white-space:nowrap;*/ text-overflow:ellipsis; cursor:pointer; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic";} /*기사제목*/ #yb div a b {font-size:15px; line-height: 22px; /*background-color: transparent;*/ font-weight:800; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic";} /* 섹션별 */ .jc3_section {position: relative; margin:0 0 10px 0;} .jc3_tit{ background: #d8dce4; height: 29px; margin-bottom: 10px;} .jc3_section div span {padding-left: 10px; padding-bottom: 10px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:17px; font-weight:700; line-height:23px; letter-spacing:0; color:black;} .jc3_section a div span {padding-left: 10px; padding-bottom: 10px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:17px; font-weight:700; line-height:23px; letter-spacing:0; color:black;} .jc3_section .jc3 {float:left; width:95%; height:84px; display:block; list-style: none; overflow:hidden; text-overflow:ellipsis; border-bottom: solid #dcd9d9 1px; margin-right: 20px; margin-left: 10px;} .jc3_section .jc3 .jc_imgbox {text-align:center;} .jc3_section .jc3 .jc_imgbox .jc_imgbox_sub {float:left; width:100px; height:70px; margin:4px; padding:0; background: #f9f9f9; /*border-style: solid; border-width: 1px; border-color: #ccc;*/} .jc3_section .jc3 .jc_imgbox .jc_imgbox_sub img {max-width:100px; height:70px; text-align:center; padding:0; } .jc3_section .jc3 a, a:link, a:visited, a:active {color: inherit; text-decoration: none; } /*.jc3_section .jc3 h1:hover {color:#666666; text-decoration:underline;}/* /*.jc3_section .jc3 a div h1:hover {color:#666666; text-decoration:underline;}*/ /*.jc3_section .jc3 a div h6:hover {color:#666666; text-decoration:underline;}*/ /*.jc3_section .jc3 h1 { font-family:"Nanum Gothic","Malgun Gothic", Dotum; font-size: 16px; font-weight:500; line-height:20px; text-align:justify; letter-spacing:0; position:relative; height:15px; padding:4px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}*/ .jc3_section .jc3 ul li a div { word-wrap: break-word; word-break: keep-all; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; padding: 10px 9px 9px 9px; overflow:hidden; text-overflow: ellipsis;} .jc3_section .jc3 ul li a div h1 { font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size: 18px; line-height:28px; /*text-align:justify;*/ letter-spacing:-1px; position:relative; cursor: pointer; /*white-space: nowrap;*/ color: #444;} .jc3_section .jc3 ul li a div h6 { font-family:"Nanum Gothic","Malgun Gothic",Dotum; font-size: 13px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px; position:relative; height:60px; padding: 4px 8px 8px 8px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; word-break: break-all; color: rgb(102, 102, 102);} /* 기사목록 페이지 */ #gisa_list {float:left; width:95%; height:75px; display:block; list-style: none; overflow:hidden; text-overflow:ellipsis; border-bottom: solid #dcd9d9 1px; margin-right: 20px; margin-left: 10px;} #gisa_list .glist_imgbox {text-align:center;} #gisa_list .glist_imgbox .glist_imgbox_sub {float:left; width:100px; height:70px; /*margin:4px;*/ padding:0; background: #f9f9f9; /*border-style: solid; border-width: 1px; border-color: #ccc;*/} #gisa_list .glist_imgbox .glist_imgbox_sub img {max-width:100px; height:70px; text-align:center; padding:0; margin-top:3px; margin-bottom:3px; } #gisa_list ul li a, a:link, a:visited, a:active {color: inherit; text-decoration: none; } #gisa_list ul li a div {height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; padding: 13px 9px 9px 9px; overflow: hidden; text-overflow: ellipsis;} #gisa_list ul li a div h1 { font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size: 18px; line-height:28px; text-align:justify; letter-spacing:-1px; position:relative; cursor: pointer; color: #444;} #gisa_list ul li a div h6 { font-family:"Nanum Gothic","Malgun Gothic", Dotum; font-size: 13px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px; position:relative; height:60px; padding: 4px 8px 8px 8px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; word-break: break-all; color: rgb(102, 102, 102);} /* 영상목록 페이지 */ #mov_list {float:left; width:95%; height:75px; display:block; list-style: none; overflow:hidden; text-overflow:ellipsis; border-bottom: solid #dcd9d9 1px; margin-right: 20px; margin-left: 10px;} #mov_list .mlist_imgbox {text-align:center;} #mov_list .mlist_imgbox .mlist_imgbox_sub {float:left; width:100px; height:70px; /*margin:4px;*/ padding:0; background: #f9f9f9; /*border-style: solid; border-width: 1px; border-color: #ccc;*/} #mov_list .mlist_imgbox .mlist_imgbox_sub img {max-width:100px; height:70px; text-align:center; padding:0; margin-top:3px; margin-bottom:3px; } #mov_list ul li a, a:link, a:visited, a:active {color: inherit; text-decoration: none; } #mov_list ul li a div {height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; padding: 13px 9px 9px 9px; overflow: hidden; text-overflow: ellipsis;} #mov_list ul li a div h1 { font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size: 18px; line-height:28px; text-align:justify; letter-spacing:-1px; position:relative; cursor: pointer; color: #444;} #mov_list ul li a div h6 { font-family:"Nanum Gothic","Malgun Gothic", Dotum; font-size: 13px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px; position:relative; height:60px; padding: 4px 8px 8px 8px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; word-break: break-all; color: rgb(102, 102, 102);} #mov_list_play_icon {position: absolute; z-index:20; width:30px; height:30px; padding:0; cursor: pointer; margin-left:-63px; margin-top:21px;} #gisa_info {float:left; width:100%; min-width:300px; position: relative; display:block; height:64px; font-size: 13px; color: #444; text-align:left; margin-top:3px; margin-left:10px;} #gisa_info span { position: absolute; float:left; width:90%; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 13px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px; /*height:60px;*/ padding: 4px 0px 8px 5px; overflow:hidden; text-overflow: ellipsis; /*word-break: break-all;*/ white-space: nowrap; color: rgb(102, 102, 102);} #gisa_info span .giza_name{height:50px; margin-top:6px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 13px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px; } #gisa_info span div {float:left; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 13px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px;} #gisa_info span div b {font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 13px; font-weight:600; line-height:18px; text-align:justify; letter-spacing:-1px;} #gisa_info span div img{width:43px; border: 1px solid #ccc; border-radius:25px; vertical-align:middle;} #gisa_info p { position: absolute; float:left; height: 50px; top: 23px;} #gisa_info p a img { width:40px; height:15px; margin-top:5px; float: right; margin-right: 10px;} #show_font_size_btn { width:30px; float:right; margin-right:30px; margin-top: -3px; } #sns_on { width:24px; float:right; margin-right:10px; } #sns_btn { height:0px; width:100%; text-align:center;} /*기사내 관련기사*/ #related_news_list{float:left; position: relative; width:100%; min-width:300px; } #related_news_list .related_tit {border-bottom: 1px solid #787878; height: 29px; margin-bottom: 10px;} #related_news_list .related_tit span { position: absolute; margin-left: 10px; margin-top: 3px; font-weight:bold; font-size:17px; line-height:20px; font-family:"Noto Sans KR","Nanum Gothic", "Apple-Gothic", "HelveticaNeue", Gulim, Dotum; color: #323232;} #related_news_list .related {margin-bottom: 10px;} #related_news_list .related li {text-align:left;} #related_news_list .related li a {display: block; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 15px; font-weight:400; line-height:18px; text-align:justify; letter-spacing:-1px; position:relative; height:14px; padding: 8px 8px 8px 10px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(102, 102, 102);} /*기사내 포토뉴스*/ #photo_news_list{float:left; position: relative; width:100%; min-width:300px; margin-bottom: 15px; } #photo_news_list .pto_tit {/*background: #bd7038;*/ border-bottom: 1px solid #787878; height: 29px; margin-bottom: 15px;} #photo_news_list .pto_tit span { position: absolute; margin-left: 15px; margin-top: 3px; font-weight:bold; font-size:17px; line-height:20px; font-family:"Noto Sans KR","Nanum Gothic", "Apple-Gothic", "HelveticaNeue", Gulim, Dotum; color: #494949; /*color:white;*/} #photo_news_list .photo_img_list{display:flex; max-height:118px; } #photo_news_list .photo_img_list li {text-align:center; overflow:hidden; margin-left: 10px;} #photo_news_list .photo_img_list li a div {width:110px; height:70px; text-align:center;} #photo_news_list .photo_img_list li a div img {width:100px; height:70px; text-align:center;} #photo_news_list .photo_img_list li a span{width:100px; /*display: block;*/ display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 15px; font-weight:400; line-height:20px; text-align:justify; letter-spacing:-1px; position:relative; height:30px; padding: 8px 0px 10px 4px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; color: rgb(102, 102, 102);} /*기사내 인기뉴스*/ #hot_news_list{float:left; position: relative; width:100%; margin-bottom: 20px; min-width:300px; } #hot_news_list .hot_tit {/*background: #ef5e5e;*/ border-bottom: 1px solid #787878; height: 29px; margin-bottom: 10px;} #hot_news_list .hot_tit span { position: absolute; margin-left: 15px; margin-top: 3px; font-weight:bold; font-size:17px; line-height:20px; font-family:"Noto Sans KR","Nanum Gothic", "Apple-Gothic", "HelveticaNeue", Gulim, Dotum; color: #494949; /*color:white;*/} #hot_news_list .hot_list {margin:0 5px 0 5px;} #hot_news_list .hot_list li {text-align:center;} #hot_news_list .hot_list li a {display: block; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 15px; font-weight:400; line-height:20px; text-align:justify; letter-spacing:-1px; position:relative; height:14px; padding: 8px 8px 8px 10px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(102, 102, 102);} /*기사내 연예뉴스*/ #ent_news_list{float:left; position: relative; width:100%; margin-bottom: 20px; min-width:300px; } #ent_news_list .ent_tit {/*background: #559e1d;*/ border-bottom: 1px solid #787878; height: 29px; margin-bottom: 10px;} #ent_news_list .ent_tit span { position: absolute; margin-left: 15px; margin-top: 3px; font-weight:bold; font-size:17px; line-height:20px; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; color: #494949; /*color:white;*/} #ent_news_list .ent_list {margin:0 5px 0 5px;} #ent_news_list .ent_list li {text-align:center;} #ent_news_list .ent_list li a {display: block; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 15px; font-weight:400; line-height:20px; text-align:justify; letter-spacing:-1px; position:relative; height:14px; padding: 8px 8px 8px 10px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(102, 102, 102);} /*기사내 스포츠뉴스*/ #spo_news_list{float:left; position: relative; width:100%; margin-bottom: 20px; min-width:300px; } #spo_news_list .spo_tit {/*background: #2b68c3;*/ border-bottom: 1px solid #787878; height: 29px; margin-bottom: 10px;} #spo_news_list .spo_tit span { position: absolute; margin-left: 15px; margin-top: 3px; font-weight:bold; font-size:17px; line-height:20px; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue,Gulim, Dotum; color: #494949; /*color:white;*/} #spo_news_list .spo_list {margin:0 5px 0 5px;} #spo_news_list .spo_list li {text-align:center;} #spo_news_list .spo_list li a {display: block; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size: 15px; font-weight:400; line-height:20px; text-align:justify; letter-spacing:-1px; position:relative; height:14px; padding: 8px 8px 8px 10px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(102, 102, 102);} /*SNS 공유*/ #sns_share_back { top:0; position:absolute; float:left; width:100%; height:100%; background-color:#000; background:rgba(0, 0, 0, 0.7); z-index:2147483646; overflow:hidden; } #sns_share_back .sns_box {position:fixed; top:150px; min-width:300px; border-radius:20px; z-index:2147483647; left:5%; width: 90%; max-width:400px; height:200px; background:#ffffff;} #sns_share_back .sns_box h4{ position:absolute; top:15px; left:25px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:18px; font-weight:600; line-height:20px; letter-spacing:-1px; cursor: pointer; color: rgb(102, 102, 102);} #sns_share_back .close_btn {position:absolute; width:20px; height:20px; top:15px; right:15px; z-index:2147483647; background: url('http://m.daejonilbo.com/img/sns/sns_share_off.jpg') center center no-repeat;} #sns_share_back .sns_box .sns_list{position:absolute; width:100%; height:150px;} #sns_share_back .sns_box .sns_list ul { margin: 65px 10px 35px 0px; } #sns_share_back .sns_box .sns_list ul li { margin:15px auto; width:100%; text-align:center; } #sns_share_back .sns_box .sns_list ul li a {margin-left:15px;} #sns_share_back .sns_box .sns_list ul li a img {width:36px; height:36px; border-radius:10px;} /*본문 폰트크기 조절 박스 */ #font_size_back { top:0; position:absolute; float:left; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:2147483646; overflow:hidden; } #font_size_back .font_size_box {position:fixed; top:150px; min-width:300px; border-radius:20px; z-index:2147483647; left:5%; width: 90%; max-width:400px; height:120px; background:#ffffff;} #font_size_back .font_size_box h4{ position:absolute; top:15px; left:25px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:18px; font-weight:600; line-height:20px; letter-spacing:-1px; cursor: pointer; color: rgb(102, 102, 102);} #font_size_back .close_btn {position:absolute; width:20px; height:20px; top:15px; right:15px; z-index:2147483647; background: url('http://m.daejonilbo.com/img/sns/sns_share_off.jpg') center center no-repeat;} #font_size_back .font_size_box .font_size_list{position:absolute; width:100%; height:120px;} #font_size_back .font_size_box .font_size_list ul { margin: 48px 10px 35px 0px; } #font_size_back .font_size_box .font_size_list ul li { width:100%; text-align:center; } #font_size_back .font_size_box .font_size_list ul li p {width:300px; text-align:center; margin: 0 auto;} #font_size_back .font_size_box .font_size_list ul li p .f_16{font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; color:#777; border: 1px solid #b1afaf; float:left; width:34px; height:34px; border-radius:34px; margin: 5px 7px; font-size:16px; font-weight:600; line-height:34px;} #font_size_back .font_size_box .font_size_list ul li p .f_18{font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; color:#fff; background:#5176ef; float:left; width:34px; height:34px; border-radius:34px; margin: 5px 7px; font-size:18px; font-weight:600; line-height:34px;} #font_size_back .font_size_box .font_size_list ul li p .f_20{font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; color:#777; border: 1px solid #b1afaf; float:left; width:34px; height:34px; border-radius:34px; margin: 5px 7px; font-size:20px; font-weight:600; line-height:34px;} #font_size_back .font_size_box .font_size_list ul li p .f_22{font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; color:#777; border: 1px solid #b1afaf; float:left; width:34px; height:34px; border-radius:34px; margin: 5px 7px; font-size:22px; font-weight:600; line-height:34px;} #font_size_back .font_size_box .font_size_list ul li p .f_24{font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; color:#777; border: 1px solid #b1afaf; float:left; width:34px; height:34px; border-radius:34px; margin: 5px 7px; font-size:24px; font-weight:600; line-height:34px;} #font_size_back .font_size_box .font_size_list ul li p .f_26{font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; color:#777; border: 1px solid #b1afaf; float:left; width:34px; height:34px; border-radius:34px; margin: 5px 7px; font-size:26px; font-weight:600; line-height:34px;} #font_size_back .font_size_box .font_size_list ul li a {margin-left:15px;} #font_size_back .font_size_box .font_size_list ul li a img {width:36px; height:36px;} /*광고*/ #advert {position:relative; float:left; width:100%;} #advert .advert_sub { width:320px; margin: 10px auto;} /* 더보기 버튼 */ .btn-more { width: 24px; height: 24px; border: 1px solid #000; position: relative; display: inline-block; text-indent: -9999px; overflow: hidden; text-align: left; background-color: #fff; margin: 2px 10px 2px 2px; /* 버튼 위치 */ cursor: pointer; float: right;} /* + 모양 처리 */ .btn-more > span:after { position: absolute; left: 50%; top: 50%; margin-top: -8px; margin-left: 0px; width: 1px; height: 16px; background-color: #000; content: "";} .btn-more > span:before { position: absolute; left: 50%; top: 50%; margin-top: 0px; margin-left: -8px; width: 16px; height: 1px; background-color: #000; content: "";} /* 톱기사 제목 */ .top_title {width: auto; /*max-width: calc(100% - 2px);*/ max-height: 4.8em; min-height: 3.0em; height:auto; padding:1px; overflow:hidden; text-overflow:ellipsis; cursor:pointer; display:block; word-wrap:break-word; word-break:keep-all; /*white-space:nowrap;*/ font-family:"Noto Sans KR","Nanum Gothic", "Apple-Gothic", "HelveticaNeue", Gulim, Dotum; /*font-size: 1.0em;*/ font-weight:bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:-webkit-box;} .top_title a {font-weight:bold; font-size:1.6em; color:#333; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum;} /* 톱기사 내용 */ .top_cont {font-size: 14px; line-height: 22px; text-align: justify; max-width: 270px; height: 113px; margin: 9px 1px 1px 1px; display: none; /*white-space:pre-wrap; padding: 1px 0;*/ overflow: hidden; text-overflow: ellipsis; cursor:pointer; letter-spacing:-1px; word-break: break-all; /* 글자1자 단위 줄바꿈*/ font-family:"Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum;} /*톱기사 이미지*/ .top_img {margin-top: 6px; max-width: 600px; min-width: 300px; width: calc(100% - 5px); max-height: 200px; min-height: 170px; display: block; image-rendering: pixelated;} /*톱기사 제목용 이미지*/ .top_title_img{ float:left; width:100%; max-width:450px; height: auto; margin: 1px 1px 2px 1px; border:0px;} /*톱기사 전체크기*/ .top { margin-right:10px; margin-left:10px; margin-bottom:0px; clear: both; width:auto; /*height: 192px;*/ } /*====== 스와프 메뉴 ========*/ .swiper-pagination-switch {display:inline-block; width:14px; height:14px; margin:0 3px; border-radius:10px; background:#aaaaaa; /*box-shadow: 0px 1px 2px #555 inset;*/ /*음형 효과 */ cursor:pointer;} /*스와프 페이지 위치 표시*/ .swiper-active-switch {width:28px; background:#656463; transition: 0.3s;} /*기본색깔*/ /*상단메뉴*/ .swiper-container {position:relative; width:100%; height:47px; overflow: hidden; } /*스와프 메뉴 전체 높이,넓이*/ .pagination {display:none; position:absolute; top:45px; left:0; bottom:10px; width:100%; height:10px; text-align:center;} .arrow-left {position:absolute; left:0; top:50%;} .arrow-right {position:absolute; right:0; top:50%;} /*기사페이지 상단메뉴*/ .swiper-container_gv {position:relative; width:100%; height:28px; overflow: hidden; } .pagination_gv {display:none; position:absolute; top:45px; left:0; bottom:10px; width:100%; height:10px; text-align:center;} .arrow-left_gv {position:absolute; left:0; top:50%;} .arrow-right_gv {position:absolute; right:0; top:50%;} /*톱기사*/ .swiper-container1 {position:relative; /*max-width:520px; height:290px;*/ /*height:330px;*/ overflow:hidden; } .pagination1 {position:absolute; top:308px; left:0; bottom:10px; width:100%; height:10px; text-align:center;} .pagination1 .swiper-pagination-switch {display:inline-block; width:14px; height:14px; margin: 0 3px; border-radius: 10px; background:#b7babd; /*box-shadow: 0px 1px 2px #555 inset;*/ cursor: pointer;} .pagination1 .swiper-active-switch {background:#656463; width: 28px; transition: 0.3s;} .arrow-left1 {position:absolute; left:0; top:50%;} .arrow-right1 {position:absolute; right:0; top:50%;} /*포토뉴스*/ .swiper-container2 {position:relative; width:100%; height:240px; overflow: hidden; background-color: #333; } .pagination2 {position:absolute; top:220px; left:0; bottom:10px; width:100%; height:10px; text-align:center;} .arrow-left2 {position:absolute; left:0; top:50%;} .arrow-right2 {position:absolute; right:0; top:50%;} /*뉴스줌인*/ /*.swiper-container4 {position:relative; width:100%; height:350px; overflow: hidden; } .pagination4 {position:absolute; top:310px; left:0; bottom:10px; width:100%; height:10px; text-align:center;} .arrow-left4 {position:absolute; left:0; top:50%;} .arrow-right4 {position:absolute; right:0; top:50%;} */ /*지역뉴스*/ .swiper-container5 {position:relative; width:100%; height:410px; overflow: hidden; } .pagination5 {position:absolute; top:390px; left:0; bottom:10px; width:100%; height:10px; text-align:center;} .arrow-left5 {position:absolute; left:0; top:50%;} .arrow-right5 {position:absolute; right:0; top:50%;} /*==========================*/ /* ==== 하단 이미지 뉴스 ==== */ #img_news_items{margin:0;} .img_news_items_tit {/*background:#d8dce4;*/ height:29px; margin-bottom:10px; border-bottom-style:solid; border-bottom-width:1px; border-color:#ccc;} /*title box*/ .img_news_items_tit span {padding-left: 10px; padding-bottom: 10px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:17px; font-weight:700; line-height:23px; letter-spacing:0; color: black;} /*title*/ .img_news_items_pic8{ margin:0; height: 29px; max-width: 150px; } /*img title*/ #img_news_items_div {width:95%; float: left; margin-left:14px; padding-bottom: 12px; margin-bottom: 10px; border-bottom: solid #dcd9d9 1px;} /* title */ #img_news_items_div h1 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size:18px; line-height:25px; text-align:justify; letter-spacing:-1px; position:relative; height:auto; padding: 11px 25px 0px 9px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ color: #444;} /* content */ #img_news_items_div h6 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size:13px; line-height:18px; text-align:justify; letter-spacing:0px; position:relative; height:30px; padding: 2px 9px 9px 9px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ color: #323232; font-weight:300; } .img_news_items_sub_div{ float: left; text-align: center; background-color:#F4F4F4; width:100px; height:70px; /*border-style:solid; border-width:1px; border-color:#ccc;*/ overflow: hidden;} .img_news_items_pic5{max-width:100px; height:70px;} .fon8{ display:block; width:180px; line-height:20px; font-weight:500; font-size:14px; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic",Dotum; color:#666; line-height:18px; margin:0 0 0 10px; padding:0; text-align:center; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;} #img_news_items2{margin:0;} .img_news_items2_tit {background:#d8dce4; height:29px; margin-bottom:10px; border-bottom-style:solid; border-bottom-width:1px; border-color:#ccc;} /*title box*/ .img_news_items2_tit span {padding-left: 10px; padding-bottom: 10px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-size:17px; font-weight:700; line-height:23px; letter-spacing:0; color: black;} /*title*/ .img_news_items2_pic8{ margin: 0 0 0 16px; height: 29px; max-width: 150px; } /*img title*/ #img_news_items2_div {float: left; margin-left:14px;} /* title */ #img_news_items2_div h1 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size:18px; line-height:25px; text-align:justify; letter-spacing:-1px; position:relative; height:40px; padding: 0px 9px 9px 9px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ color: #323232;} /* content */ #img_news_items2_div h6 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum; font-weight:600; font-size:13px; line-height:18px; text-align:justify; letter-spacing:0px; position:relative; height:30px; padding: 6px 9px 9px 9px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ color: #323232; font-weight:300; } .img_news_items2_sub_div{ float: left; text-align: center; background-color:#F4F4F4; width:140px; height:90px; /*border-style:solid; border-width:1px; border-color:#ccc;*/ overflow: hidden;} .img_news_items2_pic5{max-width:140px; height:90px;} /*==========================*/ /* ==== 슬라이드 메뉴==== */ body,html { margin: 0; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-weight: 100; overflow-x:hidden; overflow-y:auto; } .container { position: relative; min-height: 1025px; height:100%; width: 100%; left: 0; -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out;} .container.open-sidebar { left:225px; z-index:12000; } /* 사이드바 열릴 때 넓이 */ .swipe-area { position: absolute; width: 0px; left: 0; top: 0; height: 100%; background: #f3f3f3; z-index: 0;} #sidebar { background: #323232; position: absolute; width:225px; /*사이드바 넓이*/ height: 100%; /*사이드바 높이 기본*/ left: -225px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 2147483647;} #sidebar ul { margin:0; padding:0; list-style: none;} #sidebar ul li { margin:0;} /*메뉴*/ #sidebar ul li a { padding: 5px 7px; font-size: 17px; color:white; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-weight: 500; text-decoration: none; display: block; /*border-bottom: 1px solid #dcdcdc ; #3296FF*/ /*사이드바 메뉴 버튼 하단 라인 기본 색깔*/ -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out;} /*사이드바 메뉴 버튼 동작시 해당 부분 기본 색상*/ /*#sidebar ul li:hover a { background: #50C2FF; }*/ #main_menu_70year_logo {position:absolute; top:13px; z-index:2001; left:13px; width:100px; height:45px;} #main_menu_logo {position:absolute; top:17px; z-index:2001; left:10px; width:113px; } #main_menu_off_btn {position:absolute; top:18px; z-index:2001; right:13px; width:30px; height:30px; cursor: pointer; background:url('http://m.daejonilbo.com/images/btn_black_off66.png') no-repeat; background-size: 30px 30px; border:0; text-indent:-500em; } #main_content_block {position:absolute; top:0; z-index:12000; width:100%; height:100%; background:rgba(2, 2, 2, 0.9); cursor: pointer;} .main-content { width:100%; height:100%; padding: 0px; /*전체 여백*/ box-sizing: border-box; -moz-box-sizing: border-box; position: relative;} .main-content .t_content { box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 0px; /*전체 여백 */ width: 100%; } .main-content .t_content h1 {font-weight:100;} .main-content .t_content p { width: 100%; line-height: 160%;} .main-content #sidebar-toggle { background: #969696; /*슬라이드 버튼 기본 색상*/ border-radius: 3px; display: block; position: absolute; padding: 10px 7px 10px 7px; /*슬라이드 on/off 버튼*/ float: left; top:13px; margin-left: 10px;} .main-content #sidebar-toggle .bar {display: block; width: 18px; /*슬라이드 on/off 버튼 */ margin-bottom: 3px; height: 2px; background-color: #fff; border-radius: 1px;} .main-content #sidebar-toggle .bar:last-child { margin-bottom: 0;} /*메인메뉴 검색*/ #main_menu_search {position:absolute; top:75px; z-index:2001; left:13px; width:175px; height:32px; border-radius:16px; border: 2px solid rgb(102, 102, 102); background: #333;} #search_btn { position:absolute; top:3px; right:5px; width:25px; height:25px; background:url('http://m.daejonilbo.com/images/btn_search_66a.png') no-repeat; background-size: 25px 25px; border:0; text-indent:-500em; } #AKCKwd2 {position:relative; float:left; width:128px; height:28px; line-height:23px; border:0; margin-top: 2px; margin-left: 10px; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-size:15px; font-weight:500; color: #dcdcdc; } /*=======================*/ /*========== 왼쪽 숨김 메뉴 시작 ===========*/ #left_menu {margin-top:127px; margin-left: 10px;} #left_menu .sns_box{margin: 20px 0 10px 5px;} #left_menu .sns_box a img {width:26px; height:26px; margin-right:4px; border-radius:3px;} #left_menu .dropdown, #left_menu .dropdown1, #left_menu .dropdown2, #left_menu .dropdown3, #left_menu .dropdown4, #left_menu .dropdown5, #left_menu .dropdown6, #left_menu .dropdown7, #left_menu .dropdown8, #left_menu .dropdown9 , #left_menu .dropdown10 { display: inline-block; padding: 8px 6px; border-radius: 2px; width: 208px; height: 29px; box-sizing: border-box; line-height: 13px; position: relative; cursor: pointer; color: white; font-family: "Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-size: 15px; font-weight: bold;} #left_menu .dropdown a, #left_menu .dropdown1 a,#left_menu .dropdown2 a, #left_menu .dropdown3 a, #left_menu .dropdown4 a,#left_menu .dropdown5 a, #left_menu .dropdown6 a, #left_menu .dropdown7 a, #left_menu .dropdown8 a, #left_menu .dropdown9 a , #left_menu .dropdown10 a {text-decoration:none; color: white; font-size:15px; font-family: "Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum;} #left_menu .drop_group {margin:0; padding:0; height:29px;} #left_menu .drop_group a {text-decoration:none; color:white; width:160px; display: inline-block; margin-left: 5px; margin-top: 5px; font-size:15px; font-family: "Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-weight: bold; position: absolute; z-index: 2147483648;} #left_menu .dropdown1:after, #left_menu .dropdown2:after, #left_menu .dropdown3:after, #left_menu .dropdown4:after, #left_menu .dropdown5:after, #left_menu .dropdown6:after, #left_menu .dropdown7:after { content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 16px; transform: rotate(45deg); top: 8px; border-bottom: 2px solid #74809d; border-right: 2px solid #74809d; transition: 0.3s;} #left_menu ul { width: 200px; box-sizing: border-box; display:none; padding: 0; position: relative; opacity: 0; transition: opacity 0.2s linear;} #left_menu ul:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; transform: rotate(45deg); top: -8px; right: 10px; z-index: -1;} #left_menu ul li { list-style: none; padding: 5px 9px; margin-left: 21px; margin-right: 29px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); /*border-left: 4px solid #fff;*/ font-weight: bold; color: #74809d; height: 30px; font-size:15px; line-height: 13px; box-sizing: border-box;} #left_menu ul li a {text-decoration:none; color:white; font-size:15px; text-overflow: ellipsis; white-space: pre; display: inline-block; width:160px; overflow: hidden; font-family: "Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum;} #left_menu ul li:first-child { border-radius: 2px 2px 0 0;} #left_menu ul li:last-child { border-bottom: none; border-radius: 0 0 2px 2px;} #left_menu ul li:hover { transition: 0.2s; cursor: pointer; /*border-left: 4px solid #bbc2c7;*/ color: white; background: #74809d;} #left_menu .active { transition: 0.3s; color: #fff; font-size:15px; font-family: "Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; } /* 화살표 */ #left_menu .active:after { border-bottom: 2px solid #c1bfbf; border-right: 2px solid #c1bfbf; transform: rotate(-135deg); top: 13px; transition: 0.4s;} #left_menu .opened { opacity: 1 !important; display:block;} /*========= 왼쪽 숨김 메뉴 끝 =============*/ .n_img_list { margin-top:10px; } .n_img_list li { float:left; width:260px; height:160px; text-align:center; margin: 10px; } .n_img_list li a { display:block; width:100%; } .n_img_list li a img { max-width:250px; height:140px; } .n_img_list li span { display:block; color: black; font-weight: 500; font-size:14px; margin-top:5px; text-align: center; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; } .notice { height:20px; background:#f3f3f3; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding-top:7px; font-size:12px; float:left; width:100%; margin:10px 0 5px 0; } .notice span { color:#cd0000; font-weight:bold; margin-left:10px; } .banner { background:url('http://m.daejonilbo.com/images/bn_main.png') no-repeat 10px 7px; clear:both; height:43px; background-color:#424242; } .banner a { width:100%; height:43px; display:block; color:#FFFFFF; } .banner a span { display:block; float:left; } .banner a span.text { margin:8px 0 0 113px; } .banner a span.small_text { font-size:10px; } /* footer */ #footer { border-top:2px solid #aeaeae; border-bottom:2px solid #aeaeae; background-color:#dcdcdc; text-align:center; font-size:15px; margin-top:10px; clear:both; } #footer .foot_box { padding:20px 0 15px 0; border-top:1px solid #e2e2e2; } #footer ul { margin:0 0 10px 0; } #footer ul li { display:inline-block; height:16px; margin:0; text-align:left; letter-spacing:-1px; font-size:10px; } #footer input { height:26px; padding:1px 8px 0 8px; border:1px solid #aaaaaa; font-size:80%; color:#222; letter-spacing:-1px; text-align:center; box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5)); /*Safari*/ background: -webkit-linear-gradient(top, #fff, #e5e5e5); /*WebKit nightly*/ background: -moz-linear-gradient(top, #fff, #e5e5e5); /* Modzilla Firefox */ } /* footer2 (Date:2017.7.13) */ #footer2 { background:#222; border-top:1px solid #aeaeae ; /* 위쪽 선*/ border-bottom:1px solid #aeaeae ; /* 아래쪽 선 */ /*background-color:#dcdcdc;*/ text-align:center; font-size:15px; margin-top:10px; clear:both; } #footer2 .foot_box { padding:20px 0 15px 0; /*border-top:1px solid #e2e2e2;*/ } #footer2 ul { margin:0 0 10px 0; } #footer2 ul li { display:inline-block; height:16px; margin:0; text-align:left; color:#dcdcdc; letter-spacing:0px; font-size:12px; font-family: "Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-weight:300; } #footer2 input { height:26px; padding:1px 8px 0 8px; border:1px solid #aaaaaa; font-size:80%; color:#222; letter-spacing:0; text-align:center; box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5)); /*Safari*/ background: -webkit-linear-gradient(top, #fff, #e5e5e5); /*WebKit nightly*/ background: -moz-linear-gradient(top, #fff, #e5e5e5); /* Modzilla Firefox */ } .end_bar { height:25px; font-size:0.65em; } .end_bar img { float:right; margin:5px 10px 0 0; } /* 추가 */ .sub_menu { width:100%; border-bottom: 1px solid #aaa; text-align: center; height:34px; /*대메뉴 높이*/ overflow:hidden; background-color:#FFF; } /*기본 색깔: #DDD */ .sub_menu_hidden{ visibility:hidden; position:absolute; top:200px; } .sub_menu_hidden on{ visibility:visible; } .sub_menu li {float: left; width: 16.6%; height: 34px; /*대메뉴의 자식메뉴 높이*/ } .sub_menu li a { display:block; border:none; height:25px; color: #333; padding-top:7px; font-weight:bold; font-size:15px; } .sub_menu li a.on { color:#00C; font-weight:bold; letter-spacing:-1px; } h2.tit {color:#323232; font-size: 22px; font-family: "Noto Sans KR", "Nanum Gothic",Apple-Gothic,Gulim,HelveticaNeue; font-weight:bold; line-height:23px; letter-spacing:-1px; text-align: justify; margin: 20px 0 0; padding: 0 18px 5px 15px; word-break: break-all; } h2.sub_tit {color: #393939; font-size: 17px; font-family: "Noto Sans KR", "Nanum Gothic",Apple-Gothic,Gulim,HelveticaNeue; font-weight:600; line-height:25px; letter-spacing: -1px; padding: 6px 10px 14px 15px; word-break: break-all; } .author{height:30px; font-size:.9em; line-height:15px; color: #999; text-align:right; padding-top:5px;} #s_main { clear:both; margin: 0px 0 18px 12px; position:relative; } #article{ width:640px; min-height:420px;} #article h3{ font-size: 14px; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-weight:400; line-height:23px;} #imgbox{ width: calc(100% - 30px); max-width:540px; margin: 0px auto;/*text-align:center; text-align:-webkit-center; */ /*border: 1px solid #d5d5d5;*/} #imgbox img{ width: calc(100% - 10px); max-width:540px; vertical-align:top; margin: 0px auto; } #imgbox div { /*display:block;*/ line-height:1.2em; font-size:12px; width:100%; text-align:left; color:#666; padding: 2px 0;} #imgbox div span{font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-weight:400; line-height:23px; line-height:1.2em; font-size:12px; width:100%; font-weight: 400; text-align:left; color:#666; padding: 2px 0;} #imgbox30{ width:84px; height:147px; margin: 18px 4px 0 9px; text-align:left; text-align:-webkit-left; float:left; /*border: 1px solid #d5d5d5;*/} #imgbox30 img{ max-width:80px; width:auto; height:100px; vertical-align: bottom; margin: 0px; } #imgbox30 div{ /*display:block;*/ line-height:1.2em; font-size:12px; width:84px; /*height:40px;*/ margin-bottom:5px; overflow:hidden; /*text-overflow:ellipsis;*/ } #imgbox30 div span{ text-align:justify; line-height:1.2em; font-size:12px; font-family: "Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; color:#666; letter-spacing: 0px; font-weight: 400; padding:10px 0; /*white-space:nowrap;*/ word-break:break-all; } #imgbox50{ width:170px; height:260px; margin: 18px 4px 0 9px; text-align:left; text-align:-webkit-left; float:left; /*border: 1px solid #d5d5d5;*/} #imgbox50 img{ max-width:166px; width:auto; height:200px; vertical-align: bottom; margin: 0px; } #imgbox50 div{ /*display:block;*/ width:166px; line-height:1.2em; font-size:12px; height:85px; margin-bottom:5px; margin-top: 9px; overflow:hidden; text-overflow:ellipsis; } #imgbox50 div span{ padding: 10px 10px; text-align:justify; line-height:1.2em; font-size:12px; font-family: "Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; color:#666; letter-spacing: 0px; font-weight: 400; padding:10px 0; /*white-space:nowrap;*/ word-break:break-all; } .m_img1 span { font-family:"Noto Sans KR", "Nanum Gothic", "Apple-Gothic", "HelveticaNeue", Gulim, Dotum; font-size:13px; color:#666; word-break:break-all; letter-spacing: 1px;} .m_img2 { font-family:"Noto Sans KR", "Nanum Gothic", "Apple-Gothic", "HelveticaNeue", Gulim, Dotum; font-size:13px; color:#666; word-break:break-all; line-height:18px; letter-spacing: 1px; } /*기사 본문*/ .m_cont {padding: 10px 20px 0px 10px; font-family: "Noto Sans KR","Nanum Gothic",Apple-Gothic,Gulim,HelveticaNeue; font-size:18px; letter-spacing:-1px; line-height:27px; font-weight:500; color:rgb(62, 62, 62); word-break: break-all; text-align: justify; } .m_cont h4 {padding: 0; font-family: "Noto Sans KR","Nanum Gothic",Apple-Gothic,Gulim,HelveticaNeue; font-size:18px; letter-spacing:-1px; line-height:27px; font-weight:500; color:rgb(62, 62, 62); word-break: break-all; text-align: justify; } .m_cont .play { font-size:16px; display:block; margin:10px 0; text-align:center; } .m_img1{border: none; width: auto;} /* 기사내 이미지 수동 삽입부분 처리 (2018.6.23)*/ .m_cont .imgbox{border: none;width: auto;} .m_cont .imgbox b { display: block; line-height: 15px; font-family: "Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; font-weight: 400; font-size:13px; color:#666; word-break: break-all; letter-spacing: 1px; } .m_img_in {width: calc(100% - 30px); min-height:280px; margin: 0 15px 0 10px; } .m_bg { background:url('http://m.daejonilbo.com/images/m1_01_img.png') no-repeat right bottom; padding:10px 0 100px 0; } .m_cont .m_tit { font-size:16px; display:block; margin-bottom:10px; } .m_cont .map { display:block; text-align:center; } .btn_loca { font-family:Verdana, Arial, Helvetica, sans-serif; height:26px; padding:0 8px 3px 8px; border:1px solid #aaaaaa; font-size:90%; color:#FFFFFF; letter-spacing:-1px; text-align:center; box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #787878)); /*Safari*/ background: -webkit-linear-gradient(top, #989898, #787878); /*WebKit nightly*/ background: -moz-linear-gradient(top, #989898, #787878); /* Modzilla Firefox */ position:absolute; top:5px; right:10px; } .btn_tel { font-family:Verdana, Arial, Helvetica, sans-serif; height:26px; padding:0 8px 3px 8px; border:1px solid #aaaaaa; font-size:90%; color:#FFFFFF; letter-spacing:-1px; text-align:center; box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #787878)); /*Safari*/ background: -webkit-linear-gradient(top, #989898, #787878); /*WebKit nightly*/ background: -moz-linear-gradient(top, #989898, #787878); /* Modzilla Firefox */ float:right; margin-right:10px; } .btn_email { font-family:Verdana, Arial, Helvetica, sans-serif; height:26px; padding:0 8px 3px 8px; border:1px solid #aaaaaa; font-size:90%; color:#FFFFFF; letter-spacing:-1px; text-align:center; box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #787878)); /*Safari*/ background: -webkit-linear-gradient(top, #989898, #787878); /*WebKit nightly*/ background: -moz-linear-gradient(top, #989898, #787878); /* Modzilla Firefox */ float:right; margin-right:10px; } .ad_box th { text-align:left; } .ad_box th, .ad_box td { border-bottom:1px solid #dddddd; height:35px; } .tab_text { display:inline-block; margin-top:5px; } .pro_list { margin:15px 0; overflow:auto; } .pro_list li { display:inline; margin:0 0 10px 15px; width:55px; float:left; } .pro_list li span { display:block; text-align:center; font-size:11px; } /* 플리킹 배너 영역*/ #flicking_wrapper { width:160px;/*=page_width*/ height:237px;/*=page_height*/ margin:0; padding:0; overflow:hidden; background-color:#fff; margin:0 auto; clear:both; } #flicking_wrapScroll { position:relative; top:0; left:0; width:480px;/*=number_of_page*page_width*/ height:124px; float:left; } #flicking_wrapScroll ul { list-style:none; position:relative; display:block; margin:0; padding:0; top:0; left:0; width:100%; height:100%; } #flicking_wrapScroll li { display:block; float:left; width:160px; height:237px; } #flicking_wrapScroll li { -webkit-background-size:160px 237px; } #indicator { margin:6px auto; width:57px; } #indicator li { width:9px; height:9px; margin-right:10px; float:left; background:url('http://m.daejonilbo.com/images/slider_off.png') no-repeat; margin-bottom:10px; } #indicator li.active { background:url('http://m.daejonilbo.com/images/slider_on.png') no-repeat; } #indicator li span { display:none; } /* 플리킹 배너 이미지 주소 영역 */ #flicking_wrapScroll li:nth-child(1) { background:url('http://m.daejonilbo.com/images/fli_img01.jpg') no-repeat; -webkit-background-size:160px 237px; } #flicking_wrapScroll li:nth-child(2) { background:url('http://m.daejonilbo.com/images/fli_img02.jpg') no-repeat; -webkit-background-size:160px 237px; } #flicking_wrapScroll li:nth-child(3) { background:url('http://m.daejonilbo.com/images/fli_img03.jpg') no-repeat; -webkit-background-size:160px 237px; } @media screen and (-webkit-device-pixel-ratio: 2) {#flicking_wrapScroll li:nth-child(1) { background: url('http://m.daejonilbo.com/images/fli_img01x2.jpg') no-repeat; }} @media screen and (-webkit-device-pixel-ratio: 2) {#flicking_wrapScroll li:nth-child(2) { background: url('http://m.daejonilbo.com/images/fli_img02x2.jpg') no-repeat; }} @media screen and (-webkit-device-pixel-ratio: 2) {#flicking_wrapScroll li:nth-child(3) { background: url('http://m.daejonilbo.com/images/fli_img03x2.jpg') no-repeat; }} /* recruit */ .rec_list dt { color:#cd0000; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim ,Dotum; font-weight:bold; margin-top:10px; } .rec_list dd { background:url('http://m.daejonilbo.com/images/icon_round.png') no-repeat 7px 5px; padding-left:20px; line-height:18px; padding-bottom:5px; -webkit-background-size:7px 7px; } @media screen and (-webkit-device-pixel-ratio: 2) { .rec_list dd { background: url('http://m.daejonilbo.com/images/icon_roundx2.png') no-repeat 7px 5px; }} .req_box { border-top:1px solid #dadada; margin-top:10px; } .req_box th { text-align:left; } .req_box tr { height:35px; } .btn_send { font-family:"Noto Sans KR",Verdana, Arial, Helvetica, sans-serif; height:26px; padding:0 15px 3px 15px; border:1px solid #cccccc; font-size:90%; color:#FFFFFF; letter-spacing:-1px; text-align:center; box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff2200), color-stop(100%, #861c0c)); /*Safari*/ background: -webkit-linear-gradient(top, #ff2200, #861c0c); /*WebKit nightly*/ background: -moz-linear-gradient(top, #ff2200, #861c0c); font-weight:bold; } .req_input { width:100%; height:25px; border:1px solid #dadada; } .req_long { width:100%; height:100px; border:1px solid #dadada; } .btn_center { text-align:center; padding:10px 0; } .pr_list { margin:10px 0; border-top:1px solid #dadada; } .pr_list li a { height:30px; display:block; padding-top:15px; border-bottom:1px solid #dadada; background:url('http://m.daejonilbo.com/images/icon_arrow.png') no-repeat right; -webkit-background-size:9px 10px; } @media screen and (-webkit-device-pixel-ratio: 2) { .pr_list li a {background: url('http://m.daejonilbo.com/images/icon_arrowx2.png') no-repeat right; }} .pr_list li span.pr_date { display:inline-block; float:right; margin-right:40px; font-size:10px; } /* 페이징 */ .page_nav { clear:both; text-align:center; font-size:15px; letter-spacing:1px; line-height:normal; white-space:nowrap; margin: 10px 0 0 0 ; padding:10px; } .page_nav b, .page_nav a { display:inline-block; color:#656565; text-decoration:none; width:46px; height:23px; vertical-align:middle; text-align:center; line-height:24px; margin:0 5px 0 0; color:#888; border:1px solid #ddd; } .page_nav .page_nav b { border:1px solid #e61f1b; color:#e61f1b; } .page_nav b{ color:#C00; } .page_nav .numb { display:inline; } .next_p { border:1px solid #bebebe; box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ebebeb)); /*Safari*/ background: -webkit-linear-gradient(top, #fff, #ebebeb); /*WebKit nightly*/ background: -moz-linear-gradient(top, #fff, #ebebeb); /* Modzilla Firefox */ } .next_p em { display:block; width:7px; height:9px; margin:7px 0 0 8px; text-indent:-9999em; background:url('http://m.daejonilbo.com/images/num_arrow.png') no-repeat; } .page_btn { text-align:center; padding:10px 0; border-top:1px solid #dadada; } .page_btn a { display:inline-block; color:#656565; text-decoration:none; height:23px; vertical-align:middle; text-align:center; line-height:24px; margin:0 10px 0 0; color:#888; border:1px solid #ddd; padding:0 10px; font-weight:bold; } #pr_de h3 { display:inline;} .post_cont { padding:10px 0; line-height:20px; } #pr_de { border-bottom:1px solid #dadada; border-top:1px solid #dadada; height:30px; padding-top:15px; margin-top:10px; } span.detail_date { float:right; font-size:10px; } .txt{padding:0 5px;} /* 로그인 box, 로그인,로그아웃 글자 */ .login_box{width:100%; height:32px;} #mli { margin:0; padding:0; list-style: none;} #mli a { padding: 5px 7px; font-size: 15px; font-weight: bold; font-family:"Noto Sans KR", "Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; color:white; text-decoration: none; display: block; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; } #mli :hover a { background: #50C2FF; } /*제보하기 시작페이지*/ #rep_btn { cursor: pointer; font-size: 17px; font-weight: bold; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic",Dotum; text-align: center; background: #414242; color: white; border-radius: 1px; text-decoration: none; width: 140px; height: 45px; padding: 10px; } #agree_box{ width:100%; margin-bottom:15px;} #agree_text{ width:100%; height:350px; font-family: "Noto Sans KR","Nanum Gothic" ,"Malgun Gothic"; font-size: 14px; font-weight:400; line-height:26px; padding: 10px;} .drak_gray11 {font-family: "Noto Sans KR","Nanum Gothic" ,"Malgun Gothic"; font-size: 19px; font-weight:600; color: #323232; } .drak_gray12 { font-family: "Noto Sans KR","Nanum Gothic" ,"Malgun Gothic"; font-size: 15px; font-weight:400; height:160px; width: 640px; line-height:26px;} .tab{padding: 20px;} /*제보하기 입력페이지*/ .kiss{padding: 20px; min-width:320px;} #imagecheck ,#imagecheck2{border: 1px solid #cfcfcf; width:100px; margin-top: 10px; margin-bottom: 10px; font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; font-size:19px; height: 30px; line-height: 26px;} #captcha_img_btn{height: 30px; width: 80px; border:1px solid #000; font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; font-size:15px; margin-top: 10px; margin-bottom: 10px;} #post_btn{height:30px; width:80px; border-radius: 0; border:1px solid #000; font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; font-size:15px; margin-top: 10px; margin-bottom: 10px;} #tel_kinds{height:28px; width:76px; border:1px solid #000; font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; font-size:15px; margin-top: 2px; margin-bottom: 2px; vertical-align:middle;} .kiss td{vertical-align:middle; color: #4b4b4b;line-height: 18px;} .kiss .btn_save , .btn_cancel{ background: #787878; font-weight: 500; color: #fff; height: 30px; width: 100px; border:none; font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; font-size:17px; margin-top: 10px; margin-bottom: 10px;} .table_top{vertical-align:top;} .kiss img,input { vertical-align:middle; } .dj_board_s{font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; color:#5a5a5a; font-size:15px; font-weight:bold; letter-spacing:-1px;} .dj_board_view{font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; font-size: 13px;color:#4a4a4a;line-height:180%;padding:20px 15px; margin:0;} .dj_board_view2{font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; font-size: 13px;color:#4a4a4a;line-height:180%;padding:0px 0px; margin:0;} .dj_board_01{font-family:"Noto Sans KR","Malgun Gothic", dotum, arial; font-size:15px; line-height:160%; text-decoration:none; margin:0;padding:0; } .dj_board_01 a{font-family:"Noto Sans KR","Malgun Gothic",dotum, arial; font-size:13px; line-height:160%; text-decoration:none; margin:0;padding:0;} .dj_board_li1{width:90px; height:34px; background-color:#f8f8f8; border-bottom:1px solid #e6e6e6; font-family:"Noto Sans KR","Malgun Gothic",dotum, arial; font-size:18px; font-weight:600; text-align: center;} .dj_board_li2{/*border-bottom:1px solid #e6e6e6;*/ font-family:"Noto Sans KR","Malgun Gothic",dotum, arial; font-size:15px; } .dj_board_t11{color:#ababab; font-size:11px; font-family:"Noto Sans KR","Malgun Gothic"; } .dj_board_li2 input{background:#ffffff; border:1px solid #cfcfcf; height:30px; font-family:"Noto Sans KR","Malgun Gothic",dotum, arial; font-size:19px; line-height:26px; width:200px; color: #4a4a4a; } #board_input1 , #board_input2 {background: #ffffff; border: 1px solid #cfcfcf; height: 30px; font-family: "Noto Sans KR","Malgun Gothic",dotum, arial; font-size: 14px; line-height: 26px; width: 135px; color: #4a4a4a;} #dj_board_cont{font-family:"Noto Sans KR","Malgun Gothic",dotum, arial; font-size:20px; line-height:25px; width:100%; height:340px; color:#4a4a4a; } #dj_board_cont2{font-family:"Noto Sans KR","Malgun Gothic",dotum, arial; font-size:20px; line-height:25px; width: 200px; height:110px; color:#4a4a4a; margin-left: 10px; } /* 대일동영상 */ #mov_box{display:block; width:100%; height:245px; background:#222; padding-top: 13px; padding-left: 10px;} #mov_tit {margin-bottom: 10px; margin: 0 0 0 5px; font-weight:bold; font-size:17px; line-height:20px; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; color:white;} #mov_img_list { margin-top:20px; float:left; width:260px; height:190px; } #mov_img_list a { color:#333; text-decoration:none; } #mov_img_list a > .intro_img { max-width:250px; height:140px; margin: 0 auto;} #mov_img_list a span { display:block; color: white; line-height:31px; letter-spacing:-1px; font-weight: 500; font-size:17px; margin-top:5px; text-align: center; font-family:"Noto Sans KR","Nanum Gothic", Apple-Gothic, HelveticaNeue, Gulim, Dotum; } #max-movbox_play_icon {position: absolute; z-index:20; width:40px; height:40px; padding:0; cursor: pointer; margin-left:110px; margin-top: -91px; } /*중간 고정 배너*/ #middle_banner_box{float:left; position:fixed; width:100%; top:420px; left:0; z-index:2147483646; background-color: white; height: 170px; /*border-bottom: 1px solid rgb(102, 102, 102);*/ box-shadow: 0px 0px 1px rgba(153,153,153,1); filter: drop-shadow(0px 0px 2px #999); } .middle_banner_box_top { width:100%; position:relative; height:30px; display:block; margin:0 auto;} .middle_banner_box_list { width:100%; position:relative; height:125px; display:block; margin:0 auto;} /*하단 고정 배너*/ #bottom_banner_box{float:left; position:fixed; /*display:none;*/ width:100%; bottom:90px; left:0; z-index:2147483646; background-color: white; height: 130px; /*border-bottom: 1px solid rgb(102, 102, 102);*/ box-shadow: 0px 0px 1px rgba(153,153,153,1); filter: drop-shadow(0px 0px 2px #999); } .bottom_banner_box_top { width:100%; position:relative; height:30px; display:block; margin:0 auto;} .bottom_banner_box_list { width:100%; position:relative; height:100px; display:block; margin:0 auto;}