@charset "utf-8";

/* member ---------------------------------------------------------------------------------------- */
.memberBox {width:500px;margin:50px auto;border: solid 0.3px #ddd;background-color: #ffffff;padding: 30px;}
@media(max-width:500px){
    .memberBox {width:100%;}
}
.memberBox h1{font-size: 2em;font-weight: bold; text-align:center;}
.memberBox h2{font-size: 1.3em;margin-bottom:20px;font-weight: 400;}
.memberBox h3{font-size: 1.1em;font-weight: bold;}
.memberBox .message {margin-top: 5px;color: #aaa;text-align:left;margin-left:6%}
.memberBox .msgError{color: #e94242;}
.memberBox .inputError{border:1px dashed #f00 !important;background-color:rgb(250, 255, 189) !important;}
.memberBox .auth_form{margin:20px 0;text-align:center;}
.memberBox label {height: 24px;cursor: pointer;line-height: 22px;color: #222;font-size: 15px;width: 100%;display: flex;align-items: center;}
.memberBox label input[type="checkbox"]{width: 18px;height: 18px;margin-right: 5px;}
.memberBox .auth_form>input {width:100%;}
.memberBox .auth_form>select{width:100%;height: 36px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;}
.memberBox .auth_check label span {font-size: 13px;}
.memberBox .txt_blue {color: #457fff;}
.memberBox .center {text-align: center;}
.memberBox .btnBox {width: 99%;margin: 30px auto 30px auto;display: flex;justify-content: center;}
.memberBox .btnWhiteW50 {position: relative;width: 48.7%;background-color: #fff;display: inline-block;color: #333;height: 47px;line-height: 47px;font-size: 17px;font-weight: 500;text-align: center;margin: 0 10px;border: 1px solid #aaa;}
.memberBox .btnWhiteW50 .icon {position: absolute;left: 12px;top: 12px;}
.memberBox .btnBlueW50 {position: relative;width: 48.7%;background-color: #457fff;display: inline-block;color: #fff;height: 47px;line-height: 47px;font-size: 17px;font-weight: 500;text-align: center;margin: 0 10px;}
.memberBox .btnGrayW50 {width: 48.7%;background-color: #626262;display: inline-block;color: #fff;height: 47px;line-height: 47px;font-size: 17px;font-weight: 500;text-align: center;margin: 0 10px;}
.memberBox .btnBlackW50 {width: 48.7%;background-color: #000;display: inline-block;color: #fff;height: 47px;line-height: 47px;font-size: 17px;font-weight: 500;text-align: center;margin: 0 10px;}
.memberBox .btnRed {width: 48.7%;background-color: #e00034;display: inline-block;color: #fff;height: 47px;line-height: 47px;font-size: 17px;vertical-align: top;font-weight: 500;text-align: center;margin: 0 10px;}
.memberBox input[type="text"], .memberBox input[type="tel"], .memberBox input[type="number"], .memberBox input[type="email"], .memberBox input[type="password"], .memberBox textarea {height: 36px;width: 100%;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 0;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.memberBox .link {font-size:15px;padding:6px 20px;background-color:#000;color:#FFF;border-radius:32px;line-height:2;}
.memberBox .line_dashed {border-bottom: 1px dashed #aaa; margin: 30px 0;}
.memberBox .line_solid {border-bottom: 1px solid #aaa; margin: 30px 0;}
.memberBox .agreebox {position: relative;margin: 10px 10px 30px 10px;padding: 8px 10px;border: 1px solid #e5e5e5;background: #f8f8f8;overflow: auto;font-size: 1em;color:#000;line-height: 1.3;height:150px;line-height: 1.6em;}
.modifyPw {display: none;}
.memberBox .modify-cont {display: none;}
.memberBox .modify-cont.open {display: block;}
.memberBox .modify-cont .modifyPw {display: block;}
.memberBox .withdraw {text-align:right;}
.memberBox .withdraw button:hover {text-decoration: underline;}

/* //member ---------------------------------------------------------------------------------------- */

@media print {
  html, body { -webkit-print-color-adjust:exact; width: 210mm;}
}

/* box ---------------------------------------------------------------------------------------- */
.box {clear: both;position: relative;width:100%;padding-bottom: 30px;}

/* box_title */
.box_title {position: relative;margin-bottom: 15px;display: flex;align-items: center;justify-content: flex-start;}
.box_title .name {position: relative;line-height: 1.2;font-weight: 500;}


/* banner */
.adlink {background-color: #cbe4ec;}
.banner li {text-align: center;}
.banner.left {width:250;height:75px;}
.banner.right {width:250;height:75px;}
.banner img {width: 100%;cursor: pointer;}
.din > div[data-dinnum="3"] > .banner li {text-align: right;}
ul[data-objid="BC_1662529955896"] {width: 300px !important;float: right;}   
.box.banner {margin-bottom: 0 !important;}

/* list */
.list {position: relative;width: 100%;}


/* article */
.article {position: relative;width:100%;overflow: hidden;}
.article .thumb {position: relative;width:100%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;border: 1px solid rgba(0, 0, 0, 0.05);}
.article .thumb .background {
  height: 100%;
  width:100%;
  overflow: hidden;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.article .thumb .background.zoom:hover {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.article .category {display: inline-block;overflow: hidden;color: #1c50ba;font-size: 14px;line-height: 1.2;font-weight: bold;}
.article .title {line-height: 1.5;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.article .info {display: block;color: #777;font-size: 12px;}
.article .sub_title {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.article .tag {display: none;}
.article .desc {display: -webkit-box;overflow: hidden;color: #666666;line-height: 1.4;font-size: 16px;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.article .info .media {font-size: 14px;color: #2e7fb8;font-weight: 500;letter-spacing: -0.7px;}
.article .title:hover {text-decoration: underline;}
.article .thumb img {width:100%;height: 100%;object-fit: cover;object-position: top;}
.article .thumb figure {width: 100%; height: 100%;display: flex;flex-direction: column;}
.article .thumb figure img {height: auto;}
.article .thumb figcaption {font-size: 11px;color: #666666;line-height: 1;margin-top: 3px;}
.article .relation .title {-webkit-line-clamp: 1;font-weight: normal;line-height: 1;}
.article .relation .title::before {margin-right: 3px;content: '·';position: relative;display: inline-block;font-size: 20px;}

.box_title .name {font-size: 20px;font-weight: bold;}

/* 더보기 */
.box_title .more {font-size: 16px;height: 20px;}
.box_title .more > span:first-child {margin-right: 5px;}


/* 페이지네비게이션 */
.page {position:relative;display: flex;justify-content: center;align-items: center;margin-bottom: 70px !important;}
.page .inner {display: inline-block;}
.page a {float: left;border:1px solid #dddddd;width: 30px;height: 30px;font-size: 14px;color:#999999;line-height: 2.14;text-align: center;margin-right: 5px;}
.page a:last-child {margin-right: 0;}
.page .no.current {color:#ffffff;background-color: #2041ad;border:1px solid #2041ad;}


/* .headline */
.headline {margin: 0 auto;width: 100%;position: relative;}
.headline .article {display: flex;background-color: #FFF;}
.headline .article .text_box {margin-right: 40px;}
.headline .article .text_box .title {font-weight: 600;font-size: 28px;-webkit-line-clamp: 3;margin-bottom: 10px;}
.headline .article .text_box .desc {font-size: 16px;-webkit-line-clamp: 7;line-height: 1.67;margin-bottom: 15px;}
.headline .article .thumb {width: 500px;height: 350px;}
.headline .swiper .swiper-pagination .swiper-pagination-bullet {border: 1px solid #ddd;width: 13px;height: 13px;background-color: #FFF;opacity: 1;margin: 0 5px !important;}
.headline .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {transition: background-color .5s;background-color:#fdd302;}
.headline .swiper .swiper-horizontal>.swiper-pagination-bullets, .headline .swiper-pagination-bullets.swiper-pagination-horizontal {width: 500px !important;right: 0 !important;left: unset !important;}
.headline .article .relation {margin-bottom: 7px;}
.headline .article .relation .title {font-size: 16px;-webkit-line-clamp: 1;margin-bottom: unset;}


/* headline1 */
.headline1 {margin: 0 auto;width: 100%;position: relative;min-width: 600px;}
.headline1 .list {display: flex;float: left;flex-wrap: wrap;flex-direction: column;max-height: 550px;}
.headline1 .article .title {font-weight: bold;}
.headline1 .article .title:hover {text-decoration: unset;}
.headline1 .article:first-child {width: 66%;margin-right: 20px;}
.headline1 .article:first-child .desc {margin-top: 7px;-webkit-line-clamp: 2;}
.headline1 .article:first-child .thumb {width: 100%;height: 350px;margin-bottom: 10px;}
.headline1 .article:first-child .title {font-size: 35px;line-height: 1.3;letter-spacing: -0.7px;}
.headline1 .article:first-child .relation-list {margin-top: 10px;}
.headline1 .article:first-child .relation-list .relation:first-child {margin-bottom: 8px;}
.headline1 .article:first-child .relation .title {font-size: 22px;font-weight: normal;line-height: 1.2;-webkit-line-clamp: 1;}
.headline1 .article:not(:first-child) {margin-bottom: 25px;width: calc(34% - 20px);height: 133px;display: flex;}
.headline1 .article:not(:first-child) .thumb {width: 178px;height: 100%;margin-right: 10px;}
.headline1 .article:not(:first-child) .title {font-size: 20px;line-height: 1.3;}
.headline1 .article:not(:first-child) .relation-list {display: none;}
.headline1 .article:last-child {margin-bottom: 0;}


/* headline2 */
.headline2 {}
.headline2 .list {max-height: 1045px;display: flex;flex-direction: column;flex-wrap: wrap;}
.headline2 .article {float: left;border-bottom: 1px solid #ccc;padding-bottom: 22px;margin-bottom: 22px;}
.headline2 .article:nth-child(2), .headline2 .article:last-child {border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.headline2 .article:first-child {width: 760px;}
.headline2 .article:first-child .thumb {width: 100%;height: 512px;margin-bottom: 8px;}
.headline2 .article:first-child .title {font-size: 34px;line-height: 1.3;}
.headline2 .article:first-child .desc {-webkit-line-clamp: 2;margin-top: 10px;}
.headline2 .article:nth-child(2) {width: 760px;height: 295px;}
.headline2 .article:nth-child(2) .cont {display: flex;}
.headline2 .article:nth-child(2) .thumb {width: 350px;height: 201px;margin-right: 20px;}
.headline2 .article:nth-child(2) .title {font-size: 22px;line-height: 1.36;-webkit-line-clamp: 3;}
.headline2 .article:nth-child(2) .desc {-webkit-line-clamp: 4;margin-top: 10px;}
.headline2 .article:nth-child(2) .relation-list {margin-top: 15px;}
.headline2 .article:nth-child(2) .relation {margin-bottom: 5px;}
.headline2 .article:nth-child(2) .relation:last-child {margin-bottom: 0px;}
.headline2 .article:nth-child(2) .relation .title {-webkit-line-clamp: 1;font-size: 20px;}
.headline2 .article:nth-last-child(-n+3) {width: 390px;margin-left: 50px;}
.headline2 .list::before {position: absolute;left: 785px;display: inline;content: '';height: 1000px;width: 1px;background-color:#ddd;}
.headline2 .article:nth-last-child(-n+3) .thumb {display: flex;width: 390px;height: 220px;margin-bottom: 8px;}
.headline2 .article:nth-last-child(-n+3) .thumb .background {margin-right: 8px;}
.headline2 .article:nth-last-child(-n+3) .thumb .background:last-child {margin-right: 0px;}
.headline2 .article:nth-last-child(-n+3) .title {font-size: 22px;line-height: 1.36;}
.headline2 .article:nth-last-child(-n+3) .desc {display: none;}


/* headline3-slider 2022/10/26추가*/
.headline3-slider {margin: 0 auto;width: 100%;position: relative;}
.headline3-slider .article {width: 100%;height: 400px;}
.headline3-slider .article .thumb {width: 100%;height: 100%;border:0;}
.headline3-slider .article .text-box {width: 100%;background-color: #0007;position: absolute;bottom: 0;padding: 20px;}
.headline3-slider .article .text-box .title {font-size: 30px;color: #FFF;font-weight: bold;line-height: 1.4;letter-spacing: 0;text-shadow:1px 1px rgb(0 0 0 / 75%)}
.headline3-slider .swiper-button-prev::after, .headline3-slider .swiper-button-next::after {font-size: 60px !important;}
.headline3-slider .swiper-button-prev, .headline3-slider .swiper-button-next {color: #FFF9;}
.headline3-slider .swiper-button-prev:hover, .headline3-slider .swiper-button-next:hover {color: #FFF !important;}


/* headline3-sub 2022/10/26추가*/
.headline3-sub {margin: 0 auto;width: 100%;position: relative;}
.headline3-sub .list {display: flex;flex-wrap: wrap;}
.headline3-sub .article {width: calc((100% - 5px) / 2);height: calc((400px - 4px) / 2);margin: 0 5px 5px 0;}
.headline3-sub .article:nth-of-type(2n) {margin-right: 0;}
.headline3-sub .article .thumb {width: 100%;height: 100%;border:0;}
.headline3-sub .article .text-box {width: 100%;height: 35%;background-color: #0007;position: absolute;bottom: 0;padding: 7px 10px;}
.headline3-sub .article .text-box .title {font-size: 18px;color: #FFF;font-weight: normal;line-height: 1.4;letter-spacing: 0;text-shadow: 1px 1px rgb(0 0 0 / 75%);}


/* main1 */
.main1 {margin: 0 auto;width: 100%;position: relative;}
.main1 .box_title .name {font-size: 26px;}
.main1 .list {}
.main1 .article {border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.main1 .article:last-child {border-bottom: none;margin-bottom: 0;}
.main1 .article .title {font-size: 22px;line-height: 1.37;letter-spacing: -0.7px;margin-bottom: 15px;width: 100%;}
.main1 .article .cont {width: 100%;display: flex;}
.main1 .article .thumb {width: 260px;height: 146px;}
.main1 .article .desc {-webkit-line-clamp: 6;padding-left:15px;line-height: 1.57;}
.main1 .article .relation-list {margin-top: 10px;width: 100%;}
.main1 .article .relation-list .relation {margin-bottom: 5px;}
.main1 .article .relation-list .relation:last-child {margin-bottom: 0;}
.main1 .article .relation .title::before {content: '';display: inline-block;position: relative;width: 12px;height: 12px;margin-right:2px;background: url(../../img/icon/rel.png) no-repeat top;background-size: 11px 9px;}
.main1 .article .relation .title {font-size: 15px;margin-bottom: 0;}


/* main1-1 */
.main1-1 {margin: 0 auto;width: 100%;position: relative;}
.main1-1 .box_title .name {font-size: 26px;}
.main1-1 .article {border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.main1-1 .article:last-child {border-bottom: none;margin-bottom: 0;}
.main1-1 .article .title {font-size: 22px;line-height: 1.37;letter-spacing: -0.7px;margin-bottom: 15px;width: 100%;}
.main1-1 .article .cont {width: 100%;display: flex;}
.main1-1 .article .thumb {width: 260px;height: 146px;}
.main1-1 .article .desc {-webkit-line-clamp: 6;padding-left:15px;font-size: 17px;}


/* main2 */
.main2 {margin: 0 auto;width: 100%;position: relative;}
.main2 .article {border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.main2 .article:first-child {padding-bottom: 30px;}
.main2 .article:first-child .thumb {width: 100%;height: 350px;margin-bottom: 10px;}
.main2 .article:first-child .title {font-size: 34px;line-height: 1.35;}
.main2 .article:first-child .desc {display: none;}
.main2 .article:not(:first-child) .thumb {display: none;}
.main2 .article:not(:first-child) .title {font-size: 27px;line-height: 1.2;-webkit-line-clamp: 1;}
.main2 .article:not(:first-child) .desc {-webkit-line-clamp: 3;margin-top: 7px;}
.main2 .article:last-child {border-bottom: none;margin-bottom: 0;}


/* main3 */
.main3 {margin: 0 auto;width: 100%;position: relative;}
.main3 .article {display: flex;margin-bottom: 20px;}
.main3 .article .thumb {width: 78px;height: 78px;margin-right: 10px;}
.main3 .article .text_box {padding: 6px 0;}
.main3 .article .title {font-size: 17px;line-height: 1.5;font-weight: normal;}
.main3 .article:last-child {margin-bottom: 0;}


/* main4 */
.main4 {width: 100%;max-width: 740px;position: relative;float: left;}
.main4 .box_title {justify-content: space-between;}
.main4 .box_title .name {font-size: 26px;}
.main4 .box_title .more {font-size: 15px;font-weight: normal;}
.main4 .list {max-height: 450px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.main4 .article {display: flex;}
.main4 .article .category {margin-bottom: 5px;}
.main4 .article:first-child {width: 100%;height: 250px;margin-bottom: 25px;}
.main4 .article:first-child .thumb {margin-right: 15px;width: 370px;height: 250px;}
.main4 .article:first-child .title {font-size: 28px;line-height: 1.4;margin-top: 10px;}
.main4 .article:first-child .desc {margin-top: 15px;-webkit-line-clamp: 5;line-height: 1.5;font-size: 16px;}
.main4 .article:first-child .category {display: none;}
.main4 .article:not(:first-child) {width: 49%;}
.main4 .article:not(:first-child) .thumb {width: 155px;height: 128px;margin-right: 10px;}
.main4 .article:not(:first-child) .title {font-size: 19px;line-height: 1.35;}
.main4 .article:not(:first-child) .desc {margin-top: 5px;line-height: 1.4;}

/* main6 */
.main6 {width:100%;position: relative;}
.main6 .box_title .name {font-size: 26px;}
.main6 .list {display: flex;flex-wrap: wrap;flex-direction: column;height: 250px;}
.main6 .article {display: flex;}
.main6 .article .thumb {margin-right: 10px;}
.main6 .article:first-child {width: 520px;}
.main6 .article:first-child .thumb {width: 240px;height: 220px;}
.main6 .article:first-child .title {font-size: 27px;line-height: 1.35;margin-top: 10px;}
.main6 .article:first-child .desc {-webkit-line-clamp: 4;margin-top: 15px;line-height: 1.6;font-size: 16px;}
.main6 .article:not(:first-child) {width: 300px;margin-left: 30px;margin-bottom: 10px;align-items: center;}
.main6 .article:not(:first-child) .thumb {width: 114px;height: 110px;}
.main6 .article:not(:first-child) .title {font-size: 18px;line-height: 1.5;}
.main6 .article:not(:first-child) .desc {display: none;}
.main6 .article:last-child {margin-bottom: 0;}


/* main7 2022/10/26 추가 */
.main7 {width:100%;position: relative;}
.main7 .article {height: 130px;width: 100%;border-bottom: 1px solid #ddd;padding: 8px 0;display: flex;}
.main7 .article .thumb {width: 150px;height: 100%;margin-right: 20px;}
.main7 .article .title {font-size: 20px;-webkit-line-clamp: 1;margin-bottom: 10px;font-weight: bold;}
.main7 .article .desc {font-size: 13px;-webkit-line-clamp: 3;line-height: 1.6;}
.main7 .article:first-child {height: 215px;padding-top: 0;}
.main7 .article:first-child .thumb {width: 285px;}
.main7 .article:first-child .title {font-size: 24px;margin-bottom: 5px;}
.main7 .article:first-child .sub_title {font-size: 19px;color: #069;-webkit-line-clamp: 1;margin-bottom: 10px;}
.main7 .article:first-child .desc {padding-top: 10px;border-top: 1px solid #dfdfdf;-webkit-line-clamp: 5;}
.main7 .article:last-of-type {border-bottom: 0;}

/* main8  2022/10/26 추가 */
.main8 {width:100%;position: relative;}
.main8 .box_title {justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
.main8 .box_title .name {color: #004080;font-size: 18px;}
.main8 .box_title .name::after {content: '';border-bottom: 1px solid #004080;width: 100%;height: 100%;position: absolute;left: 0;bottom: -11px;}
.main8 .box_title .more {color: #bababa;padding-bottom: 10px;}
.main8 .article {margin-bottom: 20px;}
.main8 .article:last-of-type {margin-bottom: 0px;}
.main8 .article .title {font-size: 17px;font-weight: bold;letter-spacing: -0.2px;line-height: 1.2;-webkit-line-clamp: 1;margin-bottom: 10px;}
.main8 .article .desc {font-size: 13px;-webkit-line-clamp: 1;line-height: 1.2;}


/* main9  2022/10/26 추가 */
.main9 {width:100%;position: relative;}
.main9 .box_title {justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
.main9 .box_title .name {color: #004080;font-size: 18px;}
.main9 .box_title .name::after {content: '';border-bottom: 1px solid #004080;width: 100%;height: 100%;position: absolute;left: 0;bottom: -11px;}
.main9 .box_title .more {color: #bababa;padding-bottom: 10px;}
.main9 .list {display: flex;flex-wrap: wrap;}
.main9 .article {width: calc((100% - 30px) / 3);margin-right: 15px;margin-bottom: 20px;}
.main9 .article:nth-of-type(3n) {margin-right: 0;}
.main9 .article:nth-last-of-type(-n+3) {margin-bottom: 0;}
.main9 .article .thumb {height: 120px;margin-bottom: 7px;}

/* main10  2023/05/31 추가 */
.main10 {margin: 0 auto;width: 100%;position: relative;}
.main10 .box_title {justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
.main10 .box_title .name {color: #004080;font-size: 18px;}
.main10 .box_title .name::after {content: '';border-bottom: 1px solid #004080;width: 100%;height: 100%;position: absolute;left: 0;bottom: -11px;}
.main10 .box_title .more {color: #bababa;padding-bottom: 10px;}
.main10 .article {margin-bottom: 15px;}
.main10 .article:last-child {border-bottom: none;margin-bottom: 0;}
.main10 .article .title {font-size: 18px;line-height: 1.37;letter-spacing: -0.7px;margin-bottom: 5px;width: 100%;}
.main10 .article .cont {width: 100%;display: flex;}
.main10 .article .thumb {width: 100px;height: 67px;}
.main10 .article .desc {-webkit-line-clamp: 6;padding-left:15px;font-size: 14px;line-height: 1.45;}
.main10 .article .category-box{display: block;background-color: #1779ba;color: #ffffff;width: fit-content;padding: 3px;font-size: 12px;line-height: 1.2;font-weight: 600;}
.main10 .article .relation-list {margin-top: 10px;width: 100%;}
.main10 .article .relation-list .relation {margin-bottom: 5px;}
.main10 .article .relation-list .relation:last-child {margin-bottom: 0;}
.main10 .article .relation .title::before {content: '';display: inline-block;position: relative;width: 12px;height: 12px;margin-right:2px;background: url(../../img/icon/rel.png) no-repeat top;background-size: 11px 9px;}
.main10 .article .relation .title {font-size: 15px;margin-bottom: 0;}

/* side-box1  2022/10/26 추가 */
.side-box1 {width:100%;position: relative;}
.side-box1 .box_title {justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
.side-box1 .box_title .name {color: #004080;font-size: 18px;}
.side-box1 .box_title .name::after {content: '';border-bottom: 1px solid #004080;width: 100%;height: 100%;position: absolute;left: 0;bottom: -11px;}
.side-box1 .box_title .more {color: #bababa;padding-bottom: 10px;}
.side-box1 .article {width: 100%;height: 250px;}
.side-box1 .article .thumb {width: 100%;height: 100%;border:0;}
.side-box1 .article .text_box {width: 100%;height: 17%;background-color: #0007;position: absolute;bottom: 0;padding: 7px 10px;}
.side-box1 .article .text_box .title {font-size: 17px;color: #FFF;font-weight: normal;line-height: 1.4;letter-spacing: 0;text-shadow: 1px 1px rgb(0 0 0 / 75%);-webkit-line-clamp: 1;}


/* side-box2-slider  2022/10/26 추가 */
.side-box2-slider {width:100%;position: relative;}
.side-box2-slider .box_title {justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
.side-box2-slider .box_title .name {color: #004080;font-size: 18px;}
.side-box2-slider .box_title .name::after {content: '';border-bottom: 1px solid #004080;width: 100%;height: 100%;position: absolute;left: 0;bottom: -11px;}
.side-box2-slider .box_title .more {color: #bababa;padding-bottom: 10px;}
.side-box2-slider .list {background-color: #444;}
.side-box2-slider .article .thumb {width: 100%;height: 100%;border: 0;}
.side-box2-slider .main .article {width: 100%;height: 260px;}
.side-box2-slider .nav {padding: 4px;}
.side-box2-slider .nav .article {width: 100%;height: 68px;}
.side-box2-slider .article .text_box {width: 100%;height: 25%;background-color: #0007;position: absolute;bottom: 0;padding: 7px 10px;}
.side-box2-slider .article .text_box .title {font-size: 17px;color: #FFF;font-weight: normal;line-height: 1.4;letter-spacing: 0;text-shadow: 1px 1px rgb(0 0 0 / 75%);}
.side-box2-slider .swiper-slide-thumb-active::after {position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;border: 3px solid #dd4f20;}


/* side-box3  2022/10/26 추가 */
.side-box3 {width:100%;position: relative;}
.side-box3 .box_title {justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
.side-box3 .box_title .name {color: #004080;font-size: 18px;}
.side-box3 .box_title .name::after {content: '';border-bottom: 1px solid #004080;width: 100%;height: 100%;position: absolute;left: 0;bottom: -11px;}
.side-box3 .box_title .more {color: #bababa;padding-bottom: 10px;}
.side-box3 .article {width: 100%;display: flex;height: 75px;margin-bottom: 15px;}
.side-box3 .article:last-of-type {margin-bottom: 0;}
.side-box3 .article .thumb {width: 100px;height: 100%;margin-right: 10px;}
.side-box3 .article .title {font-size: 16px;font-weight: bold;-webkit-line-clamp: 1;margin-bottom: 5px;}
.side-box3 .article .desc {font-size: 13px;-webkit-line-clamp: 2;line-height: 1.5;}


/* side-box4  2022/10/26 추가 */
.side-box4 {width:100%;position: relative;}
.side-box4 .box_title {justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
.side-box4 .box_title .name {color: #004080;font-size: 18px;}
.side-box4 .box_title .name::after {content: '';border-bottom: 1px solid #004080;width: 100%;height: 100%;position: absolute;left: 0;bottom: -11px;}
.side-box4 .box_title .more {color: #bababa;padding-bottom: 10px;}
.side-box4 .article {width: 100%;margin-bottom: 10px;}
.side-box4 .article .title {font-size: 15px;-webkit-line-clamp: 1;}
.side-box4 .article:last-of-type {margin-bottom: 0;}
.side-box4 .article:first-child {display: flex;}
.side-box4 .article:first-child .thumb {width: 80px;height: 80px;margin-right: 5px;}
.side-box4 .article:first-child .title {font-weight: bold;font-size: 16px;}
.side-box4 .article:first-child .desc {-webkit-line-clamp: 3;font-size: 13px;}


/* side-tab-box  2022/10/26 추가 */
.side-tab-box {width:100%;position: relative;border: 1px solid #dfdfdf;padding-bottom: 0;margin-bottom: 30px;}
.side-tab-box nav {display: flex;align-items: center;}
.side-tab-box nav a {font-size: 15px;font-weight: normal;line-height: 1;padding: 10px 0;width: calc(100% / 4);text-align: center;border-bottom: 1px solid#dfdfdf;border-right: 1px solid #dfdfdf;}
.side-tab-box nav a:last-child {border-right: 0;}
.side-tab-box nav a.active {font-weight: bold;background-color: #FFF;border-bottom: 1px solid #FFF;}
.side-tab-box .list {display: none;position: relative;padding: 15px 10px;}
.side-tab-box .list.active {display: block;background-color: #FFF;}
.side-tab-box .list .article {counter-increment: ranklist_counter;margin-bottom: 5px;display: flex;justify-content: flex-start;align-items: center;}
.side-tab-box .list .article:last-child {margin-bottom: 0;}
.side-tab-box .list .article .title {color: #000000;font-size: 16px;line-height: 1.6;-webkit-line-clamp:1;max-height: 29px;}
.side-tab-box .list .article .thumb {display: none;}


/* verticalImg-slider 2022/10/27 추가 */
.verticalImg-slider {width: 100%;max-width: 1200px;position: relative;margin: 0 auto;}
.verticalImg-slider .box_title {justify-content: space-between;border-bottom: 1px solid #E5E5E5;padding-bottom: 10px;}
.verticalImg-slider .box_title .name {color: #004080;font-size: 18px;}
.verticalImg-slider .box_title .name::after {content: '';border-bottom: 1px solid #004080;width: 100%;height: 100%;position: absolute;left: 0;bottom: -11px;}
.verticalImg-slider .box_title .more {color: #bababa;padding-bottom: 10px;}
.verticalImg-slider .article.swiper-slide {height: 410px;}
.verticalImg-slider .article .thumb {height: 100%;}
.verticalImg-slider .swiper-button-prev::after, .verticalImg-slider .swiper-button-next::after {font-size: 60px !important;}
.verticalImg-slider .swiper-button-prev, .verticalImg-slider .swiper-button-next {color: #FFF9;}
.verticalImg-slider .swiper-button-prev:hover, .verticalImg-slider .swiper-button-next:hover {color: #FFF !important;}

/* issue-tag */
.issue-tag {margin: 0 auto;width: 100%;position: relative;}
.issue-tag .list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.issue-tag .tag {margin-bottom: 10px;font-size: 14px;font-weight: bold;width: 180px;height: 42px;border: 1px solid #888;border-radius: 26px;display: inline-flex;align-items: center;justify-content: center;}
.issue-tag .tag:nth-last-child(-n+3) {margin-bottom: 0;}


/* 속보 real-time */
.real-time {position: relative;width: 100%;margin-bottom: 20px;border: 1px solid #ccc !important;padding: 8px;display: flex;align-items: center;}
.real-time .box_title {margin-right: 20px;margin-bottom: 0;white-space: nowrap;background-color: #2e4693;padding: 6px 15px;}
.real-time .box_title i {color: #FFF;font-size: 17px;margin-left: 5px;margin-top: 3px;}
.real-time .box_title .name {color: #FFF;font-weight: 500;}
.real-time .swiper {width: 100%;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.real-time .swiper .swiper-wrapper {margin-right: 0;height: 34px;}
.real-time .swiper .article.swiper-slide {}
.real-time .swiper .article.swiper-slide .title {-webkit-line-clamp: 1;font-size: 1.4em;line-height: 1.7;font-weight: bold;}


/* keyword_news */
.keyword_news {position:relative;padding: 0 0 40px;}
.keyword_news .box_title {display: block;width:100%;margin: 0 auto 20px;}
.keyword_news .box_title .name {color: #ffffff;font-size: 1.3em;font-weight: 400;}
.keyword_news .list {width:100%;height: fit-content;margin:0 auto;position: relative;}
.keyword_news .article {width: 100%;height: fit-content;display: flex;justify-content: flex-start;margin-bottom: 30px;}
.keyword_news .article:last-child {margin-bottom: 0;}
.keyword_news .article .thumb {width:110px;height: 80px;}
.keyword_news .article .text_box {width:170px;margin-left: 8px;}
.keyword_news .article .text_box .title {position: relative;color: #FFF;font-size:1.4em;font-weight: normal;line-height: 1.4;margin-bottom: 6px;-webkit-line-clamp: 1;letter-spacing: -0.3px;}
.keyword_news .article .text_box .desc {font-size: 14px;color: #fff;font-weight: lighter;line-height: 1.4;letter-spacing: -0.4px;}


/* 리스트 L_1 */
.L_1 {position: relative;width: 100%;margin: 0 auto;}
.L_1 .list {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.L_1 .list::before {content: '';position: absolute;display: block;width: 100%;border-top: 1px solid #dddddd;top: 50%;}
.L_1 .article {position: relative;width: calc((100% - 80px) / 5);height: 250px;overflow: visible;}
.L_1 .article:not(:nth-child(5n))::after {content: '';height: 100%;position: absolute;border-right: 1px solid #dddddd;top: 0;right:-10px;display: block;}
.L_1 .article:nth-child(-n+5) {margin-bottom: 20px;}
.L_1 .article:nth-child(n+6) {margin-top: 20px;}
.L_1 .article:nth-child(5n) {margin-right: 0;}
.L_1 .article .thumb {margin-bottom: 10px;height: 150px;border: 1px solid #0001;}
.L_1 .article .text_box .title {font-size: 16px;-webkit-line-clamp: 3;line-height: 1.2;}


/* 기사 리스트 L_2 */
.L_2 {position: relative;width: 100%;margin: 0 auto;min-width: 400px;}
.L_2 .box_title {margin-bottom: 30px;}
.L_2 .box_title .name {font-size: 25px;}
.L_2 .article {position: relative;width: 100%;height: 150px;border: 1px solid #dddddd;padding: 15px;display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 20px;}
.L_2 .article:last-child {margin-bottom: 0;}
.L_2 .article .thumb {width: 205px;height:117px;margin-right: 12px;border: 1px solid #0001;}
.L_2 .article .text_box {position: relative;padding-right: 10px;width: 100%;display: flex;flex-direction: column;justify-content: flex-start;}
.L_2 .article .text_box .title {font-size: 20px;font-weight: bold;-webkit-line-clamp: 1;margin-bottom: 10px;line-height: 1.2;}
.L_2 .article .text_box .desc {display: -webkit-box;font-size: 16px;margin-bottom: 10px;line-height: 1.4;height: 45px;}
.L_2 .article .text_box .info {display: flex;align-items: baseline;}
.L_2 .article .text_box .info .media {font-size: 14px;color: #2e7fb8;font-weight: 500;letter-spacing: -0.7px;}
.L_2 .article .text_box .info .media::after {position: relative;content: '|';height: 12px;color: #2e7fb8;margin: 0 2px;}
.L_2 .article .text_box .info .writer {font-size: 14px;color: #2e7fb8;font-weight: 500;margin-right: 20px;letter-spacing: -0.7px;}
.L_2 .article .text_box .info .date {font-size: 13px;}
.L_2 .article .btn_share {width: 17px;}
.L_2 .article .btn_share img {width: 17px;height: auto;}
.L_2 .article .share_wrap {transform: scale(0);position: absolute;display: block;width: 25px;right: 10px;top: 35px;}
.L_2 .article .share_wrap.active {transform: scale(1);} 
.L_2 .article .share_wrap .icon {width: 100%;margin-top: 6px;}
.L_2 .article .share_wrap .icon img {width: 100%;height: auto;}


/* 기사 리스트 L_2_1 */
.L_2_1 {position: relative;width: 100%;margin: 0 auto;min-width: 400px;}
.L_2_1 .box_title {margin-bottom: 30px;}
.L_2_1 .box_title .name {font-size: 25px;}
.L_2_1 .article {position: relative;width: 100%;height: 170px;border-bottom: 1px solid #dddddd;padding-bottom: 15px;display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 30px;}
.L_2_1 .article:last-child {margin-bottom: 0;border-bottom: 0;}
.L_2_1 .article .thumb {width: 200px;height:140px;margin-right: 12px;border: 1px solid #0001;display: flex;align-items: center;justify-content: center;}
.L_2_1 .article .thumb .background {width: fit-content;display: flex;justify-content: center;align-items: center;}
.L_2_1 .article .thumb img {width: fit-content;}
.L_2_1 .article .text_box {position: relative;width: 100%;display: flex;flex-direction: column;justify-content: flex-start;}
.L_2_1 .article .text_box .title {font-size: 1.75em;-webkit-line-clamp: 1;margin-bottom: 10px;line-height: 1.2;font-weight: bolder;}
.L_2_1 .article .text_box .desc {-webkit-line-clamp: 3;font-size: 1.2em;margin-bottom: 3px;line-height: 1.4;}
.L_2_1 .article .text_box .info {display: flex;align-items: baseline;}
.L_2_1 .article .text_box .info .writer {font-size: 1.2em;font-weight: 500;margin-right: 20px;letter-spacing: -0.7px;}
.L_2_1 .article .text_box .info .date {font-size: 1.2em;}
.L_2_1 .article:first-child {height: unset;padding-bottom: 30px;}
.L_2_1 .article:first-child .thumb {width: 400px;height: 280px;}
.L_2_1 .article:first-child .title {-webkit-line-clamp: 2;line-height: 1.4;font-size: 2em;}
.L_2_1 .article:first-child .desc {-webkit-line-clamp: 5;}


/* 리스트 L_3 */
.L_3 {position: relative;width: 100%;margin: 0 auto;}
.L_3 .list {width: 100%;display: flex;flex-wrap: wrap;}
.L_3 .article {margin-right:20px;width: calc((100% - 40px) / 3);margin-bottom: 25px;}
.L_3 .article:nth-child(3n) {margin-right: 0;}
.L_3 .article:nth-last-child(-n+3) {margin-bottom: 0;}
.L_3 .article .thumb {margin-bottom: 10px;height: 152px;border: 1px solid #0001;}
.L_3 .article .text_box {}
.L_3 .article .category {font-size: 1.2em;}
.L_3 .article .title {font-size: 1.35em;line-height: 1.4;}

.width900 .L_3 .thumb {width: 170px;height: 100px;}

/* 리스트 L_4 */
.L_4 {position: relative;width: 100%;margin: 0 auto;}
.L_4 .box_title .name {font-size: 26px;}
.L_4 .list {width: 100%;display: flex;flex-wrap: wrap;}
.L_4 .article {margin-right:20px;width: calc((100% - 60px) / 4);margin-bottom: 20px;}
.L_4 .article:nth-child(4n) {margin-right: 0;}
.L_4 .article:nth-last-child(-n+4) {margin-bottom: 0;}
.L_4 .article .thumb {margin-bottom: 5px;height: 168px;width: 283px;border: 1px solid #0001;}
.L_4 .article .text_box {display: flex;flex-direction: column-reverse;}
.L_4 .article .text_box .title {font-size: 18px;margin-bottom: 3px;min-height: 40px;line-height: 1.3;}
.L_4 .article .text_box .category {display: block;}


/* 리스트 L_4_1 */
.L_4_1 {position: relative;width: 100%;margin: 0 auto;}
.L_4_1 .box_title .name {font-size: 26px;}
.L_4_1 .list {width: 100%;display: flex;flex-wrap: wrap;}
.L_4_1 .article {margin-right:10px;width: calc((100% - 30px) / 4);margin-bottom: 20px;}
.L_4_1 .article:nth-child(4n) {margin-right: 0;}
.L_4_1 .article:nth-last-child(-n+4) {margin-bottom: 0;}
.L_4_1 .article .thumb {margin-bottom: 5px;height: 174px;width: 100%;border: 1px solid #0001;}
.L_4_1 .article .title {font-size: 18px;font-weight: normal;line-height: 1.4;}


/* 리스트 L_5 */
.L_5 {position: relative;width: 100%;margin: 0 auto;}
.L_5 .box_title {justify-content: space-between;}
.L_5 .box_title .name {font-size: 26px;}
.L_5 .box_title .more {font-size: 15px;font-weight: normal;}
.L_5 .list {display: flex;flex-wrap: wrap;}
.L_5 .article {width: calc((100% - 45px) / 4);margin-right: 15px;}
.L_5 .article .thumb {width: 100%;height: 160px;margin-bottom: 8px;}
.L_5 .article .title {font-size: 18px;font-weight: normal;line-height: 1.4;}
.L_5 .article:nth-child(3), .L_5 .article:last-child {margin-right: 0;}
.L_5 .article:nth-child(-n+3) {width: calc((100% - 30px) / 3);margin-bottom: 30px;}
.L_5 .article:nth-child(-n+3) .thumb {width: 100%;height: 225px;}
.L_5 .article:nth-child(-n+3) .title {font-size: 20px;}
.L_5 .article.video .thumb::after {position: absolute;bottom: 5px;left: 5px;content: '';width: 40px;height: 40px;background: url(../../img/icon/btn-play4.png) no-repeat center;background-size: 100% 100%;}


/* 리스트 L_6 */
.L_6 {position: relative;width: 100%;margin: 0 auto;}
.L_6 .box_title {justify-content: space-between;}
.L_6 .box_title .name {font-size: 26px;}
.L_6 .box_title .more {font-size: 15px;font-weight: normal;}
.L_6 .list {display: flex;flex-wrap: wrap;}
.L_6 .article {width: calc((100% - 60px) / 4);margin-right: 20px;margin-bottom: 25px;}
.L_6 .article .thumb {width: 100%;height: 190px;margin-bottom: 8px;}
.L_6 .article .title {font-size: 19px;font-weight: normal;line-height: 1.4;}
.L_6 .article .desc {margin-top: 6px;line-height: 1.4;-webkit-line-clamp: 2;}
.L_6 .article .category {margin-bottom: 5px;}
.L_6 .article:nth-child(4n), .L_6 .article:last-child {margin-right: 0;}
.L_6 .article:nth-last-child(-n+4) {margin-bottom: 0;}


/* 포토리스트 L_7 */
.L_7 {position: relative;width: 100%;margin: 0 auto;min-width: 400px;}
.L_7 .box_title {margin-bottom: 25px;}
.L_7 .box_title .name {font-size: 2em;}
.L_7 .list {display: flex;flex-wrap: wrap;}
.L_7 .article {width: calc((100% - 60px) / 4);margin-right: 20px;height: 274px;margin-bottom: 30px;}
.L_7 .article:nth-child(4n) {margin-right: 0px;}
.L_7 .article:nth-last-child(-n+4) {margin-bottom: 0px;}
.L_7 .article .thumb {width: 100%;height: 190px;margin-bottom: 10px;border-radius: 15px;}
.L_7 .article .title {font-size: 1.5em;line-height: 1.43;}

/* 기사 리스트 L_8 */
.L_8 {position: relative;width: 100%;margin: 0 auto;min-width: 400px;}
.L_8 .box_title {margin-bottom: 30px;}
.L_8 .box_title .name {font-size: 25px;padding-left: 25px;}
.L_8 .article {position: relative;width: 100%;height: 150px;padding: 15px;display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 10px;}
.L_8 .article:last-child {margin-bottom: 0;}
.L_8 .article .thumb {width: 205px;height:117px;margin-right: 12px;border: 1px solid #0001;}
.L_8 .article .text_box {position: relative;padding-right: 10px;width: 100%;display: flex;flex-direction: column;justify-content: flex-start;}
.L_8 .article .text_box .title {font-size: 20px;font-weight: bold;-webkit-line-clamp: 1;margin-bottom: 10px;line-height: 1.2;}
.L_8 .article .text_box .desc {display: -webkit-box;font-size: 16px;margin-bottom: 10px;line-height: 1.4;height: 45px;color: #999;}
.L_8 .article .text_box .info {display: flex;align-items: baseline;}
.L_8 .article .text_box .info .media {font-size: 14px;color: #2e7fb8;font-weight: 500;letter-spacing: -0.7px;}
.L_8 .article .text_box .info .media::after {position: relative;content: '|';height: 12px;color: #2e7fb8;margin: 0 2px;}
.L_8 .article .text_box .info .writer {font-size: 14px;color: #666;font-weight: 500;margin-right: 20px;letter-spacing: -0.7px;}
.L_8 .article .text_box .info .date {font-size: 13px;}
.L_8 .article .btn_share {width: 17px;}
.L_8 .article .btn_share img {width: 17px;height: auto;}
.L_8 .article .share_wrap {transform: scale(0);position: absolute;display: block;width: 25px;right: 10px;top: 35px;}
.L_8 .article .share_wrap.active {transform: scale(1);} 
.L_8 .article .share_wrap .icon {width: 100%;margin-top: 6px;}
.L_8 .article .share_wrap .icon img {width: 100%;height: auto;}

/* 인기기사 I_1 */
.I_1 {position: relative;width: 100%;margin-bottom:0 !important;}
.I_1 .article {counter-increment: rank_counter;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.I_1 .article::before {width: 30px;content:counter(rank_counter);font-size: 24px;font-weight: 600;position: relative;}
.I_1 .article .title {font-size: 1.22em;font-weight: 500;line-height: 1.38;}

.I_1 .article:first-child .thumb {width: 270px;height: 168px;}
.I_1 .article:first-child .text_box {position: absolute;bottom: 0;left: 30px;padding:10px;background: linear-gradient(to bottom, #0000, rgba(0,0,0,0.8));display: flex;align-items: center;width: calc(100% - 30px);}
.I_1 .article:first-child .title {font-size: 1.22;position: relative;color: #fff;line-height: 1.4;font-weight: normal;}

.I_1 .article:not(:first-child) {padding: 6px 0;}
.I_1 .article:not(:first-child) .text_box {width: 270px;}
.I_1 .article:not(:first-child) .thumb {display: none;}
.I_1 .article:last-child {border: none;padding-bottom: 0;}


/* 인기기사 I_2 */
.I_2 {position: relative;width: 100%;margin-bottom:0 !important;padding-top: 10px;}
.I_2 .article {width: 100%;padding: 12px 0;border-bottom: 1px solid #bbbbbb;display: flex;justify-content: flex-start;align-items: center;}
.I_2 .article:first-child {padding-top: 0;}
.I_2 .article:last-child {border: none;padding-bottom: 0;}

.I_2 .article .text_box {}
.I_2 .article .text_box .category {display: block;font-size: 14px;font-weight: 500;color: #666666;letter-spacing: normal;margin-bottom: 3px;}
.I_2 .article .text_box .title {font-size: 18px;font-weight: 500;-webkit-line-clamp: 1;line-height: 1.3;}
.I_2 .article .photo {width: 50px;height: 50px;border-radius: 50%;margin-right: 10px;display: flex;justify-content: center;align-items: center;}
.I_2 .article .photo .fa-circle-user {color: #777;}


/* 인기기사 I_3 */
.I_3 {position: relative;width: 100%;margin-bottom:0 !important;padding-top: 10px;}
.I_3 .article {width: 100%;}
.I_3 .article:first-child {width: 100%;margin-bottom: 20px;}
.I_3 .article:first-child .thumb {width: 100%;height: 180px;margin-bottom: 8px;}
.I_3 .article:first-child > .text_box {margin-bottom: 5px;}
.I_3 .article:first-child > .text_box .title {font-size: 1.5em;font-weight: 500;line-height: 1.3;margin-bottom: 8px;}
.I_3 .article .text_box .desc {display: -webkit-box;line-height: 1.4;font-size: 1.15em;}

.I_3 .article .relation {margin-bottom: 20px;align-items: baseline;}
.I_3 .article .relation:first-child {margin-top: 15px;}
.I_3 .article .relation .title {font-size: 1.3em;font-weight: 600;line-height: 1.3;}

.I_3 .article:not(:first-child) {padding:15px 0;border-top: 1px solid #bbbbbb;}
.I_3 .article:not(:first-child) .thumb {display: none;}
.I_3 .article:not(:first-child) .title {font-size: 1.4em;font-weight: 500;line-height: 1.3;margin-bottom: 8px;}
.I_3 .article:last-child {padding-bottom: 0;}


/* 인기기사 I_4 */
.I_4 {position: relative;width: 100%;margin-bottom:0 !important;border-top: 1px solid #000000;padding-top: 10px;}
.I_4 .article {counter-increment: rank_counter2;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.I_4 .article::before {width: 30px;content:counter(rank_counter2);font-size: 28px;font-weight: 600;position: relative;}
.I_4 .article .thumb .play_time {position: absolute;display: flex;align-items: center;font-size: 13px;bottom: 1%;color: #fff;}
.I_4 .article .thumb .play_time::before {margin: 0 3px 0 5px;position: relative;display: inline-block;content: '';background-image: url(../../img/icon/arrow.png);background-size: 12px 12px;width: 12px;height: 12px;}

.I_4 .article:first-child .thumb {width: 270px;height: 150px;}
.I_4 .article:first-child .text_box {z-index: 3;position: absolute;bottom: 0;left: 30px;height: 40%;padding: 0 5px;background: linear-gradient(to bottom, #0000, rgba(0,0,0,0.7));display: flex;align-items: center;width: calc(100% - 30px);}
.I_4 .article:first-child .text_box .title {position: relative;font-size: 16px;color: #fff;line-height: 1.3;}

.I_4 .article:not(:first-child) {border-bottom: 1px solid #bbbbbb;padding: 10px 0;}
.I_4 .article:not(:first-child) .thumb {width: 110px;height: 65px;margin-left: 5px;}
.I_4 .article:not(:first-child) .text_box {width: 155px;}
.I_4 .article:not(:first-child) .text_box .title {-webkit-line-clamp: 4;font-size: 14px;font-weight: 500;line-height: 1.3;}
.I_4 .article:last-child {border: none;padding-bottom: 0;}


/* 인기기사 I_5 */
.I_5 {position: relative;width: 100%;margin: 0 auto;}
.I_5 .list {position: relative;width: 100%;}
.I_5 .article {width: 100%;position: relative;}
.I_5 .article .thumb {width: 100%;margin-bottom: 10px;}
.I_5 .article > .text_box .title {font-size: 18px;font-weight: 600;line-height: 1.3;margin-bottom: 8px;}
.I_5 .article > .text_box .desc {display: -webkit-box;line-height: 1.4;margin-bottom: 4px;}
.I_5 .article > .bottom_wrap {display: flex;margin-bottom: 15px;}

.I_5 .article .relation {margin-bottom: 15px;}
.I_5 .article .relation .text_box .title {font-size: 15px;}
.I_5 .article .relation :last-child {margin-bottom: 0;}


/* 인기기사 I_6 */
.I_6 {position: relative;width: 100%;margin: 0 auto;}
.I_6 .article {padding-bottom: 20px;margin-bottom: 20px;width: 100%;border-bottom: 1px solid #ccc;}
.I_6 .article:last-child {border: none;margin-bottom: 0;}
.I_6 .article .title {font-size: 22px;line-height: 1.35;}
.I_6 .article .desc {-webkit-line-clamp: 4;font-size: 18px;line-height: 1.37;margin-top: 10px;}


/* 인기기사 I_7 */
.I_7 {position: relative;width: 100%;margin-bottom:0 !important;}
.I_7 .box_title {margin-bottom: 0px;}
.I_7 .article {counter-increment: rank_counter2;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.I_7 .article::before {width: 30px;content:counter(rank_counter2);font-size: 26px;font-weight: 600;position: relative;}
.I_7 .article {padding: 3px 0;}
.I_7 .article .thumb {width: 100px;height: 60px;margin-left: 5px;}
.I_7 .article .text_box {width: calc(100% - 135px);}
.I_7 .article .text_box .title {-webkit-line-clamp: 2;font-size: 16px;font-weight: 500;line-height: 1.3;}
.I_7 .article:last-child {padding-bottom: 0;}


/* 주요기사 1단HL1_1 ============================================================================================*/
/* 주요기사1단 HL1_1_A */
.HL1_1_A {position: relative;width: 100%;margin: 0 auto;}
.HL1_1_A .list {width: 100%;}
.HL1_1_A .list .article .thumb {display: none;}
.HL1_1_A .list .article {height: 80px;border-bottom: 1px solid #bbbbbb;display: flex;justify-content: flex-start;align-items: center;}
.HL1_1_A .list .article:first-child {height: 65px;align-items: flex-start;}
.HL1_1_A .list .article .title {font-size: 16px;line-height: 1.3;}


/* 주요기사1단 HL1_1_B */
.HL1_1_B {position: relative;width: 100%;margin: 0 auto;}
.HL1_1_B .list {width: 100%;}
.HL1_1_B .list .article {border-bottom: 1px solid #bbbbbb;display: flex;justify-content: flex-start;align-items: center;}
.HL1_1_B .list .article:first-child {flex-direction: column;align-items: flex-start;padding-bottom: 20px;}
.HL1_1_B .list .article:first-child .thumb {width: 100%;height: 160px;margin-bottom: 10px;}
.HL1_1_B .list .article:first-child .title {font-size: 18px;line-height: 1.3;-webkit-line-clamp: 3}
.HL1_1_B .list .article:not(:first-child) {height: 80px;}
.HL1_1_B .list .article:not(:first-child) .thumb {display: none;}
.HL1_1_B .list .article:not(:first-child) .title {font-size: 16px;line-height: 1.3;}


/* 주요기사1단 HL1_1_C */
.HL1_1_C {position: relative;width: 100%;margin: 0 auto;}
.HL1_1_C .list {width: 100%;}
.HL1_1_C .list .article {width: 100%;margin-bottom: 30px;}
.HL1_1_C .list .article:last-child {margin-bottom: 0;}
.HL1_1_C .list .article .thumb {width: 100%;height: 160px;margin-bottom: 10px;}
.HL1_1_C .list .article .text_box {}
.HL1_1_C .list .article .title {font-size: 18px;line-height: 1.3;margin-bottom: 10px;}
.HL1_1_C .list .article .info {width: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;height: 50px;}
.HL1_1_C .list .article .info .photo {width: 50px;height: 50px;margin-right: 15px;}
.HL1_1_C .list .article .info .photo img {width: 100%;height: 100%;border-radius: 50%;}
.HL1_1_C .list .article .info .series {width: calc(100% - 65px);font-size: 15px;color: #1c4bba;font-weight: 500;line-height: 1;margin-bottom: 5px;}
.HL1_1_C .list .article .info .writer {width: calc(100% - 65px);font-size: 15px;color: #222222;font-weight: 500;line-height: 1;}
.HL1_1_C .list .article .info .date {display: none;}


/* 주요기사1단 HL1_1_D */
.HL1_1_D {position: relative;width: 100%;margin: 0 auto;border: 1px solid #999;border-radius: 10px;padding-top: 10px;padding-bottom: 0px;}
.HL1_1_D .box_title {    border-bottom: 1px solid #d5d3d3;padding-bottom: 11px;padding-left: 10px;margin-bottom: 0px;}
.HL1_1_D .list {width: 100%;}
.HL1_1_D .list .article .thumb {display: none;}
.HL1_1_D .list .article {height: 40px;border-bottom: 1px solid #bbbbbb;display: flex;justify-content: flex-start;align-items: center;}
.HL1_1_D .list .article .title {font-size: 16px;line-height: 1.3;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 10px;margin-right: 10px;width: 340px;}
.HL1_1_D .list .article:last-child{border-bottom:0;}
/*============================================================================================ 주요기사1단 HL1_1 */


/* 주요기사1단 HL1_2 ==============================================================================================*/
/* 주요기사1단 HL1_2_A */
.HL1_2_A {position: relative;width: 100%;margin: 0 auto;}
.HL1_2_A .list {width: 100%;}
.HL1_2_A .article {width: 100%;border-bottom: 1px solid #bbbbbb;}
.HL1_2_A .article .title {line-height: 1.4;}

.HL1_2_A .article:first-child {padding-bottom: 20px;}
.HL1_2_A .article:first-child .thumb {margin-bottom: 10px;height: auto;max-height: 180px;}
.HL1_2_A .article:first-child .title {font-size: 18px;font-weight: 500;}

.HL1_2_A .article:not(:first-child) {height: 80px;display: flex;align-items: center;}
.HL1_2_A .article:not(:first-child) .thumb {display: none;}
.HL1_2_A .article:not(:first-child) .title {font-size: 16px;font-weight: 500;}


/* 주요기사1단 HL1_2_B */
.HL1_2_B {position: relative;width: 100%;margin: 0 auto;}
.HL1_2_B .article .title {font-size: 25px;font-weight: 600;}
.HL1_2_B .article button:hover {transform: scale(1.1);}
.HL1_2_B .article .slider_nav {z-index: 5;width: 120px;height: 40px;position: absolute;display: flex;align-items: center;top: 0;right: 0;background-color: #888888;}
.HL1_2_B .article .slider_nav .btn_pause {left: 63%;position: relative;margin-top: -2px;}
.HL1_2_B .article .slider_nav .btn_pause img {width: 10px;height: 15px;}
.HL1_2_B .article .HL1_2_B_slider {position: relative;width: 100%;margin-bottom: 10px;}
.HL1_2_B .article .HL1_2_B_slider .thumb {height: 330px;width: 100%;border: 0;}
.HL1_2_B .article .HL1_2_B_slider .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.HL1_2_B .article .swiper-pagination {color: #FFF;width: fit-content;left: 28%;font-size: 16px;}
.HL1_2_B .article .swiper-button-prev {color: #FFF;height: fit-content;width: fit-content;margin-top: unset;top: 12px;z-index: 10;}
.HL1_2_B .article .swiper-button-next {color: #FFF;height: fit-content;width: fit-content;margin-top: unset;top: 12px;z-index: 10;}
.HL1_2_B .article .swiper-button-prev::after {font-size: 17px;}
.HL1_2_B .article .swiper-button-next::after {font-size: 17px;}
/* ============================================================================================== 주요기사1단 HL1_2 */


/* 주요기사1단 HL1_3 */
.HL1_3 {position: relative;width: 100%;margin: 0 auto;}
.HL1_3 .list {width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: column;height: 485px;}
.HL1_3 .article:first-child {width: 70%;margin-right: 15px;height: 100%}
.HL1_3 .article:first-child .title {font-size: 26px;line-height: 1.2;letter-spacing: -0.7px;}
.HL1_3 .article:first-child .thumb {margin-bottom: 10px;}
.HL1_3 .article:not(:first-child) {width: calc(30% - 20px);border-bottom: 1px solid #bbbbbb;}
.HL1_3 .article:nth-child(2) {max-height: 50%;padding-bottom: 15px;}
.HL1_3 .article:nth-child(2) .thumb {height: auto;max-height: 120px;margin-bottom: 5px;}
.HL1_3 .article:nth-child(2) .title {font-size: 18px;font-weight: 500;-webkit-line-clamp: 3;line-height: 1.3;letter-spacing: -0.3px;}
.HL1_3 .article:nth-child(n+3) {height: 76px;display: flex;align-items: center;}
.HL1_3 .article:nth-child(n+3) .thumb {display: none;}
.HL1_3 .article:nth-child(n+3) .title {font-size: 16px;line-height: 1.3;}


/* 주요기사1단 HL1_4 */
.HL1_4 {position: relative;display: block;width: 100%;margin: 0 auto;}
.HL1_4 .logo_wrap {width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.HL1_4 .logo_wrap .logo {width: 90px;height: 90px;margin-bottom: 5px;}
.HL1_4 .logo_wrap .logo img {width: 100%;height: 100%;border-radius: 50%;}
.HL1_4 .logo_wrap .logo .empty {width: 100%;height: 100%;background-color: #2041ad;border-radius: 50%;}
.HL1_4 .logo_wrap .name {text-align: center;font-size: 15px;font-weight: 600;}
.HL1_4 .list {position: relative;width: 100%}
.HL1_4 .list .article {padding: 15px 0;border-bottom: 1px solid #bbbbbb;}
.HL1_4 .list .article:last-child {border: none;padding-bottom: 0;}
.HL1_4 .list .article .thumb {display: none;}
.HL1_4 .list .article .title {-webkit-line-clamp: 3;line-height: 1.4;font-size: 15px;font-weight: 500;max-height: 63px;}


/* 주요기사1단 HL1_5 (= HLS1_1) */
.HL1_5 {position: relative;width: 100%;margin: 0 auto;padding-top: 10px;border-top: 3px solid #000000;}
.HL1_5 .box_title {display: flex;justify-content: space-between;align-items: baseline;width: 100%;}
.HL1_5 .box_title .name {font-size: 22px;font-weight: bold;}
.HL1_5 .list {position: relative;width: 100%;display: flex;justify-content: space-between;}
.HL1_5 .article {overflow: visible;position: relative;padding: 0 10px;border-right: 1px solid #bbbbbb;height: 250px;}
.HL1_5 .article:first-child {padding-left: 0;}
.HL1_5 .article:last-child {padding-right: 0;border-right: none;}
.HL1_5 .article .thumb {height: 150px;margin-bottom: 10px;}
.HL1_5 .article .text_box .title {font-size: 16px;line-height: 1.2;font-weight: 500;-webkit-line-clamp: 3;}


/* 주요기사1단 HL1_6 ==================================================================================================*/
/* 주요기사1단 HL1_6_A */
.HL1_6_A {position: relative;width: 100%;margin: 0 auto;}
.HL1_6_A .list {width: 100%;display: flex;border-top: 1px solid #bbbbbb;padding-top: 20px;}
.HL1_6_A .article {width: 50%;height: 90px;display: flex;}
.HL1_6_A .article:first-child {padding-right: 20px;border-right: 1px solid #bbbbbb;}
.HL1_6_A .article:last-child {padding-left: 20px;}
.HL1_6_A .article .text_box .title {font-size: 15px;font-weight: 600;line-height: 1.3;-webkit-line-clamp: 4;}
.HL1_6_A .article .thumb {margin-right: 15px;width: 150px;}
.HL1_6_A .article .thumb img {width: 100%;}


/* 주요기사1단 HL1_6_B */
.HL1_6_B {position: relative;width: 100%;margin: 0 auto;}
.HL1_6_B .list {width: 100%;padding: 20px 0;border-top: 1px solid #000000;border-bottom: 1px solid #000000;height: 380px;}
.HL1_6_B .article {width: 100%;display: flex;justify-content: flex-start;height: 100%;}
.HL1_6_B .article .text_box {width: 45%;height: 48%;margin-right: 20px;}
.HL1_6_B .article .thumb figcaption {text-align: right;}
.HL1_6_B .article .text_box .title {font-size: 18px;line-height: 1.25;letter-spacing: -0.7px;font-weight: 600;max-height: 45px;}
.HL1_6_B .article .text_box .desc {display: -webkit-box;-webkit-line-clamp: 4;line-height: 1.45;letter-spacing: -0.73px;max-height: 101.5px;}

.HL1_6_B .article:first-child {position: relative;width: 100%;}
.HL1_6_B .article:first-child .text_box {margin-right: 20px;}
.HL1_6_B .article:first-child .text_box .title {margin-bottom: 10px;}
.HL1_6_B .article:first-child .thumb {width: 100%}

.HL1_6_B .article:last-child {position: absolute;top: 50%;height: 50%;}
.HL1_6_B .article:last-child .thumb {display: none;}



/* 주요기사1단 HL1_6_C */
.HL1_6_C {position: relative;width: 100%;margin: 0 auto;}
.HL1_6_C .list {width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px solid #000000;padding-bottom: 20px;}

.HL1_6_C .article:first-child {width:100%;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #bbbbbb;}
.HL1_6_C .article:first-child .thumb {margin-bottom: 10px;}
.HL1_6_C .article:first-child .title {font-size: 17px;font-weight: 600;line-height: 1.3;}

.HL1_6_C .article:not(:first-child) {width: 50%;}
.HL1_6_C .article:not(:first-child) .thumb {height: 100px;margin-bottom: 5px;}
.HL1_6_C .article:not(:first-child) .title {font-size: 14px;font-weight: 600;line-height: 1.3;-webkit-line-clamp: 5;margin-bottom: 5px;}
.HL1_6_C .article:nth-child(2) {padding-right: 15px;border-right: 1px solid #bbbbbb;}
.HL1_6_C .article:nth-child(3) {padding-left: 15px;}

/* ================================================================================================== 주요기사1단 HL1_6 */

/* 주요기사1단 HL1_7 == HD1_3 */

/* 주요기사1단 HL1_8 ===================================================================================================*/
/* 주요기사1단 HL1_8_A */
.HL1_8_A {position: relative;width: 100%;margin: 0 auto;padding-top: 20px;border-top: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;}
.HL1_8_A .list {width: 100%;}
.HL1_8_A .article {width: 100%;display: flex;justify-content: space-between;height: 100%;}
.HL1_8_A .article .text_box {width: 38%;height: 48%;margin-right: 20px;}
.HL1_8_A .article .thumb figcaption {text-align: right;}
.HL1_8_A .article .text_box .title {font-size: 17px;line-height: 1.3;letter-spacing: -0.7px;font-weight: 600;max-height: 45px;}

.HL1_8_A .article:first-child {position: relative;}
.HL1_8_A .article:first-child .text_box .title {margin-bottom: 10px;}
.HL1_8_A .article:first-child .text_box .desc {display: -webkit-box;-webkit-line-clamp: 5;line-height: 1.45;letter-spacing: -0.73px;max-height: 101.5px;}
.HL1_8_A .article:first-child .thumb {width: 100%;height: 100%;}


/* 주요기사1단 HL1_8_B */
.HL1_8_B {position: relative;width: 100%;margin: 0 auto;padding-top: 10px;border-bottom: 1px solid #000000;}
.HL1_8_B .list {display: flex;width: 100%;}
.HL1_8_B .article {display: flex;justify-content: flex-start;}
.HL1_8_B .article .thumb figcaption {text-align: right;}
.HL1_8_B .article .title {font-size: 17px;font-weight: 600;line-height: 1.3;}
.HL1_8_B .article .desc {display: -webkit-box;-webkit-line-clamp: 4;line-height: 1.4;}

.HL1_8_B .article:first-child {width: 70%;padding-right: 15px;border-right: 1px solid #bbbbbb;}
.HL1_8_B .article:first-child .thumb {}
.HL1_8_B .article:first-child .text_box {margin-right: 20px;width:80%;}
.HL1_8_B .article:first-child .title {margin-bottom: 10px;}

.HL1_8_B .article:last-child {width: 30%;padding-left: 15px;}
.HL1_8_B .article:last-child .thumb {display: none;}
.HL1_8_B .article:last-child .title {-webkit-line-clamp: 4;}

/* 주요기사1단 HL1_8_C */
.HL1_8_C {position: relative;width: 100%;margin: 0 auto;}
.HL1_8_C .list {width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px solid #bbbbbb;border-top: 1px solid #bbbbbb;padding: 20px 0;}

.HL1_8_C .article:first-child {width:100%;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #bbbbbb;}
.HL1_8_C .article:first-child .thumb {margin-bottom: 10px;height: auto;}
.HL1_8_C .article:first-child .title {font-size: 17px;font-weight: 600;line-height: 1.3;margin-bottom: 10px;}
.HL1_8_C .article:first-child .desc {display: -webkit-box;-webkit-line-clamp: 3;line-height: 1.4;}

.HL1_8_C .article:not(:first-child) {width: 50%;}
.HL1_8_C .article:not(:first-child) .thumb {height: 100px;margin-bottom: 5px;}
.HL1_8_C .article:not(:first-child) .title {font-size: 14px;font-weight: 600;line-height: 1.3;-webkit-line-clamp: 5;margin-bottom: 5px;}
.HL1_8_C .article:nth-child(2) {padding-right: 15px;border-right: 1px solid #bbbbbb;}
.HL1_8_C .article:nth-child(3) {padding-left: 15px;}
/*=================================================================================================== 주요기사1단 HL1_8 */


/* 주요기사 기획시리즈 HLS1_1 (= HL1_5) */
.HLS1_1 {position: relative;width: 100%;margin: 0 auto;margin-top: 20px;height: 300px;}
.HLS1_1 .box_title {display: flex;justify-content: space-between;align-items: baseline;width: 100%;}
.HLS1_1 .box_title .name {font-size: 22px;font-weight: bold;}
.HLS1_1 .list {position: relative;width: 100%;display: flex;justify-content: space-between;}
.HLS1_1 .article {overflow: visible;position: relative;height: 180px;padding: 0 10px;border-right: 1px solid #dddddd;}/*width: calc((100% - 80px) / 5);margin-right: 20px;*/
.HLS1_1 .article:first-child {padding-left: 0;}
.HLS1_1 .article:last-child {padding-right: 0;border-right: none;}
.HLS1_1 .article .thumb {height: 120px;margin-bottom: 5px;}
.HLS1_1 .article .text_box .title {font-size: 16px;line-height: 1.3;margin-bottom: 5px;}
.HLS1_1 .article .text_box .desc {line-height: 1.3;}


/* 주요기사 기획시리즈 HLS1_2 */
.HLS1_2 {position: relative;width: 100%;margin: 0 auto;}
.HLS1_2_slider.slick-slider {display: flex;justify-content: space-between;align-items: center;flex-direction: row;}
.HLS1_2_slider .slick-list {width: 95%;}
.HLS1_2_slider .slick-arrow {width: 5%;position: relative;}
/* .HLS1-2-slider .slick-arrow.slick-prev {}  */
/* .HLS1-2-slider .slick-arrow.slick-next {}  */
.HLS1_2_slider .slide.article {padding: 0 10px;/*width: 130px !important;*/}
.HLS1_2_slider .slide.article .thumb {border-radius: 50%;width: 110px;height: 110px;margin-bottom: 10px;}
.HLS1_2_slider .slide.article .title {text-align: center;font-size: 17px;font-weight: 500;}
.HLS1_2_slider .slide.slick-active:first-child {margin-left: 25px;}
.HLS1_2_slider .slide.slick-active:last-child {margin-right: 25px;}


/* 주요기사 기획시리즈 HLS1_3 */
.HLS1_3 {position: relative;width: 100%;margin: 0 auto;}
.HLS1_3 .list {width: 100%;display: flex;justify-content: space-between;height: 180px;border-top: 1px solid #000000;border-bottom: 1px solid #000000;padding: 20px 0;}
.HLS1_3 .article {overflow: visible;position: relative;display: flex;flex-direction: row-reverse;}
.HLS1_3 .article {padding: 0 10px;border-right: 1px solid #bbbbbb;}
.HLS1_3 .article:first-child {padding-left: 0;}
.HLS1_3 .article:last-child {padding-right: 0;border:none;}
.HLS1_3 .article .thumb {height: 90px;width: 90px;}
.HLS1_3 .article .text_box {margin-right: 5px;}
.HLS1_3 .article .text_box .title {font-size: 16px;font-weight: 500;margin-bottom: 10px;line-height: 1.3;}
.HLS1_3 .article .text_box .desc {display: -webkit-box;-webkit-line-clamp: 4;line-height: 1.4;}


/* 주요기사 기획시리즈 HLS1_4  width전체 1200px로 가면 .article width=180px, .thumb height 180px*/
.HLS1_4 {position: relative;width: 100%;margin: 0 auto;}
.HLS1_4 .box_title {width: 100%;display: flex;justify-content: space-between;}
.HLS1_4 .box_title .name {font-size: 22px;font-weight: bold;}
.HLS1_4 .list {width: 100%;height: 360px;display: flex;justify-content: center;align-items: center;background-color: #2041ad;}
.HLS1_4 .list::after {content: '';width: 100%;height: 100%;background-color: #000000;position: absolute;top: 0;left:0;opacity: 0.3;}
.HLS1_4 .article {position: relative;width: 185px;margin-right: 25px;z-index: 10;}
.HLS1_4 .article:last-child {margin-right: 0;} 
.HLS1_4 .article .thumb {width: 100%;height: 185px;border-radius: 50%;margin-bottom: 10px;display: flex;justify-content: center;}
.HLS1_4 .article .thumb img {width: 100%;height: 100%;}
.HLS1_4 .article .text_box .title {text-align: center;font-size: 18px;line-height: 1.3;color: #fff;margin-bottom: 10px;font-weight: 500;}
.HLS1_4 .article .text_box .info {display: block;}
.HLS1_4 .article .text_box .info .writer {display: none;}
.HLS1_4 .article .text_box .info .date {display: block;font-size: 14px;color: #fff;text-align: center;line-height: 1;}


/* 주요기사 기획시리즈 HLS1_5 */
.HLS1_5 {position: relative;width: 100%;margin: 0 auto;}
.HLS1_5 .box_title {display: block;}
.HLS1_5 .box_title .name {font-size: 22px;letter-spacing: -1.2px;font-weight: bold;}
.HLS1_5 .list {position: relative;display: flex;justify-content: flex-start;}
.HLS1_5 .article {margin-right: 20px;width: calc((100% - 80px) / 5);height: 280px;background-color: #555555;}
.HLS1_5 .article:last-child {margin-right: 0;}
.HLS1_5 .article .thumb {height: 120px;}
.HLS1_5 .article .text_box {position: absolute;padding: 0 15px;width: 100%;top: 50%;height: 40%;}
.HLS1_5 .article .text_box .new {font-size: 14px;font-weight: bold;color: #ffa200;letter-spacing:-0.5px}
.HLS1_5 .article .text_box .title {color: #fff;font-size: 19px;font-weight: 400;line-height: 1.3;-webkit-line-clamp: 3;letter-spacing: normal;}


/* 주요기사2단 HL2_1 */
.HL2_1 {position: relative;display: block;width: 100%;margin: 0 auto;padding-top:15px;border-top: 1px solid #000000;}
.HL2_1 .box_title a {display: flex;}
.HL2_1 .box_title .name {font-size: 20px;margin-right: 5px;}
.HL2_1 .list {position: relative;display: block;width: 100%;}
.HL2_1 .list .article {padding: 25px 0;width: 100%;border-bottom: 1px solid #bbbbbb;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.HL2_1 .list .article .title {font-size: 18px;line-height: 1.3;-webkit-line-clamp: 1;}
.HL2_1 .list .article:first-child {padding-top: 0;}
.HL2_1 .list .article:first-child .thumb {height: 200px;margin-bottom: 12px;}
.HL2_1 .list .article:first-child .text_box {}
.HL2_1 .list .article:not(:first-child) {}
.HL2_1 .list .article:not(:first-child) .thumb {display: none;}
.HL2_1 .list .article:last-child {border: none;}
.HL2_1 .list .article.video .thumb::after {content:'';background-image: url(../../img/icon/arrow.png);background-size: 21px 23px;width: 21px;height: 23px;position: absolute;bottom: 15px;left: 15px;display: block;}


/* 주요기사2단 HL2_2 */
.HL2_2 {position:relative;width: 100%;margin: 0 auto;padding-top: 20px;border-top: 1px solid #bbbbbb;}
.HL2_2 .box_title a {display: flex;}
.HL2_2 .box_title .name {font-size: 22px;margin-right: 5px;}
.HL2_2 .list {display: flex;justify-content: flex-start;}
.HL2_2 .article {width: 50%;}
.HL2_2 .article:first-child {padding-right: 15px;border-right: 1px solid #aaa;}
.HL2_2 .article:last-child {padding-left: 15px;}
.HL2_2 .article .thumb {display: none;}
.HL2_2 .article .text_box .title {font-size: 16px;font-weight: 500;line-height: 1.3;margin-bottom: 7px;}
.HL2_2 .article .text_box .desc {display: -webkit-box;-webkit-line-clamp: 4;line-height: 1.4;margin-bottom: 5px;}
.HL2_2 .article .bottom_wrap {display: flex;}


/* 주요기사2단 HL2_3 */
.HL2_3 {position:relative;width: 100%;margin: 0 auto;}
.HL2_3 .list {position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.HL2_3 .article {width: calc((100% - 30px) / 2);margin-bottom: 30px;height: 390px;}
.HL2_3 .article:nth-child(3), .HL2_3 .article:last-child {margin-bottom: 0;}
.HL2_3 .article .thumb {margin-bottom: 5px;}
.HL2_3 .article .thumb img {height: 182px;}
.HL2_3 .article .text_box {margin-bottom: 5px;}
.HL2_3 .article .text_box .title {font-size: 17px;font-weight: 600;margin-bottom: 10px;line-height: 1.3;}
.HL2_3 .article .text_box .desc {display:-webkit-box;line-height: 1.4;-webkit-line-clamp: 5;}
.HL2_3 .article .bottom_wrap {display: flex;justify-content: flex-end;}


/* 헤드라인1단 HD1_1 */
.HD1_1 {position: relative;width: 100%;margin: 0 auto;}
.HD1_1 .list {display: flex;flex-wrap: wrap;}
.HD1_1 .article .text_box {background-color: #ebebeb;}
.HD1_1 .article .info {display: flex;align-items: center;}
.HD1_1 .article .info .date {display: none;}
.HD1_1 .article .info .photo {width: 25px;height: 25px;margin-right: 5px;}
.HD1_1 .article .info .photo img {width: 100%;height: 100%;border-radius: 50%;}
.HD1_1 .article .info .writer {font-size: 15px;color: #222222;}
.HD1_1 .article .info .writer::before {content: 'By';font-size: 13px;margin-right: 5px;}

.HD1_1 .article:first-child {width: 100%;display: flex;justify-content: flex-start;margin-bottom: 20px;}
.HD1_1 .article:first-child .thumb {width: 600px;height:100%}
.HD1_1 .article:first-child .text_box {width: calc(100% - 600px);height: 100%;padding: 40px 25px;}
.HD1_1 .article:first-child .text_box .category {display: block;color: #222222;font-size: 16px;}
.HD1_1 .article:first-child .text_box .title {font-size: 22px;font-weight: bold;line-height: 1.3;margin-bottom: 15px;}
.HD1_1 .article:first-child .text_box .desc {display: -webkit-box;-webkit-line-clamp: 4;color: #222222;font-size: 17px;line-height: 1.4;letter-spacing: -0.7px;margin-bottom: 15px;}

.HD1_1 .article:not(:first-child) {margin-right: 20px;width: calc((100% - 40px) / 3);height: 270px;justify-content: space-between;}
.HD1_1 .article:last-child {margin-right: 0;}
.HD1_1 .article:not(:first-child) .thumb {height: 155px;}
.HD1_1 .article:not(:first-child) .text_box {padding: 15px;height: calc(100% - 155px);}
.HD1_1 .article:not(:first-child) .text_box .title {font-size: 16px;line-height: 1.3;font-weight: 600;margin-bottom: 15px;}


/* 헤드라인1단 HD1_2 */
.HD1_2 {position: relative;width: 100%;margin: 0 auto 30px;border-bottom: 1px solid #bbbbbb;}
.HD1_2 .list {width: 100%;height: 600px;display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: column;}

.HD1_2 .list .article figcaption {text-align: right;}
.HD1_2 .list .article .desc {display: -webkit-box;}
.HD1_2 .list .article .thumb {margin-bottom: 15px;}
.HD1_2 .list .article .text_box .title {font-size: 24px;line-height: 1.3;margin-bottom: 10px;max-height:62.38px;}
.HD1_2 .list .article .text_box .desc {line-height: 1.4;}

.HD1_2 .list .article:first-child {width: 50%;height: 100%;padding-right: 15px;border-right: 1px solid #bbbbbb;}
.HD1_2 .list .article:first-child .desc {-webkit-line-clamp: 3;}

.HD1_2 .list .article:nth-child(2) {width: 30%;height: 100%;padding: 0 15px;border-right: 1px solid #bbbbbb;}
.HD1_2 .list .article:nth-child(2) .desc {-webkit-line-clamp: 4;}

.HD1_2 .list .article:nth-child(3) {border-bottom: 1px solid #bbbbbb;}
.HD1_2 .list .article:nth-child(n+3) {margin-left: 15px;width: calc(20% - 15px);height: 48%;margin-bottom: 2%;display: flex;flex-direction: column-reverse;align-items: flex-start;justify-content: flex-end;}
.HD1_2 .list .article:nth-child(n+3) .text_box .title {font-size: 17px;-webkit-line-clamp: 3;font-weight: 600;max-height: 44.19px;}
.HD1_2 .list .article:nth-child(n+3) .thumb {width: 80px;height: 80px;float: right;margin: 0;}
.HD1_2 .list .article:nth-child(n+3) .thumb figure img {margin-left: 5px;margin-bottom: 0;height: 100%;}
.HD1_2 .list .article:nth-child(n+3) .desc {float: left;-webkit-line-clamp: 7;}

.HD1_2 .list .article:last-child {margin-bottom: 0;}


/* 헤드라인1단 HD1_3 ========================================================================================================*/
/* 헤드라인1단 HD1_3_A */
.HD1_3_A {position: relative;width: 100%;margin: 0 auto;}
.HD1_3_A .box_title {display: none;}
.HD1_3_A .list {position: relative;width: 100%;height: 300px;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;}

.HD1_3_A .article {display: inline-block;position: relative;}
.HD1_3_A .article:first-child {width: 60%;height: 100%;margin-left: 20px;order: 3;}
.HD1_3_A .article:first-child .thumb {width: 100%;height: 100%;display: block;}
.HD1_3_A .article:first-child .text_box {position: absolute;bottom: 0;right: 0;padding: 20px;background: linear-gradient(to bottom, #0000,  rgba(0,0,0,0.7));}
.HD1_3_A .article:first-child .text_box .title {font-size: 26px;color: #fff;line-height: 1.3;}

.HD1_3_A .article:not(:first-child) {width: calc(40% - 20px);height: 49%;}
.HD1_3_A .article:not(:first-child) .thumb {display: none;} 
.HD1_3_A .article:not(:first-child) .title {font-size: 20px;line-height: 1.3;font-weight: 600;margin-bottom: 10px;}
.HD1_3_A .article:not(:first-child) .desc {display: -webkit-box;-webkit-line-clamp: 3;line-height: 1.4;} 
.HD1_3_A .article:nth-of-type(2){padding-bottom: 20px;border-bottom: 1px solid #bbb;}
.HD1_3_A .article:nth-of-type(3){padding-top: 20px;}




/* 헤드라인1단 HD1_3_B */
.HD1_3_B {position: relative;width: 100%;margin: 0 auto;padding-top: 20px;border-top: 1px solid #bbbbbb;}
.HD1_3_B .box_title {display: none;}
.HD1_3_B .list {display: flex;}
.HD1_3_B .article {width: calc(100% / 2);padding: 0 15px;border-right: 1px solid #bbbbbb;}
.HD1_3_B .article:first-child {padding-left: 0;}
.HD1_3_B .article:last-child {padding-right: 0;border: none;}
.HD1_3_B .article .thumb {display: none;}
.HD1_3_B .article .text_box .title {font-size: 18px;font-weight: 600;-webkit-line-clamp: 3;line-height: 1.3;max-height: 70.2px;}


/* 헤드라인1단 HD1_3_C */
.HD1_3_C {position: relative;width: 100%;margin: 0 auto;}
.HD1_3_C .box_title .name  {font-size: 16px;font-weight: bold;}
.HD1_3_C .article {width: 100%;padding: 8px 0;border-bottom: 1px solid #bbbbbb;display: flex;justify-content: flex-start;justify-content: space-between;align-items: center;}
.HD1_3_C .article:first-child {padding-top: 0;}
.HD1_3_C .article:last-child {border: none;padding-bottom: 0;}
.HD1_3_C .article .text_box {}
.HD1_3_C .article .text_box .category {display: block;font-size: 14px;font-weight: 500;color: #666666;}
.HD1_3_C .article .text_box .title {font-size: 16px;font-weight: 500;-webkit-line-clamp: 2;line-height: 1.3;}
/* .HD1_3_C .article .thumb {width: 50px;height: 50px;border-radius: 50%;margin-left: 3px;} */
.HD1_3_C .article .thumb {display: none;}
.HD1_3_C .article .photo {width: 50px;height: 50px;margin-left: 5px;display: flex;align-items: center;justify-content: center;}
.HD1_3_C .article .photo img {width: 100%;height: 100%;border-radius: 50%;}
.HD1_3_C .article .photo .fa-circle-user {color: #aaa;}
/* ======================================================================================================== 헤드라인1단 HD1_3 */


/* 헤드라인1단 HD1_4 ==========================================================================================================*/
/* 헤드라인1단 HD1_4_A  */
.HD1_4_A {position: relative;width: 100%;margin: 0 auto;}
.HD1_4_A .article {width: 100%;margin-bottom: 20px;}
.HD1_4_A .article:last-child {margin-bottom: 0;}
.HD1_4_A .article .thumb {display: none;}

.HD1_4_A .article:first-child {}
.HD1_4_A .article:first-child > .text_box .category {display: block;color: #cd0000;font-size: 14px;font-weight: 600;margin-bottom: 5px;}
.HD1_4_A .article:first-child > .text_box .title {font-size: 20px;font-weight: 600;line-height: 1.3;}

.HD1_4_A .article .relation {margin-top: 15px;}
.HD1_4_A .article .relation .title {-webkit-line-clamp: 1;font-size: 15px;margin-bottom: 2px;}
.HD1_4_A .article .relation .desc {display: -webkit-box;-webkit-line-clamp: 3;font-size: 14px;line-height: 1.35;}

.HD1_4_A .article:last-child {padding-top: 15px;border-top: 1px solid #bbbbbb;}
.HD1_4_A .article:last-child .title {font-size: 17px;font-weight: 600;line-height: 1.3;}


/* 헤드라인1단 HD1_4_B  */
.HD1_4_B {position: relative;width: 100%;margin: 0 auto;}
.HD1_4_B .list {height: 360px;width: 100%;position: relative;display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: column;}

.HD1_4_B .article:first-child {width: 60%;height: auto;margin-right: 20px;} 
.HD1_4_B .article:first-child .thumb {width: 100%;}
.HD1_4_B .article:first-child .text_box {position: absolute;top: 50%;height: 50%;padding: 13% 20px 0;background: linear-gradient(to bottom, #0000, rgba(0,0,0,0.7));}
.HD1_4_B .article:first-child .text_box .title {font-size: 26px;color: #fff;}
.HD1_4_B .article:first-child .text_box .desc {display: none;}

.HD1_4_B .article:not(:first-child) {border-bottom: 1px solid #bbbbbb;width: calc(40% - 20px);padding:20px 0; display: flex;align-items: center;flex-direction: column;}
.HD1_4_B .article:not(:first-child) .thumb {display: none;}
.HD1_4_B .article:not(:first-child) .title {-webkit-line-clamp: 1;font-size: 17px;font-weight: 600;margin-bottom: 10px;}
.HD1_4_B .article:not(:first-child) .desc {display: -webkit-box;-webkit-line-clamp: 3;line-height: 1.35;font-size: 14px;}

.HD1_4_B .article:nth-child(2) {padding-top: 0;}
.HD1_4_B .article:last-child {border: none;padding-bottom: 0;}
/*========================================================================================================== 헤드라인1단 HD1_4 */


/* 헤드라인1단 HD1_5 ===========================================================================================================*/
/* 헤드라인1단 HD1_5_A */
.HD1_5_A {position: relative;width: 100%;margin: 0 auto;}
.HD1_5_A .box_title .name {color: #cd0000;font-size: 15px;font-weight: 600;}
.HD1_5_A .list {display: block;}

.HD1_5_A .article {width: 100%;margin-right: 20px;padding: 25px 0;border-bottom: 1px solid #bbbbbb;}
.HD1_5_A .article .thumb {display: none;}
.HD1_5_A .article .title {font-size: 17px;font-weight: 600;line-height: 1.3;margin-bottom: 10px;}
.HD1_5_A .article .desc {display: -webkit-box;-webkit-line-clamp: 4;line-height: 1.4;}

.HD1_5_A .article:first-child {padding-top: 0;}
.HD1_5_A .article:first-child .thumb {width: 100%;}
.HD1_5_A .article:first-child .thumb figure {}
.HD1_5_A .article:first-child .title {font-size: 20px;}

.HD1_5_A .article:last-child {padding-bottom: 0;border:none;}


/* 헤드라인1단 HD1_5_B */
.HD1_5_B {position: relative;width: 100%;margin: 0 auto;}
.HD1_5_B .article {width: 100%;padding: 0 20px;border-left: 1px solid #bbbbbb;border-right: 1px solid #bbbbbb;}
.HD1_5_B .article .thumb {margin-bottom: 10px;}
.HD1_5_B .article .thumb img {height: 320px;}
.HD1_5_B .article figcaption {text-align: right;}
.HD1_5_B .article .title {font-size: 22px;font-weight: 600;margin-bottom: 15px;line-height: 1.35;}
.HD1_5_B .article .desc {display: -webkit-box;-webkit-line-clamp: 3;line-height: 1.4;}


/* 헤드라인1단 HD1_5_C */
.HD1_5_C {position: relative;width: 100%;margin: 0 auto;}
.HD1_5_C .list {}
.HD1_5_C .article {padding: 12px 0;border-bottom: 1px solid #bbbbbb;}
.HD1_5_C .article:first-child {padding-top: 0;}
.HD1_5_C .article .thumb {display: none;}
.HD1_5_C .article .title {font-size: 17px;font-weight: 600;line-height: 1.3;}
/*=========================================================================================================== 헤드라인1단 HD1_5 */


/* 헤드라인2단 HD2_1 */
.HD2_1 {position: relative;width: 100%;margin: 0 auto;}
.HD2_1 .list {position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.HD2_1 .article .desc {display:-webkit-box;line-height: 1.4;}
.HD2_1 .article .title {line-height: 1.3;}
.HD2_1 .article .bottom_wrap {display: flex;}

.HD2_1 .article:first-child {width: 100%;font-size: 14px;margin-bottom: 40px;}
.HD2_1 .article:first-child .thumb {margin-bottom: 10px;}
.HD2_1 .article:first-child .thumb img {height: 385px;}
.HD2_1 .article:first-child .text_box {margin-bottom: 5px;}
.HD2_1 .article:first-child .text_box .title {font-size: 28px;font-weight: 500;margin-bottom: 10px;}
.HD2_1 .article:first-child .text_box .desc {-webkit-line-clamp: 2;}
.HD2_1 .article:first-child .bottom_wrap {justify-content: center;}
.HD2_1 .article:first-child .bottom_wrap .comment {margin-right: 20px;}
.HD2_1 .article:first-child .bottom_wrap .upload_time {margin-right: 20px;}

.HD2_1 .article:not(:first-child) {width: calc((100% - 30px) / 2);}
.HD2_1 .article:not(:first-child) .thumb {margin-bottom: 5px;height: 182px;}
.HD2_1 .article:not(:first-child) .text_box {margin-bottom: 5px;}
.HD2_1 .article:not(:first-child) .text_box .title {font-size: 17px;font-weight: 600;margin-bottom: 10px;line-height: 1.3;}
.HD2_1 .article:not(:first-child) .text_box .desc {-webkit-line-clamp: 5;}
.HD2_1 .article:not(:first-child) .bottom_wrap {justify-content: flex-end;}
.HD2_1 .article:not(:first-child) .bottom_wrap .upload_time {display: none;}


/* 헤드라인2단 HD2_2 */
.HD2_2 {position: relative;width: 100%;margin: 0 auto;border-top: 1px solid#000000;padding-top: 20px;}
.HD2_2 .box_title .name {font-size: 22px;font-weight: bold;margin-right: 5px;}
.HD2_2 nav {position: relative;width: 100%;display: flex;}
.HD2_2 nav .article {width: calc((100% - 4px) / 3);margin-right: 2px;}
.HD2_2 nav .article .thumb {width: 100%;height: 315px;}
.HD2_2 nav .article:last-child {margin-right: 0}
.HD2_2 nav .article .title_wrap {position: relative;}
.HD2_2 nav .article .title_wrap .time {font-size: 12px;margin-bottom: 10px;}
.HD2_2 nav .article .title_wrap .title {height: 75px;font-size: 14px;-webkit-line-clamp: 4;font-weight: 400;padding-right: 20px;line-height: 1.4;}
.HD2_2 nav .article .title:last-child {margin-right: 0;}
.HD2_2 nav .title_wrap::after {content: '';width: 100%;height: 5px;background-color: #bbbbbb;position: relative;display: block;bottom: 0;}
.HD2_2 nav .title_wrap.active .title {font-weight: 500;}
.HD2_2 nav .title_wrap.active::after {background-color: #000000;}
.HD2_2 .list {margin-bottom: 15px;}
.HD2_2 .list .article {width: 100%;}
.HD2_2 .list .article {width: 100%;position:relative;display: none;}
.HD2_2 .list .article.active {display: block;}


/* 헤드라인2단 HD2_3 */
.HD2_3 {position: relative;width: 100%;margin: 0 auto;border-top: 1px solid#000000;padding-top: 20px;}
.HD2_3 .box_title .name {font-size: 22px;font-weight: bold;margin-right: 5px;}
.HD2_3 .article {margin-bottom: 10px;}
.HD2_3 .article .thumb {width: 100%;margin-bottom: 15px;}
.HD2_3 .article > .text_box {margin-bottom: 5px;}
.HD2_3 .article > .text_box .title {font-size: 18px;font-weight: 500;line-height: 1.3;margin-bottom: 5px;}
.HD2_3 .article > .text_box .desc {display: -webkit-box;line-height: 1.4;}
.HD2_3 .article > .bottom_wrap {display: flex;margin-bottom: 10px;}
.HD2_3 .article .relation {margin-bottom: 5px;}
.HD2_3 .article .relation .thumb {display: none;}
.HD2_3 .article .relation .text_box .title {font-size: 14px;-webkit-line-clamp: 1;}
.HD2_3 .article:last-child {margin-bottom: 0;}


/* newsview /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.newsview {padding-bottom: 50px;min-width: 900px;}
/* newsview #title_wrap */
#title_wrap {position: relative;margin-bottom:30px !important;width:100%;}
#title_wrap .category {margin: 20px 0;}
#title_wrap .category a {font-size: 1.4em;line-height: 1.2;color: rgb(35, 87, 166);font-weight: 500;}
#title_wrap .category a:first-child {color: #222;}
#title_wrap .category a:not(:first-child)::before {content: "|"; margin: 0 10px;color: #ddd;}
#title_wrap .button-cont {display: flex;position: absolute;right: 0;top: -10px;}
#title_wrap .button-cont .wrap {display: flex;}
#title_wrap .button-cont .wrap:first-child {margin-right: 7px;}
#title_wrap .button-cont .wrap .btn:first-child {border-right: 0;}
#title_wrap .button-cont .btn {width: 35px;height: 35px;border: 1px solid #0005;display: flex;align-items: center;justify-content: center;font-weight: bold;}
#title_wrap .button-cont .btn img {width: 25px;height: auto;opacity: 0.7;}
#title_wrap .button-cont .btn-font {line-height: 1;color: #777;}
#title_wrap .button-cont .btn-font.down {font-size: 14px;}
#title_wrap .button-cont .btn-font.up {font-size: 18px;}
#title_wrap .title {font-size: 2.6em;font-weight: bold;line-height: 1.35;letter-spacing: -0.7px;color: #181818;margin-bottom: 30px;}
#title_wrap .info-cont {width: 100%;display: flex;flex-wrap: nowrap;white-space: nowrap;justify-content: space-between;align-items: flex-start;}
#title_wrap .reporter, .newsview #title_wrap .date {font-size: 1.2em;line-height: 1.2;color: #888888;margin-bottom: 18px;}
#title_wrap .reporter::after {content: "|"; margin: 0 10px;color: #ddd;}
#title_wrap .share {display: inline-block;}
#title_wrap .share li {float: left;margin-right: 5px;}
#title_wrap .share li:last-child {margin-right: 0;}
#title_wrap .share img {width:37px;height: 37px;}
#title_wrap .sub_title {margin-left: 10px;font-size: 1.6em;font-weight: 500;line-height: 1.6;color: #333;margin-bottom: 30px;border-left: 4px solid #ccc;padding-left: 10px;}

/* newsview #body_wrap */
#body_wrap {position:relative;width:100%;margin-bottom: 35px;}
#body_wrap .content {font-size: 1.4em;line-height: 1.6;font-weight: 300;font-weight: 400;}
#body_wrap .content .align-center {display: table;margin:0 auto;text-align: center;}
#body_wrap .content .align-left {float: left;margin-left:0;margin-right:20px;}
#body_wrap .content .align-right {float: right;margin-right:0;margin-left:20px;}
#body_wrap .content figure {margin-bottom:10px;}
#body_wrap .content figure img {max-width: 100%;}
#body_wrap .content figcaption {font-size: 16px;line-height: 1.3;text-align: left;color: #555;padding:5px 10px;display: block;}
#body_wrap .copyright {margin-top: 20px;font-size: 1.27em;}
/* 추가 */
#body_wrap .content .img {display: flex;width: 100%;}
#body_wrap .content .img figure {display: flex;flex-direction: column;}
#body_wrap .content .img[style='text-align:center;'] {justify-content: center !important;}
#body_wrap .content .img[style='text-align:left;'] {justify-content: flex-start !important;}
#body_wrap .content .img[style='text-align:right;'] {justify-content: flex-end !important;}

#body_wrap .content > figure > iframe {max-width: 100%;}

#body_wrap .content p{margin-bottom:20px;}

/* newsview reporter_news */
.reporter_news {position: relative;width:100%;border:1px solid #eeeeee;padding:20px;min-height: 140px;}
.reporter_info {max-height: 30px;}
.reporter_info a {display: flex;justify-content: flex-start;}
.reporter_info .thumb {position:relative;width: 97px;height: 97px;margin-right: 40px;border: 2px solid #ddd;border-radius: 50%;}
.reporter_info .thumb img {width:100%;height:100%;border-radius: 50%;background-color: #eeeeee;}
.reporter_info .info .name {font-size: 1.3em;font-weight: 600;line-height: 1.6;letter-spacing: 0px;color: #000000;margin-right:20px;}
.reporter_info .info .email {font-size: 1.25em;font-weight: 400;line-height: 1.41;color:#777777;}
.reporter_news .list {padding-left:137px;}
.reporter_news .article {width: fit-content;}
.reporter_news .article .title {font-size: 1.34em;line-height: 1.69;letter-spacing: -0.5px;color:#000000;max-height: 28px;font-weight: 400;display: -webkit-box;-webkit-line-clamp: 1;}
.reporter_news .article .title::before {content: " ";margin-right: 3px;}


/* newsview relationList */
.relationList {margin-top: 30px;}
.relationList h3 {font-size:1.4em;font-weight: bold;}
.relationList .list {margin-top: 6px;padding-left: 5px;}
.relationList .article {margin-bottom: 5px;width: fit-content;}
.relationList .article:last-child {margin-bottom: 0;}
.relationList .article a {display: flex;flex-wrap: nowrap;}
.relationList .article .title {-webkit-line-clamp: 1;font-size: 1.37em;font-weight: normal;line-height: 1.3;max-width: 680px;}
.relationList .article .date {min-width: 90px;font-size: 1.2em;color: #888;margin-left: 6px;white-space: nowrap;}

/* newsview relationList_2 */
.relationList_2 {margin-top: 30px; margin-bottom: 40px;}
.relationList_2 h3 {font-size:1.4em;font-weight: bold;margin: 2px 4px 2px 0;padding: 5px 10px;background-color: #222;color: #fff;width: fit-content;}
.relationList_2 .list {margin-top: 6px;padding-left: 5px;}
.relationList_2 .article {margin-bottom: 15px;width: fit-content;}
.relationList_2 .article:last-child {margin-bottom: 0;}
.relationList_2 .article a {display: flex;flex-wrap: nowrap;}
.relationList_2 .article .title {-webkit-line-clamp: 1;font-size: 1.37em;font-weight: normal;line-height: 1.3;max-width: 680px;}
.relationList_2 .article .date {min-width: 90px;font-size: 1.1em;padding-left: 15px;color: #ccc;margin-left: 6px;white-space: nowrap;}


/* newsview comment_area */
.comment_area {overflow: hidden !important;position: relative;width: 100%;padding-bottom: 80px;margin-top: 30px;}
.comment_area .box_title {display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 10px;}
.comment_area .box_title .name {font-size: 22px;color: #222222;}
.comment_area .box_title .count {font-size: 20px;color: #777777;margin-left:5px;}
.comment_area .box_title .btn_social_login {margin-left: 10px;line-height: 2;}
.comment_area .box_title .btn_social_login img {height: 25px;}
.comment_area .input {border: 1px solid #cccccc;margin-bottom: 30px;}
.comment_area .input .comment_input {font-family: 'Noto Sans KR';outline: none;font-size: 16px;color: #666666;padding: 20px;width: 100%;height: 120px;border: 0;border-bottom: 1px solid #f2f2f2;resize: none;}
.comment_area .input .comment_input::placeholder {font-size: 16px;color: #999999;}
.comment_area .input .button_wrap {height: 35px;position: relative;margin-top: -5px;}
.comment_area .input .button_wrap .info {font-size: 15px;color: #999;line-height: 2.5;margin-left: 5px;}
.comment_area .input .button_wrap .length {font-size: 15px;color: #999;position: absolute;right: 72px;top: 5px;}
.comment_area .input .button_wrap button {background-color: #0166ad;width: 60px;height: 100%;color: #ffffff;font-size: 15px;letter-spacing: 1px;position: absolute;right: 0;top: 0px;cursor: pointer;}
.comment_area .sort .item {font-size: 14px;font-weight: 500;color: #222222;margin-right: 10px;cursor: pointer;}
.comment_area .sort .item.active {color: #1e92e5;text-decoration: underline;}
.comment_area .list .item {border-top: 1px solid #cccccc;padding-top: 20px;margin-top: 20px;position: relative;}
.comment_area .list .item .thumb {width: 60px;height: 60px;background-color: #eeeeee;float: left;position: absolute;top: 20px;left: 0;}
.comment_area .list .item .text_box {margin-left: 90px;}
.comment_area .list .item .title {margin-bottom: 0;line-height: 1.2;margin-bottom: 10px;}
.comment_area .list .item .title .name {font-size: 17px;color: #0166ad;font-weight: 500;margin-right: 20px;}
.comment_area .list .item .title .date {font-size: 15px;color: #999999;}
.comment_area .list .item .title .more {position: relative;float: right;width:30px;cursor: pointer;}
.comment_area .list .item .title .more img {width:100%;}
.comment_area .list .item .title .more .open {width: 30px;height: 30px;background-image: url("/img/dott_icon.png");background-position: center;background-repeat: no-repeat;background-size: 100% auto;cursor: pointer;background-color: #ffffff;}
.comment_area .list .item .title .more .more_menu {display: none;z-index: 2;position: absolute;top: 30px; right: 0;width: 45px;background-color: #ffffff;border: 1px solid #cccccc;padding: 8px;}
.comment_area .list .item .title .more .more_menu.on {display: block;}
.comment_area .list .item .title .more .more_menu .more_item {cursor: pointer;background-color: #ffffff;}
.comment_area .list .item .comment {font-size: 16px;color: #666666;line-height: 1.35;}
.comment_area .list .item .like {text-align: right;margin-top: 2px;}
.comment_area .list .item .like .up::before {content: url("/img/thumbs_up.png");color: #dd203f;position:absolute;top:0px;left:-25px;}
.comment_area .list .item .like .up {cursor: pointer;font-size: 15px;color: #dd203f;position: relative;margin-right: 50px;}
.comment_area .list .item .like .down::before {content: url("/img/thumbs_down.png");color: #4867aa;position: absolute;top:2px;left: -25px;}
.comment_area .list .item .like .down {cursor: pointer;font-size: 15px;color: #4867aa;position: relative;}


/* 포토뷰 슬라이드 */
.photo-slide {margin: 0 auto;background-color: #000;padding: 20px;margin-bottom: 30px;}
.photo-slide .inner {width: 100%;}
.photo-slide .swiper-button-next {color: #aaa;right: 10px!important;}
.photo-slide .swiper-button-prev {color: #aaa;left: 10px!important;}
.photo-slide .article .thumb {border: 0;}
.photo-slide .thumb .background { background-position: top;}
.photo-slide .thumb img {object-position: top;}


.photo-slide .inner.main .arrow-link img {width: 34px;height: auto;} 
.photo-slide .inner.main {margin-bottom: 10px;display: flex;align-items: center;}
.photo-slide .mainSwiper {width: 78%;height: 600px;}
.photo-slide .mainSwiper .swiper-slide.article .thumb {width: 100%;height: 640px;}
.photo-slide .mainSwiper .swiper-slide.article .thumb img {width: 100%;height: 100%;}
.photo-slide .mainSwiper .swiper-pagination {background-color: #000;color: #fff;font-size: 1.2em;display: inline-block;width: fit-content;padding: 0 10px;left: unset;right: 0;bottom: 0;}
.photo-slide .thumb .popupIcon {position: absolute;top: 3px;right: 3px;cursor: zoom-in;z-index: 10;}

.photo-slide .navSwiper {width: 94%;height: 80px;}
.photo-slide .inner.nav .swiper-button-next, .photo-slide .inner.nav .swiper-button-prev {top:unset;bottom: 40px;}
.photo-slide .navSwiper .swiper-slide.article {height:100%;width: calc((100% - 40px) / 5);}
.photo-slide .navSwiper .swiper-slide.article > .thumb {width: 100%;height: 100%;}
.photo-slide .navSwiper .swiper-slide.article > .thumb > img {width: 100%;height: 100%;object-fit: cover;object-position: center;}

.arrow-link.nonActive {opacity: 0.4;cursor: unset;}

.img-modal {display: none; position: fixed; z-index: 1112; padding: 100px 0; left: 0;top: 0;width: 100%;  height: 100%;background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.85);overflow:auto !important ;}
.img-modal .close {position: absolute;right: 50px;top: 40px;content: '';width: 40px;height: 40px;background: url(../../img/icon/close.png) no-repeat center;background-size: cover;}
.img-modal .inner {width: 100%;height: fit-content;min-height: 700px;max-height: 1200px;display: flex;align-items: center;}
.img-modal .inner .modalSwiper {width: 85%;max-width: 1100px;height: 100%;}
.img-modal .img-modal-content {width: 100%;}
.img-modal-content .thumb {display: block;width: 100%;height: 100%;max-width: 1200px;}
.img-modal-content .thumb .background {background-position: top;}
.img-modal-content .thumb img {object-position: top;}
.img-modal .swiper-pagination {top:10px !important;font-size: 2em;color: #FFF;width: fit-content;height: fit-content;background-color: #0009;padding: 0 15px;}
.img-modal .swiper-button-prev {width: 200px;height: 70px;color: #aaa;transform: scale(1.5);}
.img-modal .swiper-button-next {width: 200px;height: 70px;color: #aaa;transform: scale(1.5);}

/* swiper elements */
.swiper-pagination .swiper-pagination-bullet {width: 13px;height: 13px;background-color: #FFF;opacity: 1;margin: 0 7px !important;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {transition: background-color .5s;background-color:#feda0f;opacity: 1;}


/* board-article-list 주요기사2 */
.box.board-article-list {position:relative;padding: 0 0 40px;margin: 0 auto;}
.board-article-list .box_title {display: block;width:100%;margin: 0 auto 10px;}
.board-article-list .box_title .name {font-size: 1.3em;font-weight: bold;}
.board-article-list .list {width:100%;height: fit-content;margin:0 auto;position: relative;}
.board-article-list .article {width: 100%;height: fit-content;display: flex;justify-content: flex-start;margin-bottom: 20px;}
.board-article-list .article:last-child {margin-bottom: 0;}
.board-article-list .article .thumb {width:120px;height: 90px;margin-right: 8px;}
.board-article-list .article .text_box {}
.board-article-list .article .text_box .title {position: relative;font-size:1.4em;font-weight: normal;line-height: 1.4;margin-bottom: 6px;-webkit-line-clamp: 1;letter-spacing: -0.3px;}
.board-article-list .article .text_box .desc {font-size: 14px;font-weight: normal;line-height: 1.4;letter-spacing: -0.4px;}


/* text-list 텍스트 기사박스 */
.box.text-list {position:relative;padding: 0 0 40px;margin: 0 auto;}
.text-list .box_title {display: block;width:100%;margin: 0 auto 10px;}
.text-list .box_title .name {font-size: 1.3em;font-weight: bold;}
.text-list .list {width:100%;height: fit-content;margin:0 auto;position: relative;}
.text-list .article {width: 100%;height: fit-content;display: flex;justify-content: flex-start;margin-bottom: 3px;}
.text-list .article:last-child {margin-bottom: 0;}
.text-list .article .text_box a {display: flex;}
.text-list .article .text_box .title {position: relative;font-size:1.17em;font-weight: normal;-webkit-line-clamp: 1;letter-spacing:normal;}
.text-list .article .text_box .date {margin-right: 5px;display: inline-block;min-width: 70px;}

/* 게시글 리스트(뉴스리스트) */
.boardHeader {margin-bottom: 30px;}
.board-list {}
.board-list .box_title {margin-bottom: 30px;}
.board-list .box_title .name {font-size: 25px;}
.board-list table.list {width: 100%;border-collapse: collapse;}
.board-list table.list thead {border-top: 2px solid #444;border-bottom: 1px solid #444;}
.board-list table.list thead th {padding: 5px 0;font-size: 16px;}
.board-list table.list tbody tr {height: 38px;border-bottom: 1px solid #999;}
.board-list table.list tbody tr td {font-size: 16px;padding: 9px 0;text-align: center;color: #555;}
.board-list table.list td .no {font-size: 14px;line-height: 1.4;padding: 4px 10px;border-radius: 3px;font-weight: normal;display: flex;align-items: center;justify-content: center;}
.board-list table.list td .no .file {color: #31eeff;}
.board-list table.list td .no .file::before {margin: 0 8px;display: inline-block;content: '';width: 15px;height: 13px;background: url(../../img/icon/file.png) no-repeat center;background-size: 100% auto;}
.board-list table.list td.title {padding-right:20px;padding-left: 20px;text-align: left;display: flex;font-size: 17px;color: #222;}
.board-list table.list td.title a:hover {font-weight:bold;}
.board-list table.list td.title .ico {width: auto;height: 17px;margin-left: 20px;}
.board-list table.list td.title a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.board-list table.list td.icon-file {display: flex;align-items: center;justify-content: center;}
.board-list .bt-cont {display: flex;justify-content: center;align-items: center;margin-top: 40px;}
.board-list .bt-cont .page {position:relative;display: flex;justify-content: center;align-items: center;}
.board-list .bt-cont .page .inner {display: inline-block;}
.board-list .bt-cont .page a {float: left;border:1px solid #ddd;width: 30px;height: 30px;font-size: 14px;color:#999999;line-height: 2.14;text-align: center;margin-right: 5px;}
.board-list .bt-cont .page a:last-child {margin-right: 0;}
.board-list .bt-cont .page .no.current {color:#fff;background-color: #444;}
.board-list .bt-cont .like {position: absolute;right:20px;}
.btnHeart {font-size: 14px;}
.btnHeart img {height: 17px;width: auto;margin-right: 6px;}

.btnWhite {background-color: #FFF;color: #222;padding: 3px 15px;border-radius: 3px;font-size: 14px;border: 1px solid #ddd;}
.btnWhite:hover {font-weight: bold;}

.btnNavy {font-size: 17px;background-color: #1d366d;color: #FFF !important;border-radius: 3px;padding: 6px 17px;}
.btnNavy:hover {font-weight: bold;}

.btnRed {font-size: 17px;background-color: #ed292b;color: #FFF !important;border-radius: 3px;padding: 6px 17px;}
.btnRed:hover {font-weight: bold;}

.board-list .view {}
.board-list .view .title-wrap {width: 100%;}
.board-list .view .title-wrap .title {padding: 7px 10px;font-weight: normal;font-size: 19px;line-height: 1.4;word-wrap: break-word;word-break: break-all;border-top: 2px solid #222;border-bottom: 1px solid #222;}
.board-list .view .title-wrap .cont {white-space: nowrap;}
.board-list .view .title-wrap .cont .btnWhite {margin-right: 5px;}
.board-list .view .title-wrap .cont .btnWhite:last-of-type {margin-right: 0;}
.board-list .view .info-cont {display: flex;justify-content: flex-end;padding: 10px;}
.board-list .view .info-cont .info {line-height: 1.1;display: flex;align-items: center;font-size: 15px;margin-right: 15px;}
.board-list .view .info-cont .info:last-of-type {margin-right: 0;}
.board-list .view .content {font-size: 16px;line-height: normal;padding: 30px 0;}
.board-list .view .info-cont .file {display: inline-flex;align-items: center;}
.board-list .view .info-cont .file::before {margin: 0 8px;display: inline-block;content: '';width: 15px;height: 15px;background: url(../../img/icon/file_b.png) no-repeat center;background-size: 100% auto;}
.board-list .view .info-cont .icon-btn {margin-right: 10px;}
.board-list .view .info-cont .icon-btn img {width: 17px;margin-right: 2px;}

/* #field */
#field {position: relative;width: 100%;padding: 20px;border: 1px solid #ddd;display: flex;flex-direction: column;align-items: center;}
#field .input-cont {margin-bottom: 10px;}
#field .input-cont label {font-size: 18px;cursor: pointer;}
#field .input-cont input {margin-right: 10px;cursor: pointer;}
#field .btnNavy {margin-top: 20px;cursor: pointer;}

/* .file-download 기사뷰 내 파일 다운로드 리스트 */
.file-download {border: 1px solid #ccc;padding: 20px;}
.file-download .box_title .desc {margin-left: 10px;font-size: 15px;color: #777;}
.file-download .list {display: flex;flex-wrap: wrap;}
.file-download .list .file {width: calc((100% - 30px) / 4);height: 230px;border: 1px solid #ccc;background-color: #ddd;margin-right: 10px;padding: 10px;}
.file-download .list .file:nth-of-type(4n), .file-download .list .file:last-of-type {margin-right: 0;}
.file-download .list .file img {width: 100%;height: 160px;margin-bottom: 5px;border: 1px solid #ccc;}
.file-download .list .file div {font-size: 15px;line-height: 1.2;font-weight: normal;word-wrap: break-word;word-break: break-all;}


/* 이벤트 페이지 ///////////////////////////////////////////////////////////////////////////////////*/
.body.event {}

.event .regulation-title {font-size: 22px;margin-bottom: 20px;}
.event-nav {width: 1200px;margin: 0 auto;height: 50px;margin-bottom: 40px;border-top: 2px solid #222;background-color: #f3f3f3;}
.event-nav ul {width: 100%;height: 100%;display: none;}
.event-nav ul.active {display: flex;align-items: center;justify-content: center;}
.event-nav ul li {height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 30px;margin-right: 20px;}
.event-nav ul li:last-child {margin-right: 0px;}
.event-nav ul li a {font-size: 22px;font-weight: normal;line-height: 1.2;}
.event-nav ul li.active {border-bottom: 3px solid #ed292b;}
.event-nav ul li.active a {font-weight: bold;}

.event .bg-cont {width: 100%;margin: 0 auto;padding: 20px 30px;background-color: #f3f3f3;word-break: keep-all;}
.event .flex-cont {display: flex;}
.event .text-cont {}
.event .thumb-cont {}
.font-28 {font-size: 28px;}
.font-20 {font-size: 20px;}
.font-18 {font-size: 18px;}
.font-16 {font-size: 16px;}
.font-red {font-weight: bold;color: rgb(189, 3, 3);}
.event .bg-cont.font-28 {text-align: center;line-height: 1.4;padding: 35px 20px;}
.event .bg-cont.font-16 {text-align: left;line-height: 2.25;letter-spacing: -0.4px;}
.event .bg-cont .align-right {text-align: right;}
.event .thumb-cont img {width: 100%;height: 100%;object-fit: cover;}
.event .greeting-cont {padding: 60px 0 200px;}
.event .greeting-cont .thumb-cont {margin-top:28px;width: 400px;height: 550px;}
.event .greeting-cont .thumb-cont img {width: 374px;height: 532px;box-shadow: 14px -13px 0px 2px #ddd;}
.event .greeting-cont .text-cont {width: calc(100% - 420px);padding-left: 60px;line-height: 2.25;}
.event .regulation-cont {width: 1200px;margin: 60px auto 0;padding:0 50px 150px;}
.event .title-cont {margin-bottom: 60px;line-height: normal;}
.event .title-cont .title {margin-bottom: 10px;font-weight: bold;color: #555;}
.event .title-cont .title:last-child {margin-bottom: 0px;}
.event .title-cont.column-wrap {display: flex;flex-direction: column;flex-wrap: wrap;height: 230px;width: 100%;}
.event .regulation-cont .section {margin-bottom: 50px;}
.event .regulation-cont .section:last-child {margin-bottom: 0px;}
.event .regulation-cont .section .title {font-size: 18px;margin-bottom: 8px;line-height: 1.2;font-weight: bold}
.event .regulation-cont .section p {line-height: 2;letter-spacing: -0.6px;}
.event .regulation-cont .sub-section {padding: 15px;}
.event .regulation-cont .sub-section p {padding: 0 10px;}
.event .regulation-cont .sub-title {margin-top: 10px;font-weight: bold;color: #192d58;}
.event .regulation-cont .sub-title:first-child {margin-top: 0px;}
.event .regulation-cont .sub-title span {color: #222;font-weight: normal;margin-left: 10px;}
.event .regulation-cont .sub-section .title {font-size: 16px;}
.event .regulation-cont .sub-section .title::before {display: none;}
.event .regulation-cont .sub-section .title + p {padding: 0;}
.event .bg-cont.mail {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 60px;margin-bottom: 150px;}
.event .bg-cont.mail p {text-align: center;margin-top: 20px;}
.event .bg-cont.mail .link-cont {margin-top: 20px;font-size: 20px;}
.event .bg-cont.mail .link-cont a {display: inline-block;text-align: center;margin-left: 20px;font-size: 17px;background-color: rgb(189, 3, 3);color: #FFF;width: 90px;line-height: 2;border-radius: 3px;}
.event .terms-cont {padding: 40px 40px 60px;}
.event .terms-cont .cont {border:1px solid #ddd;padding: 30px 40px;width: 100%;height: 150px;margin-top: 20px;color: #555;line-height: 2;word-break: keep-all;overflow-x: auto;}
.event .terms-cont .cont.height400 {height: 400px;}
.event .terms-cont .cont::-webkit-scrollbar {width: 6px;height: 100%;}
.event .terms-cont .cont::-webkit-scrollbar-thumb {background-color: #ddd;border-radius: 10px;}
.event .terms-cont .cont::-webkit-scrollbar-track {background-color: #eee;}
.event .terms-cont .check-cont {margin-top: 20px;text-align: center;}
.event .terms-cont .check-cont input {margin-right: 7px;cursor: pointer;}
.event .terms-cont .check-cont label {letter-spacing: normal;line-height: 1.1;cursor: pointer;}
.event .terms-cont .check-cont label:hover {font-weight: bold;}
.event .input-cont {margin: 0 auto 150px;width: 100%;border-top: 5px solid #777;border-bottom: 5px solid #777;padding: 20px 0 40px;}
.event .input-cont .cont {display: flex;align-items: center;padding: 15px 30px;}
.event .input-cont .cont span {color: #777;font-size: 15px;margin: 0 10px;}
.event .input-cont .cont label {display: inline-block;font-size: 19px;color: #777;letter-spacing: 1px;width: 130px;}
.event .input-cont .cont input {border-bottom: 1px solid #ccc;width: 450px;height: 35px;font-size: 18px;padding: 0 10px;}
.event .input-cont .cont.period input {width: 200px;}
.event .input-cont .cont input[name="title"] {width: 950px;}
.event .input-cont .cont input[type="date"] {font-family: 'Noto Sans KR';}
.event .input-cont .cont textarea {font-family: 'Noto Sans KR';border: 1px solid #ccc;width: 950px;height: 300px;resize: none;padding: 10px;font-size: 18px;line-height: 1.6;outline: none;}
.event .input-cont .cont textarea::-webkit-scrollbar {width: 6px;height: 100%;}
.event .input-cont .cont textarea::-webkit-scrollbar-thumb {background-color: #ddd;border-radius: 10px;}
.event .input-cont .cont textarea::-webkit-scrollbar-track {background-color: #eee;}
.event .input-cont .btn-cont {margin-top: 30px;display: flex;align-items: center;justify-content: center;}
.event .input-cont .btn-cont button {width: 120px;height: 40px;font-weight: bold;font-size: 17px;letter-spacing: 3px;border-radius: 25px;color: #666;background-color: #FFF;border: 1px solid #ddd;}
.event .input-cont .btn-cont button.bg-blue:hover {background-color: #1d366d;color: #FFF;}
.event .input-cont .btn-cont button.bg-gray:hover {background-color: #888;color: #FFF;}
.event .input-cont .btn-cont button:first-child {margin-right: 20px;}

.event .map {width: 100%;margin: 0 auto;padding: 0 0 100px;}
.event .map .info {font-size: 1.2em;line-height: 2;margin: 30px 0;}
.event .map #map {width: fit-content;margin: 0 auto;}

.event .bg-cont .table {margin-top: 30px;}
.event .bg-cont .table .text {margin-bottom: 17px;}
.event .bg-cont .table ul {display: flex;justify-content: space-between;}
.event .bg-cont .table ul li {width: calc((100% - 20px) / 3);line-height: 1.3;}
.event .bg-cont .table ul li img {width: 100%;margin-bottom: 10px;border: 1px solid #ddd;}

/* 20221019 연혁페이지 추가 */
.event .history.sfn {width: 100%;min-height: 770px;background: url(../../img/bg/sfn-back.png) no-repeat right;background-size: 750px 770px;} /*스마트에프엔 연혁 배경*/
.event .history.kpf {width: 100%;min-height: 770px;background: url(../../img/bg/kpf-back.png) no-repeat center;background-size: 100% auto;} /*한국언론정보기술협회 연혁 배경*/
.event .history .list {width: 960px;margin: 0 auto;}
.event .history .list::after { content: "";display: block;position: absolute;height: calc(100% - 40px);top: 0;left: 165px;border-left:1px solid #d0000054;}
.event .history .year-cont {display: flex;align-items: flex-start;border-bottom: 1px solid #d0000054;padding: 40px 0 10px;}
.event .history .year-cont .year {font-size: 48px;font-weight: bold;line-height: 1.2;margin-right: 55px;}
.event .history .month-cont li {display: flex;align-items: center;padding: 10px 0;}
.event .history .month-cont .month {font-size: 28px;font-weight: bold;line-height: normal;display: flex;align-items: center;margin-right: 15px;}
.event .history .month-cont .month::before {content: '';width: 12px;height: 12px;background-color: #d41d1d;border-radius: 50%;margin-right: 10px;display: inline-block;position: relative;}
.event .history .month-cont .desc {font-size: 18px;font-weight: normal;}


/*/////////////////////////////////////////////////////////////////////////////////// 이벤트 페이지 */
.mg-t-20 {margin-top:20px;}
.PgmTop {position: relative;}
.PgmTop .radioClass  {position: absolute;color: #ffffff; left: 620px; top: 19px; width: 150px;}
.PgmTop .program {position: absolute;color: #ffffff; left: 620px; top: 47px; width: 160px; height: 95px; border-bottom-color: ActiveBorder;}
.PgmTop .otherpro {position: absolute;color: #ffffff; left: 620px; top: 173px; width: 150px; height: 20px;}
.PgmTop  .proselect {position: absolute;left: 620px; top: 195px; width: 150px; height: 50px;}
.PgmTop  .proselect select {width: 100%;}

.conWeek {padding: 10px;border: 1px solid #ddd;border-radius: 20px;}
.conWeek dt {height: 37px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.conWeek .weekTitle {color: white;background-color: rgb(250, 124, 101);font-weight: bold;}
.conWeek .title {color: rgb(55, 171, 46); cursor: pointer;text-decoration: none;font-weight: bold;margin-left: 10px;}
.conWeek dd:nth-child(odd) {border-bottom: 1px dashed rgb(143, 142, 142);margin-bottom:10px;padding-bottom: 10px;}
.conWeek dd:nth-last-child() {border-bottom: 0px;}

.article-tags {margin: 18px 0;font-size: 13px;line-height: 14px;font-weight: 600;width: 100%;}
.article-tags h2{display: inline-block; float: left;height: 26px; margin: 2px 4px 2px 0; padding: 5px 10px; background-color: #222; color: #fff;}
.article-tags a{display: inline-block; float: left; height: 26px; border: 1px solid #ededed; color: #111; padding: 5px 8px; margin: 2px 4px 2px 0;}

header>.din3-121 .logo img {height: 100px;margin-bottom: 10px;}

figure.float-left {margin-right: 15px;margin-top: 0;margin-bottom: 0;}
figure.float-right {margin-left: 15px;margin-top: 0;margin-bottom: 0;}

.content ul {margin-bottom:20px;}
.content li {list-style: inside;text-indent: 10px;}
.content li::marker{font-size: 10px;}