@charset "utf-8";

/*noto sans kr*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*nanum gothic
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic',sans-serif;letter-spacing:-0.05em;}*/

/*nanum square*/
/*@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
* {font-family:'NanumSquare',sans-serif;}*/

/*nanum myeongjo*/
/*@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
* {font-family:'Nanum Myeongjo',Batang,serif;}*/

/*noto sans kr*/
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
* {font-family:'Noto Sans KR',sans-serif;}*/

/*malgun gothic*/
/** {font-family:'Malgun Gothic',Dotum,sans-serif;letter-spacing:-0.05em;}*/

html,body {padding:0;margin:0;}
body {font-size:15px;font-family: "Malgun Gothic", "맑은고딕", serif;letter-spacing: -0.04em;}

* {box-sizing:border-box;}
a {text-decoration:none;color:#000;}
.clearfix:after {content:"";clear:both;display:table;}

.page-screen {width:1280px;margin:0 auto;font-family: "Malgun Gothic","맑은고딕",serif;}
.page-screen:after {content:"";clear:both;display:table;}

.top-util {border-bottom:solid 1px #eee;min-width:1280px;}
.top-util .page-screen ul {display:block;padding:0;margin:7px 0;list-style:none;text-align:right;}
.top-util .page-screen ul li {display:inline-block;margin-right:15px;color: #555;}
.top-util .page-screen ul li a {margin-left:4px;font-size:10pt;font-family: "Malgun Gothic","맑은고딕",serif;}
.top-util .page-screen ul li a:focus,
.top-util .page-screen ul li a:hover {color:#10c0ff;}
.top-util .page-screen ul li.top-util-left {float:left;font-size:10pt;color: #999;}

/*탑 메뉴*/
.top-screen {position:relative;height:60px;border-bottom:solid 2px #727171;min-width:1280px;box-sizing:content-box;z-index:3;}
.top-screen .page-screen {position:relative;height:100%;z-index:2;background:#fff;}
#top-section {height:100%;float:left;}
#top-section ul {padding:0;margin:0;list-style:none;font-size:0;text-align:left;}
#top-section ul li.nav-1 {display:inline-block;font-weight:600;}
#top-section ul a.nav-title {display:block;padding:0 10px;line-height:60px;font-size:1.1rem;color:#222;font-family:'Noto Sans KR',sans-serif;position:relative;z-index:23;border-left:solid 1px #fff;border-right:solid 1px #fff;}
#top-section ul li.nav-1.active a.nav-title,
#top-section ul li.nav-1:hover a.nav-title {height:61px;background:#fff;color:#000;border-left:solid 1px #000;border-right:solid 1px #000;}

/*탑 메뉴 - 하위메뉴+기사 미리보기*/
#top-section div.top-sub-section {position:absolute;left:0;top:60px;width:100%;background:#fff;border:solid 1px #25408e;}
#top-section div.top-sub-section div.subbox {position:relative;height:100%;}
#top-section div.top-sub-section div.subbox:after {content:"";clear:both;display:table;}
#top-section div.top-sub-section div.subbox div.split {width:1px;overflow:hidden;background-color:#ccc;position:absolute;left:15%;top:0;height:100%;}
#top-section div.top-sub-section div.subbox div.split hr {display:none;}
#top-section div.top-sub-section ul.submenu {font-size:13pt;float:left;width:16%;padding:20px;}
#top-section div.top-sub-section ul.submenu li.nav-2 a {font-weight:normal;line-height:1.8;color:#000;display:block;}
#top-section div.top-sub-section ul.submenu li.nav-2 a:hover,
#top-section div.top-sub-section ul.submenu li.nav-2 a.active {color:#d12f20;}
#top-section div.top-sub-section div.sublist {font-size:11pt;float:right;width:84%;padding:20px;}
#top-section div.top-sub-section div.sublist:after {content:"";clear:both;display:table;}
#top-section div.top-sub-section div.sublist .article1 {float:left;width:55%;text-align:justify;}
#top-section div.top-sub-section div.sublist .article1 i.thumb {float:left;width:30%;margin-right:1em;}
#top-section div.top-sub-section div.sublist .article1 i.thumb img {width:100%;}
#top-section div.top-sub-section div.sublist .article1 strong {display:block;font-size:14pt;margin-bottom:10px;}
#top-section div.top-sub-section div.sublist .article1 span {font-size:12pt;line-height:1.6;font-weight:normal;}
#top-section div.top-sub-section div.sublist .article2 {float:right;width:41%;}
#top-section div.top-sub-section div.sublist .article2 a {display:block;width:100%;font-size:14pt;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;}

/*탑 메뉴 - 일반메뉴*/
#top-menu {height:100%;float:right;}
#top-menu ul {padding:0;margin:0;list-style:none;font-size:0;text-align:right;}
#top-menu ul li.nav-1 {display:inline-block;font-weight:600;}
#top-menu ul li.nav-2 {display:inline-block;font-weight:600;}
#top-menu ul li.nav-3 {display:inline-block;font-weight:600;}
#top-menu ul a.nav-title1 {display:block;padding:0 6px;line-height:60px;font-size:1.1rem;color:#6b15a1;font-family:'Noto Sans KR',sans-serif;}
#top-menu ul a.nav-title2 {display:block;padding:0 6px;line-height:60px;font-size:1.1rem;color:#6b15a1;font-family:'Noto Sans KR',sans-serif;}
#top-menu ul a.nav-title3 {display:block;padding:0 6px;line-height:60px;font-size:1.1rem;color:#6b15a1;font-family:'Noto Sans KR',sans-serif;}
#top-menu ul a.nav-title1:hover {background:#ffca08;color:#231f20;font-weight:400;}
#top-menu ul a.nav-title2:hover {background:#5ab533;color:#fff;font-weight:400;}
#top-menu ul a.nav-title3:hover {background:#1372c5;color:#fff;font-weight:400;}

/*탑 메뉴 - 모바일*/
#top-menu-m {display:none;position:relative;height:45px;border-bottom:solid 1px #34495e;z-index:3;}
#top-menu-m a.toggle {position:absolute;right:0;top:0;display:inline-block;height:45px;line-height:45px;padding:0 10px;}
#top-menu-m #toggle-off {display:none;}
#top-menu-m.expand #toggle-on {display:none;}
#top-menu-m.expand #toggle-off {display:inline-block;}
#top-menu-m #nav-m {position:absolute;left:0;top:30px;width:100%;display:none;background:#fff;border-bottom:solid 1px #34495e;padding:0 10px 10px 10px;margin:0;list-style:none;box-shadow:#fff 0 5px 5px;}
#top-menu-m #nav-m a.nav-title {font-weight:600;}
#top-menu-m #nav-m ul {display:block;list-style:none;padding:5px 0 5px 10px;margin:10px 0;background:#f4f4f4;}
#top-menu-m #nav-m ul li {display:inline-block;padding:5px;margin-right:2em;white-space:nowrap;font-size:0.9em;}
#top-menu-m #nav-m li.nav-m-3 {display:table;table-layout:fixed;width:100%;padding:0;margin:10px 0;border-spacing:1px;}
#top-menu-m #nav-m li.nav-m-3 ul {padding:0;margin:0;display:table-row;background-color:#fff;}
#top-menu-m #nav-m li.nav-m-3 ul li {display:table-cell;text-align:center;padding:0;}
#top-menu-m #nav-m li.nav-m-3 ul li a {color:#fff;text-decoration:none;display:block;background-color:#333;padding:10px 0;border-radius:3px;}
#top-menu-m.expand #nav-m {display:block;}

/*탑 로고*/
.top-logo {margin-top:10px;margin-bottom:0px;border-bottom:solid 1px #00a1e9;min-width:1280px;}
.top-logo .page-screen {margin-bottom:20px;margin-top:20px;text-align:center;position:relative;}
.top-logo .page-screen .top-left-banner  {position:absolute;width:220px;left:0;bottom:-5px;}
.top-logo .page-screen .top-right-banner {position:absolute;width:300px;left:0;bottom:-5px;}
.top-logo .page-screen .top-right-banner {left:auto;right:0;}

/*탑 공지+검색*/
.top-search .page-screen {border:solid 1px #eee;border-top:solid 1px #eee;margin-top:20px;}
.top-search #top-notice {position:relative;float:left;width:60%;height:36px;}
.top-search #top-notice strong {position:absolute;left:0;top:0;width:71px;height:36px;line-height:36px;text-align:center;border-right:solid 1px #eee;}
.top-search #top-notice ul {position:absolute;padding:0 0 0 80px;margin:0;left:0;top:0;width:100%;height:36px;text-align:left;overflow:hidden;list-style:none;}
.top-search #top-notice ul li {display:block;line-height:36px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}
.top-search #top-form {position:relative;float:right;width:40%;height:36px;}
.top-search #top-form ul {position:absolute;padding:0;margin:0;left:0;top:0;list-style:none;font-size:0;border-right:solid 1px #eee;}
.top-search #top-form ul li {display:inline-block;}
.top-search #top-form ul li a {display:block;width:35px;height:36px;line-height:36px;font-size:24px;text-align:center;border-left:solid 1px #eee;}
.top-search #top-form ul li a.facebook:focus,
.top-search #top-form ul li a.facebook:hover {color:#4867aa;}
.top-search #top-form ul li a.twitter:focus,
.top-search #top-form ul li a.twitter:hover {color:#55acee;}
.top-search #top-form form {display:block;margin:0 0 0 140px;}
.top-search #top-form form input {height:36px;line-height:36px;width:100%;border:0;padding:0 40px 0 10px;font-size:15px;}
.top-search #top-form form button {position:absolute;width:34px;height:34px;line-height:34px;border:none;background:#fff;top:1px;right:1px;cursor:pointer;}
.top-search #top-form form input:focus+button {color:#44f;}

/*하단*/
.bottom-screen {background:#4c4948;margin-top:20px;min-width:1280px;background-image: linear-gradient(216deg, rgba(77, 77, 77,0.05) 0%, rgba(77, 77, 77,0.05) 25%,rgba(42, 42, 42,0.05) 25%, rgba(42, 42, 42,0.05) 38%,rgba(223, 223, 223,0.05) 38%, rgba(223, 223, 223,0.05) 75%,rgba(36, 36, 36,0.05) 75%, rgba(36, 36, 36,0.05) 100%),linear-gradient(44deg, rgba(128, 128, 128,0.05) 0%, rgba(128, 128, 128,0.05) 34%,rgba(212, 212, 212,0.05) 34%, rgba(212, 212, 212,0.05) 57%,rgba(25, 25, 25,0.05) 57%, rgba(25, 25, 25,0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(55, 55, 55,0.05) 0%, rgba(55, 55, 55,0.05) 14%,rgba(209, 209, 209,0.05) 14%, rgba(209, 209, 209,0.05) 60%,rgba(245, 245, 245,0.05) 60%, rgba(245, 245, 245,0.05) 69%,rgba(164, 164, 164,0.05) 69%, rgba(164, 164, 164,0.05) 100%),linear-gradient(249deg, rgba(248, 248, 248,0.05) 0%, rgba(248, 248, 248,0.05) 32%,rgba(148, 148, 148,0.05) 32%, rgba(148, 148, 148,0.05) 35%,rgba(202, 202, 202,0.05) 35%, rgba(202, 202, 202,0.05) 51%,rgba(181, 181, 181,0.05) 51%, rgba(181, 181, 181,0.05) 100%),linear-gradient(92deg, hsl(214,0%,11%),hsl(214,0%,11%));}
.bottom-screen .page-screen {padding-top:20px;}
.bottom-screen .page-screen:after {content:"";clear:both;display:table;}
.bottom-screen, .bottom-screen * {color:#ccc;}
.bottom-screen *.bold {color:#fff;}
.bottom-screen .bottom1-left {float:left;width:25%;font-size:13px;line-height:1.8;padding-top:80px;letter-spacing: -0.01em;background:url(logo-white.png) no-repeat 0 0;}
.bottom-screen .bottom1-left .bold {font-size:15px;}
.bottom-screen .bottom1-right {float:right;width:70%;text-align:center;}
.bottom-screen .bottom1-right ul.menu-1 {display:table;list-style:none;padding:0;margin:0;width:100%;}
.bottom-screen .bottom1-right li.menu-1 {display:table-cell;vertical-align:top;text-align:left;font-size:15px;letter-spacing: -0.01em;width:20%;}
.bottom-screen .bottom1-right ul.menu-2 {display:block;list-style:none;padding:5px 0 0 0;margin:0;}
.bottom-screen .bottom1-right li.menu-2 {line-height:1.8;font-size:13px;}
.bottom-screen .bottom2 {clear:both;padding:0 0 10px 0;border-bottom:solid 1px #ccc;}
.bottom-screen .bottom2 ul {text-align:right;display:block;padding:0;margin:0;list-style:none;}
.bottom-screen .bottom2 ul li {display:inline;}
.bottom-screen .bottom2 ul li a {display:inline-block;width:36px;height:36px;line-height:36px;font-size:22px;border:solid 1px #fff;border-radius:50%;text-align:center;color:#fff;}
.bottom-screen .bottom3-left {float:left;width:75%;padding:10px 0 20px 0;clear:left;font-size:13px;line-height:1.8;letter-spacing: -0.01em;}
.bottom-screen .bottom3-right {float:right;width:25%;padding:10px 0 20px 0;}
.bottom-screen .bottom3-right form {display:block;padding:10px 0;margin:0;}
.bottom-screen .bottom3-right form input {float:left;width:70%;padding:10px 5px;border:none;background:#233444;color:#eee;font-size:13px;line-height:1;}
.bottom-screen .bottom3-right form button {float:right;width:28%;padding:10px 5px;border:none;background:#01b1e0;color:#fff;font-size:13px;line-height:1;cursor:pointer;}
.bottom-screen .bottom3-right div {clear:both;padding-top:10px;font-size:12px;}
.bottom-screen .bottom4 {clear:both;padding:8px 0;text-align:center;background:#00a0e9;color:#eee;font-size:13px;}
.bottom-screen .bottom5 {min-width:1280px;height:5px;background:#e7a100;border-top: solid 1px #968b8b;}

/*메인 기사영역 */
#main1 {border-bottom:solid 1px #ccc;margin-top:20px;margin-bottom:30px;}

/*서브 상단 섹션명+기사영역*/
#loc {border-bottom:solid 1px #ccc;color:#d60036cc;;text-align:center;font-weight:bold;}
#sub1 {border-bottom:solid 1px #ccc;}
#sub2 {margin-top:20px;}

/* column layout */
.page-screen .cell1 {width:30%;margin-left:2%;float:left;}
.page-screen .cell1:after {content:"";clear:both;display:table;}
.page-screen .cell1:nth-child(1) {margin-left:0;clear:left;}

.page-screen .cell2 {width:24%;margin-left:2%;float:left;}
.page-screen .cell2:after {content:"";clear:both;display:table;}
.page-screen .cell2:nth-child(1) {margin-left:0;clear:left;}

.page-screen .cell3 {width:21.5%;margin-left:1.9%;float:left;}
.page-screen .cell3:after {content:"";clear:both;display:table;}
.page-screen .cell3:nth-child(1) {margin-left:0;clear:left;}

.page-screen .cell4 {width:23.5%;margin-left:2%;float:left;}
.page-screen .cell4:after {content:"";clear:both;display:table;}
.page-screen .cell4:nth-child(1) {margin-left:0;clear:left;}

.page-screen .cell5 {width:18.5%;margin-left:2%;float:left;}
.page-screen .cell5:after {content:"";clear:both;display:table;}
.page-screen .cell5:nth-child(1) {margin-left:0;clear:left;}


/*메인 레이아웃 구분선*/
.row1 {position:relative;}
.row1:after {content:"";clear:both;display:table;}

.row1 div.split1 {position:absolute;left:31%;border-left:solid 1px #efefef;z-index:2;width:1px;height:100%;overflow:hidden;}
.row1 div.split1 hr {display:none;}
.row1 div.split2 {position:absolute;left:56.9%;border-left:solid 1px #efefef;z-index:2;width:1px;height:100%;overflow:hidden;}
.row1 div.split2 hr {display:none;}
.row1 div.split3 {position:absolute;left:80.5%;border-left:solid 1px #efefef;z-index:2;width:1px;height:100%;overflow:hidden;}
.row1 div.split3 hr {display:none;}
.row1 div.split4 {position:absolute;left:24.5%;border-left:solid 1px #dadada;z-index:2;width:1px;height:100%;overflow:hidden;}
.row1 div.split4 hr {display:none;}
.row1 div.split4~div.split4 {left:50%;}
.row1 div.split4~div.split4~div.split4 {left:75.5%;}
.row1 div.split {border-top:solid 1px #ccc;height:1px;overflow:hidden;margin:0 -13px;}
.row1 div.split hr {display:none;}

/*기사 목록*/
.section-head {line-height:2.5;border-bottom:solid 2px #ccc;font-weight:700;font-size:1.3em;position:relative;}
.section-head ul.more {position:absolute;display:block;padding-bottom:5px;;margin:0;right:0;bottom:8px;list-style:none none outside;font-size:0;}
.section-head ul.more li {font-size:12px;display:inline;line-height:22px;color:#333;}
.section-head ul.more li a {display:inline-block;width:18px;height:18px;line-height:15px;text-align:center;box-sizing:border-box;border:solid 1px #e1e1e1;padding:0;background:#fff;color:#000;}
.section-head ul.more li span.more-page {margin-right:5px;}
.section-head ul.more li a.more-prev {border-right:0;}

/*기사 목록*/
.part1 .section-head {line-height:3;border-top:solid 2px #00a1e9;border-bottom:none;font-weight:700;font-size:1.3rem;position:relative;}
.part1 .section-head ul.more {position:absolute;display:block;padding-bottom:10px;;margin:0;right:0;bottom:8px;list-style:none none outside;font-size:0;}
.part1 .section-head ul.more li {font-size:12px;display:inline;line-height:22px;color:#333;}
.part1 .section-head ul.more li a {display:inline-block;width:18px;height:18px;line-height:15px;text-align:center;box-sizing:border-box;border:solid 1px #e1e1e1;padding:0;background:#fff;color:#000;}
.part1 .section-head ul.more li span.more-page {margin-right:5px;}
.part1 .section-head ul.more li a.more-prev {border-right:0;}

.articles {padding:0;}
.articles:after {content:"";clear:both;display:table;}
.articles .article {box-sizing:border-box;padding:11px 0 11px 0;letter-spacing:-1px;word-spacing:1px;}
.articles .article:after {content:"";clear:both;display:table;}
.articles .article a h4 {margin:0;padding:0;display:none;}
.articles .article a strong {display:block;margin-bottom:0.5em;color:#000;font-size:1.1rem;line-height:1.2;text-align:left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.articles .article a h4 small {display:block;color:#555;font-size:0.9em;}
.articles .article a div small {display:block;color:#000;font-size:0.9em;line-height:1.25em;text-align:justify;word-break:break-all;}
.articles .article a i.thumb {float:left;height:5.3em;background:#f6f6f6 url(/news/css/joeunnews-thumb.png) no-repeat 50% 50%;background-size:contain;margin-right:1em;}
.articles .article a i.thumb img {height:100%;box-sizing:border-box;border:solid 1px #d5d9dc;}
.articles .article a div {height:5.4em;overflow:hidden;line-height:1.8rem;word-break:break-all;position:relative;}
.articles .article a div span {font-size:0.9rem;color:#5a5a5a;letter-spacing: -0.13em;}
.articles .article a ul {padding:0;margin:0;list-style:none none outside;bottom:0;display:inline;}
.articles .article a ul li {display:inline-block;font-size:0.8em;color:#888;}
.articles .article a ul li.writer:after {content:"/";margin-left:0.5em;}
.articles .article a:hover h4,
.articles .article a:hover strong {text-decoration:underline;}
.articles-pager {display:none;margin:0;padding:0;text-align:center;list-style:none;}
.articles-pager li {display:inline;}
.articles-pager li a {font-size:14px;line-height:10px;color:#ccc;}

/*배너 목록*/
.banners {clear:both;padding-top:15px;}
.banners:after {content:"";clear:both;display:table;}
.banners div.banner {margin-top:10px;text-align:center;}
.banners div.banner:nth-child(1) {margin-top:0;}
.banners div.banner img {width:100%;}

/*많이 본 뉴스*/
.hot-news {padding: 10px 5px 19px 5px;}
.hot-news ul {display:block;margin:0;padding:0;list-style:none;}
.hot-news ul li {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.1;font-size:1.0em;}
.hot-news ul li span.rank {display:inline-block;width:2em;background:#f36;color:#fff;text-align:center;margin-right:10px;font-size:0.7em;border-radius:3px;line-height:1.7;}
.hot-news ul li:nth-child(3)~li span.rank {background:#4867aa;}

/*더 순천 팔로우*/
.main-follow {outline:solid 13px #def;}
.main-follow .contnr {margin:13px 0;border:solid 1px #ccc;}
.main-follow .contnr h3 {padding:9px;margin:0;font-size:1.1em;}
.main-follow .contnr ul {padding:0;margin:10px;list-style:none;margin-top:5px;}
.main-follow .contnr ul:after {content:"";clear:both;display:table;}
.main-follow .contnr ul li {display:block;float:left;width:16%;margin-left:5%;}
.main-follow .contnr ul li:nth-child(1) {margin-left:0;}
.main-follow .contnr ul li a {display:block;text-align:center;background:#;color:#fff;font-size:1.8em;height:1.5em;line-height:1.5em;border-radius:3px;}
.main-follow .contnr ul li a.facebook {background:#4867aa;}
.main-follow .contnr ul li a.twitter {background:#55acee;}
.main-follow .contnr ul li a.google {background:#dc4e41;}
.main-follow .contnr ul li a.rss {background:#fb7629;}
.main-follow .contnr ul li a.app {background:#42f;}
.main-follow .contnr fieldset {display:block;padding:30px 10px 10px 10px;border:0;margin:0;background:#eee;position:relative;}
.main-follow .contnr fieldset:before {content:"";border:solid 20px transparent;border-top-color:#fff;position:absolute;width:0;height:0;top:0px;left:4%;}
.main-follow .contnr form {padding:0;margin:0;}
.main-follow .contnr form:after {content:"";clear:both;display:table;}
.main-follow .contnr form input.txt {width:66%;float:left;border:solid 1px #aaa;font-size:1.1em;height:1.6em;line-height:1.6;padding:0;}
.main-follow .contnr form button {width:32%;float:left;margin-left:2%;padding:0;border:none;font-size:1.1em;height:1.6em;line-height:1.6;background:#333;color:#fff;border-radius:3px;cursor:pointer;}
.main-follow .contnr form div {font-size:0.8em;padding-top:1em;clear:both;}
.main-follow .contnr form div label {font-weight:600;}
.main-follow .contnr form div p {padding:0;margin:5px 0 0 0;letter-spacing:-1px;}

/*팔로우 - 서브화면*/
.row2 .col2 .main-follow {margin:20px;outline-width:20px;}

/*뉴스목록,뉴스상세 화면분할*/
.row2 {position:relative;}
.row2:after {content:"";clear:both;display:table;}
.row2 .col1 {width:70%;float:left;padding:0 20px 0 0;box-sizing:border-box;}
.row2 .col2 {width:30%;float:right;padding:0;box-sizing:border-box;}
/*뉴스목록,뉴스상세 화면분할 우측*/
.row2 .col2 .box {margin-left:20px;}
.row2 .col2 .box-hotnews {padding:10px 20px;background:#f4f4f4;}
.row2 div.split2 {position:absolute;left:70%;border-left:solid 1px #ccc;z-index:2;width:1px;height:100%;overflow:hidden;}
.row2 div.split2 hr {display:none;}
.row2 div.split {border-top:solid 1px #ccc;height:1px;overflow:hidden;margin:0 -13px;}
.row2 div.split hr {display:none;}
.row2 .col2 .box-bbs .articles {padding:10px 0;}
.row2 .col2 .box-bbs .articles .article {padding:0;}
.row2 .col2 .box-bbs .articles .article a strong {font-size:1em;}

/*위로 이동*/
#move-to-top {position:fixed;bottom:3px;right:3px;width:46px;height:46px;line-height:46px;text-align:center;background-color:#1f9b31;color:#fff;font-size:24px;display:none;border-radius:3px;}

/*지역뉴스 상단*/
.main-photo-1 {padding: 0px 5px 0px 0px;}
.main-photo-1 .articles {padding-top:15px;}
.main-photo-1 .article {background:#505050;padding-top:0;padding-bottom:0;}
.main-photo-1 .article a i.thumb {position:relative;display:block;width:100%;padding-bottom:56%;overflow:hidden;float:none;height:auto;}
/*.main-photo-1 .article a i.thumb {border-top-left-radius:10px;border-top-right-radius:10px;}*/
.main-photo-1 .article a i.thumb img {position:absolute;left:0;/*top:-17%;*/top:0;width:100%;height:auto;border:none;margin-right:0;}
.main-photo-1 .article a div {padding:10px;height:7.4em;margin-bottom: 20px;}
.main-photo-1 .article a div strong {font-size:22px;color:#fff;}
.main-photo-1 .article a div small {font-size:15px;color:#f2f2f2;padding-bottom:4px;}
.main-photo-1 .article a div span {font-size:16px;color:#e3e3e3;}
.main-photo-1 .article a ul {display:block;margin:10px;}
.main-photo-1 .articles-pager {display:block;padding:10px 0;}
.main-photo-1 .articles-pager a.active {color:#10c0ff;}

/*지역뉴스 하단*/
.main-top-1 {padding: 0px 5px 0px 0px;}
.main-top-1 .article {border-bottom:dotted 1px #ccc;}
/*.main-top-1 .article a h4 {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:0.5em;}*/
.main-top-1 .article:last-child {border-bottom:none;}
.main-top-1 .article:nth-child(2)~.article a h4 {font-size: 1.1rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-top-1 .article a h4 small,
/*.main-top-1 .article a strong,*/
.main-top-1 .article:nth-child(2)~.article a h4 small,
.main-top-1 .article:nth-child(2)~.article a i.thumb,
.main-top-1 .article:nth-child(2)~.article a div,
.main-top-1 .article:nth-child(2)~.article a ul {display:none;}

/*포토뉴스*/
.main-photo-2 {padding: 0px 5px 0px 5px;}
.main-photo-2 .articles {padding-top:15px;padding-bottom:0px;}
.main-photo-2 .article {padding:0;float:left;width:50%;}
.main-photo-2 .article a {position:relative;display:block;overflow:hidden;}
.main-photo-2 .article a i.thumb {position:relative;display:block;width:100%;padding-bottom:56%;overflow:hidden;float:none;height:auto;background:#000;}
.main-photo-2 .article a i.thumb img {position:absolute;left:0;/*top:-17%;*/top:0;width:100%;height:auto;border:none;margin-right:0;}
.main-photo-2 .article a strong {display:block;padding:15px 5px 10px 5px;font-size:0.9em;font-weight:normal;/*height:2.5em;*/line-height:1.2;text-align:center;overflow:hidden;}
.main-photo-2 .article a div {height:auto;}
.main-photo-2 .article a div small {display:none;}
.main-photo-2 .article a span {display:none;}
.main-photo-2 .article a ul {display:none;}
.main-photo-2 .article:nth-child(3n+1) {float:none;width:100%;border-bottom:solid 2px #fff;}
.main-photo-2 .article:nth-child(3n+1) a {background:#000;}
.main-photo-2 .article:nth-child(3n+1) a div {position:absolute;left:0;bottom:0;width:100%;height:auto;padding:2em 1em 0 1em;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,256));}
.main-photo-2 .article:nth-child(3n+1) a span {display:block;height:1px;font-size:0.8em;overflow:hidden;transition:height 0.5s;}
.main-photo-2 .article:nth-child(3n+1) a strong {font-weight:600;font-size:1em;text-align:left;height:auto;overflow:inherit;line-height:1;padding:0;}
.main-photo-2 .article:nth-child(3n+1) a:focus strong,
.main-photo-2 .article:nth-child(3n+1) a:hover strong {text-decoration:none;text-overflow:inherit;white-space:inherit;}
.main-photo-2 .article:nth-child(3n+1) a:focus img,
.main-photo-2 .article:nth-child(3n+1) a:hover img {opacity:0.7;}
.main-photo-2 .article:nth-child(3n+1) a:focus span,
.main-photo-2 .article:nth-child(3n+1) a:hover span {height:2.9em;}
.main-photo-2 .article:nth-child(3n+1) a div small {display:inline;}
.main-photo-2 .article:nth-child(3n+1) a div strong,
.main-photo-2 .article:nth-child(3n+1) a div small,
.main-photo-2 .article:nth-child(3n+1) a div span {color:#fff;}
.main-photo-2 .article:nth-child(3n+2) {border-right:solid 1px #fff;}
.main-photo-2 .article:nth-child(3n+3) {border-left:solid 1px #fff;}

/*영상뉴스*/
.main-media-1 {padding: 0px 5px 0px 5px;}
.main-media-1 .articles {}
.main-media-1 .article a i.thumb {position:relative;display:block;width:100%;padding-bottom:52%;margin-bottom: 10px;overflow:hidden;float:none;height:auto;border: solid 0px #cccccc3d;}
.main-media-1 .article a i.thumb img {position:absolute;left:0;/*top:-17%;*/top:0;width:100%;height:auto;border:none;margin-right:0;}
.main-media-1 .article a div {height:auto;}
.main-media-1 .article a div strong {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-media-1 .article a div small,
.main-media-1 .article a div span,
.main-media-1 .article a ul {display:none;}

/*만평*/
.main-media-2 {padding: 0px 5px 0px 5px;}
.main-media-2 .articles {}
.main-media-2 .article a i.thumb {position:relative;display:block;width:100%;padding-bottom:0%;margin-bottom: 10px;overflow:hidden;float:none;height:auto;}
.main-media-2 .article a i.thumb img {/*position:absolute;*/left:0;/*top:-17%;*/top:0;width:100%;height:100%;border:none;margin-right:0;}
.main-media-2 .article a div {height:auto;}
.main-media-2 .article a div strong {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-media-2 .article a div small,
.main-media-2 .article a div span,
.main-media-2 .article a ul {display:none;}

/*오피니언*/
.main-text-1 {padding: 0px 5px 0px 5px;}
.main-text-1 .articles {}
.main-text-1 .article a i.thumb {display:none;}
.main-text-1 .article a div,
.main-text-1 .article a div strong {font-size:15px;line-height:1.2;}
.main-text-1 .article a div small {font-size:0.9em;line-height:1.2;}
.main-text-1 .article a div span {font-size:0.9em;line-height:1.2;}
.main-text-1 .articles .article:nth-child(1) a div {height:6.5em;}

/*기타 섹션*/
.main-section-1 {padding: 0px 5px 0px 5px;}
.main-section-1 .article {border-bottom:dotted 1px #ccc;}
.main-section-1 .articles .article a h4 {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-section-1 .articles .article:last-child {border-bottom:none;}
.main-section-1 .articles .article a small,
.main-section-1 .articles .article a strong,
.main-section-1 .articles .article a ul,
.main-section-1 .articles .article a h4 small,
.main-section-1 .articles .article a i.thumb,
.main-section-1 .articles .article a div,
.main-section-1 .articles .article a ul {display:none;}

.main-section-1 .articles:not(:hover) .article:nth-child(1) a h4,
.main-section-1 .articles:hover .article:hover a h4 {display:block;margin-bottom:10px;font-size:1.1rem; letter-spacing: -0.06em;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.main-section-1 .articles:not(:hover) .article:nth-child(1) a i.thumb,
.main-section-1 .articles:hover .article:hover a i.thumb {position:relative;display:block;width:100%;padding-bottom:56%;overflow:hidden;float:none;height:auto;}
.main-section-1 .articles:not(:hover) .article:nth-child(1) a i.thumb img,
.main-section-1 .articles:hover .article:hover a i.thumb img {position:absolute;left:0;/*top:-17%;*/top:0;width:100%;height:auto;border:none;margin-right:0;}
.main-section-1 .articles:not(:hover) .article:nth-child(1) a div,
.main-section-1 .articles:hover .article:hover a div {padding:0.5em 0;height:2em;white-space:nowrap;text-overflow:ellipsis;font-size:1em;}

/*탭 6*/
.main-tab-3 {margin:15px 0 0px 0}
.main-tab-3 ul {display:block;margin:0;padding:0;border-left:solid 1px #ccc;border-top:solid 1px #ccc;}
.main-tab-3 ul:after {content:"";clear:both;display:table;}
.main-tab-3 ul li {display:block;width:33%;float:left;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;}
.main-tab-3 ul li:nth-child(3n) {width:34%;}
.main-tab-3 ul li a {display:block;text-align:center;padding:0.5em 0;background:#f5f5f5;font-size:15px;font-weight:600;font-family:'Noto Sans KR',sans-serif;}
.main-tab-3 ul li a:focus,
.main-tab-3 ul li a:hover {background:#fff;}

/*공통 끝*/

/*뉴스 목록*/
#news-list div.article {padding:15px 0;border-bottom:dotted 1px #ccc;line-height:1.6;text-align:justify;position:relative;}
#news-list div.article a {color:#000;text-decoration:none;letter-spacing: -0.05em;}
#news-list div.article a span {color:#555;text-decoration:none;letter-spacing: -0.07em;}
#news-list div.article a:after {content:"";clear:both;display:table;}
#news-list div.article a strong {font-size:1.3rem;display:block;margin-bottom:10px;letter-spacing: -0.08em;}
#news-list div.article a img {max-width:180px;max-height:120px;margin-right:20px;float:left;padding:0px;border:solid 0px #cccccc3d;}
#news-list div.article a span.date {margin-top:10px;color:#999;display:block;font-size:.75rem;}
#news-list div.banners div.banner:first-child {padding:0px 0 15px 0;border-bottom:solid 1px #ccc;}
#news-list div.article span.label {top:5px;}

/*뉴스 목록 - 포토*/
#news-list div.news-list-photo:after {content:"";clear:both;display:table;}
#news-list div.news-list-photo div.article {padding:0;margin:10px 0 20px 5%;float:left;width:30%;border:solid 1px #ddd;border-bottom-left-radius:2px;border-bottom-right-radius:3px;/*box-shadow:#ccc 0 1px 2px;*/}
#news-list div.news-list-photo div.article:hover {outline:solid #10c0ff 2px;}
#news-list div.news-list-photo div.article:nth-child(3n+1) {clear:left;margin-left:0;}
#news-list div.news-list-photo a .thumb {display:block;position:relative;width:100%;padding-bottom:70%;overflow:hidden;margin-bottom:5px;}
#news-list div.news-list-photo a i.thumb img {position:absolute;left:0;top:0;width:100%;height:auto;padding:0;border:none;float:none;margin:0;max-height:initial;max-width:100%;}
#news-list div.news-list-photo a {font-size:0.8em;}
#news-list div.news-list-photo a strong {padding:0 5px;font-size:16px;letter-spacing:-0.06em;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#news-list div.news-list-photo a span {display:none;}
#news-list div.news-list-photo a span.date {padding:5px;}

/*뉴스 목록 페이징*/
.pager {text-align:center;padding:20px 0;text-align:center;}
.pager .paginate strong,
.pager .paginate a {display:inline-block;margin:0 3px;min-width:2em;padding:5px 8px;border:solid 1px #ccc;background:#fff;font-size:11pt;text-decoration:none;color:#000;}
.pager .paginate strong {background:#f0f0f0;}
.pager .paginate a:focus,
.pager .paginate a:hover {background:#84a0d0;color:#fff;}

/*뉴스 본문*/
#news-content.text-small-1,
#news-content.text-small-1 * {font-size:11pt !important;line-height:1.6;}
#news-content.text-small-2,
#news-content.text-small-2 * {font-size:10pt !important;line-height:1.6;}
#news-content.text-small-3,
#news-content.text-small-3 * {font-size:9pt !important;line-height:1.6;}
#news-content.text-large-1,
#news-content.text-large-1 * {font-size:13pt !important;line-height:1.6;}
#news-content.text-large-2,
#news-content.text-large-2 * {font-size:14pt !important;line-height:1.6;}
#news-content.text-large-3,
#news-content.text-large-3 * {font-size:15pt !important;line-height:1.6;}
#news-content.text-large-4,
#news-content.text-large-4 * {font-size:17pt !important;line-height:1.6;}

#news-content div.member-only {padding:5em 0;text-align:center;}
#news-content div.member-only i {font-size:5em;}
#news-content div.member-only a {color:#33f;}

#news-title h1 {margin:20px 0 0 0;padding:0;font-size:35px;font-weight: normal;letter-spacing: -0.05em;}
#news-subtitle {padding:5px 0;margin:0;color:#777;font-size:1.4em;}
#news-title .news-btn {position:relative;line-height:32px;margin-top:20px;color:#9e9e9d;}
#news-title .news-btn ul {float:right;padding:0;margin:0;display:block;list-style:none;}
#news-title .news-btn ul li {display:block;float:left;}
#news-title .news-btn ul li a {text-decoration:none;color:#000;font-size:26px;margin:0 5px;display:block;width:24px;text-align:center;}
#news-title .news-btn ul li a:focus,
#news-title .news-btn ul li a:hover {color:#ff0000;}
#news-title .news-btn ul li a.share-facebook:focus,
#news-title .news-btn ul li a.share-facebook:hover {color:#345fbb;}
#news-title .news-btn ul li a.share-twitter:focus,
#news-title .news-btn ul li a.share-twitter:hover {color:#45b4e7;}
#news-title .news-btn ul li.split {color:#808080;margin:0 5px;line-height:32px;}
#news-title .news-btn ul li a.edit-this-news {width:auto;}
#news-title .news-btn ul li a.edit-this-news span {font-size:10pt;line-height:26px;vertical-align:middle;}

#news-content {text-align:justify;line-height:1.8;font-size:17px;color:#333;width:98%;padding-left:10px;}
#news-content p {margin:0;padding:0;font-size: 14pt; font-weight: bold; }
#news-content img {max-width:100%;}
#news-content table {width:100%;border-collapse:collapse;border-spacing:0;}
#news-content .img-block {position:relative;display:inline-block;font-size:0 !important;text-align:center;max-width:100%;}
#news-content .img-block:after {position:absolute;left:0;top:0;width:100%;height:100%;background:url(/mark.png) no-repeat 100% 100%;opacity:0.5;content:"";}
#news-content figure.news-fig {margin:0;padding:0;font-size:0;display:inline-block;}
#news-content figure.news-fig figcaption {text-align:center;background:#f4f4f4;font-size:14pt;font-weight: bold;color: blue;}

#news-copyright {padding:20px;text-align:center;font-size:1.0rem;color: #8c8c8c;}
#news-prev-next {border-top:dotted 1px #ccc;border-bottom:dotted 1px #ccc;position:relative;}
#news-prev-next ul {display:block;padding:0;margin:0 20px;list-style:none;}
#news-prev-next ul li {display:none;width:50%;min-height:11em;float:left;padding:20px;text-align:justify;overflow:hidden;}
#news-prev-next ul li.prev,
#news-prev-next ul li.next {display:block;}
#news-prev-next ul li.prev {float:right;border-left:solid 1px #eee;}
#news-prev-next ul li a {color:#000;text-decoration:none;}
#news-prev-next ul li a img {float:left;width:35%;margin-right:15px;border:solid 1px #ccc;padding:1px;}
#news-prev-next ul li a strong {display:block;font-size:1.2rem;margin-bottom:15px;letter-spacing:-0.05em;}
#news-prev-next ul li a span {font-size:1.0rem;word-break:break-all;letter-spacing:-0.05em;}
#news-prev-next ul li a span.date {font-size:0.9em;display:block;color:#888;margin-top:10px;}
#news-prev-next a.prev,
#news-prev-next a.next {position:absolute;left:0;top:43%;font-size:28px;color:#666;text-decoration:none;}
#news-prev-next a.prev {left:auto;right:0;}
#news-prev-next a.no-more {color:#ccc;}

/*동영상 플레이어*/
.media-frame {position:relative;padding-bottom:57%;max-width:100%;margin:1em auto;}
.media-frame iframe {position:absolute;left:0;top:0;width:100%;height:100%;}

/*기자의 다른기사 보기*/
a.search-by-writer {color:#4b68c5;font-weight:600;}


/*responsive*/
@media (max-width: 720px) {
    .page-screen {width:auto;margin:0 10px;}

    .page-screen .cell5,
    .page-screen .cell4,
    .page-screen .cell3,
    .page-screen .cell2,
    .page-screen .cell1 {width:100%;margin-left:0;float:none;}

    /*more button*/
    .part1 .section-head ul.more li a,
    .section-head ul.more li a {width:36px;height:24px;line-height:20px;}

    .top-util {min-width:100%;}
    .top-util .page-screen ul li.top-util-left {float:none;display:block;text-align:left;}

    /*탑 메뉴*/
    .top-screen {display:none;}
    #top-menu-m {display:block;border-top: solid 1px #34495e;}
    
    /*탑 로고*/
    .top-logo {margin-top:20px;min-width:100%;}
    .top-logo .page-screen {text-align:center;position:relative;}
    .top-logo a.top-brand img {max-width:100%;width:280px;height:83px;}
    .top-logo .page-screen .top-left-banner,
    .top-logo .page-screen .top-right-banner {position:static;width:100%;margin:0;}

    .top-logo .banners {display:none;}

    /*탑 공지+검색*/
    .top-search #top-notice {float:none;width:auto;height:36px;border-bottom:solid 1px #ccc;}
    .top-search #top-form {float:none;width:auto;height:36px;}
    .top-search #top-form ul li:nth-child(1) a {border-left:none;}

    /*메인 레이아웃 구분선*/
    .row1 div.split1,
    .row1 div.split2,
    .row1 div.split4,
    .row1 div.split3 {display:none;}
    .row1 div.split {margin:0 -10px;}

    /*하단*/
    .bottom-screen {border-top:solid 1px #ccc;margin:20px 0 0 0;min-width:100%;}
    .bottom-screen .page-screen {padding:10px;margin:0;}
    .bottom-screen .bottom1-left,
    .bottom-screen .bottom1-right {clear:both;width:100%;float:none;}
    .bottom-screen .bottom1-left strong {display:block;}
    .bottom-screen .bottom1-left div {display:inline-block;margin-right:5px;}
    .bottom-screen .bottom1-left div:after {content:"/";margin-left:5px;color:#888;}
    .bottom-screen .bottom1-left div:last-child:after {content:"";}
    .bottom-screen .bottom1-right ul.menu-1 {display:block;padding-top:10px;}
    .bottom-screen .bottom1-right li.menu-1 {display:block;float:left;width:30%;margin-left:5%;border-top:solid 1px #ccc;padding-top:3px;}
    .bottom-screen .bottom1-right li.menu-1:nth-child(3n+1) {clear:left;margin-left:0;}
    .bottom-screen .bottom3-left,
    .bottom-screen .bottom3-right {float:none;width:100%;}
    .bottom-screen .bottom5 {min-width:100%;}

    /*기사 목록,상세 화면분할*/
    .row2 .col1 {width:auto;float:none;padding:0;}
    .row2 .col2 {width:auto;float:none;padding:0;}
    .row2 .col2 .box {margin-left:0;}
    .row2 div.split2 {display:none;}

    #news-list div.article a img {max-width:30%;}

    #news-list div.news-list-photo div.article {margin:10px 0;float:none;width:100%;}
    #news-list div.news-list-photo a i.thumb {overflow:visible;padding-bottom:initial;}
    #news-list div.news-list-photo a i.thumb img {position:static;height:auto;max-width:100%;}

    /*기사 상세*/
    #news-content .img-block {position:relative;display:inline-block;font-size:0 !important;text-align:center;max-width:100%;width:100% !important;float:none !important;clear:both !important;}
    #news-content .img-block img {width:100% !important;height:auto !important;}
	#news-content figure.news-fig {max-width:100%;float:none;}
	#news-content figure.news-fig:before,
	#news-content figure.news-fig:after {content:'';clear:both;display:table;}
    #news-prev-next ul li a img {width:100%;margin-right:0;margin-bottom:5px;float:none;}
}


/* Footer */
.page-footer {
  font-size: 12px;
  font-weight: 300;
  padding: 17px 0;
}