/****************************************
                pc
****************************************/

.container {position: relative}

.gnb-area {width: 100%; /*height: 32px;*/ background: #eee; padding: 12px 0}
.gnb-area .gnb-txtArea { width: 1100px; position: relative; margin: auto; padding: 0}
.gnb-area .gnb-txtArea .left-gnb-txt {cursor: pointer; font-size: 0.75rem; /*display: inline-block;*/ letter-spacing: -0.8px}
.gnb-area .gnb-txtArea .right-gnb-txt {cursor: pointer; font-size: 0.75rem; letter-spacing: -0.8px}
.log-relation {display: flex; align-items: center;  font-weight: 600;}

.line-inline { display: inline-block; width: 1px; height: 11px; background: #363636; vertical-align: middle; margin: 0 0.625rem;}

.header-style { margin-top: 24px; width: 100%; position: relative; height: 63px; float: left}
.header-style .top-logo {width: 207px; display: block; height: 58px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0}
.header-style .top-banner-a {width: 200px; height: 70px}
.header-style .top-menu-ico {display: none; width: 27px; height: 16px; cursor: pointer}
.header-style .top-search-ico {display: none; width: 24px; height: 22px; cursor: pointer}
.header-style .search-area {display: inline-block}
.header-style .search-area span {display: inline-block}
.header-style .search-area span img {width: 27px; height: 27px }
.header-style .search-area .top-search-input {border: 1px #d7d7d7 solid; margin-left: 15px; display: inline-block; position: relative; height: 40px}
.header-style .search-area .top-search-input .search-input { padding: 7px; border: 0; width: 208px;; display: inline-block; padding-right: 0;}
.header-style .search-area .top-search-input .search-ico {background: url(../images/ico/search_ico.png)no-repeat; width: 24px; height: 22px; position: absolute; right: 9px; top: 7px; cursor: pointer}

.menu-area { padding: 0.5rem 0; margin-top: 20px; /*margin-left: -5px; margin-right: -5px;*/ border-top: 2px #363636 solid; border-bottom: 2px #363636 solid; padding-left: 0; position: relative; display: flex; align-items: center; z-index: 9999} /*20201020 수정*/
.menu-area ul { display: inline-block; margin-bottom: 0; padding-left: 10px}
.menu-area .header-menu-right {position: absolute; right: 0; top: 4px; display: flex; align-items: center; height: 37px}
/*.menu-area .header-menu-right li:last-child {padding-right: 0}*/
.menu-area .header-menu-right .speaker-listbox:hover { background: none}
.menu-area ul li { font-size: 0.85rem; font-weight: 600; margin-right: 0.2rem; cursor: pointer; padding: 5px 10px; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; letter-spacing: -0.8px; display: inline-block; list-style: none; }
.menu-area ul li:hover {background: #3b5a9a; color: #fff}
.menu-area ul li:hover a {color: #fff}
.menu-area ul li.active{background: #3b5a9a; color: #fff}
.menu-area ul li.active a {color: #fff}
.menu-area .main-menu {cursor: pointer;display: inline-block; width: 30px; /*height: 30px*/}
.menu-area .main-menu .menu-btn {background: url(../images/ico/menu_ico.png)no-repeat; width: 27px; height: 16px; display: inline-block; vertical-align: middle}
.menu-drop .menu-area .main-menu .menu-btn {background: url(../images/ico/menu_cancel_ico.png)no-repeat; width: 18px; height: 18px; display: inline-block}

.menu-right {float: right;}
.menu-right ul {}
.menu-right ul li {display: inline-block; margin-right: 0rem}

.twodepth-menu-area { width: 100%; float: left; position: relative; height: 32px}
.twodepth-menu-area .opinion { padding: 10px 0; position: absolute; right: 350px}
.twodepth-menu-area .opinion li { display: inline-block; padding-right: 20px; font-size: 0.8rem; cursor: pointer}
.twodepth-menu-area .opinion li:hover {font-weight: 600; color: #3b5a9a}
.twodepth-menu-area .opinion li.active {font-weight: 600; color: #007bff}



/****************************************
                index
****************************************/

.top-news-container {width: 100%; height: 361px; margin-top: 20px; position: relative; overflow: hidden; /*display: flex; align-items: center;*/ border: 1px #d7d7d7 solid; cursor: pointer}
.top-news-container img { width: 100%;  height: 361px; object-fit: cover; object-position: 0 25%;}
.top-rightnews-container {width: 100%; border: 1px #d7d7d7 solid; height: 417px; margin-top: 20px}

.topnews-title {width: 100%; padding: 15px; background-color: rgba(17, 17, 17, 0.8); display: flex; align-items: center; position: absolute; bottom: 0; height: 124px;}
.top-title-txt {color: #fff; font-size: 1.8rem; font-weight: 600; line-height: 1.5; overflow: hidden; max-height: 83px}
.top-title-txt:hover {text-decoration: underline; cursor: pointer}

.top-R-news {width: 100%; position: relative; padding: 0.8125rem;; border-bottom: 1px #d7d7d7 solid;}
.top-R-news:last-child {border-bottom: 0}
.top-R-news h1 {font-size: 1rem; font-weight: 600; letter-spacing: -0.8px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 21px }
.top-R-news h1:hover {text-decoration: underline}
/*.media {margin-top: 13px}*/
.h-R-img {width: 120px; height: 80px; display: flex; align-items: center; position: relative; overflow: hidden; margin-right: 10px}
.h-R-img img {width: 120%; min-height: 100%; object-fit: cover; object-position: 0 29%;}
.top-R-media .media-body {font-size: 0.9rem; height: 75px; overflow: hidden; line-height: 1.8; letter-spacing: -1.2px; /*padding-left: 10px;*/}
.section-top-container .media-body {font-size: 0.875rem; height: 71px; overflow: hidden; line-height: 1.7; letter-spacing: -0.6px}
.media .media-body p:hover {text-decoration: underline}
.search-bar { padding: 15px; border: 1px #d7d7d7 solid; margin: 15px -5px 0;}

.input-stand-01 {width: 100%; padding: 6px; border: 1px #d7d7d7 solid; background: #f7f7f7;}
.line-horizon {  position: relative; border: 1px #d7d7d7 solid; margin: 30px -5px}
.line-vertical {position: relative; border: 1px #d7d7d7 solid; margin: 20px 5px 0 5px}

.card-news-box { width: 100%;  margin-bottom: 20px; border: 1px #d7d7d7 solid; height: 320px; overflow: hidden}
.card-news-box .cardnews-content {width: 100%; height: 302px; overflow: hidden; cursor: pointer;}
.card-news-box .article-card-img {width: 100%; height: 161px; overflow: hidden; display: flex; position: relative; align-items: center}
.card-news-box .article-card-img img {width: 100%; height: 161px; object-fit: cover; object-position: 44% 29%} /*20210317 수정*/
.card-news-box .article-card-title {padding: 10px; width: 100%;float: left; letter-spacing: -0.6px; font-weight: 600; font-size: 1rem; height: auto; overflow: hidden; margin-bottom: 5px; padding-bottom: 0; max-height: 60px}
.card-news-box .article-card-title:hover {text-decoration: underline}
.card-news-box .article-card-txt { font-size: 0.9rem; letter-spacing: -0.9px; padding: 0 10px; display: inline-block; line-height: 24px; float: left; margin-top: 3px; width: 100%}
.card-news-box .article-card-txt:hover {text-decoration: underline}
.card-news-box .article-card-txt p {}

.card-news-box-02 { width: 100%;  margin-bottom: 20px; border: 1px #d7d7d7 solid; height: 315px; overflow: hidden; background: #f4f4f2; cursor: pointer}
.card-news-box-02 .cardnews-content {position: relative; width: 100%; height: 317px}
.card-news-box-02 .article-card-img {width: 100%; height: 161px; overflow: hidden; /*display: flex; align-items: center;*/ position: relative; float: left; margin-bottom: -30px; min-height: 161px}
.card-news-box-02 .article-card-img img {width: 100%; height: 161px; object-fit: cover; object-position: 0 32%;}
.card-news-box-02 .article-card-title {padding: 0.625rem ; width: 100%;float: left; letter-spacing: -0.6px; font-weight: 600; font-size: 1rem; max-height: 48px; overflow: hidden;  padding-top: 0; word-break: break-word; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; padding-bottom: 0}
.card-news-box-02 .article-card-title:hover {text-decoration: underline}
.card-news-box-02 .article-card-prv { padding: 10px; float: left; font-size: 0.9rem; min-height: 55px; letter-spacing: -0.9px; line-height: 1.87; overflow: hidden; padding-top: 0; word-break: break-all; padding-bottom: 136px}

.card-news-box-03 { width: 100%;  margin-bottom: 20px; border: 1px #d7d7d7 solid;/* height: auto;*/ overflow: hidden; background: #f4f4f2; cursor: pointer; height: 391px;}
.card-news-box-03 .cardnews-content {position: relative; width: 100%; display: flex; flex-direction: column; height: 391px}
.card-news-box-03 .article-card-img {width: 100%; height: 161px; overflow: hidden; /*display: flex; align-items: center;*/ position: relative; float: left; min-height: 161px; margin-bottom: -30px}
.card-news-box-03 .article-card-img img {width: 100%; height: 161px; object-fit: cover; object-position: 0 32%;}
/*20201109 수정*/
.card-news-box-03 .article-card-title02 {padding: 0.625rem; width: 100%; float: left; letter-spacing: -0.6px; font-weight: 600; font-size: 1rem; min-height: 60px; overflow: hidden; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; max-height: 60px; margin-top: 30px; padding-bottom: 0}
/*//20201109 수정*/
.card-news-box-03 .article-card-title02:hover {text-decoration: underline}

.news-title-area {}
.section-name {padding: 0.625rem; font-weight: 600; font-size: 0.9rem; color: #28a0ee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; float: left; margin-top: 30px; }
.section-tag {font-size: 0.8rem; position: absolute; padding: 5px 8px; background: #28a0ee; color: #fff; z-index: 999; font-weight: 600}

.article-card-prv {padding: 10px; float: left; font-size: 0.9rem; min-height: 36px; letter-spacing: -0.9px; line-height: 1.9; overflow: hidden; padding-top: 0; word-break: break-all; }
.article-card-prv:hover {text-decoration: underline}

.box-newslist { float: left; margin-top: 5px; font-size: 0.9rem; padding: 10px; width: 100%; min-height: 108px;}
.box-newslist ul {padding-left: 2px; margin-bottom: 0}
.box-newslist ul li { padding-bottom: 8px; letter-spacing: -0.9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; background: url(../images/ico/bullet_set_01.png)no-repeat left 7px; padding-left: 13px}
.box-newslist ul li:hover {text-decoration: underline}

.hotnews-name { font-size: 1.3rem; /*margin-left: -5px;*/ margin-bottom: 15px}

.card-news-box-04 { width: 100%;  margin-bottom: 20px; border: 1px #d7d7d7 solid; height: 240px; overflow: hidden; background: #f4f4f2; cursor: pointer}
.card-news-box-04 .cardnews-content {position: relative; width: 100%;}
.card-news-box-04 .article-card-img {width: 100%; height: 161px; overflow: hidden; /*display: flex;*/ position: relative; float: left; /*align-items: center*/}
.card-news-box-04 .article-card-img img {width: 100%; height: 161px; /*position: absolute; top: 0; left: 0*/ object-fit: cover; object-position: 0 29%}
.card-news-box-04 .article-card-title {padding: 0.625rem ; width: 100%;float: left; letter-spacing: -0.6px; font-weight: 600; font-size: 1rem; height: 60px; overflow: hidden; margin-bottom: 5px; }
.card-news-box-04 .article-card-title:hover {text-decoration: underline}

.under-news {width: 100%; position: relative; padding: 10px; border-bottom: 1px #d7d7d7 solid; padding:20px 15px 20px 0 }
.under-news h1 {font-size: 1rem; font-weight: 600; letter-spacing: -0.8px; color: #28a0ee }
.under-news .media {margin-top: 13px; /*display: table*/ cursor: pointer}

.under-news .media .media-body { height: 71px; overflow: hidden; line-height: 1.7; letter-spacing: -0.6px; /*display: table-cell;*/ vertical-align: middle;/*padding-left: 10px*/}
.under-news .media .media-body:hover {text-decoration: underline}
.under-news .media .media-body h5 {font-weight: 600; font-size: 1.1rem; line-height: 1.5}
.undernews-line.col-md-12:last-child .under-news {border-bottom: 0; border-right: 0; padding-right: 0}

.oneline_news_img {width: 120px; height: 85px; position: relative; overflow: hidden; display: flex; align-items: center; margin-right: 15px}
.oneline_news_img img {width: 100%; min-height: 100%}

.footer-menu {padding: 10px; background: #828282; position: relative; /*margin: 0 -5px*/ float: left; width: 100%; margin-top: 26px}
.footer-menu ul { margin-bottom: 0; padding-left: 10px}
.footer-menu ul li {display: inline-block; padding-right: 2.8rem; color: #fff; font-weight: 600; font-size: 0.8125rem}
.footer-menu ul li a {color: #fff}
.footer-menu ul .feed-ico {padding-right: 0; position: absolute; right: 15px; top: 11px}

.copyright-txt-box {margin-top: 25px; float: left ;margin-bottom: 110px}
.copyright-txt-box p {font-size: 0.75rem; line-height: 1.8; letter-spacing: -0.5px }

.footer-logo {float: right; margin-top: 25px; margin-left: 35px; position: relative; }
.footer-logo img {/*cursor: pointer*/}
.footer-logo a:last-child { margin-left: 34px}

/*20200304 추가*/
.footer-logo-02{float: right; margin-top: 25px; margin-left: 35px; position: relative; }
.footer-logo-02 img {/*cursor: pointer*/}
.footer-logo-02 a:last-child { margin-left: 50px}

.m-footer-container {display: none; float: left; width: 100%}
.m-footer-container .m-footer {width: 100%; display: table}
.m-footer-container .m-footer .map-col {display: flex; padding: 0 5px;}
.m-footer-container .m-footer .map-col a {display: block; margin: 6px; flex: 1 1;}
.m-footer-container .m-footer .map-col .map-table { padding: 0.8rem 0.2rem; text-align: center; font-size: 0.8rem; background: #e5e5e5; font-weight: 600; border: 1px #d7d7d7 solid; letter-spacing: -1.8px; cursor: pointer}

.m-footer-container .m-footer .sns-share {width: 100%; text-align: center; position: relative; float: left; margin-top: 20px; margin-bottom: 20px}
.m-footer-container .m-footer .sns-share img {display: inline-block; width: 35px; height: 34px; margin-right: 15px}

.m-copyright {width: 100%; float: left; /*text-align: center;*/ background: #e5e5e5; padding: 37px; position: relative; display: none;  }
.m-copyright span {color: #898989; font-size: 0.8rem}
.m-copyright .opt-top { padding: 0.5rem 1.5rem; background: #363636; color: #fff; text-align: center; font-size: 0.8rem; font-weight: 600; letter-spacing: -1.8px; display: inline-block; flex: 1 1 0; position: absolute; right: 20px}

/*전체 드롭다운메뉴*/
.menu-nature .dorp-down-menu {}
.menu-drop .dorp-down-menu {display: block; top: 148px; height: 429px; padding-top: 70px; } /*20201020 수정*/
.dorp-down-menu {width: 100%; height: 0; background-color: #fff; padding: 0; position: absolute; top: 199px; z-index: 999; box-shadow: 0 4px 3px 0px rgba(68, 68, 68, 0.48); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}

.sitemap-container {width: 1100px; padding: 20px 0; margin: auto; height: 0;  padding: 0; background: #fff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden}
.menu-nature .sitemap-container ul {  width: auto; position: relative;  height: auto; padding-right: 30px; display: block; margin-bottom: 0}
.menu-nature .sitemap-container ul h1 {font-size: 0.85rem; color: #008840; padding-bottom: 15px; width: 95px; font-weight: 600; display: inline-block; margin-right: 15px;}
.menu-nature .sitemap-container ul li { font-size: 0.8rem; padding: 8px 0;cursor: pointer;list-style: none; display: inline-block; margin-right: 15px}

.menu-drop .sitemap-container {display: block; height: 324px; padding: 15px 0}
.menu-drop .sitemap-container ul { width: auto; position: relative; height: auto; padding-right: 30px; display: flex; margin-bottom: 0}
.menu-drop .sitemap-container ul h1 {font-size: 0.85rem; color: #008840; padding-bottom: 15px; display: inline-block; margin-right: 15px; font-weight: 600; width: 95px}
.menu-drop .sitemap-container ul h1 a {cursor: pointer}
.menu-drop .sitemap-container ul li { font-size: 0.8rem; padding: 0 !important; cursor: pointer;list-style: none; margin-right: 15px}
.menu-drop .sitemap-container ul li:hover {font-weight: 600}
.map-box01 { float: left; width: 550px; border-right: 1px #d7d7d7 solid}

.m-menu-area {padding: 10px; border-bottom: 2px #363636 solid; position: relative; height: 52px; border-top: 2px #363636 solid; margin-top: 25px; margin: 25px -5px 0; overflow-x: scroll; display: none}
.m-menu-area ul {height: 28px; width: 100%; margin-left: 0; margin-bottom: 0; padding-left: 5px; display: flex; flex-direction: row; padding-right: 20px;}
.m-menu-area ul li { float: left; font-size: 1.15rem; font-weight: 600; margin-right: 7%; white-space: nowrap; list-style: none}
.m-menu-area ul li:first-child {}
.m-menu-area ul li.active {color: #28a0ee}
.m-menu-area ul li a.active {color: #28a0ee}

/*뉴스듣기*/
.menu-first {background: #008840; width: auto; height: auto; padding:4px 10px 4px 10px ; border-radius: 30px; float: left;  }
.menu-first span {color: #fff; font-size: 0.8rem; float: left}
.menu-first span::after {background-image: url(../../pc/images/ico/speaker_ico.png); background-repeat: no-repeat; padding-right: 32px; background-position: right;width: 18px; height: 18px;content: "";}
.menu-first img {position: relative; float: left; margin-left: 5px }
.true .menu-first span::after {background-image: url(../../pc/images/ico/speaker_ico_work.gif); background-repeat: no-repeat; padding-right: 32px; background-position: right;width: 18px; height: 18px;content: "";}

.notice ul { padding-left: 0; width: 100%; }
.notice ul li {margin-bottom: 8px;  width: 100%; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ font-weight: 400; margin-top: 10px; background: url(../images/ico/notice_bullet.png)no-repeat left;     padding-left: 13px;}
.notice span:hover {text-decoration: underline}

/*사이드메뉴*/
.m-side-menu {width: 100%; background-color: #fff; position: fixed; z-index: 99999; height: 100%; overflow: auto; margin-left: -100%; display: none}
.menu-title-container {padding: 15px; border-bottom: 2px #d7d7d7 solid;}
.menu-title-container img {width: 104px; display: inline-block}

.cancel-ico-01 {float: right; width: 18px !important; position: relative; top: 5px; cursor: pointer}

.menu-step {width: 100%; padding: 0 15px 15px; border-bottom: 2px #d7d7d7 solid; float: left}
.menu-step ul {padding-left: 0;  margin-bottom: 0; display: flex; flex-direction: row; justify-content: flex-start}
.menu-step ul li {list-style: none; float: left; margin-right: 2%; margin-top: 15px; width: 32%}
.menu-step ul li:last-child {margin-right: 0}

.side-menu-btn {width: 100%; font-size: 0.9rem !important; letter-spacing: -0.9px; padding: .375rem 0.5rem !important;}
.menu-section {width: 100%; padding: 10px 0 10px 15px; text-align: left; float: left; border-bottom: 2px #d7d7d7 solid; font-weight: 600;}

/*모바일용 광고-2020.01.16-이승태*/
.m-ad-banner{display: none}


/****************************************
                기사리스트
****************************************/

.font-color-set {color: #00ffff !important}
.sample-color {background: #eee; height: 300px}

.left-container {width: 758px; float: left; margin-top: 30px; margin-bottom: 30px; padding-right: 38px}
.section-top-container {padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid; cursor: pointer}
.left-container .media .section-top {width: 314px; height: 168px; position: relative; overflow: hidden; display: flex; align-items: center; margin-right: 15px}
.left-container .media .section-top img {width: 100%; min-height: 100%}
.left-container .media .section-top-news {/*margin-left: 15px;*/ height: 170px}
.left-container .media .section-top-news h5 {font-weight: 600; font-size: 1.5rem; line-height: 1.4; letter-spacing: -0.8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; max-height: 66px; overflow: hidden;}
.left-container .media .section-top-news h5:hover {text-decoration: underline}
.left-container .media .section-top-news p {height: 69px; overflow: hidden; margin-bottom: 0}
.left-container .media .section-top-news span {font-size: 0.8rem; margin-top: 8px; display: inline-block}
.section-top-pc {}

.left-container .series-title {padding-top: 20px; color: #3e71d8; display: flex; font-weight: 600}
.left-container .list-top-box { width: 100%; height: 200px; margin-top: 15px; overflow: hidden; cursor: pointer}
.left-container .list-top-box .series-img {width: 100%; height: 120px; overflow: hidden; display: flex; position: relative; align-items: center}
.left-container .list-top-box .series-img img {width: 100%; min-height: 100%}
.left-container .list-top-box .list-top-paragraph {display: -webkit-box; font-size: 0.9375rem; color: #707070; line-height: 1.3; margin-top: 10px; letter-spacing: -0.5px;  -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; overflow: hidden; height: 38px}
.left-container .list-top-box .list-top-paragraph:hover {text-decoration: underline}

.list-media-form { padding: 20px 0; cursor: pointer}
.list-media-form img { width: 135px; /*height: 91px;*/ margin-right:15px}
.media-form-set01 { position: relative; overflow: hidden; height: 91px}
.media-form-set01 h5 {font-size: 1rem; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.media-form-set01 h5:hover {text-decoration: underline}
.media-form-set01 p {font-size: 0.8125rem; line-height: 1.5; height: 42px; overflow: hidden; letter-spacing: -0.5px; margin-bottom: 0}
.media-form-set01 span {font-size: 0.8125rem;}
.media-form-set01.ml15 {margin-left: 0 !important;}

/*페이지네이션*/
.list-pagination {width: 100%; position: relative; float: left; padding: 15px 0; margin-top: 30px; margin-bottom: 50px; text-align: center}
.pagination-list {padding-left: 0 }
.pagination-list li {display: inline-block}
.pagination-list li a{display: inline-block; padding: 9px; font-size: 14px; border-radius: 27px; vertical-align: middle; color: #363636; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; width: 41px; height: 41px}
.pagination-list li a:hover {background: #eee; font-weight: 600; color: #3e71d8}
.pagination-list li a.active {background: #eee; font-weight: 600; color: #3e71d8}

.pagination-list .arrow-list a {border-radius: 0; width: 40px; height: 35px;}
.pagination-list .arrow-list a:hover {background: #eee; font-weight: normal}

/*우측정보*/
.right-container { height: auto; width: 352px; float: left; padding-left: 38px; margin-top: 30px; /*border-left: 1px #d7d7d7 solid;*/ padding-bottom: 40px;}
.right-container .banner-set-01 {width: 100%; float: left; margin-bottom: 20px}
.right-container .banner-set-01 img {width: 100%}


.R-news {width: 100%; position: relative;/* margin-top: 30px;*/ float: left; margin-bottom: 20px}
.R-news:last-child {border-bottom: 0}
.R-news a {float: left; margin-top: 15px; border-bottom: 1px #d7d7d7 solid; padding-bottom: 15px; cursor: pointer; width: 314px}
.R-news a:last-child {padding-bottom: 0}
.R-news h1 {font-size: 1rem; font-weight: 600; letter-spacing: -0.8px; overflow: hidden; max-height: 43px; line-height: 1.4; margin-bottom: 10px}
.R-news h1:hover {text-decoration: underline}
/*.R-news .R-media img {position: relative; width: 120px; height: 85px}*/
.R-news .R-media .media-body {font-size: 0.875rem; height: 71px; overflow: hidden; line-height: 1.7; letter-spacing: -0.6px}
.R-news .R-media .media-body p:hover {text-decoration: underline}

.banner-set-02 {width: 100%; float: left; margin-bottom: 20px}
.banner-set-02 img {width: 100%}
.pop-newslist { float: left; width: 100%; margin-top: 20px}
.right-container .series-title { color: #3e71d8; display: flex; font-weight: 600; padding-bottom: 10px; border-bottom: 2px #d7d7d7 solid}

.pop-news-media {position: relative; float: left; height: 84px; width: 100%; border-bottom: 1px #d7d7d7 solid; overflow: hidden; cursor: pointer}
.pop-top-number {margin-right: 15px; font-weight: 600; color: #f2363d; /*width: 33px;*/ text-align: center}
.pop-number {margin-right: 15px; font-weight: 600; /*width: 33px;*/ text-align: center}
.popnews-body { max-height: 45px; width: 100%; overflow: hidden; display: flex; align-items: center}
.popnews-body h5 {font-size: 0.875rem; color: #707070; line-height: 1.5; letter-spacing: -0.8px; padding-right: 15px; overflow: hidden; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.popnews-body h5:hover {text-decoration: underline}
/*.pop-news-media img {width: 85px; height: 57px}*/
.pop-img-box {width: 85px; height: 57px; overflow: hidden; position: relative; display: flex; align-items: center}
.pop-img-box img { width: 120%; min-height: 100%; object-fit: cover; object-position: 0 29%} /*20201109 수정*/


/****************************************
                기획연재 리스트
****************************************/

.top-more {width: 100%; display: flex}
.top-more .pass-prv { float: right; padding: 15px 0}
.top-more .pass-prv span {font-size: 0.9rem; font-weight:600; letter-spacing: -0.8px }
.top-more .pass-prv img {position: relative; bottom: 2px}

.series-news-title {border-bottom: 1px #d7d7d7 solid; /*padding-bottom: 6px*/}
.series-news-title h5 {color:#008840; font-weight: 600; letter-spacing: -0.9px; font-size: 1.2rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer}

.news-card-list { margin-top: 13px; cursor: pointer; margin-bottom: 15px}
.news-card-list img {width: 124px;}

.news-card-body {}
.news-card-body h5 { font-size: 1rem; line-height: 1.5; font-weight: 600; letter-spacing: -0.8px; max-height: 76px; overflow: hidden}
.news-card-body h5:hover {text-decoration: underline}

.card-sub-news {background: url(../images/ico/bullet_03.png)no-repeat 0; padding-left: 15px; width: 353px; font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.8px;display: block; padding-bottom: 5px; cursor: pointer}
.card-sub-news:hover {text-decoration: underline}
.series-col {padding-left: 15px !important; padding-right: 15px !important; margin-bottom: 20px}

.top-more .pass-doc-name { float: right; padding: 15px 0}
.top-more .pass-doc-name span {font-size: 1.2rem; font-weight:600; letter-spacing: -0.8px }

.series-list-container {margin-top: 25px}


/****************************************
                오피니언 리스트
****************************************/

.toplist-media-form { padding: 20px 0; border-bottom: 1px #d7d7d7 solid; cursor: pointer}
.opinion-img-box {width: 135px; height: 91px; overflow: hidden; display: flex; align-items: center}
.opinion-img-box img { width: 100%; min-height: 100%}
.media-form-set02 { position: relative; overflow: hidden; height: 91px}
.media-form-set02 h5 {font-size: 1rem; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.media-form-set02 h5:hover {text-decoration: underline}
.media-form-set02 p {font-size: 0.8125rem; line-height: 1.5; height: 42px; overflow: hidden; letter-spacing: -0.5px; margin-bottom: 0}
.media-form-set02 span {font-size: 0.8125rem;}
.column-name {margin-top: 25px; border-bottom: 1px #d7d7d7 solid}
.column-name h5 {font-size: 1.1rem; font-weight: 600; color: #3e71d8; letter-spacing: -0.8px}
.column-name span {letter-spacing: -0.8px}

.column-media {padding: 20px 0; margin-bottom: 20px }
.column-media .column-img-box {width: 124px; height: 103px; position: relative; overflow: hidden; display: flex; align-items: center; margin-right: 15px}
.column-media .column-img-box img {width: 100%; min-height: 100%; }
.column-media .column-body { }
.column-media .column-body h5 { font-size: 1.125rem; font-weight: bold; color: #008840; letter-spacing: -0.8px; line-height: 1.3}
.column-media .column-body p {font-size: 1rem; letter-spacing: -0.9px; margin-bottom: 0; font-weight: 600;  height: 48px; overflow: hidden;}

.bullet-box-01 {display: inline-block; width: 4px; height: 20px; background: #28a0ee; position: relative; top: 2px; margin-right: 5px}
.location-sub {font-size: 1rem !important; position: relative; bottom: 2px;}
.line-vertical-02 {height: 100%; border: 1px #d7d7d7 solid}



/****************************************
            기사상세 페이지
****************************************/

.article-title { width: 100%; position: relative; float: left; padding-bottom: 15px; border-bottom: 2px #d7d7d7 solid;}
.detail-title {font-size: 2.1875rem; color: #363636; font-weight: 300; letter-spacing: -2.5px; margin: 10px 0 40px 25px; line-height: 1.5;}
.detail-span { font-weight: 600; font-size: 0.9rem; letter-spacing: -0.8px; padding: 20px 0 0 25px; color: #28a0ee}

.info-byline-container { width: 100%; float: left; position: relative;}

.byline-set01 { font-size: 12px; color: #707070; margin-left: 0px !important; position: relative; top: 5px;}
.byline-set02 {font-size: 12px; color: #707070; float: right; display: flex; align-items: center}
.byline-set02 .opt-img {display: inline-block; padding: 0 10px 0 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; cursor: pointer}
.byline-set02 .speaker-img {}

.menu-first-02 {background: #3b5a9a; width: auto; height: auto; padding:4px 10px 4px 10px ; border-radius: 30px; float: left; cursor: pointer; }
.true.menu-first-02 span::after {background-image: url(../../pc/images/ico/speaker_ico_work_02.gif); background-repeat: no-repeat; background-position: right; width: 18px; height: 18px; content: ""; padding-right: 29px}

.menu-first-02 span {color: #fff; font-size: 0.8rem; float: left}
.menu-first-02 span::after {background-image: url(../../pc/images/ico/speaker_ico.png); background-repeat: no-repeat; background-position: right; width: 18px; height: 18px; content: ""; padding-right: 29px}
.menu-first-02 img {position: relative; float: left; margin-left: 5px }
.left-article-txt {padding-left: 6.0625rem !important; padding-right: 2.4375rem !important}
/*.left-article-txt span {font-weight: 600; font-size: 0.9375rem; margin-top: 15px; display: block;}*/
.left-article-txt p { line-height: 2; letter-spacing: -0.5px; margin-bottom: 0}
.article-img-box { margin-top: 20px}
.article-img-box img {/*width: 100%*/}

.article-under-part { margin-top: 50px}
.article-under-part h5 {font-size: 1rem; color: #3e71d8; font-weight: 600; cursor:pointer;}
.article-under-part ul {padding-left: 0; /*margin-top: 25px*/}
.article-under-part ul li { padding-bottom: 5px; font-weight: 600; list-style: none; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer}
.article-under-part ul li:hover {text-decoration: underline}

.relation-newslist {background: url(../images/ico/bullet_03.png)no-repeat 0; padding-left: 15px; font-size: 1rem; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; cursor: pointer; line-height: 1.9} /*20210316 수정*/
.series-newslist { padding-left: 15px; font-size: 1rem; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.under-byline { padding-bottom: 40px; border-bottom: 1px #333 solid; margin-top: 40px}
.under-byline span {font-size: 0.9375rem; font-weight: 600}

.under-sns-area { margin-top: 15px}
.under-sns-area img {display: inline-block; margin-right: 10px; cursor: pointer}
.article-copyright {font-size: 0.8rem !important; font-weight: 300 !important; position: relative;/* top: 10px*/ margin-top: 15px}
.under-news-title {font-size: 1rem; color: #3e71d8; border-bottom: 1px #d7d7d7 solid; width: 100%; padding-bottom: 10px; margin-top: 20px; padding-left: 10px; font-weight: 600}

.under-hot-news {width: 100%; padding-top: 15px; cursor: pointer; margin-bottom: 15px}
.hot-img-box {position: relative; width: 100%; height: 89px; overflow: hidden; display: flex; align-items: center}
.hot-img-box img {width: 100%; min-height: 100%}
.under-hot-news span {font-size: 0.75rem; font-weight: 300; height: 40px; overflow: hidden; letter-spacing: -0.8px; margin-top: 5px; color: #707070; display: block}
.under-hot-news span:hover {text-decoration: underline}
.txt-sub {}

.sns-txtsize-layer {position: absolute; width: 280px; height: 62px; padding: 10px; background-color: #fff; border: 1px #d7d7d7 solid; right: 0; top: 40px; box-shadow: 3px 3px 5px 1px rgba(90,90,90,.15); z-index: 999;}
.sns-txtsize-layer a {display: inline-block}
.sns-txtsize-layer a img {width: 30px; height: auto; margin-right: 25px}
.step-one {width: 40px; height: 40px; float: left; margin-right: 10px; border-radius: 30px; border: 1px #aaaaaa solid; text-align: center; font-weight: 600;  font-size: 12px; padding-top: 12px; cursor: pointer}
.step-two {width: 40px; height: 40px; float: left; margin-right: 10px; border-radius: 30px; border: 1px #aaaaaa solid; text-align: center; font-weight: 600; font-size: 14px; padding-top: 10px; cursor: pointer}
.step-three {width: 40px; height: 40px; float: left; margin-right: 10px; border-radius: 30px; border: 1px #aaaaaa solid; text-align: center; font-weight: 600; font-size: 18px; padding-top: 8px; cursor: pointer}
.step-four {width: 40px; height: 40px; float: left; margin-right: 10px; border-radius: 30px; border: 1px #aaaaaa solid; text-align: center; font-weight: 600; font-size: 20px; padding-top: 6px; cursor: pointer}
.step-five {width: 40px; height: 40px; float: left; border-radius: 30px; border: 1px #aaaaaa solid; text-align: center; font-weight: 600; font-size: 22px; padding-top: 6px; cursor: pointer}

.txtsize.active {background-color: #219af6; color: #fff; border: 0}

.sns-share-layer { position: absolute; width: 172px; height: 50px; padding: 10px; background-color: #fff; border: 1px #d7d7d7 solid; right: 9px; top: 40px; box-shadow: 3px 3px 5px 1px rgba(90,90,90,.15); z-index: 999;}
.sns-share-layer a {display: inline-block}
.sns-share-layer img {width: 30px; height: auto; margin-right: 25px; cursor: pointer}



/****************************************
            포럼&컨퍼런스
****************************************/

.main-top-img {width: 100%; position: relative; padding: 45px 0}
.main-top-img img {display: block; margin: auto; width: 100%}

.forum-part-name {display: inline-block; font-size: 1.1rem; font-weight: 600; margin-top: 40px }
.content-container { padding: 0 52px !important; margin-bottom: 60px}
.part-line-horizon {width: 934px; border: 2px #333 solid; height: 2px; display: inline-block; vertical-align: middle; margin-left: 10px}

.banner-box {width: 300px; margin-top: 31px; display: inline-block; height: 120px; overflow: hidden; cursor: pointer}
.banner-box img {width: 100%}

.banner-area {width: 100%; height: 161px; margin-top: 20px; overflow: hidden; }
.banner-area img {width: 100%}
.left-menu-area {width: 210px; float: left; height: 500px; margin-right: 20px; margin-top: 30px }

.right-menu-area {width: 100%; float: left; border: 1px #d7d7d7 solid; padding: 15px; margin-top: 15px; margin-bottom: 40px}

.forum_tab {display:  inline-block; padding: 0 59px; font-size: 15px; padding-bottom: 15px; cursor: pointer; letter-spacing: -1.8px;}
.forum_tab:hover {font-weight: 600; border-bottom: 3px #28a0ee solid;}
.forum_tab.active {font-weight: 600; border-bottom: 3px #28a0ee solid;}

.forum-tab-container {}
.forum-tab-container ul {border-bottom: 1px #d7d7d7 solid}

.forum_info {width: 100%; padding: 15px}
.forum_info ul {}
.forum_info ul li {margin-bottom: 6px; font-size: 0.875rem; letter-spacing: -0.8px}
.forum_info p {font-size: 0.875rem; line-height: 1.8; letter-spacing: -0.7px}
.forum_info h4 {letter-spacing: -0.7px; margin-bottom: 25px}



/****************************************
            지면PDF
****************************************/

.pdf-guide-box {margin-top: 25px; padding-bottom: 10px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 15px;}
.pdf-guide-box .txt-first {font-size: 0.8725rem; letter-spacing: -0.8px; /*background: url(../images/ico/bullet_04.png)no-repeat 0; padding-left: 20px*/}
.pdf-guide-box p {font-size: 0.8725rem; letter-spacing: -0.8px; line-height: 1.8}

.arcrobat-img {display: flex; margin-bottom: 30px}
.arcrobat-img a {display: flex}
.arcrobat-img img {width: 105px; height: 49px;}
.arcrobat-span {margin-left: 15px; font-size: 0.8725rem; line-height: 1.8; letter-spacing: -0.8px}

.pdf-list-container { margin-top: 60px; margin-bottom: 60px}
.pdf-list-container h5 {font-size: 1rem; border-bottom: 1px #d7d7d7 solid; margin-bottom: 20px; padding-bottom: 15px}

.pdf-box {padding: 10px; border: 1px #d7d7d7 solid; width: 100%; height: auto; position: relative; display: inline-block; }
.pdf-box img {width: 100%; max-height: 402px}

.pdf-opt {font-size: 0.8rem; display: inline-block}
.pdf-opt:hover {text-decoration: underline}
.pdf-list {margin-bottom: 20px}
.pdf-opt-link {display: inline-block; width: 100%; text-align: center}

.input-type-01 { border-radius: 0; padding: 5px; border: 1px #d7d7d7 solid; position: relative; bottom: 3px}
.top-search-input {border: 1px #d7d7d7 solid; display: inline-block; position: relative}
.top-search-input .search-input { padding: 5px; border: 0; width: 100%; display: inline-block;}
.top-search-input .search-ico {background: url(../images/ico/date_ico_02.png)no-repeat; width: 24px; height: 22px; position: absolute; right: 0px; top: 9px; cursor: pointer}


/*인사*/
.thumb_style_box { width: 135px; height: 75px; overflow: hidden; position: relative; display: flex; align-items: center}
.thumb_style_box img {width: 100%; min-height: 100%; /*position: absolute;  bottom: 0; top: -48%; left: 0; right: 0;*/}

.media-form-set03 { position: relative; overflow: hidden; height: 75px}
.media-form-set03 h5 {font-size: 1rem; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.media-form-set03 h5:hover {text-decoration: underline}
.media-form-set03 p {font-size: 0.8125rem; line-height: 1.7; height: 48px; overflow: hidden; letter-spacing: -0.5px; margin-bottom: 0}
.media-form-set03 span {font-size: 0.8125rem;}


/*포토뉴스*/
.photo_news_imgBox {width: 100%; height: 200px; /*border: 1px #d7d7d7 solid;*/ position: relative; display: flex; align-items: center; overflow: hidden}
.photo_news_imgBox img {width: 120%; min-height: 100%; position: relative; left: -10%;}
.photonews_title_bar {width: 100%; height: 64px; background-color: rgba(17, 17, 17, 0.8); position: absolute; bottom: 0; padding: 10px; display: flex; align-items: center}
.photonews_title_bar p {color: #fff; font-weight: 600; font-size: 0.875rem; max-height: 45px; overflow: hidden; margin: 0;}
.photonews_title_bar p:hover {text-decoration: underline}

.photo_list_container {}

.photo_caption_style {width: 100%; height: 64px; background-color: rgba(17, 17, 17, 0.8); position: absolute; bottom: 0; padding: 20px;}
.photo_caption_style h5 {font-size: 1.25rem; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.photo_caption_style h5:hover {text-decoration: underline}
.slide_ht {height: 500px}
.carousel-item img {max-height: 100%; max-width: 100%}

.photo_tab {display:  inline-block; padding: 0 59px; font-size: 15px; padding-bottom: 15px; cursor: pointer; /*letter-spacing: -1.8px;*/}
.photo_tab:hover {font-weight: 600; border-bottom: 3px #28a0ee solid;}
.photo_tab.active {font-weight: 600; border-bottom: 3px #28a0ee solid;}

.photo-tab-container {}
.photo-tab-container ul {border-bottom: 1px #d7d7d7 solid}



.top_title span {font-size: 26px; color: #28a0ee; font-weight: 400; padding: 15px; border-bottom: 1px #d7d7d7 solid; letter-spacing: -1.8px; padding-left: 0; display: block; padding-top: 0}
.list-area-cotainer {width: 100%; position: relative; float: left; margin-top: 15px;}
.scrap-container {float: left; width: 100%; margin-top: 25px}
.privacy-title-style { font-size: 13px !important; margin-bottom: 10px; float: left; color: #363636 !important; font-weight: 600;}
.privacy-rule-box { width: 100%; float: left; height: 300px; overflow: hidden; overflow-y: scroll; border: 1px #d7d7d7 solid; background-color: #f7f7f7; padding: 15px; font-size: 14px; letter-spacing: -0.8px}
.member-name { width: 100%; border: 1px #d7d7d7 solid; padding: 10px; float: left}

.input-style-01 {padding: 5px; height: 39px; border: 1px #d7d7d7 solid; font-weight: 300;}
.btn-type-blue { width: auto; padding: 5px 10px !important; background-color: #219af6 !important; color: #fff !important; /*font-size: 0.875rem !important;*/ font-weight: 600 !important}
.btn-type-blue:hover {background-color: #1d75b9 !important}
.check_span {font-size: 13px}

.info-form { border: 1px #d7d7d7 solid; border-bottom: 0; float: left;}
.form-table-01 { table-layout: fixed; width: 100%; border: 1px #d7d7d7 solid;}
.form-table-01 tbody {}
.form-table-01 tbody tr { border-bottom: 1px #d7d7d7 solid}
.form-table-01 tbody tr th {padding: 0 15px; height: 42px; display: table-cell; vertical-align: middle; font-size: 13px; background-color: #F7F7F7; letter-spacing: -1px; text-align: center;}
.form-table-01 tbody tr th span {color: #e11d27 }
.form-table-01 tbody tr td {padding: 5px 8px; display: table-cell; vertical-align: middle; font-size: 12px}
.search-input { border: 1px #d7d7d7 solid; padding: 5px; /*height: 30px*/}

.btn-type-gray { width: auto; background-color: #bfbfbf !important; color: #fff !important;  font-weight: 600 !important; padding: 7px 20px !important; line-height: 1.2 !important;}
.btn-type-gray:hover {background-color: #a7a7a7 !important}
.btn-type-org {width: auto; padding: 5px 10px !important; background-color: #f68e56 !important; color: #fff !important; font-weight: 600 !important}
.btn-type-org:hover {background-color: #cb632a !important}

.under-btn-area { width: 100%; padding: 15px 0; text-align: center; float: left; border: 1px #d7d7d7 solid;}
.form_label_style { font-size: 0.875rem; font-weight: 600; color: #28a0ee}
.respond_form_title {width: 100%; display: block !important}
.respond_form_title span {color: #e11d27}
.respond_form_input {background-color: #f7f7f7 !important}
.respond_form_input02 {background-color: #f7f7f7 !important}
.form-under-btn01 {width: 100%; float: left; text-align: center; padding-top: 15px; margin-top: 25px; border-top: 2px #d7d7d7 solid; margin-bottom: 30px}

@media (min-width:576px) {
    .phone_form {width: 370px}
}

.login-container {width: 100%; padding: 20px 20px 60px 17px; border: 1px #d7d7d7 solid; height: auto;}
.login-input-area {display: block; margin: auto; width: 400px; margin-top: 95px;}

.login-logo-img {width: 100px; float: right; position: relative; bottom: 5px}
.login-container h1 {font-size: 1.25rem; letter-spacing: -1.2px; border-bottom: 2px #d7d7d7 solid; padding-bottom: 10px; font-weight: 600;}
.input-login {width: 100%; padding: 5px; height: 45px; margin-top: 20px; box-sizing: border-box;}
.input-login-02 {width: 100%; padding: 5px; height: 45px; margin-top: 10px; box-sizing: border-box}
.btn-under-style { width: 100%; background-color: #275fcf !important; padding: 16px !important; display: inline-block !important; color: #fff !important; margin-top: 15px !important; font-size: 0.875rem !important; font-weight: 600 !important;}
.btn-under-style:hover {background-color: #193f8b !important;}

.login-opt {width: 100%; text-align: center; margin-top: 15px;}
.login-opt span {color: #393939; font-size: 13px; letter-spacing: -0.9px;}

.line-inline-01 {display: inline-block; width: 1px; height: 11px; background: #363636; vertical-align: middle; margin: 0 10px;}
.reg-form-01 {width: 300px !important}

.list-imgBox { width: 135px; height: 91px; margin-right: 15px; position: relative; /*display: flex; align-items: center;*/ overflow: hidden}
.list-imgBox img {width: 135px; height: 91px; object-fit: cover; object-position: 0 29%}

.series-img-box {width: 124px; height: 81px; position: relative; overflow: hidden; /*display: flex; align-items: center;*/ margin-right: 15px}
.series-img-box img {width: 124px; height: 81px; object-fit: cover; object-position: 0 32%}
.r-madia-box {width: 120px; height: 85px; position: relative; overflow: hidden; display: flex; align-items: center; margin-right: 15px}
.r-madia-box img {width: 100%; min-height: 100%; object-fit: cover}

/*20200203 추가*/
.copyright {display: inline-block;}
.arti_box th {width:100%}
.right-container > div {margin-bottom:30px} 
/*.article-txt-contents img {width: 100%}*/
.arti_box { display: flex;flex-wrap: wrap;flex: 1 1 0; float: none !important;}

@media (min-width: 992px){
div[data-layout-area="JUYO_NEWS2"] .ui-sortable-handle .col-lg-3 {-ms-flex: 0 0 25%; flex: 0 0 100%;  max-width: 100%; /* display: flex; */}
div[data-layout-area="JUYO_NEWS2"] .ui-sortable-handle .col-lg-4 { -ms-flex: 0 0 25%; flex: 0 0 100%; max-width: 100%; /* display: flex; */}
div[data-layout-area="JUYO_NEWS3"] .ui-sortable-handle .col-lg-3 {-ms-flex: 0 0 25%; flex: 0 0 100%;  max-width: 100%; /* display: flex; */}
div[data-layout-area="JUYO_NEWS3"] .ui-sortable-handle .col-lg-4 { -ms-flex: 0 0 25%; flex: 0 0 100%; max-width: 100%; /* display: flex; */}
div[data-layout-area="BOTTOM_NEWS"] .ui-sortable-handle .col-lg-4 { -ms-flex: 0 0 25%; flex: 0 0 100%; max-width: 100%; /* display: flex; */}
div[data-layout-area="BOTTOM_NEWS"] .ui-sortable-handle .col-lg-4 { -ms-flex: 0 0 25%; flex: 0 0 100%; max-width: 100%; /* display: flex; */}
}
.ui-sortable-handle .box-newslist {width: 250px}

.top-R-media {margin-top: 10px; cursor: pointer}
.pop_container {width: 100%; display: flex; align-items: center; position: relative}

.align_left { float:left !important; margin-right: 12px !important;}
.align_center {text-align:center !important}
.align_right {float:right !important;  margin-left: 12px !important;}

figure {display: table !important; margin: auto !important; margin-top: 20px !important; margin-bottom: 20px !important; position: relative}
figure img {max-width: 100%; cursor: pointer;}
figcaption {font-size: 0.8125rem; caption-side: bottom; display: table-caption !important; margin-top: 12px; color: #888787; text-align: left}


/*최신뉴스*/
.live-news-container {width: 100%; /*padding: 9px;*/ border: 1px #c5cfdc solid; margin-top: 12px; background-color: #edf0f4; display: flex; align-items: flex-start;  justify-content: space-between; height: 44px; overflow: hidden; padding-right: 0 /*line-height: 44px*/}
.live-news-container h5 {margin-bottom: 0; font-size: 1rem; letter-spacing: -0.8px; color: #1ba1e2; font-weight: 600; /*display: inline-block; padding: 9px*/ display: flex; align-items: center; padding-left: 10px; height: 44px}

.latest-newsList { display: inline-block; margin-bottom: 0; overflow: hidden; height: auto; position: relative; width: 500px; padding-left: 0; margin-left: -12px}
.latest-newsList li {list-style: none; cursor: pointer; letter-spacing: -0.6px; height: 42px; display: flex; align-items: center; /*line-height: 2.2;*/ position: relative; font-size: 1rem; text-align: left;}
.latest-newsList li a {position: relative;  display: block; font-weight: 500; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.latest-newsList li:hover {text-decoration: underline}

.latest-news-arrow {background: url(../../pc/images/ico/live_news_arrow.png)no-repeat right; cursor: pointer; width: 45px; height: 42px; display: inline-block; position: relative; bottom: 1px}

.latest-news-list-box { width: calc(100% - 20px); height: 344px; overflow-y: scroll; margin-left: 10px !important; margin-right: 10px !important;}
.latest-news-list-box a {font-weight: 500; font-size:0.9375rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer}
.search-area-container {width: 100%; margin-bottom: 25px; /* padding-bottom: 20px; */ border-bottom: 2px #d7d7d7 solid;}
.date-search-form {display: block; margin-bottom: 15px; margin-top: 15px;}

.result-txt {width: 100%; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid;}
.result-txt span {font-size: 14px; letter-spacing: -0.8px}
.result-txt span:first-child {font-weight: 600; color: #1d75b9 }
.search-opt-container {width: 100%; padding: 15px 0;}
.search-opt-container {width: 100%; padding: 15px 0}
.search-opt-container span {font-size: 0.8125rem; cursor: pointer}
.search-opt-container span.active {font-weight: 600}
.date-search-form {display: block; margin-bottom: 15px; margin-top: 15px}
.date-input { padding-right: calc(1.5em + .75rem); background: url(../images/ico/date_ico_02.png)no-repeat #fff; background-position: center right calc(.375em + .1875rem); cursor: pointer}
.search-opt-container span:hover {font-weight: 600}
.input-style-02 { padding: 5px; height: 30px; border: 1px #d7d7d7 solid; font-weight: 300;}

.search_tab {display:  inline-block; padding: 0 40px; font-size: 15px; padding-bottom: 15px; cursor: pointer;}
.search_tab:hover {font-weight: 600; border-bottom: 3px #28a0ee solid;}
.search_tab.active {font-weight: 600; border-bottom: 3px #28a0ee solid;}

.search_tab_container {padding-top: 20px}
.search_tab_container ul {border-bottom: 1px #d7d7d7 solid}

.search-bold {color: #28a0ee}

.btn-right-position {position: absolute; right: 0}
.form-table-01 input {vertical-align: middle}

.statis_table_container {position: absolute; width: calc(100% - 30px); margin: 0 15px; left: 0; right: 0; top: 0; float: left; padding-bottom: 30px; min-width: 500px; overflow-x: hidden; margin-top: 20px; bottom: 0; border-left: 1px #d7d7d7 solid; border-right: 1px #d7d7d7 solid; margin-bottom: 15px;border-bottom: 1px #d7d7d7 solid;}

.forum-select-form01 { margin-top: 15px; margin-bottom: 0 !important; width: 500px}

.forum-select-form02 {/*width: 500px !important;*/ display: inline-block; border-color: #28a0ee !important; border-width: 1px;  background-color: #f7f7f7 !important}
.forum-select-form02 option { padding: 5px}

/*공지사항 윈도우팝업*/
.notice-container {width: 800px; height: 700px; position: relative; border: 1px #d7d7d7 solid; }
.notice-title-box {width: 100%; padding: 15px; background-color: #f7f7f7; border-bottom: 2px #d7d7d7 solid}
.notice-title-box h5 {font-size: 20px; letter-spacing: -0.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; line-height: 1.5}
.notice-byline-01 {display: inline-block; font-weight: 600; font-size: 13px}
.notice-byline-02 {display: inline-block; font-weight: 300; font-size: 13px;}
.date-set { display: inline-block; margin-right: 15px}
.count-set {display: inline-block}
.notice-byline-container {display: block; margin-top: 30px}
.notice-contents-container {width: 100%; height: 582px; padding: 15px; overflow-y: scroll;}
.notice-contents-container p {font-size: 14px; letter-spacing: -0.5px; line-height: 2; color: #363636}

.notice-contents {padding: 12px; position: relative; display: inline-block}


/*blockquote*/
blockquote  {padding-left: 20px !important; padding-right: 8px !important; border-left-width: 5px !important; font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}

.media-form-set01 em {font-style: normal; color: #28a0ee; font-weight: 600}

div[data-layout-area="BOTTOM_NEWS"] .undernews-line:nth-child(3) .under-news { border-bottom: 0; border-right: 0; padding-right: 0;}
div[data-layout-area="CONTENT"] {padding: 15px;}
.more_btn_01 {width: 100%; padding: 15px 0; border: 1px #d7d7d7 solid; cursor: pointer; margin-bottom: 40px; text-align: center; background-color: #f7f7f7; transition: background-color .3s;}
.more_btn_01:hover {background-color: #eaeaea}
.more_btn_01 span {font-size: 0.8725rem; font-weight: 600;}

.back_white {background-color: #fff !important}

.search-area-container .date-search-form {display: flex !important; flex-direction: row; align-items: flex-start}
.search-area-container .date-search-form input {margin-bottom: 10px; width: 100%; margin-right: 10px; margin-left: 10px}
.search-area-container .date-search-form input:first-child {margin-left: 0 !important}
.search-area-container .date-search-form input:nth-child(2) {margin-right: 0 !important}

.imgframe { margin-bottom: 20px !important; display: table; /* width: 100%; */ margin: auto; margin-top: 20px !important; cursor:pointer; position: relative}
.imgcaption2 {caption-side: bottom; display: table-caption; width: 100%;}
.imgcaption2 p{background:#fff !important; color:#888787 !important; font-size:13px !important}


.article-txt-contents .col-12 {line-height: 1.8}
.privacy-rule-box pre {line-height: 2 !important}

.notice_container {position: relative; width: 100%; margin-top: 20px; border-bottom: 2px #d7d7d7 solid;}
.notice_search_container {width: 100%; padding: 15px; background-color: #f7f7f7}
.form-control02 { display: block; width: 100%; height: calc(1.2em + .75rem + 3px); padding: .300rem .22rem; font-size: 0.77rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; /* background-clip: padding-box; */ border: 1px solid #ced4da; /* border-radius: .25rem; */ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-inline .form-control02 { display: inline-block; width: auto; vertical-align: middle;}


/*리스트 테이블*/
.Htable01 {border-bottom: 3px #d7d7d7 solid; /* position: relative; */ /*padding-right: 16px;*/ padding-top: 3px; padding-bottom: 2px;}
.Htable02 {position: relative; width: 100%; overflow-x: hidden; border-bottom: 2px #d7d7d7 solid; padding: 0 0 18px 0; float: left;}
.Htable02 thead .state_Tr th {background: #f5f5f5;}
.index_table { table-layout: fixed; width: 100%}
.index_table th {  text-align: center; padding: 8px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.index_table .notice_line { background: #f7f7f7;border-top: 1px #d7d7d7 solid;/* border-bottom: 1px #d7d7d7 solid*/}
.index_table .notice_line td {  text-align: center; padding: 8px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #275fcf; font-weight: 600;}
.Btable02 {height: auto; position: absolute; top: 43px; bottom: 0; left: 0; right: 0; /*overflow-y: scroll;*/}
.Btable03 {position: relative; width: 100%; max-height: 600px; /*display: inline-block;*/ overflow-y: auto}
.Btable04 {height: auto; position: absolute; top: 43px; bottom: 43px; left: 0; right: 0}
.Btable05 {height: auto; position: absolute; top: 43px; bottom: 47px; left: 0; right: 0}
.Btable06 {position: relative; width: 100%; height: 439px; display: inline-block}

.index_body { /*float: left;*/ table-layout: fixed;  width: 100%;}
.index_body tr { }
.index_body tr:hover { background: #f7f7f7}
.index_body tr.active_c { background: #cae3c1; font-weight: bold;}
.index_body tr.active { background: #efefef; font-weight: 600;}
.index_body tr.active td { font-weight: 600;}
.index_body tr td:first-child { padding-left: 0;}
.index_body tr td { text-align:center; padding: 10px 0; white-space: nowrap; border-bottom: 1px #d7d7d7 solid; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; letter-spacing: -0.2px; font-size: 13px; padding-left: 0; font-weight: 300; position: relative; cursor: pointer}

.index_body02 { /*float: left;*/ table-layout: fixed;  width: 100%;}
.index_body02 tr { }
.index_body02 tr:hover { background: #f7f7f7}
.index_body02 tr.active_c { background: #cae3c1; font-weight: bold;}
.index_body02 tr.active { background: #efefef; font-weight: 600;}
.index_body02 tr.active td { font-weight: 600;}
.index_body02 tr td:first-child { padding-left: 0;}
.index_body02 tr td { text-align:center; padding: 10px 0; white-space: nowrap; border-bottom: 1px #d7d7d7 solid; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; letter-spacing: -0.2px; font-size: 13px; padding-left: 0; font-weight: 300; position: relative; cursor: pointer}


.notice_table_container {font-size: 0.75rem; border-top: 1px #d7d7d7 solid;}
.notice-contents-container-02 {width: 100%; height: auto; padding: 15px; }
.notice-contents-container-02 p {font-size: 14px; letter-spacing: -0.5px; line-height: 2; color: #363636}

.notice_btn_area {width: 100%; padding: 15px 0;}
.sub_news_title {font-size: 1rem; font-weight: 600; word-break: break-all; margin-bottom: 20px !important}

/*.article_img_zoom {background-image: url(../images/ico/img_zoom_ico.png); background-repeat: no-repeat; background-size: 59px 57px; }*/

figure .article_img_zoom {position: absolute; left: 10px; top: 10px}
.imgframe .article_img_zoom {position: absolute; left: 10px; top: 10px}

.r-madia-box img {margin-right: 0 !important}


/*ie 스타일*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.list-imgBox img,.article-card-img img {/*opacity: 0 !important;*/}   
div[data-layout-area="JUYO_NEWS3"] .col-lg-3:nth-child(3) .article-card-img img {opacity: inherit !important; width: 100% !important; min-height: 100% !important; height: auto}
.article-card-prv {line-height: 1.8}
.card-news-box-02 {height: 318px}
.list-imgBox,.article-card-img {display: flex; align-items: flex-start}
.top-news-container img,.article-card-img img {min-height: 100%; height: auto !important}
/*.top-news-container {display: flex; align-items: flex-start}*/
.list-imgBox img,.series-img-box img {opacity: 0 !important;} 
}


/*.left-article-txt .imgframe::after {background-image: url(../images/ico/img_zoom_ico_03.png); width: 59px; height: 57px; position: absolute; content: ''; background-position: left 0; background-repeat: no-repeat;top: 13px; left: 10px; cursor: pointer}
    
.left-article-txt figure::after {background-image: url(../images/ico/img_zoom_ico_03.png); width: 59px; height: 57px; position: absolute; content: ''; background-position: left 0; background-repeat: no-repeat;top: 13px; left: 10px; cursor: pointer}*/

/*20200519 추가*/
.result_guideTxt { padding-left: 16px; margin-top: 20px; color: #949494; letter-spacing: -0.5px; line-height: 1.7;}
.result_guideTxt li {font-size: 13px}

/*20201016 추가*/
.wing_banner_area_left {width: 120px; height: 600px; position: absolute; top: 107px; left: -123px;}
.wing_banner_area_right {width: 120px; height: 600px; position: absolute; top: 107px; right: -123px;}

/*20210308 추가*/
.last_menuStep ul li {width: 43%}

/*20210329 추가*/ 
.reporter_underLine {display: flex; align-items: center; margin-bottom: 30px /*margin-top: 80px*/} /*20210406 수정*/
.reporter_thumb_box {margin-right: 15px; width: 70px; height: 70px; border-radius: 50px}
.reporter_area {flex: 1}
.reporter_area span {padding-bottom: 9px; /*border-bottom: 1px #d7d7d7 solid;*/ display: block}

.btn_reporter_type {border: 1px #d7d7d7 solid; background-color: #eee !important; margin-top: 9px; font-weight: 400 !important}

.relation_keyword {width: 100%; margin-top: 40px; margin-bottom: 30px} /*20210406 수정*/
.relation_keyword h6 {font-size: 14px; font-weight: 600; margin-bottom: 15px; color: #28a0ee}
.relation_keyword .keyword_inline_area {}
.relation_keyword .keyword_inline_area a {margin-right: 8px}
.relation_keyword .keyword_inline_area a span {background-color: #e6e6e6; padding: 5px 10px; color: #363636; font-size: 14px; border-radius: 15px; font-weight: 600} /*20210407 수정*/

.article_history_container {margin-top: 40px; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid}
.article_history_container h6 {margin-top: 20px; display: flex; align-items: center; font-size: 13px; font-weight: 600; margin-bottom: 15px }
.article_history_container h6::before {content: ''; width: 4px; height: 4px; background-color: #363636; display: inline-block; margin-right: 7px; border-radius: 6px}
.btn_round_style {border-radius: 5px}
.history_drdown span {font-size: 13px; letter-spacing: -0.8px}
.history_drdown span:active {background: none; color: #363636}