/* box ---------------------------------------------------------------------------------------- */
div[data-dinnum] > div {margin-bottom: 35px;overflow: hidden;}
div[data-dinnum] > div:last-child {margin-bottom: 0;}
.box {clear: both;position: relative;width:100%;}

/* box_title */
.box .box_title {position: relative;margin-bottom: 15px;height: 24px;}
.box .box_title .name {float: left;position: relative;font-size: 24px;line-height: 1;}
.box .box_title .link {}
.box .box_title .link:after {position: absolute;top: -6px;margin-left: 15px;content: '+';font-size: 22px;font-weight: 900;color: #0b4abb;}
/* .box .box_title .link:after {position: absolute;top: 3px;margin-left: 15px;content: url("/image/more_plus.png");} */
.box .box_title .line {border-top: 3px solid #900020;width: 70px;display: block;float: left;margin-top: 13px;margin-right: 20px;}

/* box_nav */
.box .box_nav {position: relative;width:100%;height: 35px;border-bottom: 1px solid #c5c4c2;margin-bottom: 10px;}
.box .box_nav .inner {position:absolute;width: 100%;height: 100%;}
.box .box_nav span {cursor: pointer;font-size: 16px;margin-right: 8px;padding-bottom: 4px;line-height: 40px;}
.box .box_nav span:last-child {margin-right: 0;}
.box .box_nav span.active {border-bottom: 2px solid royalblue;color: royalblue;font-weight: bold;}

/* 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;}
.article .thumb.play:after {position: absolute;top: 25px;left: 55px;content: url('/image/play-circle.png');}
.article .thumb img {width:100%;height: 100%;opacity: 0;}
.article .thumb .background {
    width:100%;
    overflow: hidden;
    background-position: center;
    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: none;overflow: hidden;color: #0b4abb;font-size: 14px;line-height: 1.2;margin-bottom: 5px;}
.article .title {font-size: 16px;line-height: 1.5;max-height: 50px;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-word;}
.article .sub_title {display: none;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;}
.article .desc {display: none;overflow: hidden;color: #aeaeae;font-size: 12px;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;}
.article .info {display: none;color: #aeaeae;font-size: 12px;}
.article .tag {display: none;}
.article .title:hover,
.article .sub_title:hover,
.article .desc:hover {text-decoration: underline;}

.margin_bottom_0 {margin-bottom: 0 !important;}
.border_0 {border: 0 !important;}

button {cursor: pointer;background-color: #fff;}

/* banner */
.adlink {background-color: aquamarine;}
.banner li {text-align: center;}
/* //box ---------------------------------------------------------------------------------------- */

/* newslist ---------------------------------------------------------------------------------------- */
.newslist .newslist_left {margin-bottom: 50px;}
.newslist .newslist_left .box_title {margin-bottom: 50px;}
.newslist .newslist_left .box_title .link:after {display: none;}
.newslist .newslist_left .box_title .name {font-weight: 600;}
.newslist .newslist_left .box_title span {font-size: 20px;margin-left: 10px;}
.newslist .newslist_left .box_title .link:nth-child(n+2) .name {font-size: 20px;font-weight: 500;margin-left: 40px;margin-top: 5px;}
.newslist .newslist_left .box_title .link:nth-child(n+2) .name::before {content: "|";color: #adadad;font-size: 12px;font-weight: 900;position: absolute;top: 3px;margin-right: 10px;left: -20px;}
.newslist .newslist_left .article {padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #dddddd;}
.newslist .newslist_left .article:last-child {margin-bottom: 0;}
.newslist .newslist_left .article .thumb {float: left;margin-right: 40px;width: 291px;height: 174px;}
.newslist .newslist_left .article .title {font-size: 18px;-webkit-line-clamp: 3;max-height: 84px;margin-top: 5px;margin-bottom: 5px;font-weight: 600;}
.newslist .newslist_left .article .category {display: block;margin-bottom: 0;float: left;font-size: 16px;line-height: 25px;color: #113576;}
.newslist .newslist_left .article .info {display: block;margin-bottom: 15px;}
.newslist .newslist_left .article .info .date::before {content: "|";position: absolute;top: -1px;left: -11px;font-size: 10px;font-weight: 900;color: #dddddd;}
.newslist .newslist_left .article .info .date {position: relative;margin-left: 20px;font-size: 16px;line-height: 25px;color: #666666;}
.newslist .newslist_left .article .info .writer {font-size: 16px;line-height: 25px;color: #666666;margin-left: 10px;}
.newslist .newslist_left .article .desc {display: block;display: -webkit-box;font-size: 19px;color: #666666;-webkit-line-clamp: 3;max-height: 90px;}

.page {text-align: center;}
.page .inner {display: inline-block;}
.page a {float: left;width: 28px;height: 28px;border: 1px solid #dddddd;margin-right: 5px;}
.page a:last-child {margin-right: 0;}
.page .no {font-size: 14px;color: #a0a0a0;line-height: 27px;}
.page .no.current {font-weight: bold;color: #cfd7e4;background-color: #113576;}
.page .first::after {content: url('/image/page_first.png');}
.page .prev::after {content: url('/image/page_prev.png');}
.page .next::after {content: url('/image/page_next.png');}
.page .last::after {content: url('/image/page_last.png');}
/* newslist ---------------------------------------------------------------------------------------- */

/* newsview ---------------------------------------------------------------------------------------- */
#wrap_index.newsview div.din.din3-111 > div[data-dinnum="1"] {float: left;width: 118px;margin-right: 30px;margin-top: 120px;}
#wrap_index.newsview div.din.din3-111 > div[data-dinnum="2"] {float: left;width: 802px;margin-left: 0;margin-right: 30px;padding: 0;}
#wrap_index.newsview div.din.din3-111 > div[data-dinnum="3"] {float: left;width: 300px;}
#wrap_index.newsview div.din.din3-111 > div[data-dinnum="2"] > div.din.din2-21 {width: 100%;}
#wrap_index.newsview div.din.din3-111 > div[data-dinnum="2"] > div.din.din2-21 > div[data-dinnum="1"] {float: left;width: calc(100% - 335px);padding-right: 35px;}
#wrap_index.newsview div.din.din3-111 > div[data-dinnum="2"] > div.din.din2-21 > div[data-dinnum="2"] {width: 300px;padding: 0;}

/* title_wrap */
#title_wrap {position: relative;margin-bottom: 20px !important;}
#title_wrap .info {text-align: center;margin-bottom: 10px;}
#title_wrap .info .category {display: inline-block;border: 1px solid #0b4abb;width: auto;border-radius: 10px;padding: 0 10px;font-size: 15px;line-height: 18px;color: #0b4abb;margin-right: 20px;}
#title_wrap .info .tag {font-size: 18px;color: #666666;}
#title_wrap .info .tag a {font-size: 18px;color: #666666;}
#title_wrap .info .tag::after {content: url('/image/pipe.png');margin: 0 5px 0 8px;}
#title_wrap .info .tag:last-child::after {content: none;}
#title_wrap .title {text-align: left;font-size: 34px;word-break: keep-all;font-weight: 600;margin-bottom: 20px;}
#title_wrap .date {font-size: 16px;color: #aaaaaa;}

/* left_reporter */
.left_reporter {text-align: center;margin-bottom: 20px !important;overflow: hidden !important;}
.left_reporter:first-child {}
.left_reporter img {width: 90px;height: 90px;border-radius: 50%;}
.left_reporter .name {text-align: center;font-size: 18px;font-weight: 600;position: relative;}
.left_reporter .name::after {content: url('/image/more_plus.png');margin-left: 5px;position: absolute;top: 3px;}
.left_reporter .naver {font-size: 16px;font-weight: 500;line-height: 30px;position: relative;padding-left: 23px;margin-top: 5px;}
.left_reporter .naver::before {content: url('/image/naver_journalist.png');position: absolute;top: 1px;left: 0px;}

/* left_share */
.left_share {margin-bottom: 20px !important;text-align: center;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding-top: 20px;width: 90px;margin-left: 14px;}
.left_share .icon {display: block;margin-bottom: 15px;line-height: 1;}
.left_share .icon .kakaotalk {content: url('/image/sns/newsview_kakaotalk.png');}
.left_share .icon .kakaotalk:hover {content: url('/image/sns/newsview_kakaotalk_over.png');}
.left_share .icon .naver {content: url('/image/sns/newsview_naver.png');}
.left_share .icon .naver:hover {content: url('/image/sns/newsview_naver_over.png');}
.left_share .icon .facebook {content: url('/image/sns/newsview_facebook.png');}
.left_share .icon .facebook:hover {content: url('/image/sns/newsview_facebook_over.png');}
.left_share .icon .twitter {content: url('/image/sns/newsview_twitter.png');}
.left_share .icon .twitter:hover {content: url('/image/sns/newsview_twitter_over.png');}
.left_share .icon .email {content: url('/image/sns/newsview_mail.png');}
.left_share .icon .email:hover {content: url('/image/sns/newsview_mail_over.png');}
.left_share .icon .print {content: url('/image/sns/newsview_printer.png');}
.left_share .icon .print:hover {content: url('/image/sns/newsview_printer_over.png');}
.left_share .icon .link {content: url('/image/sns/newsview_link.png');}
.left_share .icon .link:hover {content: url('/image/sns/newsview_link_over.png');}

/* left_family */
.left_family {margin-bottom: 20px !important;}
.left_family .title {text-align: center;font-size: 14px;font-weight: 600;color: #113576;margin-bottom: 20px;}
.left_family li {text-align: center;font-size: 12px;font-weight: 500;word-break: keep-all;line-height: 1.5;margin-bottom: 5px;}

/* body_wrap */
#body_wrap .sub_title {border-left: 2px solid #e9ecf4;padding-left: 10px;font-size: 18px;font-weight: 600;margin-bottom: 20px;}
#body_wrap .content {font-size: 18px;line-height: 1.6;text-align: justify;color: #666666;letter-spacing: -0.5px;font-weight: 400;overflow: hidden;}
#body_wrap .content img {max-width: 100% !important;height: auto;}
#body_wrap .content iframe{width: 100%;height: 451px;}
#body_wrap .content figure {margin-top:20px;margin-bottom:0; display: inline-table;}
#body_wrap .content figure figcaption {padding: 5px;line-height: 1.5em;font-size: 12pt;color: #aaaaaa;display: table-caption;caption-side: bottom;}
#body_wrap .content figure figcaption:empty{display:none;}
#body_wrap .content blockquote{margin: 0 0 17px 0;padding: 17px;border-top: 2px solid #aaaaaa;border-bottom: 1px solid #aaaaaa;font-size: 16px;}
#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 .align-center{display: table;margin-left: auto;margin-right: auto; text-align: center;width: 100%;}
#body_wrap .copyright {margin-top: 30px;}

/* relation_news */
.newsview .relation_news {}
.newsview .relation_news .box_title .link:after {display: none;}
.newsview .relation_news .article {margin-bottom: 10px;}
.newsview .relation_news .article .thumb {display: none;}
.newsview .relation_news .article .title {font-size: 19px;font-weight: 400;-webkit-line-clamp: 1;color: #666666;max-height: 30px;}
.newsview .relation_news .article:first-child {}
.newsview .relation_news .article:first-child .thumb {display: block;float: right;width: 134px;height: 81px;margin-left: 20px;}
.newsview .relation_news .article:first-child .title {margin-top: 5px;font-size: 22px;font-weight: 600;-webkit-line-clamp: 2;color: #222222;max-height: 70px;}

/* reporter_news */
.newsview .reporter_news {border: 1px solid #cccccc;padding: 30px;}
.newsview .reporter_news .reporter_info .thumb {display: block;float: left;width: 120px;height: 120px;border-radius: 50%;overflow: hidden;margin-right: 30px;}
.newsview .reporter_news .reporter_info .thumb img {width: 100%;height: 100%;}
.newsview .reporter_news .reporter_info .info {margin-bottom: 10px;position: relative;}
.newsview .reporter_news .reporter_info .info .name {font-weight: 600;font-size: 18px;margin-right: 20px;}
.newsview .reporter_news .reporter_info .info .email {color: #666666;}
.newsview .reporter_news .reporter_info .info::after {margin-left: 15px;content: url('/image/more_plus.png');position: absolute;top: 3px;}
.newsview .reporter_news .article {width: auto;}
.newsview .reporter_news .thumb {display: none;}
.newsview .reporter_news .title {font-weight: 400;color: #666666;font-size: 17px;}
.newsview .reporter_news .title:before {content: "·";padding-right: 5px;}

/* comment_area */
.comment_area {border-top: 1px solid #cccccc;padding-top: 50px;overflow: hidden !important;}
.comment_area .box_title {margin-bottom: 20px;}
.comment_area .box_title .name {font-size: 30px;color: #222222;margin-right: 10px;}
.comment_area .box_title .count {font-size: 22px;color: #666666;}
.comment_area .box_title .btn_login {margin-left: 10px;}
.comment_area .input {border: 1px solid #cccccc;margin-bottom: 30px;}
.comment_area .input .comment_input {font-size: 16px;color: #666666;padding: 10px;width: calc(100% - 20px);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: 40px;position: relative;margin-top: -5px;}
.comment_area .input .button_wrap .info {font-size: 14px;color: #999999;line-height: 40px;margin-left: 20px;}
.comment_area .input .button_wrap .length {font-size: 14px;color: #999999;position: absolute;right: 100px;top: 8px;}
.comment_area .input .button_wrap .length .comment_length {}
.comment_area .input .button_wrap button {background-color: #0b4abb;width: 80px;height: 40px;color: #ffffff;font-size: 16px;position: absolute;right: 0;cursor: pointer;}
.comment_area .sort {}
.comment_area .sort .item {font-size: 16px;color: #222222;margin-right: 10px;cursor: pointer;}
.comment_area .sort .item.active {color: #1e92e5;text-decoration: underline;}
.comment_area .list {}
.comment_area .list .item {border-top: 1px solid #cccccc;padding-top: 20px;margin-top: 20px;position: relative;}
.comment_area .list .item .thumb {width: 80px;height: 80px;float: left;position: absolute;top: 20px;left: 0;}
.comment_area .list .item .text_box {margin-left: 110px;}
.comment_area .list .item .title {margin-bottom: 20px;}
.comment_area .list .item .title .name {font-size: 18px;color: #0b4abb;font-weight: 600;margin-right: 20px;}
.comment_area .list .item .title .date {font-size: 16px;color: #999999;}
.comment_area .list .item .title .more {position: relative;float: right;}
.comment_area .list .item .title .more .open {width: 30px;height: 30px;background-image: url('/image/comment_more.png');background-position: center;background-repeat: no-repeat;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: 54px;background-color: #ffffff;border: 1px solid #cccccc;padding: 8px;}
.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;}
.comment_area .list .item .like {text-align: right;}
.comment_area .list .item .like .up {cursor: pointer;font-size: 16px;color: #f21a3d;position: relative;margin-right: 20px;margin-left: 30px;}
.comment_area .list .item .like .up::before {content: url('/image/thumb_up.png');position: absolute;top: 2px;left: -25px;}
.comment_area .list .item .like .down {cursor: pointer;font-size: 16px;color: #4867aa;position: relative;margin-left: 30px;}
.comment_area .list .item .like .down::before {content: url('/image/thumb_down.png');position: absolute;top: 2px;left: -25px;}
.comment_area .btn_social_login {margin-left: 10px;}
.comment_area .btn_social_login img {height: 30px;}
/* //newsview ---------------------------------------------------------------------------------------- */

/* headline */
.headline {margin-bottom: 20px !important;}
.headline .box_title {display:none;}
.headline .article {overflow: visible;}
.headline .article:first-child {width: 100%;z-index: 1;}
.headline .article:first-child .thumb {float: left;display:block;width: 415px; height: 234px;margin-right: 20px;}
.headline .article:first-child .title {margin-top: 0; padding-left: 0;max-height: 108px;line-height: 36px;font-size: 30px;font-weight: 600;-webkit-line-clamp: 3;color: #222222;}
.headline .article:first-child .title:before {content: "";}
.headline .article .thumb {display: none;}
.headline .article .title {position: relative;margin-bottom: 9px;padding-left: 10px;color: #666666;}
.headline .article .title:before {content: "·";margin-right: 5px;position: absolute;left: 0;}
.headline .article:last-child .title {margin-bottom: 0;}

/* headline_side */
.headline_side {}
.headline_side .box_title .name {font-size: 24px;}
.headline_side .box_title .link {display: none;}
.headline_side .article {margin-bottom: 15px;border-bottom: 1px solid #dddddd;padding-bottom: 15px;}
.headline_side .article:last-child {margin-bottom: 0;border-bottom: 0;padding-bottom: 0;}
.headline_side .article .thumb {display: none;}
.headline_side .article .title {-webkit-line-clamp: 2;}

/* headline_sub */
.headline_sub {}
.headline_sub .box_title {display:none;}
.headline_sub .article {float: left;width: calc((100% - 60px) / 4);margin-right: 20px;}
.headline_sub .article:last-child {margin-right: 0;}
.headline_sub .article .thumb {display:none;}
.headline_sub .article .category {display: block;font-weight: 600;}
.headline_sub .article .title {-webkit-line-clamp: 3;max-height: 75px;}

/* main_1 */
.main_1 {}
.main_1 .article {float: left;width: 210px;margin-right: calc((100% - (210px * 4)) / 3);}
.main_1 .article:last-child {margin-right: 0;}
.din.din2-11 > div[data-dinnum="1"] > .main_1 .article:last-child {border-right: 1px solid #dddddd;padding-right: 24px;}
.main_1 .article .thumb {height: 126px;margin-bottom: 15px;}
.main_1 .article .title {font-size: 14px;max-height: 44px;font-weight: 400;}

/* main_2 */
.main_2 {}
.din.din2-11 > div[data-dinnum="1"] > .main_2 .list {border-right: 1px solid #dddddd;padding-right: 25px;}
.din.din2-11 > div[data-dinnum="2"] > .main_2 .box_title {margin-left: 25px;}
.din.din2-11 > div[data-dinnum="2"] > .main_2 .list {padding-left: 25px;}
.main_2 .article {margin-bottom: 20px;}
.main_2 .article:last-child {margin-bottom: 0;}
.main_2 .article .thumb {float: left;width: 160px;height: 96px;margin-right: 20px;}
.main_2 .article .category {display: block;margin-top: 10px;}
.main_2 .article .title {}

/* right_1 */
.right_1 {}
.right_1 .article {margin-bottom: 20px;height: 73px;}
.right_1 .article:last-child {margin-bottom: 0;}
.right_1 .article .thumb {float: left;width: 130px;margin-right: 20px;}
.right_1 .article .title {-webkit-line-clamp: 3;max-height: 72px;}

/* numbers */
.numbers {}
.numbers .box_wrap {width: 100%;background-color: #e9ecf4;padding: 35px 0;}
.numbers .box_title {width: 1280px;margin: 0 auto;margin-bottom: 15px;}
.numbers .box_title .name {font-style: italic;color: #113576;}
.numbers .list {width: 1280px;height: 225px; margin: 0 auto;}
.numbers .article {float: left;width: 290px;margin-right: calc((100% - (290px * 4)) / 3);}
.numbers .article:last-child {margin-right: 0;}
.numbers .article .thumb {width: 290px;height: 163px;margin-bottom: 15px;}
.numbers .article .title {}

/* timeline */
.timeline {overflow: visible !important;}
.timeline .box_title {text-align: center;margin-bottom: 20px;}
.timeline .box_title .name {float: none;font-size: 27px;font-weight: 400;line-height: 1.6;}
.timeline .box_title .name:before {content: "#";color: #3166c3;}
.timeline .box_title .link:after {display: none;}
.timeline .list {border-left: 1px solid #0b4abb;margin-left: 6px;padding-left: 25px;margin-bottom: 0;}
.timeline .article {overflow: visible;margin-bottom: 30px;padding-top: 15px;}
.timeline .article:last-child {margin-bottom: 0;}
.timeline .article .thumb {display: none;}
.timeline .article .title {width: auto;margin-top: 0;color: #666666;-webkit-line-clamp: 2;font-weight: 500;}
.timeline .article .info {display: block;position: absolute;top: -5px;}
.timeline .article .info .writer {display: none;}
.timeline .article .info .date {font-size: 14px;color: #0b4abb;}
.timeline .article:before {position: absolute;left: -32px;top: -4px;content: url("/image/ellipse.png");}

/* week_edition */
.week_edition {}
.week_edition.title {margin-top: 35px;margin-bottom: 0;}
.week_edition .list_wrap .list {display: none;}
.week_edition .list_wrap .list:first-child {display: block;}
.week_edition .week_list {float: left;margin-left: 40px;margin-top: 5px;}
.week_edition .week_list .name {font-size: 16px;color: #666666;cursor: pointer;}
.week_edition .week_list .name.acvite {color: #0b4abb;font-weight: 500;}
.week_edition .week_list .name:after {content: url("/image/pipe.png");padding: 0 9px;cursor: auto;}
.week_edition .week_list .name:last-child::after {display: none;}
.week_edition .article {float: left;width: calc((100% - 160px) / 5);margin-right: 40px;position: relative;}
.week_edition .article:last-child {margin-right: 0;}
.week_edition .article .thumb {height: 134px;margin-bottom: 20px;}
.week_edition .article .category {display: block;background-color: #ffffff;width: 80px;height: 24px;position: absolute;top: 123px;left: calc((100% - 80px) / 2);z-index: 10;text-align: center;line-height: 24px;color: #0b4abb;font-weight: 500;}
/* .week_edition .article .category {display: inline-block;border: 1px solid #0b4abb !important;color: #0b4abb !important; width: auto;border-radius: 10px;padding: 0 10px;font-size: 15px;} */
.week_edition .article .title {max-height: 50px;font-weight: 600;}

/* section_headline */
.section_headline {margin-bottom: 50px !important;}
.section_headline .box_title {display: none;}
.section_headline .article {overflow: visible;width: 435px;margin-left: 505px;border-top: 1px solid #dddddd;padding-top: 14px;}
.section_headline .article .thumb {display: none;}
.section_headline .article .title {position: relative;margin-bottom: 14px;font-size: 18px;max-height: 54px;}
.section_headline .article:first-child {width: 100%;z-index: 1;margin-left: 0;}
.section_headline .article:first-child .thumb {float: left;display: block; width: 480px;height: 288px;margin-right: 25px;border: 0;padding: 0;}
.section_headline .article:first-child .category {display: block;}
.section_headline .article:first-child .title {font-size: 30px;line-height: 1.2;max-height: 107px;font-weight: 600;overflow: hidden;-webkit-line-clamp: 3;}
.section_headline .article:last-child {border-bottom: 1px solid #dddddd;}

/* section_headline2 */
.section_headline2 {}
.section_headline2 .box_title {display: none;}
.section_headline2 .article {overflow: visible;width: auto;padding-top: 14px;}
.section_headline2 .article .thumb {display: none;}
.section_headline2 .article .title {position: relative;font-size: 16px;max-height: 48px;padding-left: 10px;color: #666;}
.section_headline2 .article .title::before {content: "·";margin-right: 5px;position: absolute;left: 0px;}
.section_headline2 .article:first-child {width: 100%;z-index: 1;margin-left: 0;padding-top: 1px;}
.section_headline2 .article:first-child .thumb {float: left;display: block; width: 435px;height: 261px;margin-right: 20px;border: 0;padding: 0;margin-top: 60px;}
.section_headline2 .article:first-child .title {font-size: 36px;line-height: 1.2;max-height: 43px;font-weight: 600;overflow: hidden;-webkit-line-clamp: 1;position: absolute;padding: 0;color: #000;}
.section_headline2 .article:first-child .title::before {content: none;}
.section_headline2 .article:nth-child(2) {margin-top: 55px;}

/* section_dataview */
.section_dataview {border-top: 3px solid #666666;padding-top: 50px;border-bottom: 1px solid #999999;padding-bottom: 50px;}
.section_dataview .article_wrap {float: left;width: 285px;}
.section_dataview .box_title {float: right;height: auto;}
.section_dataview .box_title .link:after {display: none;}
.section_dataview .box_title .name {color: #113576;font-size: 34px;line-height: 1.2;text-align: right;}
.section_dataview .list {}
.section_dataview .article {}
.section_dataview .article .thumb {display: none;}
.section_dataview .article .title {float: right;font-size: 20px;width: 80%;max-height: 160px;text-align: right;-webkit-line-clamp: 5;font-weight: 500;}
.section_dataview .adddata {border-left: 1px solid #dddddd;float: right;margin-left: 19px;padding-left: 19px;width: calc(100% - 326px);height: 260px;}
.section_dataview .adddata li:first-child {width: 100%;margin-bottom: 20px;padding-bottom: 40px;border-bottom: 1px solid #dddddd;}
.section_dataview .adddata li:first-child .title {font-size: 48px;font-weight: 600;margin-top: 0;margin-bottom: 20px;}
.section_dataview .adddata li:first-child .desc {font-size: 18px;}
.section_dataview .adddata li {float: left;width: calc(50% - 20px);margin-right: 19px;}
.section_dataview .adddata li .title {font-size: 30px;font-weight: 600;line-height: 1.0;margin-top:20px;margin-bottom: 10px;}
.section_dataview .adddata li .desc {font-size: 18px;font-weight: 500;}
.section_dataview .adddata li:last-child {float: left;height: 100px;margin-right: 0;padding-left: 18px;border-left: 1px solid #dddddd;}

/* section_newslist */
.section_newslist {}
.section_newslist .box_title {display: none;}
/* .section_newslist .article:nth-child(-n+3) {border-top: 0;padding-top: 0;} */
.section_newslist .article {float: left;width: 290px;margin-right: 35px;margin-bottom: 30px;/*padding-top: 30px;border-top: 1px solid #dddddd;*/}
.section_newslist .article:nth-child(3n) {margin-right: 0;}
.section_newslist .article .thumb {height: 174px;margin-bottom: 15px;}
.section_newslist .article .category {display: block;margin-bottom: 7px;}
.section_newslist .article .title {height: 50px;font-size: 16px;line-height: 1.5;}

/* right_newsletter */
.right_newsletter {background-color: #e9ecf4;padding: 20px 30px;}
.right_newsletter .title {font-size: 23px;line-height: 1;font-weight: bold;margin-bottom: 10px;color: #113576;text-align: center;}
.right_newsletter .desc {font-size: 13px;line-height: 1.4;margin-bottom: 0;color: #666;}
.right_newsletter .memo {font-size: 11px;line-height: 1.4;margin-bottom: 10px;color: #aaa;}
.right_newsletter .form input {width: 100%;height: 37px;float: left;padding-left: 10px;margin-bottom: 5px;border-radius: 3px;border: solid 1px #b2bed3;background-color: #f2f4f8;}
.right_newsletter .form input:nth-child(2) {margin-bottom: 10px;}
.right_newsletter .form button {width: 100%;height: 37px;background-color: #113576;color: #ffffff;cursor: pointer;}
.right_newsletter .share {position: unset;margin-top: 20px;display: flex;justify-content: space-around;}
.right_newsletter .share .icon {display: flex;justify-content: center;align-items: center;width: 35px;height: 35px;background-color: #bfbfbf;border-radius: 50%;margin: 0;}


/* section_tech_latestnews */
.section_tech_latestnews {float: right; width: 290px;}
.section_tech_latestnews .box_title .name {margin-bottom: 35px;}
.section_tech_latestnews .article {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #dddddd;}
.section_tech_latestnews .article:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.section_tech_latestnews .article .thumb {float: right;width: 96px;height: 96px;margin-left: 20px;}
.section_tech_latestnews .article .category {display: block;margin-top: 10px;}
.section_tech_latestnews .article .title {margin-top: 10px;-webkit-line-clamp: 3;max-height: 72px;}

/* section_tech_top */
.section_tech_top {float: left; width: 920px;}
.section_tech_top .box_title {display: none;}
.section_tech_top .article:first-child {width: 100%;margin-bottom: 35px;margin-right: 0;}
.section_tech_top .article:first-child .thumb {float: right;width: 601px;height: 301px;margin-left: 35px;margin-bottom: 0;}
.section_tech_top .article:first-child .text_box {width: calc(100% - 636px);height: 301px;padding-top: 45px;border-top: 3px solid #ffffff;border-bottom: 1px solid #999999;}
.section_tech_top .article:first-child .title {font-size: 35px;-webkit-line-clamp: 4;line-height: 1.3;max-height: 180px;font-weight: 600;}
.section_tech_top .article {width: 282px;float: left;margin-right: 37px;}
.section_tech_top .article:last-child {margin-right: 0;}
.section_tech_top .article .thumb {width: 282px;height: 159px;margin-bottom: 20px;}
.section_tech_top .article .title {color: #ffffff;font-weight: 400;}

/* section_tech_special */
.section_tech_special {width: 1280px;margin: 0 auto;background-color: #ffffff;margin-top: 35px;padding: 30px;}
.section_tech_special .box_title {display: none;}
.section_tech_special .article .thumb {float: right;width: 795px;height: 222px;}
.section_tech_special .article .text_box {float: left;width: calc(100% - 800px);padding: 43px 40px;}
.section_tech_special .article .tag {display: block;width: 310px;max-height: 49px;}
.section_tech_special .article .title {font-size: 35px;line-height: 1.3;-webkit-line-clamp: 3;max-height: 135px;font-weight: 600;}
.section_tech_special .article .tag * {margin-right: 10px;font-size: 16px;}

/* section_tech_series */
.section_tech_series {width: 1280px;margin: 0 auto;}
.section_tech_series .box_title .name {color: #ffffff;}
.section_tech_series .article {float: left;width: 290px;margin-right: 40px;}
.section_tech_series .article:last-child {margin-right: 0;}
.section_tech_series .article .thumb {height: 163px;margin-bottom: 20px;}
.section_tech_series .article .title {color: #ffffff;height: 50px;font-weight: 400;}

/* section_tech_newslist */
.section_tech_newslist {width: 1280px;margin: 0 auto;}
.section_tech_newslist .box_title {display: none;}
.section_tech_newslist .article:first-child {float: left;width: 950px;margin-top: 0;border: 0;padding-bottom: 0;}
.section_tech_newslist .article:first-child .thumb {float: left;width: 620px;height: 344px;margin-right: 40px;margin-bottom: 0;}
.section_tech_newslist .article:first-child .text_box {float: left;width: 290px;height: 344px;padding-top: 0;border-top: 3px solid #ffffff;border-bottom: 1px solid #999999;}
.section_tech_newslist .article:first-child .category {display: none;font-size: 20px;margin-bottom: 10px;}
.section_tech_newslist .article:first-child .title {font-size: 34px;-webkit-line-clamp: 4;line-height: 1.3;max-height: 176px;height: auto;font-weight: 500;margin-top: 75px;}
.section_tech_newslist .article:nth-child(2) {background-color: #ffffff;width: 290px;float: left;margin-right: 0;margin-top: 0;border: 0;padding-bottom: 0;}
.section_tech_newslist .article:nth-child(2) .thumb {height: 163px;margin-bottom: 0;}
.section_tech_newslist .article:nth-child(2) .text_box {padding: 50px 20px;height: 180px;}
.section_tech_newslist .article:nth-child(2) .category {color: #0b4abb;text-align: center;}
.section_tech_newslist .article:nth-child(2) .title {color: #000000;-webkit-line-clamp: 2;max-height: 48px;height: auto;text-align: center;font-weight: 600;}
.section_tech_newslist .article {float: left;width: 290px;margin-right: 40px;margin-bottom: 35px;}
.section_tech_newslist .article:nth-child(4n+2) {margin-right: 0;}
.section_tech_newslist .article .thumb {height: 163px;margin-bottom: 10px;}
.section_tech_newslist .article .category {display: block;color: #95bbff;}
.section_tech_newslist .article .title {color: #ffffff;height: 50px;font-weight: 400;}

/* right_ranknews */
.box.right_ranknews {}
.right_ranknews .box_title {}
.right_ranknews .box_title .link:after {content: none;}
.right_ranknews .article {counter-increment: ranknews_counter;margin-bottom: 10px;}
.right_ranknews .article:last-child {margin-bottom: 0;}
.right_ranknews .article::before {content: counter(ranknews_counter);text-align: left;width: 25px;font-size: 25px;font-weight: 300;float: left;line-height: 20px;margin-top: 5px;margin-right: 5px;color: #0b4abb;}
.right_ranknews .article .thumb {display: none;}
.right_ranknews .article .title {font-size: 17px;font-weight: 400;line-height: 1.5;}

/* 메인개편 202109 */
/* main_headline */
.main_headline {}
.main_headline .box_title {display: none;}
.main_headline .article {overflow: visible;}
.main_headline .article .thumb {display: none;}
.main_headline .article .title {position: relative;font-size: 20px;font-weight: bold;line-height: 1.6;-webkit-line-clamp: 1;max-height: 32px;padding-left: 20px;}
.main_headline .article .title:before {content: "·";margin-right: 5px;position: absolute;left: 0;}
.main_headline .article:first-child .text_box {height: 278px;}
.main_headline .article:first-child .thumb {display: block;float: left;width: 570px;height: 342px;margin-right: 20px;}
.main_headline .article:first-child .title {font-size: 34px;font-weight: bold;line-height: 1.3;-webkit-line-clamp: 3;max-height: 132px;margin-bottom: 10px;padding-left: 0;}
.main_headline .article:first-child .title:before {content: unset;}
.main_headline .article:first-child .desc {display: block;display: -webkit-box;color: #747474;font-size: 18px;font-weight: 400;line-height: 1.6;-webkit-line-clamp: 3;max-height: 84px;}

/* main_ranknews */
.box.main_ranknews {}
.main_ranknews .box_title .name {font-size: 26px;}
.main_ranknews .box_title .link:after {content: none;}
.main_ranknews .article {counter-increment: ranknews_counter;margin-bottom: 10px;min-height: 27px;}
.main_ranknews .article:last-child {margin-bottom: 0;}
.main_ranknews .article::before {content: counter(ranknews_counter);text-align: left;width: 25px;font-size: 26px;font-weight: normal;float: left;line-height: 20px;margin-top: 5px;margin-right: 5px;color: #0b4abb;}
.main_ranknews .article .thumb {display: none;}
.main_ranknews .article .title {font-size: 16px;font-weight: 500;line-height: 1.6;}

/* main_sub_headline */
.main_sub_headline {}
.main_sub_headline .box_title {display: none;}
.main_sub_headline .list {display: flex;flex-direction: row;justify-content: space-between;}
.main_sub_headline .article {width: 406px;}
.main_sub_headline .article .thumb {width: 406px;height: 229px;margin-bottom: 10px;}
.main_sub_headline .article .category {display: block;font-size: 20px;font-weight: 500;}
.main_sub_headline .article .category::before {content: "[";}
.main_sub_headline .article .category::after {content: "]";}
.main_sub_headline .article .title {font-size: 20px;font-weight: 500;max-height: 60px;}

/* main_newslist */
.main_newslist {}
.main_newslist .box_title {display: none;}
.main_newslist .list {display: flex;flex-direction: column;}
.main_newslist .article {border-bottom: 1px solid #d2d2d2;padding: 25px 0;display: flex;flex-direction: row-reverse;justify-content: space-between;}
.main_newslist .article:first-child {padding-top: 0;}
.main_newslist .article .text_box {}
.main_newslist .article .text_box .link {display: flex;flex-direction: row;margin-bottom: 15px;}
.main_newslist .article .thumb {width: 294px;height: 177px;margin-left: 30px;}
.main_newslist .article .title {font-size: 32px;font-weight: bold;line-height: 1.4;-webkit-line-clamp: 3;width: 290px;max-height: 134px;margin-right: 45px;}
.main_newslist .article .desc {display: block;display: -webkit-box;font-size: 16px;font-weight: normal;line-height: 1.7;color: #747474;-webkit-line-clamp: 5;width: 290px;max-height: 134px;}
.main_newslist .article .tags {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.main_newslist .article .tags a {color: #9db7e4;font-size: 18px;font-weight: normal;margin-right: 5px;}
.main_newslist .more_list {font-size: 28px;font-weight: bold;line-height: 1;text-align: center;margin-top: 25px;cursor: pointer;}

/* main_series */
.main_series {border-bottom: 1px solid #d2d2d2;padding-bottom: 25px;margin-bottom: 25px !important;}
.main_series .box_title {display: block;}
.main_series .box_title .link:after {display: none;}
.main_series .box_title .name {font-size: 28px;}
.main_series .article {position: relative;width: auto;border-bottom: 1px solid #d2d2d2;padding: 15px 0;}
.main_series .article .thumb {display: none;}
.main_series .article .title {font-size: 24px;font-weight: 500;line-height: 1.4;max-height: 66px;margin-left: 10px;height: 66px;}
.main_series .article:first-child {float: left;margin-right: 20px;border-bottom: 0;padding: 0;}
.main_series .article:first-child .thumb {display: block;width: 589px;height: 354px;}
.main_series .article:first-child .text_box {position: absolute;bottom: 0;width: 100%;height: 40%;padding: 20px;display: flex;align-items: flex-end;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%)}
.main_series .article:first-child .title {color: #fff;font-size: 30px;font-weight: bold;line-height: 1.3;height: auto;max-height: 78px;margin-left: 0;}
.main_series .article:nth-child(2) {padding-top: 0;}
.main_series .article:nth-child(5) {border-bottom: 0;padding-bottom: 0;}
.main_series .article:nth-child(n+6) {display: none;}
.main_series .article.category .prefix {color: #0b4abb;font-size: 20px;font-weight: bold;font-style: italic;line-height: 1.4;margin-left: 10px;}
.main_series .article.category .name {color: #252525;font-size: 24px;font-weight: bold;line-height: 1.4;margin-left: 10px;}

/* main_category_news */
.main_category_news {display: flex;flex-direction: row;}
.main_category_news .box_title {display: none;}
.main_category_news .category_list {width: 296px;margin-right: 45px;}
.main_category_news .category_list li {border-top: solid 1px #d2d2d2;color: #252525;font-size: 18px;font-weight: 400;line-height: 2.2;padding-left: 20px;cursor: pointer;}
.main_category_news .category_list li:last-child {border-bottom: solid 1px #d2d2d2;}
.main_category_news .category_list li.active {background-color: #434343;color: #fff;}
.main_category_news .list {width: 940px;}
.main_category_news .article {display: flex;flex-direction: row-reverse;justify-content: space-between;border-top: solid 1px #d2d2d2;padding: 20px 0;}
.main_category_news .article:last-child {border-bottom: solid 1px #d2d2d2;}
.main_category_news .article .thumb {width: 294px;height: 177px;margin-left: 30px;}
.main_category_news .article .category {display: block;font-size: 16px;font-weight: 400;line-height: 1;color: #3b3b3b;}
.main_category_news .article .title {color: #252525;font-size: 22px;font-weight: bold;line-height: 1.6;max-height: 70px;margin-bottom: 20px;}
.main_category_news .article .desc {display: block;display: -webkit-box;color: #747474;font-size: 14px;font-weight: normal;line-height: 1.6;-webkit-line-clamp: 3;max-height: 66px;}

/* header_latest_news */
.header_latest_news {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;width: 890px;}
.header_latest_news .box_title {border-radius: 3px;background-color: #eb6877;display: flex;justify-content: center;align-items: center;padding: 5px 5px;margin: 0 10px 0 0; height: auto;}
.header_latest_news .box_title .name {color: #fff;font-size: 14px;font-weight: bold;line-height: 1;}
.header_latest_news .box_title .link:after {content: none;}
.header_latest_news .swiper {margin-left: 0;}
.header_latest_news .list {height: 24px;}
.header_latest_news .article {}
.header_latest_news .article .thumb {display: none;}
.header_latest_news .article .title {font-size: 16px;font-weight: normal;}

/* //메인개편 202109 */


/* right_series */
.right_series {}
.right_series .box_title .link:after {content: none;}
.right_series .article {margin-bottom: 30px;}
.right_series .article:last-child {margin-bottom: 0;}
.right_series .article .thumb {height: 180px;margin-bottom: 20px;}
.right_series .article .category {display: inline-block;border: 1px solid #0b4abb;width: auto;border-radius: 10px;padding: 0 10px;font-size: 15px;}
.right_series .article .title {font-size: 19px;line-height: 1.4;}

/* section_review_top */
.section_review_top {width: 1280px;margin: 0 auto;}
.section_review_top .box_title {display: none;}
.section_review_top .list {width: 100%;overflow: hidden;}
.section_review_top .article:first-child {display: block;position: relative;width: 1280px;height: 285px;}
.section_review_top .article:first-child .thumb {display: block;width: 1280px;height: 285px;}
.section_review_top .article:first-child .text_box {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 528px;
    height: 285px;
    padding: 60px 40px 40px 40px;
    background: -moz-linear-gradient(left, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /* Firefox 3.6 ~ 15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(104, 104, 104, 0.95)), color-stop(50%, rgba(104, 104, 104, 0.95)), color-stop(100%, rgba(104, 104, 104, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /* Opera 11.1~ 12.0 */
    background: -ms-linear-gradient(left, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee686868', endColorstr='#00686868', GradientType=1); /*IE6~8*/
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee686868', endColorstr='#00686868', GradientType=1); /*IE8+*/
    background: linear-gradient(to right, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /*  */
}
.section_review_top .article:first-child .title {font-size: 35px;text-shadow: 1.9px 2.3px 1px rgba(16, 16, 16, 0.75);-webkit-line-clamp: 3;max-height: 156px;width: 400px;margin-top: 0;}
.section_review_top .article {width: 448px;height: 95px;
    background: -moz-linear-gradient(right, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /* Firefox 3.6 ~ 15 */
	background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(104, 104, 104, 0.95)), color-stop(50%, rgba(104, 104, 104, 0.95)), color-stop(100%, rgba(104, 104, 104, 0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(right, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(right, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /* Opera 11.1~ 12.0 */
	background: -ms-linear-gradient(right, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00686868', endColorstr='#00686868', GradientType=1); /*IE6~8*/
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00686868', endColorstr='#ee686868', GradientType=1); /*IE8+*/
    background: linear-gradient(to left, rgba(104, 104, 104, 0.95) 0%, rgba(104, 104, 104, 0.95) 50%, rgba(104, 104, 104, 0) 100%); /*  */
}
.section_review_top .article:nth-child(2) {position: absolute;right: 0;top:0px;}
.section_review_top .article:nth-child(3) {position: absolute;right: 0;top:95px;}
.section_review_top .article:nth-child(4) {position: absolute;right: 0;top:190px;}
.section_review_top .article .thumb {display: none;}
.section_review_top .article .text_box {}
.section_review_top .article .category {}
.section_review_top .article .title {color: #ffffff;text-shadow: 1.3px 1.5px 1px rgba(16, 16, 16, 0.75);width: 260px;margin-top: 20px;float: right;margin-right: 40px;font-weight: 400;}
.section_review_top .slick-prev,
.section_review_top .slick-next {z-index: 99;top: calc((100% - 30px) / 2);width: 35px;height: 60px;}
.section_review_top .slick-prev {left: 30px;}
.section_review_top .slick-next {right: 45px;}
.section_review_top .slick-prev::before {content: url('/image/arrow_left.png');}
.section_review_top .slick-next::before {content: url('/image/arrow_right.png');}
.section_review_top .slick-dots {left: 540px;bottom: 30px;}
.section_review_top .slick-dots li {margin: 0 8px;}
.section_review_top .slick-dots li button::before {font-size: 22px;color: #ffffff;opacity: 1;}
.section_review_top .slick-dots li.slick-active button:before {color: #900020;}
.section_review_top .slick-dotted.slick-slider {margin-bottom: 0;}

/* section_news4_more */
.section_news4_more {width: 1280px;margin: 0 auto;}
.section_news4_more .box_title {}
.section_news4_more .list {display: flex;}
.section_news4_more .article {float: left;width: 293px;margin-right: calc((100% - (293px * 4)) / 3);}
.section_news4_more .article:last-child {margin-right: 0;}
.section_news4_more .article .thumb {width: 293px;height: 165px;margin-bottom: 20px;}
.section_news4_more .article .title {}
.section_news4_more.color_white .box_title .name {color: #ffffff;}
.section_news4_more.color_white .article .title {color: #ffffff;font-weight: 400;}
.box .view_more {display: block;width: 100%;height: 50px;font-size: 28px;background-color: #900020;color: #ffffff;font-weight: 600;text-align: center;padding: 10px 0;margin-top: 50px;}

/* section_newslist2 */
.section_newslist2 {width: 1280px;margin: 0 auto;}
.section_newslist2 .box_title {display: none;}
.section_newslist2 .article {float: left;width: 293px;height: 338px;background-color: #ffffff;margin-right: calc((100% - (293px * 4)) / 3);margin-bottom: 40px;}
.section_newslist2 .article:nth-child(4n) {margin-right: 0;}
.section_newslist2 .article:nth-last-child(-n+4) {margin-bottom: 0;}
.section_newslist2 .article .thumb {width: 293px;height: 165px;}
.section_newslist2 .article .text_box {padding: 15px;}
.section_newslist2 .article .category {display: block;font-size: 16px;margin-bottom: 10px;}
.section_newslist2 .article .title {margin-bottom: 10px;font-weight: 600;}
.section_newslist2 .article .desc {display: block;display: -webkit-box;-webkit-line-clamp: 4;font-size: 12px;color: #666666;}

/* section_culture_top */
.section_culture_top {float: left; width: 920px;}
.section_culture_top .box_title {display: none;}
.section_culture_top .article:first-child {width: 100%;margin-bottom: 35px;margin-right: 0;}
.section_culture_top .article:first-child .thumb {float: right;width: 601px;height: 301px;margin-left: 35px;margin-bottom: 0;}
.section_culture_top .article:first-child .text_box {width: calc(100% - 636px);height: 301px;padding-top: 45px;border-top: 3px solid #ffffff;border-bottom: 1px solid #999999;}
.section_culture_top .article:first-child .title {font-size: 35px;-webkit-line-clamp: 4;line-height: 1.3;max-height: 180px;font-weight: 600;}
.section_culture_top .article {width: 282px;float: left;margin-right: 37px;}
.section_culture_top .article:last-child {margin-right: 0;}
.section_culture_top .article .thumb {width: 282px;height: 159px;margin-bottom: 20px;}
.section_culture_top .article .title {}

/* section_blotertv_top */
.section_blotertv_top {}
.section_blotertv_top .box_title {display: none;}
.section_blotertv_top .article {float: left;width: 290px;margin-right: 30px;}
.section_blotertv_top .article:nth-child(2n + 3) {margin-right: 0;}
.section_blotertv_top .article:nth-child(2),
.section_blotertv_top .article:nth-child(3) {margin-bottom: 15px;}
.section_blotertv_top .article .thumb {width: 290px;height: 163px;margin-bottom: 3px;}
.section_blotertv_top .article .title {font-size: 16px;font-weight: 500;line-height: 1.5;}
.section_blotertv_top .article:first-child {width: 640px;}
.section_blotertv_top .article:first-child .thumb {width: 640px;height: 359px;margin-bottom: 0;}
.section_blotertv_top .article:first-child .title {font-size: 30px;font-weight: 500;line-height: 1.4;max-height: 84px;}

/* section_blotertv_mid */
.section_blotertv_mid {}
.section_blotertv_mid .article {float: left;width: 290px;margin-right: 30px;}
.section_blotertv_mid .article:nth-child(2n + 3) {margin-right: 0;}
.section_blotertv_mid .article:nth-child(2),
.section_blotertv_mid .article:nth-child(3) {margin-bottom: 15px;}
.section_blotertv_mid .article .thumb {width: 290px;height: 163px;margin-bottom: 3px;}
.section_blotertv_mid .article .title {font-size: 16px;font-weight: 500;line-height: 1.5;}
.section_blotertv_mid .article:first-child {float: right;width: 640px;margin-right: 0;margin-left: 30px;}
.section_blotertv_mid .article:first-child .thumb {width: 640px;height: 359px;margin-bottom: 0;}
.section_blotertv_mid .article:first-child .title {font-size: 30px;font-weight: 500;line-height: 1.4;max-height: 84px;}

/* section business 20211028 */
.section_business_headline {margin-bottom: 30px !important;}
.section_business_headline .box_title {display: none;}
.section_business_headline .article {position: relative;width: auto;border-bottom: 1px solid #d2d2d2;padding: 13px 0;}
.section_business_headline .article .thumb {display: none;}
.section_business_headline .article .title {color: #252525;font-size: 24px;font-weight: 500;line-height: 1.25;max-height: 60px;margin-left: 10px;height: 60px;}
.section_business_headline .article:first-child {float: left;margin-right: 20px;border-bottom: 0;padding: 0;}
.section_business_headline .article:first-child .thumb {display: block;width: 570px;height: 320px;}
.section_business_headline .article:first-child .text_box {position: absolute;bottom: 0;width: 100%;height: 40%;padding: 20px;display: flex;align-items: flex-end;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%)}
.section_business_headline .article:first-child .title {color: #fff;font-size: 30px;font-weight: bold;line-height: 1.5;height: auto;max-height: 90px;margin-left: 0;}
.section_business_headline .article:nth-child(2) {padding-top: 0;}
.section_business_headline .article:nth-child(5) {border-bottom: 0;padding-bottom: 0;}
.section_business_headline .article:nth-child(n+6) {display: none;}

.section_business_sub {margin-bottom: 0 !important;}
.section_business_sub .box_title {display: none;}
.section_business_sub .list {display: flex;flex-direction: row;flex-wrap: wrap;}
.section_business_sub .article {margin: 0 25px 25px 0;width: calc((100% - 50px) / 3);}
.section_business_sub .article:nth-child(3n) {margin-right: 0;}
.section_business_sub .article:nth-last-child(-n+3) {margin-bottom: 0;}
.section_business_sub .article .thumb {height: 167px;margin-bottom: 5px;}
.section_business_sub .article .title {color: #252525;font-size: 20px;font-weight: 500;line-height: 1.4;max-height: 56px;}

.section_business_right {}
.section_business_right .article {margin-bottom: 20px;}
.section_business_right .article:last-child {margin-bottom: 0;}
.section_business_right .article .thumb {height: 169px;margin-bottom: 10px;}
.section_business_right .article .title {color: #252525;font-size: 20px;font-weight: 500;line-height: 1.4;max-height: 56px;}

.section_business_newslist_3 {}
.section_business_newslist_3 .box_title {display: none;}
.section_business_newslist_3 .list {display: flex;flex-direction: row;flex-wrap: wrap;}
.section_business_newslist_3 .article {margin: 0 30px 25px 0;width: calc((100% - 60px) / 3);}
.section_business_newslist_3 .article:nth-child(3n) {margin-right: 0;}
.section_business_newslist_3 .article:nth-last-child(-n+3) {margin-bottom: 0;}
.section_business_newslist_3 .article .thumb {height: 229px;margin-bottom: 5px;}
.section_business_newslist_3 .article .title {color: #252525;font-size: 20px;font-weight: 500;line-height: 1.4;max-height: 56px;}

.section_business_newslist_4 {}
.section_business_newslist_4 .box_title {display: none;}
.section_business_newslist_4 .list {display: flex;flex-direction: row;flex-wrap: wrap;}
.section_business_newslist_4 .article {margin: 0 25px 25px 0;width: calc((100% - 75px) / 4);}
.section_business_newslist_4 .article:nth-child(4n) {margin-right: 0;}
.section_business_newslist_4 .article:nth-last-child(-n+4) {margin-bottom: 0;}
.section_business_newslist_4 .article .thumb {height: 169px;margin-bottom: 5px;}
.section_business_newslist_4 .article .title {color: #131313;font-size: 18px;font-weight: normal;line-height: 1.4;max-height: 50px;}
/* //section business 20211028 */

/* section tech 20220113 */
.section_tech_headline_area {width: 100%;background-color: #1697d3;margin-bottom: 30px;}
.section_tech_headline_area > div[data-dinnum="1"] {width: 1280px !important;margin: 0 auto;padding: 30px 0;}
.section_tech_sub_area {border-bottom: 1px solid #d2d2d2;padding-bottom: 30px;}
.section_tech_sub_area > div[data-dinnum="1"] {padding-right: 17px !important;}
/* section_tech_headline */
.section_tech_headline {}
.section_tech_headline .box_title {display: none;}
.section_tech_headline .list {display: flex;flex-direction: row;flex-wrap: wrap;}
.section_tech_headline .article {width: 320px;height: 360px;border: 1px solid #fff;}
.section_tech_headline .article .thumb {width: 100%;height: 179px;}
.section_tech_headline .article .text_box {width: 100%;height: 178px;padding: 0 45px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.section_tech_headline .article .title {color: #fff;font-size: 20px;font-weight: 500;line-height: 1.4;-webkit-line-clamp: 4;max-height: 112px;word-break: keep-all;}
.section_tech_headline .article:first-child {margin-right: 40px;width: 920px;border: 0;display: flex;flex-direction: row;}
.section_tech_headline .article:first-child .thumb {margin-right: 40px;width: 600px;height: 360px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.section_tech_headline .article:first-child .text_box {width: 280px;height: 360px;padding: 0 20px;border-top: 4px solid #fff;border-bottom: 4px solid #fff;}
.section_tech_headline .article:first-child .title {color: #fff;font-size: 34px;font-weight: 600;line-height: 1.3;-webkit-line-clamp: 5;max-height: 220px;word-break: keep-all;}
/* section_tech_sub */
.section_tech_sub {}
.section_tech_sub .box_title {display: none;}
.section_tech_sub .list {display: flex;flex-direction: row;flex-wrap: wrap;}
.section_tech_sub .article {width: 297px;margin: 0 26px 20px 0;}
.section_tech_sub .article:nth-child(3n) {margin-right: 0;}
.section_tech_sub .article .thumb {width: 297px;height: 168px;margin-bottom: 5px;}
.section_tech_sub .article .text_box {}
.section_tech_sub .article .title {font-size: 20px;font-weight: 500;line-height: 1.4;-webkit-line-clamp: 2;max-height: 56px;word-break: keep-all;}
/* section_tech_newslist_v2 */
.section_tech_newslist_v2 {}
.section_tech_newslist_v2 .box_title {display: none;}
.section_tech_newslist_v2 .list {display: flex;flex-direction: row;flex-wrap: wrap;}
.section_tech_newslist_v2 .article {width: 50%;margin-bottom: 30px;display: flex;flex-direction: row;}
.section_tech_newslist_v2 .article .thumb {width: 320px;height: 192px;}
.section_tech_newslist_v2 .article .text_box {width: 50%;padding: 0 30px 0 10px;}
.section_tech_newslist_v2 .article .title {font-size: 20px;font-weight: 500;line-height: 1.4;-webkit-line-clamp: 3;word-break: keep-all;height: 84px;max-height: 84px;margin-bottom: 12px;}
.section_tech_newslist_v2 .article .desc {display: block;display: -webkit-box;font-size: 15px;font-weight: 400;line-height: 1.5;color: #747474;-webkit-line-clamp: 4;max-height: 90px;}
.section_tech_newslist_v2 .article:nth-child(7),
.section_tech_newslist_v2 .article:nth-child(8) {padding-bottom: 30px;border-bottom: 1px solid #d2d2d2;}
.section_tech_newslist_v2 .article:nth-child(n + 9) {width: calc((100% - 69px) / 4);margin-right: 23px;margin-bottom: 23px;flex-direction: column;}
.section_tech_newslist_v2 .article:nth-child(4n + 8) {margin-right: 0;}
.section_tech_newslist_v2 .article:nth-child(n + 9) .thumb {width: 100%;height: 170px;}
.section_tech_newslist_v2 .article:nth-child(n + 9) .text_box {width: 100%;padding: 5px 0 0 0;}
.section_tech_newslist_v2 .article:nth-child(n + 9) .title {font-size: 18px;font-weight: 500;line-height: 1.4;-webkit-line-clamp: 2;height: 50px;max-height: 50px;margin-bottom: 0;}
.section_tech_newslist_v2 .article:nth-child(n + 9) .desc {display: none;}
/* //section tech 20220113 */

/* section culture 20220117 */
#wrap_index.section.culture .din.section_culture_headline_area {width: 100%;padding-top: 0 !important;padding-bottom: 0 !important;}
.section_culture_headline_area > div[data-dinnum="1"] {}
.section_culture_newslist_area {}
.section_culture_newslist_area > div[data-dinnum="1"] {width: 833px !important;}
.section_culture_newslist_area > div[data-dinnum="2"] {width: 447px !important;}
/* section_culture_headline */
.section_culture_headline {box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 0px 1000px inset;}
.section_culture_headline .box_title {display: none;}
.section_culture_headline .list {width: 1280px !important;margin: 0 auto;}
.section_culture_headline .article {width: 429px;height: 257px;}
.section_culture_headline .article .thumb {width: 429px;height: 257px;}
.section_culture_headline .article .text_box {position: absolute;bottom: 0;width: 100%;padding: 20px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%)}
.section_culture_headline .article .title {color: #fff;font-size: 24px;font-weight: 600;line-height: 1.4;-webkit-line-clamp: 2;max-height: 67px;word-break: keep-all;}
.section_culture_headline .article:first-child {float: left;width: 851px;height: 514px;border: 0;display: flex;flex-direction: row;}
.section_culture_headline .article:first-child .thumb {width: 851px;height: 514px;}
.section_culture_headline .article:first-child .text_box {position: absolute;bottom: 0;width: 100%;padding: 30px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%)}
.section_culture_headline .article:first-child .title {color: #fff;font-size: 30px;font-weight: 600;line-height: 1.4;-webkit-line-clamp: 2;max-height: 84px;word-break: keep-all;}
/* section_culture_newslist_v2 */
.section_culture_newslist_v2 {}
.section_culture_newslist_v2 .box_title {display: none;}
.section_culture_newslist_v2 .list {}
.section_culture_newslist_v2 .article {width: 813px;display: flex;flex-direction: row;border-bottom: solid 1px #d2d2d2;padding-bottom: 25px;margin-bottom: 25px;}
.section_culture_newslist_v2 .article:last-child {padding: 0;margin: 0;border: 0;}
.section_culture_newslist_v2 .article .thumb {width: 406px;height: 229px;}
.section_culture_newslist_v2 .article .text_box {width: 100%;padding: 5px 0 0 30px;}
.section_culture_newslist_v2 .article .title {font-size: 22px;font-weight: 600;line-height: 1.4;-webkit-line-clamp: 3;word-break: keep-all;height: 92px;max-height: 92px;margin-bottom: 25px;}
.section_culture_newslist_v2 .article .desc {display: block;display: -webkit-box;font-size: 16px;font-weight: 400;line-height: 1.5;color: #747474;-webkit-line-clamp: 4;max-height: 96px;}
/* section_culture_right */
.section_culture_right {}
.section_culture_right .box_title {margin-top: 10px;}
.section_culture_right .list {}
.section_culture_right .article {width: 427px;height: 240px;}
.section_culture_right .article:last-child {padding: 0;margin: 0;border: 0;}
.section_culture_right .article .thumb {width: 427px;height: 240px;}
.section_culture_right .article .text_box {position: absolute;bottom: 0;width: 100%;padding: 20px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%)}
.section_culture_right .article .title {color: #fff;font-size: 20px;font-weight: 600;line-height: 1.5;-webkit-line-clamp: 3;max-height: 60px;word-break: keep-all;}
/* //section culture 20220117 */

/* section review 20220117 */
#wrap_index.section.review .din.section_review_headline_area {padding: 0 !important;}
#wrap_index.section.review .din.section_review_newslist_area {padding: 0 !important;}
/* section_review_headline */
.section_review_headline {}
.section_review_headline .box_title {display: none;}
.section_review_headline .list {}
.section_review_headline .article {width: 1280px;height: 361px;}
.section_review_headline .article .thumb {width: 1280px;height: 361px;}
.section_review_headline .article .text_box {position: absolute;bottom: 0;width: 100%;padding: 30px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%)}
.section_review_headline .article .title {color: #fff;font-size: 40px;font-weight: 500;line-height: 1.4;-webkit-line-clamp: 2;max-height: 112px;word-break: keep-all;}
/* section_review_newslist */
.section_review_newslist {}
.section_review_newslist .box_title {display: none;}
.section_review_newslist .list {display: flex;flex-direction: row;flex-wrap: wrap;}
.section_review_newslist .article {width: 640px;height: 361px;}
.section_review_newslist .article .thumb {width: 640px;height: 361px;}
.section_review_newslist .article .text_box {position: absolute;bottom: 0;width: 100%;padding: 30px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%)}
.section_review_newslist .article .title {color: #fff;font-size: 34px;font-weight: 500;line-height: 1.4;-webkit-line-clamp: 2;max-height: 95px;word-break: keep-all;}
/* //section review 20220117 */

/* event */
#wrap_index.event {}
#wrap_index.event #header,
#wrap_index.event header {margin-bottom: 0;}
.din100.company {background-color: #e6edf8;}
.company_title {padding: 20px 0;width: 1280px;margin: 0 auto;}
.company_title .logo {float: left;margin-right: 30px;}
.company_title .title {float: left;font-size: 24px;color: #113576;line-height: 1;font-weight: 500;margin-top: 30px;}
.company_body {color: #666666;}
.company_body .title {font-size: 18px;font-weight: 500;margin-top: 20px;margin-bottom: 10px;word-break: keep-all;color: #222;}
.company_body .sub_title {font-size: 18px;font-weight: 600;line-height: 2;margin-bottom: 100px;word-break: keep-all;}
.company_body .contents {font-size: 16px;font-weight: 400;height: 480px;margin-bottom: 50px;word-break: keep-all;}
.company_body .graphic {float: right;margin-left: 25px;}
.company_body .info {}
.company_body .info .title {font-size: 30px;color: #222222;font-weight: 500;}
.company_body .info .left {float: left;width: 50%;margin-bottom: 30px;}
.company_body .info .right {float: left;width: 50%;}
.company_body .info dl {font-size: 18px;line-height: 2;}
.company_body .info dt {font-weight: 600;float: left;margin-right: 20px;}
.company_body .info .left dt {width: 85px;}
.company_body .info .right dt {width: 150px;} 
.company_body .info dd {}
.company_body .info .info_link {margin: 0 20px;padding: 0 20px;border-radius: 13px;box-shadow: 0.7px 1.9px 4.9px 0.2px rgba(0, 0, 0, 0.45);background-color: #0b4abb;font-size: 19px;color: #ffffff;}
.company_body .map {margin-top: 100px;}
.company_body .map_address {background-color: #e7eaf1;height: 40px;padding: 0 10px;}
.company_body .map_address .address {line-height: 40px;font-size: 18px;}
.company_body .map_address .map_link {border-radius: 15px;box-shadow: 0.7px 1.9px 4.9px 0.2px rgba(0, 0, 0, 0.45);background-color: #1ec800;font-size: 14px;color: #ffffff;padding: 0 15px;margin: 0 20px;}

.din100.event {background-color: #e6edf8;margin-bottom: 55px;}
.event_title {padding: 30px 0;width: 1280px;margin: 0 auto;}
.event_title .title {font-size: 48px;color: #113576;line-height: 1;word-break: keep-all;font-weight: 500;}
.event_body {letter-spacing: -0.5px;}
.event_body .sub_title {color: #666;font-size: 18px;line-height: 1.5;font-weight: 400;margin-bottom: 35px;word-break: keep-all;}
.event_body .sub_title strong {color: #222;font-weight: 500;}
.event_body .index {font-size: 18px;font-weight: 500;line-height: 2.7;width: calc(100% - 80px);display: inline-block;border-top: 2px solid #aaaaaa;border-bottom: 2px solid #aaaaaa;padding: 35px;margin-bottom: 35px;}
.event_body .index .left {float: left;width: 50%;}
.event_body .index .right {float: right;width: 50%;}
.event_body .contents {font-size: 16px;line-height: 1.25;overflow: hidden;color: #666666;font-weight: 400;margin-bottom: 30px;word-break: keep-all;}
.event_body .contents strong {font-size: 16px;color: #222222;font-weight: 500;}
.event_body .index.service {font-size: 18px;color: #666666;line-height: 1.6;}
.event_body .index.service a {color: #666666;}
.event_body .index.service strong {font-size: 18px;color: #222222;font-weight: 500;line-height: 2.5;}
.event_body.protection {}
.event_body.protection .sub_title {}
.event_body.protection .contents {line-height: 1.9}
.event_body.protection .contents strong {}
.event_body.contact {}
.event_body.contact .sub_title {}
.event_body.contact .contents {line-height: 1.6;}
.event_body.contact .contents strong {font-size: 18px;font-weight: 500;line-height: 2.5;}
.event_body.contact .contents i {margin-right: 10px;}
.event_body.contact .contents a {color: #0b4abb;text-decoration: underline;}
.event_body.ad {}
.event_body.ad .contents {font-size: 16px;font-weight: 400;line-height: 1.6;}
.event_body.ad .contents .item {margin-bottom: 60px;width: 600px;margin-right: 30px;}
.event_body.ad .contents .item.left {float: left;}
.event_body.ad .contents .item.right {float: right;}
.event_body.ad .contents .item .image {text-align: center;margin-bottom: 60px;}
.event_body.ad .contents .center {font-size: 24px;text-align: center;}
.event_body.ad .contents strong {font-size: 18px;font-weight: 500;line-height: 2.5;}
.event_body.ad .contents a {color: #0b4abb;text-decoration: underline;}

/* member */
.member {width: 400px;margin: 70px auto;line-height: 1.6;}
.member.step1 {width: 680px;}
.member .member_header {margin-bottom: 70px;}
.member.step3 .member_header {margin-bottom: 40px;}
.member .member_header .title {text-align: center;font-size: 45px;font-weight: 600;}
.member .member_header .desc {text-align: center;font-size: 18px;font-weight: 500;color: #666;}
.member .member_header .desc .strong {color: #222;}
.member .member_body {}
.member .member_body .check {text-align: center;margin-bottom: 40px;}
.member .member_body .login {display: block;text-align: center;margin-bottom: 10px;}
.member .member_body .link {display: block;text-align: center;color: #113576;font-size: 16px;font-weight: 500;text-decoration: underline;margin-top: 35px;}
.member .member_body textarea {width: calc(100% - 2px);height: 222px;}
.member .member_body .textarea {padding: 0 10px;width: calc(100% - 22px);height: 222px;border:1px #666 solid;overflow-y:scroll;}
.member .member_body .textarea .din {width: 100%;}
.member .member_body .textarea .event_title {display: none;}
.member .member_body .textarea .sub_title {display: none;}
.member .member_body .textarea .index {display: none;}
.member .member_body .join {float: left;}
.member .member_body label {font-size: 16px;font-weight: 400;margin-bottom: 50px;}
.member.step1 .member_body label.label_part {color: #000;font-weight: 500;}
.member .member_body input[type="checkbox"] {margin-left: 10px;}
.member .member_body .title {color: #0b4abb;font-size: 16px;font-weight: 500;margin-top: 50px;}
.member .member_body .require {color: #ff1414;font-weight: 500;}
.member .member_body .center {text-align: center;}
.member .member_body dl {margin: 0 20px 40px 20px;}
.member .member_body dt {font-size: 16px;font-weight: 600;}
.member .member_body dt span {color: #fe0000;font-size: 14px;font-weight: 500;}
.member.step3 .member_body dt {color: #113576;}
.member .member_body dd {margin-left: 5px;color: #666;font-size: 16px;}
.member .member_body dd img {margin-right: 5px;}
.member .member_body input {color: #666;font-size: 16px;font-weight: 500;border: 0;border-bottom: 1px solid #b7c2d6;position: relative;}
.member .member_body input:read-only {border: 0;}
.member .member_body select {color: #666;font-size: 16px;border: 0;border-bottom: 1px solid #b7c2d6;}
.member .member_body select option {border: 0;}
.member .member_body .privacy {background-color: #e6edf8;padding: 10px 20px;}
.member .member_body .privacy dl {margin: 0;}
.member .member_body .privacy .input_group {margin: 15px 15px;}
.member .member_body .privacy .input_group label {margin-right: 30px;}
.member .member_body .privacy .desc {font-size: 12px;font-weight: 400;color: #aaa;margin-left: 15px;word-break: keep-all;}
.member .member_body .btn_area {margin-top: 80px;margin-left: 45px;}
.member.step2 .member_body .btn_area {margin-top: 40px;margin-left: 0;}
.member.step3 .member_body .btn_area {margin-top: 80px;margin-left: 0;text-align: center;}
.member .member_body .btn_area .join {margin-right: 30px;}
.member .member_body .btn_area .join:last-child {margin-right: 0;}
.member .member_body button {color: #fff;font-size: 18px;font-weight: 500;padding: 10px;cursor: pointer;}
.member .member_body button:last-child {margin-right: 0;}
.member .member_body button.join_cancel {background-color: #aaa;width: 40%;}
.member .member_body button.join_complete {background-color: #0b4abb;float: right;width: 50%;}
.member.step3 .member_body button.join_complete {background-color: #0b4abb;float: none;}
.member .member_body .desc {color: #aaa;font-size: 13px;font-weight: 400;margin-left: 10px;}

/* academy */
.academy {}
.academy .thumb {width:100%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.academy .thumb .background {width:100%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.academy .thumb img {width:100%;height: 100%;opacity: 0;}

/* academy_main */
.academy_top {width: 100%;}
.academy_top ul {margin: 0 0 20px 0 ;}
.academy_top ul li {float: left;}
.academy_top ul li img {width: 100%;}
.academy_top .slick-dots {display: flex;justify-content: center;bottom: -15px;}
.academy_info {width: 100%;display: flex;justify-content: center;margin-bottom: 60px !important;}
.academy_info .text {color: #303030; font-size: 22px;padding-bottom: 10px;border-bottom: 2px solid #aaa;}
.academy_course_list {width: 100%;}
.academy_course_list .list {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.academy_course_list .list .article {width: 290px;margin-bottom: 50px;margin-right: calc((100% - ((290px * 4))) / 3);}
.academy_course_list .list .article:nth-child(4n) {margin-right: 0;}
.academy_course_list .list .article .thumb {height: 218px;margin-bottom: 10px;}
.academy_course_list .list .article .title {margin-bottom: 10px;font-size: 20px;font-weight: 500;line-height: 1.5;color: #505050;max-height: 60px;}
.academy_course_list .list .article .teacher {margin-bottom: 10px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #777777;}
.academy_course_list .list .article .info {display: flex;justify-content: space-between;}
.academy_course_list .list .article .info span {padding: 5px;border-radius: 4px;background-color: #e7eff5;color: #222; font-size: 12px;font-weight: 600;line-height: 1;}
.academy_course_list .list .article .info .open {}
.academy_course_list .list .article .info .status {}

.academy_top_info {background-color: #000;color: #fff;font-size: 20px;font-weight: 300;height: 50px;display: flex;justify-content: center;align-items: center;}
.academy_top_info strong {font-weight: 500;}
.academy_top_nav {border-top: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa;height: 60px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.academy_top_nav button {background-color: #fff;width: 30px;}
.academy_top_nav button i {font-size: 35px;}
.academy_top_nav ul {height: 100%;display: flex;justify-content: flex-start;align-items: center;margin: 0;}
.academy_top_nav ul li {padding: 0 30px;font-size: 20px;display: flex;align-items: center;}
.academy_top_nav ul li.active {font-weight: 600;}
.academy_top_nav ul li.new::after {margin-left: 5px;content: " ";background-image: url('/image/new.png');background-size: 20px 20px;width: 20px;height: 20px;}
.academy_class_title {height: 100px;display: flex;justify-content: center;align-items: center;font-size: 35px;margin-top: 35px;}
.academy_class_title img {margin-right: 20px;}
.academy_course .course_title {margin-bottom: 30px;display: flex;justify-content: flex-start;align-items: center;}
.academy_course .course_title .title {font-size: 18px;line-height: 1;display: flex;justify-content: flex-start;align-items: baseline;margin-right: 10px;}
.academy_course .course_title .title strong {font-size: 28px;font-weight: 600;}
.academy_course .course_title .title i {color: #0009ff;font-size: 28px;margin-right: 10px;display: flex;justify-content: center;align-items: center;}
.academy_course .course_title button {margin-left: 10px;height: 35px;}
.academy_course .course_title button img {height: 100%;}
.academy_course_list .academy_course {margin: 0;}
.academy_course_list .academy_course .article .title {min-height: 60px;max-height: none;}
.academy_course_list .academy_course .article .button_box {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 10px;}

/* academy_course */
.academy_course {margin-top: 40px;margin-bottom: 40px !important;}
.academy_course .top {width: inherit;display: flex;margin-bottom: 50px;}
.academy_course .top .image_box {width: 610px;}
.academy_course .top .image_box .thumb {width: 610px;height: 445px;}
.academy_course .top .image_box .button {height: 60px;color: #fff;font-size: 31px;font-weight: 400;width: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.academy_course .top .image_box .button.apply {background-color: #408889;}
.academy_course .top .image_box .button.live {background-color: #113576;}
.academy_course .top .image_box .button.next {background-color: #ffa200;}
.academy_course .top .image_box .button.close {background-color: #888;}
.academy_course .top .text_box {width: 50%;padding-left: 60px;}
.academy_course .top .text_box > .title {font-size: 30px;font-weight: 500;line-height: 1;margin-bottom: 35px;}
.academy_course .top .text_box .teacher {margin-bottom: 30px;}
.academy_course .top .text_box .teacher .info {display: flex;align-items: center;}
.academy_course .top .text_box .teacher .thumb {border-radius: 50%;width: 63px;height: 63px;margin-right: 25px;}
.academy_course .top .text_box .teacher .thumb .background {width:100%;overflow: hidden;}
.academy_course .top .text_box .teacher .thumb img {width:100%;height: 100%;opacity: 0;}
.academy_course .top .text_box .teacher .name {color: #3f3f3f;font-size: 20px;font-weight: 500;line-height: 1.6;}
.academy_course .top .text_box .teacher .name strong {color: #3f3f3f;font-size: 26px;font-weight: 500;line-height: 1.25;}
.academy_course .top .text_box .teacher .career {}
.academy_course .top .text_box .teacher .career li {color: #393939;font-size: 18px;font-weight: 400;line-height: 2;}
.academy_course .top .text_box .teacher .career li::before {content: '·';margin-right: 5px;}
.academy_course .top .text_box .course_info {}
.academy_course .top .text_box .course_info .title {color: #3f3f3f;font-size: 19px;font-weight: 600;line-height: 1;margin-bottom: 10px;}
.academy_course .top .text_box .course_info dl {font-size: 18px;font-weight: 400;line-height: 2.0;display: flex;}
.academy_course .top .text_box .course_info dt {color: #2255c9;font-weight: 400;margin-right: 10px;min-width: 67px;}
.academy_course .top .text_box .course_info dd {color: #3f3f3f;font-weight: 400;}
.academy_course .desc {border-top: solid 2px #b6b6b6;padding: 40px 20px;}
.academy_course .desc .title {font-size: 21px;font-weight: 500;line-height: 1;margin-bottom: 20px;}
.academy_course .desc .text {font-size: 18px;font-weight: 400;line-height: 1.7;}
.academy_course .lesson {border-top: solid 2px #b6b6b6;}
.academy_course .lesson .title {font-size: 21px;font-weight: 500;line-height: 1;margin-top: 40px;margin-left: 20px;margin-bottom: 20px;}
.academy_course .lesson table {width: 100%;border: 0;border-spacing: 0;}
.academy_course .lesson table thead {}
.academy_course .lesson table thead tr {background-color: #cae3e9;height: 50px;}
.academy_course .lesson table thead th {padding-left: 20px;font-size: 18px;font-weight: 600;}
.academy_course .lesson table tbody {}
.academy_course .lesson table tbody tr {background-color: #e5f3f7;height: 50px;}
.academy_course .lesson table tbody tr:nth-child(odd) {background-color: #f7fdff;}
.academy_course .lesson table tbody td {padding-left: 20px;font-size: 18px;font-weight: 400;}
.academy_course .lesson table tbody td button {box-shadow: 1.6px 2.5px 7px 0 rgba(0, 3, 0, 0.38);text-shadow: 1.1px 1.7px 0 rgba(0, 3, 0, 0.28);font-size: 14px;font-weight: 600;padding: 5px 15px;color: #fff;border-radius: 20px;}
.academy_course .lesson table tbody td button[data-lesson-url] {cursor: pointer;}
.academy_course .lesson table tbody td .vod {background-image:linear-gradient(to right, #f53829, #f58f2d);}
.academy_course .lesson table tbody td .live {background-image:linear-gradient(to right, #2e6deb, #22a9c5);}
.academy_course .lesson table tbody td i {font-size: 22px;}
.academy_course .lesson table .center {text-align: center;}

/* video-popup */
.video-popup.reveal {display: flex;position: fixed;top: 0;left: 0;right: 0;bottom: 0;justify-content: center;align-items: center;z-index: 109}
.video-popup .video-wrapper {position: relative;width: 80%;padding-bottom: 45%;z-index: 110}
.video-popup .video-wrapper iframe {position: absolute;width: 100%;height: 100%;}
.video-popup.reveal .video-popup-closer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);z-index: 109}

/* academy_apply */
.academy_apply {margin-top: 40px;margin-bottom: 40px !important;}
.academy_apply > div > .title{font-size: 24px;font-weight: 600;line-height: 1;margin-bottom: 40px;}
.academy_apply .apply_area {margin-bottom: 50px;margin-left: 20px;}
.academy_apply .apply_area dl {display: flex;align-items: baseline;margin-bottom: 15px;}
.academy_apply .apply_area dt {font-size: 18px;font-weight: 500;min-width: 120px;margin-right: 30px;}
.academy_apply .apply_area dd {font-size: 18px;font-weight: 400;}
.academy_apply .apply_area input[type=number],
.academy_apply .apply_area input[type=text] {height: 40px;border-radius: 14px;border: 1px solid #989898;padding-left: 10px;font-size: 18px;}
.academy_apply .apply_area input:read-only {background-color: #eee;}
.academy_apply .apply_area .comment {font-size: 16px;}
.academy_apply .info_area {}
.academy_apply .info_area > .title {color: #cc0000;font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.academy_apply .info_area .info {padding-left: 20px;font-size: 16px;font-weight: 400;line-height: 2.3;margin-bottom: 20px;}
.academy_apply .info_area .desc {margin-left: 20px;padding: 20px;font-size: 16px;font-weight: 400;line-height: 2.3;border: 1px solid #000;}
.academy_apply .info_area > label {padding-left: 20px;font-size: 18px;font-weight: 500;cursor: pointer;}
.academy_apply .info_area .payment_method {padding-left: 20px;font-size: 20px;font-weight: 500;display: flex;margin-top: 40px;margin-bottom: 40px;}
.academy_apply .info_area .payment_method > * {margin-right: 70px;}
.academy_apply .info_area .payment_method label {cursor: pointer;}
.academy_apply .button_area {display: flex;justify-content: center;}
.academy_apply .button_area button {padding: 20px 80px;border-radius: 5px;font-size: 24px;font-weight: 600;cursor: pointer;}
.academy_apply .button_area .apply {background-color: #8ac73a;color: #fff;margin-right: 50px;}
.academy_apply .button_area .group {background-color: #113576;color: #fff;}
.academy_apply .lesson {border-top: solid 2px #b6b6b6;}
.academy_apply .lesson .title {font-size: 21px;font-weight: 500;line-height: 1;margin-top: 40px;margin-left: 20px;margin-bottom: 20px;}
.academy_apply .lesson table {width: 100%;border: 0;border-spacing: 0;}
.academy_apply .lesson table thead {}
.academy_apply .lesson table thead tr {background-color: #cae3e9;height: 50px;}
.academy_apply .lesson table thead th {padding-left: 20px;font-size: 18px;font-weight: 600;text-align: left;}
.academy_apply .lesson table tbody {}
.academy_apply .lesson table tbody tr {background-color: #e5f3f7;height: 50px;}
.academy_apply .lesson table tbody tr:nth-child(odd) {background-color: #f7fdff;}
.academy_apply .lesson table tbody td {padding-left: 20px;font-size: 18px;font-weight: 400;}
.academy_apply .lesson table tbody td button {box-shadow: 1.6px 2.5px 7px 0 rgba(0, 3, 0, 0.38);text-shadow: 1.1px 1.7px 0 rgba(0, 3, 0, 0.28);font-size: 14px;font-weight: 600;padding: 5px 15px;color: #fff;border-radius: 20px;}
.academy_apply .lesson table tbody td .vod {background-image:linear-gradient(to right, #f53829, #f58f2d);}
.academy_apply .lesson table tbody td .live {background-image:linear-gradient(to right, #2e6deb, #22a9c5);}
.academy_apply .lesson table tbody td i {font-size: 22px;}
.academy_apply .lesson table .center {text-align: center;}
.academy_apply .apply_info {font-size: 30px;font-weight: 500;line-height: 1.4;text-align: center;}