b {font-weight: 600;}
section.news {width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
section.news .headline {padding: 20px 0px 12px; border-bottom: 1px solid #e2e1e7; margin:0 15px;}
section.news .headline .category a {color: #a0a0a0; font-size: 16px; display: inline-block; cursor: pointer; margin-bottom: 8px; text-decoration: none;letter-spacing: -0.5px;}
section.news .headline a.category_1depth {color:#222;}
section.news .headline .title {font-size: 24px; margin:0 0 12px; letter-spacing: -1.5px; line-height: 1.4; color: #222; word-break: break-word;font-weight: 500;}
section.news .headline .byline {font-size: 15px; color: #333; letter-spacing: -0.3px;}
section.news .headline .byline li {list-style: none; margin: 5px 8px 0px 0px; display: inline-block; letter-spacing: -0.5px;}
section.news .headline .byline li.editedby span {font-weight: 600; position: relative;}
section.news .headline li.editedby span:before {top: 4px; left: -10px; display: inline-block; content: '|'; font-size: 12px; width: 7px; height: 13px; color: #9fa0a0; padding-right: 10px; overflow: hidden;}
section.news .headline .byline a {padding-right: 3px; text-decoration: none; color:#888;}
section.news .headline .byline .editedby {font-weight: 600; position: relative; margin-right: 5px; color:#222;}
section.news .headline .byline .editedby:before {top: 4px; left: -10px; display: inline-block; content: '|'; font-size: 12px; width: 7px; height: 13px; color: #9fa0a0; padding-right: 5px; overflow: hidden;}
section.news .headline .byline .author_email {}
section.news .headline .byline img {margin-top:2px;}
section.news .content {position: relative; margin:0 15px;}
section.news .content .article {font-size:17px;}
section.news .content .input_date {font-size: 15px; color: #999; padding: 18px 0px 0px;letter-spacing: -0.5px;}
section.news .content .input_line{font-size:12px; padding:0 10px;}
section.news .content .font_size {float: right; height: 28px; position: absolute; top: 14px; right: 0;}
section.news .content li.size_up, section.news .content li.size_dn {display: inline; float: left;}
section.news .content li.size_dn a {width: 25px; height: 25px; display: block; font-size: 12px; box-sizing: border-box; line-height: 22px; text-align:center; vertical-align: middle; overflow: hidden; border: solid 1px #dcdcdc; border-right: none; color:#222; text-decoration: none;}
section.news .content li.size_up a {width: 25px; height: 25px; display: block; font-size: 16px; box-sizing: border-box; line-height: 22px; text-align:center; vertical-align: middle; overflow: hidden; border: solid 1px #dcdcdc; color:#222; text-decoration: none; font-weight: 600;}
section.news .content .share {position: absolute; top: 10px; right: 10px;}
section.news .content .sub_tit {font-size: 18px; font-weight: 500; color:#222; line-height:1.3; letter-spacing: -1px; padding-left: 15px; border-left: 3px solid #d2d2d2; margin: 18px 0;}
section.news .content .sub_tit b.blue{color:#2c5ae9;}
section.news .content .sub_tit b.purple{color:#ae1eb0;}
section.news .content .sub_tit b.orange{color:#d57121;}
.center_img {width: calc(100% + 30px) !important;  margin-left: -15px !important; margin-right: -15px; }
section.news .content .center_img {clear: both; float: none; width:100%; margin: 25px auto 25px; text-align: center; position: relative;}
section.news .content .center_img img {width:100%;}
section.news .content .center_img dl{margin: 0 auto; text-align: center; max-width: 100%;}
section.news .content .left_img {clear: both; float: left; position: relative; margin: 10px 20px 20px 0;}
section.news .content .video {clear: both; float: none; width: 100% !important; margin: 10px auto 30px auto;}
section.news .content .video dl {margin: 0 auto; text-align: center;}
.video iframe, .video object, .video embed, embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video dd {min-width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0;}
section.news .content .center_img dt, section.news .content .left_img dt, section.news .content .video dl dt {padding: 6px 10px 0 15px; color: #999 !important; font-size: 15px; line-height: 16px; text-align: left; letter-spacing: -.3px; clear: both}

.hotnews {padding: 20px 0px 20px;}
.hotnews .group_title {color: #222; font-size: 17px; line-height: 1.625em; padding-bottom: 10px;font-weight: 500; letter-spacing: -1px;}
.hotnews li {padding-bottom: 7px; position: relative; background: url('/images/2023/titledot.png') no-repeat left 9px; -webkit-background-size: 4px 4px; background-size: 4px 4px;}
.hotnews li a {line-height: 1.25em; color: #222; height: 1.25em; overflow: hidden; display: inline-block; padding-left: 10px; text-decoration: none; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}

section.news .content p {margin-bottom: 20px; line-height: 1.625em; letter-spacing: -0.5px; text-align:left; color:#000; font-weight:400;word-break: break-word;}
section.news .shares { margin-top: 10px; text-align: center; padding-top: 30px; position: relative; padding-bottom: 24px;}
section .shares:before {width: 75px; height: 1px; background: #f2f2f2; display: block; content: ''; position: absolute; top: 0; left: 50%; margin-left: -38px;}
section .shares a {display: inline-block; margin: 0 7px; background-image: url('/images/2023/button_sns2022.png'); background-repeat: no-repeat; background-color: #e5e5e5; background-size: 240px; width: 40px; height: 40px; text-indent: -9999px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
section .shares a.link_facebook {background-position: 10px center;}
section .shares a.link_twitter {background-position: -32px center;}
section .shares a.link_kakao {background-position: -120px center;}
section .shares a.link_print {background-position: -296px center; display:none;}
/*section.news .shares a {display: inline-block; margin: 0 5px; background-repeat: no-repeat; width: 47px; height: 47px; text-indent: -9999px;}
section.news .shares a.link_facebook {background-image: url('/images/2023/icon_article_facebook.png');}
section.news .shares a.link_twitter {background-image: url('/images/2023/icon_article_twiter.png');}
section.news .shares a.link_line {background-image: url('/images/2023/icon_article_line.png');}
section.news .shares a.link_kakao {background-image: url('/images/2023/icon_article_kakao.png');}*/

section.news .content .copyright {padding: 8px 0 24px; text-align: center; font-size: 15px; position: relative; color: #707070; letter-spacing: -0.3px; width: calc(100% + 30px) !important; margin-left: -15px;}
section.news .related {margin: 24px 0px; }
.related .related_tit {color: #222; font-size: 18px; padding-bottom: 5px; letter-spacing: -1px;}
.related li {position: relative;}
.related li:nth-last-child(1) {padding-bottom: 0;}
.related li::before {position: absolute; display: block; content: ''; width: 5px; height: 5px; background: #a2acba; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; vertical-align: top; margin-top:8px; top: 10px; left: 0;}
.related li a {line-height: 1.25em; color: #222; height: 30px; overflow: hidden; display: inline-block; padding-left: 10px; text-decoration: none; text-overflow: ellipsis;    -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size: 17px; letter-spacing: -0.5px; padding-top: 10px;}

.item {text-align: center; margin: 15px 0;}

/*list*/
.mob_section {margin-top: 0px; position: relative;}
.sectionwrap {background: #fff; padding: 0px 15px 3px; position: relative;}
.list_title_nav {margin-top: 24px; padding-bottom: 12px; border-bottom: 1px solid #222;}
.list_title_nav h3 {position: relative; clear: both; min-height: 30px; padding-bottom: 7px; box-sizing: border-box; font-size: 18px; letter-spacing: -1px; color: #222; font-weight: 400;}
.list_title_nav h3 span {color: #222; margin-right: 15px; font-weight: 500;}
.list_title_nav .titlebar-sub-submenu a::after {content: '|'; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 16px; vertical-align: top;}
.list_title_nav .titlebar-sub-submenu a.active {font-weight: 500; color: #222;}
.list_title_nav .titlebar-sub-submenu a {color: #222; font-size:16px;line-height: 1.4;}

.mtype_02 {border-bottom: 1px solid #e2e1e7; padding: 15px 0 15px 0; overflow: hidden; min-height: 65px; position: relative;}
.mtype_02:last-child {border-bottom: none;}
.mtype_02 .thumb {position: relative; overflow: hidden; float: left; width: 100px; height: 65px; margin-right: 12px;}
.thumb img {width: 110%; max-width: 110%; margin-left: -5%;}
.mtype_02 dt {text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin: 0px 0 5px;}
.mtype_02 dt a {margin-top:8px;}
.mtype_02.mlist dt a {margin-top: 0;letter-spacing:-0.5px; margin-bottom: 5px; color: #222; font-size: 17px; height: auto; line-height: 1.3em !important; max-height: 2.5em; display: block; overflow: hidden; -webkit-line-clamp: 2;}
.mtype_02.mlist .date{color:#a0a0a0; font-size:14px; letter-spacing:-0.3px; font-weight: 400;}
.mtype_02.mlist .date span {margin-right:8px;}
.mtype_02.mlist .date span:after {top: 4px; left: -10px; display: inline-block; content: '|'; font-size: 12px; width: 7px; height: 13px; color: #a0a0a0; padding-left: 10px; overflow: hidden;}
.mtype_02.mlist:last-child {border-bottom: 1px solid #e2e1e7;}

.paging {width: 100%; text-align: center; margin: 12px 0 24px 0; display: inline-block; position: relative; padding: 0 5px; font-size: 14px; color: #222;}
.paging a, .paging b {display: inline-block; position: relative; min-width: 28px; line-height: 28px; margin: 6px 4px 7px; font-size: 15px; color: #222; text-align: center; text-decoration: none; vertical-align: -webkit-baseline-middle;}
.paging b {color: #d81e2c; font-weight: 600;}
.paging .next img, .paging .pre img {padding-top: 10px;}
/*.paging .pre:after {content: ''; display: inline-block; width: 1px; height: 13px; background-color: #dedede; vertical-align: -1px; margin-top: 0; margin-left: 15px;}
.paging .next:before {content: ''; display: inline-block; width: 1px; height: 13px; background-color: #dedede; vertical-align: -1px; margin-top: 0; margin-right: 15px;}*/

.mob_title {font-size: 17px; line-height: 1em; padding-bottom: 11px; color: #222; letter-spacing: -1px; padding-top: 20px; font-weight: 500;}
.m_sec_01 .m_thumb_top .thumb {max-height: 230px; overflow: hidden;}
.m_sec_01 .m_thumb_top .info {padding: 5px 12px 12px;}
.m_sec_01 .m_thumb_top .info dt {padding: 5px 0px 0px;}
.m_sec_01 .m_thumb_top .info dt a {font-size: 20px; line-height: 1.4; font-weight: 500; color: #222; letter-spacing: -1px;}
.m_onlytext {padding: 0px 15px; position: relative;}
.m_onlytext li { border-top: 1px solid #e2e1e7; padding: 12px 0 14px 0; overflow: hidden;}
.m_onlytext li .mtype_02 {padding: 0px;}
.m_onlytext a {font-size: 17px; min-height: 20px; line-height: 1.4; color: #222; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; letter-spacing: -0.5px;}


/*search*/
.search_form{clear: both; margin: 40px auto 24px auto;}
.search_form form{display: block;padding: 0 24px; text-align: center;}
.search_form form .tbox {display: inline-block; position: relative;width:100%; border: 1px solid #222; border-radius: 25px;}
.search_form form .tbox input{height: 42px; line-height: 42px; border: none; background: none; padding: 3px 5px 0 15px;	width: 80%; font-size: 17px; letter-spacing:-0.8px; -webkit-appearance: textfield;box-sizing:content-box; vertical-align: top;}
.search_form form .tbox input:focus {outline:none;}
.search_form form .tbox button:focus {outline:none;}
.search_form form .tbox .btn_total{display: inline-block; float: right; margin-right: 10px;}
.search_form form .tbox .search_btn{background: url('/images/2023/header_search.png') center center no-repeat;  text-indent: -9999px; height: 46px; width: 30px; border: 0;}
.search_form form .tbox .search_close{background-color: #e2e2e2; height: 34px; width: 66px;	border: 1px solid #cccccc;	color: #4b4b4a;}
.search_retit {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #222; width: 100%; overflow: hidden; padding: 0 12px 12px;}
.search_retit .search_total {display: flex; align-items: center;}
.search_retit h3 {margin: 0px 8px 0px 0; color: #222; letter-spacing: -1px;}
.search_retit .search_total span {color: #707070;}
.range {text-align: center;  margin: 12px 0; float: right; display:none;}
.range .newest#on {float: left; font-weight: 500; width: 75px; height: 18px; line-height: 18px;}
.range .newest#on a, .range .exact#on a {display: block; color: #222; font-weight: 500; background: url('/images/2023/icon_search_black.png') right center no-repeat; letter-spacing: -0.3px;}
.range .newest#off a, .range .exact#off a {display: block; color: #474b4f; background: url('/images/2023/icon_search_gray.png') right center no-repeat; letter-spacing: -0.3px;}
.range .exact#off {float: left; margin: 0 0 0 1px; width: 75px; height: 18px;}

.recommend_area {margin: 48px 0 12px;}
.recommend_area ul {overflow: hidden; width: 90%; margin: auto;}
.recommend_area ul li {width: 31.3%; padding: 0 2%; display: inline-block; margin-bottom: 24px;}
.recommend_area .reco_thumb {padding-top: 0; height: 140px; line-height: 140px; overflow: hidden; position: relative; width: 100%; background-color: #e8e8e8;}
.recommend_area .reco_thumb img {width:100%}
.reco_tit {font-size: 17px; color: #222; line-height: 1.375em; height: 2.65em; padding: 0 1px; margin-top: 8px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; min-height: 44px; letter-spacing: -.5px;}
.recommend_area ul li:nth-child(3n) {padding-right: 0;}
.result_no {min-height: 250px; text-align: center; font-size: 17px; letter-spacing: -0.5px; color: #222; margin-top: 80px; font-weight:500;}


@media all and (max-width:640px){
.recommend_area ul li {width: 48.5%;}
.recommend_area ul li:nth-child(2n) {padding-right: 0;}
.recommend_area .reco_thumb {padding-top: 0; height: 100px; line-height: 100px;}
}