@charset "utf-8";

@import "reset.css";
@import "module.css";

* { box-sizing: border-box; }

/* 최신기사 */
.arl_019 { position:relative;}
.arl_019 .recent_art { position:relative;  background:#fff; padding:0 20px 0 140px; overflow:hidden; }
.arl_019 .recent_art h3 { position:absolute; left:0; top:0; font-size:14px; width:100px; height:36px; line-height:34px; color:#fff; background: #132d76 !important; padding:0 5px 0 10px; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.arl_019 .recent_art h3:before { position:absolute; right:-20px; top:0; bottom:0; content:""; display:block; width:0;  height:0;  border-left:20px solid #0c5ba7; }
.arl_019 .bx-pager { display:none;}
.arl_019 .bx-controls {position:absolute; right:0; border:1px solid #f00;}
.arl_019 .lst_pop { position:relative; z-index:1;}
.arl_019 .lst_pop li { padding:11px 0;}
.arl_019 .lst_pop li a { display:block; height:25px; line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; font-weight:bold;}
.arl_019 .lst_pop li a:hover { opacity:.7;}




/* 헤드라인 우측 */
div.one_third.last {float:left; margin: 0; width:320px;}
.post.type-post {margin-bottom:18px; }
.post.type-post:after { content: ""; display: block; clear: both; }
.post_wrapper:first-child {padding:0;border:0;}
.post_content_wrapper {padding:0;margin:0;}
.post_header.search {width:100%;margin-bottom:0;text-align:left; }
.post_header {width:100%;float:left;margin-bottom:20px;}
.ppb_blog_grid_with_posts .one_third.last .post_img {margin-bottom:10px;}
.post_img.one_third {margin-top:0;}
.one_third { width:90px; height:60px; float:left;margin-right:5px;position:relative;box-sizing:border-box;}
.post_img {position:relative;text-align:center;overflow:hidden;float:left;line-height:0;max-width:100%;margin:0;background:#fff;}
.one_half img, 
.one_third img, .one_fourth img, .one_fifth img, .two_third img {max-width:100% !important;    height: 60px;}
.two_third.last {margin-right: 20px;float:left;clear:right;}
.two_third.last a { font-size:14px;line-height:20px; font-weight:normal;}
.two_third {float:left; width: calc(100% - 110px); box-sizing:border-box;}
.ppb_blog_grid_with_posts .one_third.last h5 {font-size:15px;line-height:1.4;}
.post_info_date {font-size:10px;letter-spacing:2px;text-transform:uppercase;line-height:22px; color:#999;}
.post_header_title.two_third.last h5 {white-space:normal;line-height:1.2;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:43px;overflow:hidden;}
.post_header_title.two_third.last h5:hover {text-decoration:underline;}

/* 헤드라인 우측 전시 정보 */
.show_info {display:inline-block; float:right; width:286px;}
.show_info ul li {text-align:right; display:inline-block; width:100%; clear:both; border-bottom:1px solid #e6e6e6;}
.show_info .show_thumb {width:286px; height:190px; overflow:hidden;}
.show_info .show_thumb img {width:100%; height:100%;}
.show_info .first .show_cont dt {font-weight:bold; font-size:23px; line-height:1; width:100%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.show_info .first .show_cont dd { margin-top:4px; font-size:15px; color:#000; line-height:1;}
.show_info .first .show_cont {margin: 18px 0;}
.show_info .show_cont {width:100%; display: inline-block; margin: 6px 0; float: left;}
.show_info .show_cont dt {width:197px; font-weight:normal; color:#; font-size:15px; float:left; text-align:right; color:#010101; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.show_info .show_cont dd {float:right; font-size: 14px; line-height: 21px; color:#777;}

/*main*/
/*#main_headline {height:450px;}*/
#main_headline a {display:block; font-weight: 700;}
#main_headline a:hover h3 {text-decoration:underline;}
#main_headline a:hover img {opacity:0.8;}
#main_headline .main_h_slide {float:left;width:770px;position:relative;}
#main_headline .main_h_slide .slide_img img {width:100%;height:450px;/*360px;*/}
#main_headline .main_h_slide .bar {position:absolute;width:100%;bottom:0;background:url(../img/bg_gradation.png) top repeat-x;}
#main_headline .main_h_slide .bar h3 {color:#fff;font-size:28px;font-weight:normal;padding:60px 20px 0; margin-bottom:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:2px 2px 3px #222; letter-spacing: -4px;}
#main_headline .main_h_slide .swiper-button-prev, #main_headline .main_h_slide .swiper-button-next {width:44px;height:54px;line-height:54px;background:rgba(0,0,0,0.5);color:#fff;font-size:40px;text-align:center;margin-top:-27px;}
#main_headline .main_h_slide .swiper-button-prev i, #main_headline .main_h_slide .swiper-button-next i {position:relative;top:-4px;}
#main_headline .main_h_slide .swiper-button-prev {left:0;}
#main_headline .main_h_slide .swiper-button-next {right:0;}
#main_headline .main_h_slide .swiper-pagination-bullets {width:auto;left:auto;right:20px;}
#main_headline .main_h_slide .swiper-pagination-bullet {width:12px;height:12px;background:#fff;opacity:1;}
#main_headline .main_h_slide .swiper-pagination-bullet-active {background:#337ab7;}
#main_headline .main_h_article {float:left;width:30%;}
#main_headline .main_h_article .h_article {height:220px;position:relative;}
#main_headline .main_h_article .h_article .article_img img {width:342px;height:220px;}
#main_headline .main_h_article .h_article .bar {position:absolute;bottom:0;background:url(../img/bg_gradation.png) top repeat-x;}
#main_headline .main_h_article .h_article .bar h3 {height:64px;overflow:hidden;color:#fff;font-size:22px;font-weight:normal;padding:40px 20px 0;margin-bottom:20px;word-break:keep-all;word-wrap:break-word;}

.head_cen_post { float: left; margin: 0 30px; padding: 0 30px 0 0; width: 185px; height: 450px; border-right: 1px solid #f2f2f2; }
.head_cen_post li { margin: 20px 0 0; }
.head_cen_post li:first-child { margin: 0; padding: 0; border-top: 0; }
.head_cen_post li a { display: block; height: 100%; }
.head_cen_post li div { height: 90px; }
.head_cen_post li div img { width: 100%; height: 100%; }
.head_cen_post li h4 { margin: 5px 0 0; font-size: 15px; height: 40px; line-height: 20px; overflow: hidden; }

.top_news a {display:block;}
.top_news a:hover {text-decoration:underline;}
.top_news a:hover img {opacity:0.8;}	
.top_news .t_article h3 {font-size:34px;color:#000;margin-bottom:10px;}
.top_news .t_article h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.top_news .t_article .t_cont {position:relative;height:170px;}
.top_news .t_article .t_cont .t_img {position:absolute;}
.top_news .t_article .t_cont .t_img img {width:240px;height:170px;}
.top_news .t_article .t_cont .t_text {margin-left:255px;height:167px;overflow:hidden;}
.top_news .t_article .t_cont .t_text p {font-size:14px;line-height:1.7em;}
.top_news .t_article .t_cont a.more {color:#337ab7;position:absolute;right:5px;bottom:5px;}
.top_news .t_photo {margin-top:15px;}
.top_news .t_photo li {float:left;width:240px;margin-right:14px;position:relative;}
.top_news .t_photo li:last-child {margin-right:0;}
.top_news .t_photo li .t_img img {width:100%;}
.top_news .t_photo li .bar {position:absolute;width:100%;bottom:0;padding:10px 0;background:rgba(0,0,0,0.5);}
.top_news .t_photo li .bar h3 {font-size:15px;color:#fff;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* 헤드라인 하단 주요기사 */
/* 좌측 */
.section_mainarticle .type1 {float:left;width:585px;padding-right:30px; border-right:1px solid #d6d6d6; margin-right:30px;}
.section_mainarticle .type1 > .li_horizontal > li:first-child {margin-top:0;padding-top:0;border-top:none;}
.section_mainarticle .type1 > .li_horizontal > li {margin-top:18px;padding-top:18px;border-top:1px solid #e6e6e6;}
.section_mainarticle .type1 .headline {overflow:hidden;height:28px;padding-bottom:2px;font-weight:bold;font-size:22px;letter-spacing:-1px;word-break:break-all;word-wrap:normal;}
.headline {display:block;}
.section_mainarticle.v2 .type1 .img_thumb {width:150px;}
.section_mainarticle .type1 .img_thumb {float:left;width:150px;height:100px;margin:8px 10px 0 0;}
.img_thumb {overflow:hidden;display:block;position:relative;}
.section_mainarticle .type1 > .li_horizontal > li::after {display:block;content:'';clear:both;}
.section_mainarticle .type1 .lead {text-decoration:none;max-height:96px;margin-top:9px;color:#8d8d8d;font-size:14px;letter-spacing:-0.07em;line-height:24px;overflow:hidden;text-overflow:ellipsis;}
.section_mainarticle.v2 .type1 .list_disc_item {padding-left:0;font-size:14px;letter-spacing:-0.07em;}
.section_mainarticle .type1 .list_disc_item {overflow:hidden;height:22px;font-weight:bold;}
.list_disc_item {display:block;position:relative;padding-left:10px;}
.section_mainarticle .type1 .subtitle {overflow:hidden;height:22px;padding-top:8px;font-weight:bold;letter-spacing:-0.07em;}
.section_mainarticle .type1 .list_disc li {margin-top:8px;}
/* 우측 */
.section_mainarticle .type2 {float:left;width:340px;margin-left:-1px; margin-top: 1px;}
.section_mainarticle .type2 li:first-child {margin-top:0;padding-top:2px;border-top:none;}
.section_mainarticle .type2 li {margin-top:16px;padding-top:16px;border-top:1px solid #e6e6e6;}
.section_mainarticle .type2 li>a {display:block;}
.section_mainarticle .type2 li::after {display:block;content:'';clear:both;}
.section_mainarticle .type2 .img_thumb {float:left;width:82px;height:82px;margin-right:15px;}
.img_thumb {overflow:hidden;display:block;position:relative;}
.section_mainarticle .type2 .img_thumb + .align_middle {width:calc(100% - 97px);height:60px;margin-top:-1px;margin-bottom:-1px;}
.section_mainarticle .type2 .align_middle {width:320px;font-size:0;}
.align_middle {display:table;}
.section_mainarticle .type2 .subtitle {overflow:hidden;display:inline-block;width:100%;height:22px;text-decoration:none;font-size:13px;font-weight:normal;letter-spacing:-0.07em;word-break:break-all;    margin-top: 5px;}
.section_mainarticle.v2 .type2 .img_thumb + .align_middle .headline {max-height:48px;}
.section_mainarticle.v2 .type2 .align_middle .headline {max-height:62px;color:#444;}
.section_mainarticle .type2 .img_thumbnail+.align_middle .headline {max-height:44px;}
.section_mainarticle.v2 .type2 .headline {font-size:14px;letter-spacing:-0.07em;line-height:24px;}
.section_mainarticle .type2 .align_middle .headline {overflow:hidden;max-height:44px;font-size:16px;font-weight:bold;margin-top: 3px;}
.section_mainarticle .type2 .headline {word-break:break-all;word-wrap:normal;}
.section_mainarticle .type2 li::after {display:block;content:'';clear:both;}

.toparea .float_left {width:955px; border-top:1px solid #000; padding-top:30px;}
.float_left {float:left;}
.toparea {overflow:hidden;padding-top:40px;padding-bottom:40px;}
.row::after {display:block;content:'';clear:both;}

/* 공통 */
a:hover {text-decoration:underline; color:#2e2a26; -webkit-text-decoration-color:#2e2a26; text-decoration-color:#2e2a26;}
.container_fluid>.row {width:1335px;margin-right:auto;margin-left:auto;}
.section_column {margin-top:50px;}
.section_column .title_wrap {margin-top:-3px;margin-bottom:16px;}
.title_wrap .link_more {position:absolute;top:50%;right:0;margin-top:-9px;color:#2e2a26;font-size:13px;}
.section_column li > a {display:block;}
.valign {display:table-cell;vertical-align:middle;}
.title_wrap {position:relative;margin-bottom:20px;font-size:0;}
.title_wrap .section_title {display:inline-block;vertical-align:top;}
.img_thumb > img {display:block;width:inherit;height:inherit;}
.section_title, 
.subtitle {display:block;}
.section_title,
.section_title h3,
.section_title a {font-family:'NotoSans', sans-serif; font-size:23px; font-weight: 600 !important;}

/* 오피니언 */
.section_column li:first-child {margin-top:0;}
.section_column li {margin-top: 22px; padding-top: 20px; border-top: 1px solid #e6e6e6;}
.toparea .float_right {float:right;width:350px; border-left:1px solid #d6d6d6; padding-left:30px;}
.float_right {float:right;}
.section_column .img_thumb {float:left;width:85px;height:85px;margin-right:15px;}
.img_thumb:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000;opacity:0.08;}
.img_circle {border-radius:100%;}
.img_circle img, 
.img_circle::after {border-radius:inherit;}
.section_column .align_middle {width:calc(100% - 100px);height:85px;font-size:0;}
.align_middle {display:table;}
.section_column .subtitle {overflow:hidden;display:inline-block;width:100%;height:19px;text-decoration:none;color:#a59687;font-size:13px;font-weight:bold;letter-spacing:-0.07em;word-break:break-all;word-wrap:normal;}
.section_column .headline {overflow:hidden;max-height:48px;margin-top:7px;font-size:16px;font-weight:bold;letter-spacing:-0.07em;line-height:23px; color:#444;}
.section_column li:after {display:block;content:'';clear:both;}


/* 포토 영상 */
.section_videophoto {position:relative;padding-top:40px;padding-bottom:40px;}
.section_videophoto .title_wrap {z-index:2;width:430px;margin-bottom:0;}
.section_videophoto .section_title {position:relative;z-index:2;width:92px;margin-bottom:0;}
.img_thumb .meta_info {position:absolute;z-index:2;bottom:0;left:0;}
.meta_info {display:inline-block;vertical-align:middle;}
.section_videophoto .top-news {margin:-26px 0 12px;}
.section_videophoto .top-news .float_left {width:430px;padding-top:26px;}
.section_videophoto .top-news .float_right {width:740px;}
.section_videophoto .top-news::after {display:block;content:'';clear:both;}
.section_videophoto .top-news .headline {overflow:hidden;max-height:130px;line-height:42px; margin-top:36px;margin-bottom:20px;font-weight:bold;font-size:32px;letter-spacing:-0.07em;word-break:break-all;word-wrap:normal;}
.section_videophoto .top-news .date {margin-left:2px;}
.date {display:inline-block;font-weight:normal;vertical-align:middle;}
.section_videophoto .top-news .img_thumb {width:740px;height:400px;}
.img_zoom img {transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transform:scale3d(1, 1, 1);}
.img_thumb .meta_info .icon_photo.icon_lg, 
.img_thumb .meta_info .icon_video.icon_lg {width:76px;height:76px;}
.icon_photo.icon_lg {width:41px;height:41px;background-image:url('/theme/wide01/img/icon_photo.png');background-size:35px;}
.icon_photo {font:0/0 a !important;color:transparent;text-shadow:none;background-color:transparent;border:0;display:inline-block;position:relative;vertical-align:middle;background-position:50%;background-repeat:no-repeat;}
.img_thumb::after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000;opacity:0.08;}
/* 포토 영상 썸네일 뉴스 */
.section_videophoto .li_horizontal {margin-left:-20px;}
.section_videophoto li {width:318px;margin:25px 0 0 20px;}
.section_videophoto li .img_thumb {width:318px;height:180px;}
.img_thumb .meta_info {position:absolute;z-index:2;bottom:0;left:0;top: 50%;    left: 50%;    margin-top: -10px;    margin-left: -16px;    width: 45px;    height: 45px;}
.img_thumb .meta_info 
.icon_photo.icon_sm, 
.img_thumb .meta_info .icon_video.icon_sm {width:36px;height:36px;}
.icon_video.icon_sm {width:25px;height:25px;background-image:url('/theme/wide01/img/play_btn.png');}
.icon_video {font:0/0 a !important;color:transparent;text-shadow:none;background-color:transparent;border:0;display:inline-block;position:relative;vertical-align:middle;background-size:100%;}
.img_thumb::after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000;opacity:0.08;}
.section_videophoto li .headline {overflow:hidden;position:relative;height:46px;margin-top:8px;font-weight:bold;font-size:17px; color: #444;}
.li_horizontal>li {float:left;}
.li_horizontal::after {display:block;content:'';clear:both;}
a:hover .img_zoom img {transform:scale3d(1.12, 1.12, 1.12);}


/* 디지털스페셜 */
.section_digitalspecial {padding-top:40px;padding-bottom:40px;}
.section_digitalspecial li:first-child {margin-left:0;}
.section_digitalspecial li {position:relative;width:657px;height:100px;margin-left:20px;padding:24px 240px 0 20px;font-size:0;box-sizing:border-box;}
.section_digitalspecial li::after {display:block;content:'';clear:both;}
.section_digitalspecial .img_thumb {position:absolute;top:0;right:0;width:220px;height:100px;}
.section_digitalspecial .subtitle {overflow:hidden;display:inline-block;width:100%;max-width:310px;height:22px;text-decoration:none;position:relative;color:#fff;font-weight:bold;font-size:15px;letter-spacing:-0.07em;opacity:0.5;word-break:break-all;word-wrap:normal;}
.section_digitalspecial .headline {overflow:hidden;position:relative;height:28px;margin-top:2px;color:#fff;font-weight:bold;font-size:21px;letter-spacing:-0.07em;word-break:break-all;word-wrap:normal;}
.section_digitalspecial li:hover a {text-decoration:underline;}
.li_horizontal::after {display:block;content:'';clear:both;}
.row::after {display:block;content:'';clear:both;}

/* 인기기사 및 추천기사 */
.section_ranking.v2 {overflow:hidden;width:850px;}
.section_ranking {width:570px;padding-top:40px;padding-bottom:40px;}
.display2 {margin-bottom:20px;font-weight:bold;}
.section_ranking.v2 .li_horizontal:first-of-type {float:left;width:420px;margin-left:-4px;}
.section_ranking.v2 .li_horizontal:last-of-type {float:right;width:420px;}
.section_ranking.v2 li:first-child {margin-top:0;}
.section_ranking.v2 li {margin-top:29px;}
.section_ranking li:first-child {margin-top:0;}
.section_ranking li { clear: both; margin-top:18px;}
.section_ranking.v2 li .headline {padding-left:33px;font-weight:normal;}
.section_ranking li:nth-child(-n+3) .headline {font-weight:bold;}
.section_ranking.v2 li .headline {padding-left:40px;font-weight:normal;}
.section_ranking .headline {overflow:hidden;position:relative;height:24px;padding-left:43px;font-weight:normal;word-break:break-all;word-wrap:normal;    line-height: 24px;}
.section_ranking .headline::before {content:'';display:block;position:absolute;top:50%;left:3px;width:20px;height:22px;margin-top:-11px;background-repeat:no-repeat;background-size:auto 100%;background-position-x: center;}
.section_ranking.v2 .li_horizontal {font-size:17px;}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(1) .headline,
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(2) .headline,
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(3) .headline {font-weight:bold;}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(1) .headline::before {background-image:url('/theme/wide03/img/rank_01.png');}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(2) .headline::before {background-image:url('/theme/wide03/img/rank_02.png');}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(3) .headline::before {background-image:url('/theme/wide03/img/rank_03.png');}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(4) .headline::before {background-image:url('/theme/wide03/img/rank_04.png');}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(5) .headline::before {background-image:url('/theme/wide03/img/rank_05.png');}
/*
.section_ranking.v2 .li_horizontal:last-of-type li:nth-child(1) .headline::before {background-image:url('/theme/wide01/img/rank_06.png');}
.section_ranking.v2 .li_horizontal:last-of-type li:nth-child(2) .headline::before {background-image:url('/theme/wide01/img/rank_07.png');}
.section_ranking.v2 .li_horizontal:last-of-type li:nth-child(3) .headline::before {background-image:url('/theme/wide01/img/rank_08.png');}
.section_ranking.v2 .li_horizontal:last-of-type li:nth-child(4) .headline::before {background-image:url('/theme/wide01/img/rank_09.png');}
.section_ranking.v2 .li_horizontal:last-of-type li:nth-child(5) .headline::before {background-image:url('/theme/wide01/img/rank_10.png');}
.section_ranking.v2 li .headline::before {width:38px;background-position:50% 0;background-size:auto 22px;}
*/

/* Mr.밀리터리 */
.section_mm {overflow:hidden;position:relative;width:440px;padding-top:40px;margin-bottom:40px;}
.section_mm .title_wrap {position:relative;z-index:2;margin-bottom:0;}
.section_mm .slick-items {overflow:hidden;position:relative;width:440px;margin-top:-6px;padding-top:26px;}
.section_mm.v2 .slick-dots {top:34px;right:8px;text-align: right;}
.section_mm .img_thumb {width:440px;height:200px;}
.section_mm .headline {overflow:hidden;display:block;height:20px;margin-top:8px;font-weight:normal; font-size:14px;letter-spacing:-0.07em;word-break:break-all;word-wrap:normal;}
.section_mm .lead {overflow:hidden;display:block;height:22px;font-weight:bold;font-size:17px;letter-spacing:-0.07em;word-break:break-all;word-wrap:normal;}
.slick-initialized .slick-slide {display: block;}
.slick-slide img {display: block;}
.slick-slide {float: left;height: 100%;min-height: 1px;}
.section_mm .slide a {display: block;height: 225px;}
.section_mm.v2 .slick-arrow {opacity: 1;}
.section_mm:hover .slick-arrow {opacity: 1;}
.section_mm .slick-arrow {z-index: 3;top: 50%; margin-top: -15px; width: 30px;height: 30px;border: none;background-size: 30px 30px;opacity: 0;transition: all 0.3s;}
.section_mm .slick-arrow.slick-prev {right: auto;left: -1px;background-image: url('/theme/wide01/img/arrow_prev.png');}
.section_mm .slick-arrow.slick-next {right: -1px;left: auto; background-image: url('/theme/wide01/img/arrow_next.png');}
.section_mm .slick-prev:before,
.section_mm .slick-next:before {content:'';}
.section_mm .slick-arrow {font: 0/0 a !important;}
.section_mm .slick-dots {position: absolute;z-index: 2;top: -3px;right: 0;font-size: 0; display:table;}
.section_mm .slick-dots li {display: inline-block; width:8px; height:auto; margin:0 2px;}
.section_mm .slick-dots {position: absolute;z-index: 2;top: -3px;right: 0;font-size: 0;}
.section_mm.v2 .slick-dots .slick-active button::before {background: #000;opacity: 1;}
.section_mm.v2 .slick-dots button::before {background: #fff;opacity: 0.59;}
.section_mm .slick-dots .slick-active button::before {opacity: 1;}
.section_mm .slick-dots button {width: 12px;height: 12px;font: 0/0 a;}
.section_mm .slick-dots button::before {content: '';display: block;width: 6px;height: 6px;margin: auto;background: #000;opacity: 0.2;}


/* Section News */
.section_sectionnews .section_title {margin-top: -3px; margin-bottom: 16px;}
.section_sectionnews {/*margin-top:40px;*/padding:30px 0 80px;background:#f5f5f5;}
.container_fluid {width:100%;}
.section_sectionnews .li_horizontal {margin:-30px 0 0 -19px;}
.section_sectionnews .li_horizontal>li {width:432px;margin:30px 0 0 19px;border-bottom:2px solid #2e2a26;background:#fff;}
.section_sectionnews .top-news>a {display:block;}
.section_sectionnews .top-news .img_thumb {width:432px;height:230px;}
.section_sectionnews .top-news .headline {overflow:hidden;height:55px;margin-top:10px;padding:0 20px;font-weight:bold;font-size:19px;letter-spacing:-0.07em;}
.section_sectionnews .list_horizontal {margin:13px 20px 0;}
.section_sectionnews .list_horizontal li {height:90px;padding:10px 0;border-top:1px solid rgba(35,24,21,0.2);}
.section_sectionnews .list_horizontal li::after {display:block;content:'';clear:both;}
.section_sectionnews .list_horizontal li>a {display:block;height:70px;}
.section_sectionnews .list_horizontal .img_thumb {float:right;width:90px;height:70px;margin-left:10px;}
.img_thumb::after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000;opacity:0.08;}
.section_sectionnews .li_horizontal .headline {overflow:hidden;height:50px;padding-top:10px;font-weight:normal; font-size:16px;}
.section_sectionnews .li_vertical li::after {display:block;content:'';clear:both;}
.section_sectionnews .link_more {display:block;height:56px;border-top:1px solid rgba(35,24,21,0.2);font-weight:bold;line-height:56px;text-align:center; font-size:16px;}
.section_sectionnews .link_more * {font-weight:bold;}



/* Content */
#container { margin-bottom:10px; padding-top:280px;}
.container_solo { clear:both; position:relative;}
#container > div { padding-bottom:20px;}

.page_tit { position:relative; font-size:26px; padding-bottom:17px; line-height:1.2; margin-left:-2px;}

textarea { resize:none;}

/* Title SET */
.title_set { position:relative; margin-bottom:10px;}
.title_set h2 { color:#222; margin-right:30px; font-size:17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.title_set h2 a { color:#222;}
.title_set .btn_art_more { position:absolute; display:block; padding-right:1px;}

.title_set.ts01 { border-top:1px solid #848484; border-bottom:1px solid #dedede; padding:11px 0 14px;}
.title_set.ts01 .btn_art_more { right:0; top:16px;}

.title_set.ts02 { position:relative; border-top:2px solid #3fb3e7; padding:7px 0;}
.title_set.ts02 .btn_art_more { right:0; top:12px;}

.title_set.ts03 { position:relative; border-bottom:2px solid #3fb3e7; padding:7px 0 12px;}
.title_set.ts03 .btn_art_more { right:0; top:12px;}

.title_set.ts04 { position:relative; border-left:4px solid #3fb3e7; padding:2px 0 7px 10px;}
.title_set.ts04 .btn_art_more { right:0; top:7px;}

.title_set.ts05 { position:relative; padding:2px 0 0;}
.title_set.ts05 h2 a { background:#fff; z-index:2; position:relative; padding-right:10px;}
.title_set.ts05 h2:before { position:absolute; left:0; top:14px; width:100%; content:""; display:block; height:2px; background:#3fb3e7; z-index:1;}
.title_set.ts05 .btn_art_more { right:0; top:7px; background-color:#fff; z-index:2;}

.title_set .ics { display:block; padding-left:10px;}
.title_set .ics:before { display:inline-block; height:17px; background:url(./images/btn_art_more.png) no-repeat 0 0;}
.title_set .ics01:before { content:""; width:39px; background-position:0 0;} /* 더보기 1 */
.title_set .ics02:before { content:""; width:9px; background-position:-40px 0;} /* 더보기 2 */
.title_set .ics03:before { content:""; width:17px; background-position:-50px 0;} /* 더보기 3 */

.title_set.ts06 { position:relative; padding:7px 0 11px 10px; background:#3fb3e7; height:23px;}
.title_set.ts06 h2 { color:#fff !important;}
.title_set.ts06 h2 a, .title_set.ts06 h2 a * { color:#fff !important;}
.title_set.ts06 .btn_art_more { right:10px; top:12px;}
.title_set.ts06 h2 .ics { position:absolute; left:7px; top:30px; z-index:1;}
.title_set.ts06 h2 .ics:before { background:none; font-size:6px; color:#3fb3e7;}

.title_set.ts07 { position:relative; padding:7px 0 13px 15px; background:#3fb3e7 url(./images/bg_tit_line.png) no-repeat 3px 3px; height:23px; margin-bottom:5px;}
.title_set.ts07 h2 { color:#fff !important;}
.title_set.ts07 h2 a, .title_set.ts07 h2 a * { color:#fff !important;}
.title_set.ts07 .btn_art_more { right:8px; top:13px;}
.title_set.ts07 h2 .ics { position:absolute; left:10px; top:25px; z-index:1;}
.title_set.ts07 h2 .ics:before { background:none; font-size:6px; color:#3fb3e7;}

.title_set.ts08 .btn_art_more { right:0; top:5px;}

.title_set.ts09 { position:relative; padding:7px 0 10px 10px; background:#f3f3f3; height:23px; border:1px solid #dedede; border-top:0;}
.title_set.ts09:after { position:absolute; left:-1px; top:0; content:""; display:block; width:100%; padding-left:2px; height:1px; background:#3fb3e7;}
.title_set.ts09 .btn_art_more { right:7px; top:13px;}

.title_set.ts10 { position:relative; border-top:2px solid #dedede; border-bottom:1px solid #dedede; padding-top:1px;}
.title_set.ts10 > div { padding:7px 0 10px 0; background:#fff; height:23px; border-top:1px solid #dedede;}
.title_set.ts10 .btn_art_more { right:5px; top:13px;}

.title_set.ts11 { position:relative; padding:0 0 7px; border-bottom:1px solid #dedede;}
.title_set.ts11 > div { position:relative; border-left:5px solid #3fb3e7; padding:2px 0 7px 9px;}
.title_set.ts11 > div:before { position:absolute; left:-5px; top:0; content:""; display:block; width:5px; height:100%; background-color:rgba(255,250,160,.3);}
.title_set.ts11 > div:after { position:absolute; left:-5px; top:0; content:""; display:block; width:5px; height:5px; background:#00a2ea;}
.title_set.ts11 .btn_art_more { right:7px; top:7px;}
.title_set.ts11 .btn_art_more .ics.ics01 { margin-right:-7px;}

.title_set.ts12 { position:relative;}
.title_set.ts12 > div { position:relative; border-left:5px solid #3fb3e7; padding:2px 0 7px 9px;}
.title_set.ts12 > div:before { position:absolute; left:-5px; top:0; content:""; display:block; width:5px; height:100%; background-color:rgba(255,250,160,.3);}
.title_set.ts12 > div:after { position:absolute; left:-5px; top:0; content:""; display:block; width:5px; height:5px; background:#00a2ea;}
.title_set.ts12 .btn_art_more { right:7px; top:8px;}
.title_set.ts12 .btn_art_more .ics.ics01 { margin-right:-7px;}

.title_set.ts13 { position:relative; border-bottom:1px solid #dedede;}
.title_set.ts13 > div { margin-bottom:-1px;}
.title_set.ts13 h2 { color:#fff !important; border-left:5px solid #00a2ea;}
.title_set.ts13 h2 a, .title_set.ts13 h2 a * { color:#fff !important;}
.title_set.ts13 h2 a { position:relative; display:inline-block; padding:3px 15px 6px 10px; background-color:#3fb3e7; z-index:1;}
.title_set.ts13 .btn_art_more { right:7px; top:7px;}
.title_set.ts13 .btn_art_more .ics.ics01 { margin-right:-7px;}

.title_set.ts14 { position:relative; padding:0 0 7px; border-bottom:1px solid #dedede;}
.title_set.ts14 > div { position:relative; border-left:4px solid #3fb3e7; padding:2px 0 7px 9px;}
.title_set.ts14 .btn_art_more { right:7px; top:8px;}
.title_set.ts14 .btn_art_more .ics.ics01 { margin-right:-7px;}

.title_set.ts15 { position:relative; border-bottom:1px solid #dedede;}
.title_set.ts15 > div { margin-bottom:-1px;}
.title_set.ts15 h2 { color:#fff !important;}
.title_set.ts15 h2 a { position:relative;  display:inline-block; border-bottom:1px solid #3fb3e7; padding:2px 0 7px; z-index:1;}
.title_set.ts15 .btn_art_more { right:7px; top:7px;}
.title_set.ts15 .btn_art_more .ics.ics01 { margin-right:-7px;}

.title_set.ts16 { position:relative; border-bottom:1px solid #3fb3e7;}
.title_set.ts16 > div { margin-bottom:-1px;}
.title_set.ts16 h2 { color:#fff !important;}
.title_set.ts16 h2 a { position:relative; display:inline-block; border-bottom:4px solid #3fb3e7; padding:2px 0 7px; z-index:1;}
.title_set.ts16 .btn_art_more { right:7px; top:7px;}
.title_set.ts16 .btn_art_more .ics.ics01 { margin-right:-7px;}

.title_set.ts17 { position:relative;}
.title_set.ts17:after { position:absolute; bottom:0; left:0; content:""; display:block; width:100%; height:4px; background:#3fb3e7 url(./images/bg_w50.png) repeat 0 0;}
.title_set.ts17 > div { margin-bottom:-1px;}
.title_set.ts17 h2 { color:#fff !important;}
.title_set.ts17 h2 a { position:relative; display:inline-block; padding:2px 15px 12px 0; z-index:1;}
.title_set.ts17 h2 a:after { position:absolute; bottom:0; right:0; content:""; display:block; width:100%; height:4px; z-index:2; background:#3fb3e7 url(./images/bg_w50_skew.png) no-repeat right 0;}
.title_set.ts17 .btn_art_more { right:0; top:7px;}

.title_set.ts18 { position:relative; border-bottom:1px solid #3fb3e7;}
.title_set.ts18 > div { margin-bottom:-1px; overflow:hidden;}
.title_set.ts18 h2 { color:#fff !important;}
.title_set.ts18 h2 a, .title_set.ts18 h2 a * { color:#fff !important;}
.title_set.ts18 h2 a { position:relative; display:inline-block; padding:3px 10px 6px 11px; height:23px; background-color:#3fb3e7; z-index:1;}
.title_set.ts18 h2 a:after { position:absolute; right:-15px; top:0; content:""; display:block; width:0; height:0; border-right:15px solid transparent; border-left:15px solid transparent; border-bottom:32px solid #3fb3e7;}
.title_set.ts18 .btn_art_more { right:0; top:5px;}

.title_set.ts19 { position:relative; padding:8px 0 10px 23px; background:#fff; height:25px; line-height:24px; margin-bottom:10px; border:1px solid #dedede;}
.title_set.ts19:after { position:absolute; left:12px; top:19px; content:""; display:block; width:5px; height:5px; background:#3fb3e7;}
.title_set.ts19 .btn_art_more { right:8px; top:13px;}

.title_set.ts20 { position:relative; padding:9px 0 9px 15px; background:#3fb3e7 url(./images/bg_b_gradient.png) no-repeat right 0; height:23px; line-height:22px; margin-bottom:10px;}
.title_set.ts20:after { position:absolute; left:0; top:1px; content:""; display:block; width:100%; height:3px; background:url(./images/bg_wline_right.png) repeat right 0;}
.title_set.ts20:before { position:absolute; left:0; bottom:1px; content:""; display:block; width:100%; height:3px; background:url(./images/bg_wline_left.png) repeat left 0;}

.title_set.ts20 h2 { color:#fff !important;}
.title_set.ts20 h2 a, .title_set.ts20 h2 a * { color:#fff !important;}
.title_set.ts20 .btn_art_more { right:8px; top:12px;}
.title_set.ts20 h2 .ics { position:absolute; left:10px; top:25px; z-index:1;}
.title_set.ts20 h2 .ics:before { background:none; font-size:6px; color:#3fb3e7;}

.title_set.ts21 { position:relative; padding:2px 0 0;}
.title_set.ts21 h2 { text-align:center; margin-right:0;}
.title_set.ts21 h2 a { background:#fff; z-index:2; position:relative; padding:0 10px; display:inline-block; height:22px; line-height:21px; transition:all .3s ease;}
.title_set.ts21 h2:before { position:absolute; left:0; top:13px; width:100%; content:""; display:block; z-index:1; border-top:1px solid #808080; transition:all .3s ease;}
.title_set.ts21 h2:after { position:absolute; left:0; top:16px; width:100%; content:""; display:block; z-index:1; border-top:1px solid #808080; transition:all .3s ease;}
.title_set.ts21 .btn_art_more { right:0; top:7px; background-color:#fff; z-index:2;}
.title_set.ts21 h2:hover > a { color:#000;}
.title_set.ts21 h2:hover:before { border-color:#000;}
.title_set.ts21 h2:hover:after { border-color:#000;}

.title_set.ts22 { position:relative; padding:2px 0 7px 23px; margin-bottom:6px;}
.title_set.ts22:after { position:absolute; left:0px; top:3px; content:""; display:block; width:11px; height:25px; background:#3fb3e7 url(./images/bg_theme22.png) no-repeat 0 0;/* -ms-transform:skewX(-12deg); -webkit-transform:skewX(-12deg); transform:skewX(-12deg);*/}
.title_set.ts22 .btn_art_more { right:0; top:7px;}

.title_set.ts23 { position:relative; padding:2px 0 7px 25px; margin-bottom:6px; height:23px; line-height:22px;}
.title_set.ts23:after { position:absolute; left:3px; top:7px; content:""; display:block; width:15px; height:15px; background:#3fb3e7 url(./images/bg_theme23.png) no-repeat 0 0; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.title_set.ts23 .btn_art_more { right:0; top:7px;}

.title_set.ts24 { position:relative; padding:2px 0 7px 23px; margin-bottom:6px; height:23px; line-height:22px;}
.title_set.ts24:after { position:absolute; left:1px; top:5px; content:""; display:block; width:18px; height:18px; background:#3fb3e7 url(./images/bg_theme24.png) no-repeat 0 0; border-radius:9px;}
.title_set.ts24 .btn_art_more { right:0; top:7px;}

.title_set.ts25 { position:relative; padding:2px 0 7px 23px; margin-bottom:6px; height:23px; line-height:22px;}
.title_set.ts25:after { position:absolute; left:1px; top:9px; content:""; display:block; width:10px; height:10px; background:#3fb3e7; border-radius:5px;}
.title_set.ts25:before { position:absolute; left:5px; top:13px; content:""; display:block; width:13px; height:2px; background:#3fb3e7;}
.title_set.ts25 .btn_art_more { right:0; top:7px;}

.title_set.ts26 { position:relative; padding:2px 0 7px; margin-bottom:6px; height:23px; line-height:22px;}
.title_set.ts26 h2 { position:relative; display:inline-block; padding-bottom:2px;}
.title_set.ts26 h2 a { position:relative; z-index:10; padding:0 8px 0 2px;}
.title_set.ts26 h2:after { position:absolute; left:1px; bottom:-1px; content:""; display:block; width:100%; height:12px; background:#3fb3e7; z-index:1;}
.title_set.ts26 h2:before { position:absolute; left:1px; bottom:-1px; content:""; display:block; width:100%; height:12px; background:url(./images/bg_theme26.png) repeat 0 0; z-index:2;}
.title_set.ts26 .btn_art_more { right:0; top:7px;}

.title_set.tsw .ics:before { background:url(./images/btn_art_more_white.png) no-repeat 0 0;}
.title_set.tsw .ics01:before { content:""; width:39px; background-position:0 0;} /* 더보기 1 */
.title_set.tsw .ics02:before { content:""; width:9px; background-position:-40px 0;} /* 더보기 2 */
.title_set.tsw .ics03:before { content:""; width:17px; background-position:-50px 0;} /* 더보기 3 */

.title_set h2 a > * { color:#3fb3e7 !important;}




/*  begin */

.arl_021_01 { position:relative; overflow:hidden; width:360px;}

.arl_021_01 .art_box { position:relative; margin-top:10px;}
.arl_021_01 .column { margin:-10px -5px 0;}
.arl_021_01 .column > * > * { margin:0 5px;}
.arl_021_01 .art_box > a { display:block; position:relative; overflow:visible !important; border:1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding:10px 13px;}
.arl_021_01 .art_box > a h2 { font-size:26px; line-height:1.4; margin:0 0 0 -1px; color:#363636; height:75px;}
.arl_021_01 .art_box > a p { margin-top:5px; margin-bottom:-2px; color:#808080;}
.arl_021_01 .art_box.no_img > a { padding-left:0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity:.75;}

.arl_021_01 .rate_list { position:relative;}
.arl_021_01 .rate_list li { position:relative; padding-left:24px; margin-top:10px;}
.arl_021_01 .rate_list li:first-child { margin-top:0;}
.arl_021_01 .rate_list li a { display:block; line-height:1.4;}
.arl_021_01 .rate_list li a span { position:absolute; left:0; top:2px; min-width:12px; padding:0 2px; height:16px; line-height:17px; font-size:12px; color:#fff; display:block; font-family:rubik, sans-serif; text-align:center; background:#848484;}
.arl_021_01 .rate_list li.rank_top a span { background:#13acac;}
/*
#35a2f0, #3fb3e7
*/
.arl_021_01 .rate_list li a:hover { color:#808080;}

/*  end */
/*  begin */

.arl_021_01 { position:relative; overflow:hidden;}

.arl_021_01 .art_box { position:relative; margin-top:10px;}
.arl_021_01 .column { margin:-10px -5px 0;}
.arl_021_01 .column > * > * { margin:0 5px;}
.arl_021_01 .art_box > a { display:block; position:relative; overflow:visible !important; border:1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding:10px 13px;}
.arl_021_01 .art_box > a h2 { font-size:26px; line-height:1.4; margin:0 0 0 -1px; color:#363636; height:75px;}
.arl_021_01 .art_box > a p { margin-top:5px; margin-bottom:-2px; color:#808080;}
.arl_021_01 .art_box.no_img > a { padding-left:0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity:.75;}
/*  end */
/*  begin */

.arl_021_01 { position:relative; overflow:hidden;}

.arl_021_01 .art_box { position:relative; margin-top:10px;}
.arl_021_01 .column { margin:-10px -5px 0;}
.arl_021_01 .column > * > * { margin:0 5px;}
.arl_021_01 .art_box > a { display:block; position:relative; overflow:visible !important; border:1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding:10px 13px;}
.arl_021_01 .art_box > a h2 { font-size:26px; line-height:1.4; margin:0 0 0 -1px; color:#363636; height:75px;}
.arl_021_01 .art_box > a p { margin-top:5px; margin-bottom:-2px; color:#808080;}
.arl_021_01 .art_box.no_img > a { padding-left:0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity:.75;}
/*  end */
/*  begin */

.arl_021_01 { position:relative; overflow:hidden;}

.arl_021_01 .art_box { position:relative; margin-top:10px;}
.arl_021_01 .column { margin:-10px -5px 0;}
.arl_021_01 .column > * > * { margin:0 5px;}
.arl_021_01 .art_box > a { display:block; position:relative; overflow:visible !important; border:1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding:10px 13px;}
.arl_021_01 .art_box > a h2 { font-size:26px; line-height:1.4; margin:0 0 0 -1px; color:#363636; height:75px;}
.arl_021_01 .art_box > a p { margin-top:5px; margin-bottom:-2px; color:#808080;}
.arl_021_01 .art_box.no_img > a { padding-left:0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity:.75;}
/*  end */
/*  begin */

.arl_021_02 { position:relative; overflow:hidden;}

.arl_021_02 .art_box { position:relative; margin-top:10px;}
.arl_021_02 .column { margin:-10px -5px 0;}
.arl_021_02 .column > * > * { margin:0 5px;}
.arl_021_02 .art_box > a { display:block; position:relative; overflow:visible !important; border:1px solid #dedede;}
.arl_021_02 .art_box > a > div { padding:10px;}
.arl_021_02 .art_box > a h2 { font-size:15px; font-weight:bold; line-height:1.4; margin:0 0 0 -1px; color:#363636; height:42px;}
.arl_021_02 .art_box > a p { margin-top:5px; margin-bottom:-2px; color:#808080;}
.arl_021_02 .art_box.no_img > a { padding-left:0;}
.arl_021_02 .art_box > a:hover h2, .arl_021_02 .art_box > a:hover p, .arl_021_02 .art_box > a:hover img { opacity:.75;}
/*  end */
/*  begin */

.arl_021_01 { position:relative; overflow:hidden;}

.arl_021_01 .art_box { position:relative; margin-top:10px;}
.arl_021_01 .column { margin:-10px -5px 0;}
.arl_021_01 .column > * > * { margin:0 5px;}
.arl_021_01 .art_box > a { display:block; position:relative; overflow:visible !important; border:1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding:10px 13px;}
.arl_021_01 .art_box > a h2 { font-size:26px; line-height:1.4; margin:0 0 0 -1px; color:#363636; height:75px;}
.arl_021_01 .art_box > a p { margin-top:5px; margin-bottom:-2px; color:#808080;}
.arl_021_01 .art_box.no_img > a { padding-left:0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity:.75;}
/*  end */
/*  begin */

.arl_068_01 { position:relative; overflow:hidden;}

.arl_068_01 .art_list_all { position:relative; margin:-15px -7px 0;}
.arl_068_01 .art_list_all > li { position:relative; margin:15px 0 0; overflow:hidden;}
.arl_068_01 .art_list_all > li > a { position:relative; display:block; margin:0 7px;}
.arl_068_01 .art_list_all > li > a .bf32:before { padding-top:75.416%;}
.arl_068_01 .art_list_all > li > a > span span { overflow:hidden;}
.arl_068_01 .art_list_all > li > a > span span:after { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.075); -webkit-box-sizing:border-box; box-sizing:border-box; content:''; z-index:2;}
.arl_068_01 .art_list_all > li > a > span span img { transition:all .5s ease-out;}
.arl_068_01 .art_list_all > li > a:hover img { transform:scale(1.15);}

.arl_068_01 .art_list_all .grad_wrap { position:absolute; left:0; bottom:0; display:block; width:100%; height:110px; background:url(/data/skin/content_custom/1/arl_068_01//images/bg_grad.png) repeat-x 0 0; z-index:2;}

.arl_068_01 .art_list_all h3 { position:absolute; left:0; bottom:0; width:100%; z-index:3; margin:0; padding:0 10px 10px; box-sizing:border-box;}
.arl_068_01 .art_list_all h3 a { font-size:14px;width:220px;padding:5px 10px; font-weight:bold; line-height:1.3; height:inherit !important; max-height:50px; color:#fff;}
.arl_068_01 .art_list_all h3 a:hover { text-decoration:underline;}
/*  end */
/*  begin */

.arl_021_02 { position:relative; overflow:hidden;}

.arl_021_02 .art_box { position:relative; margin-top:10px;}
.arl_021_02 .column { margin:-10px -5px 0;}
.arl_021_02 .column > * > * { margin:0 5px;}
.arl_021_02 .art_box > a { display:block; position:relative; overflow:visible !important; border:1px solid #dedede;}
.arl_021_02 .art_box > a > div { padding:10px;}
.arl_021_02 .art_box > a h2 { font-size:15px; font-weight:bold; line-height:1.4; margin:0 0 0 -1px; color:#363636; height:42px;}
.arl_021_02 .art_box > a p { margin-top:5px; margin-bottom:-2px; color:#808080;}
.arl_021_02 .art_box.no_img > a { padding-left:0;}
.arl_021_02 .art_box > a:hover h2, .arl_021_02 .art_box > a:hover p, .arl_021_02 .art_box > a:hover img { opacity:.75;}
/*  end */
/*  begin */

.ext_023 { position:relative; height:422px; overflow:hidden;}
.ext_023 .hm { position:relative; background:#333;}
.ext_023 .hm:after { content:""; display:block; clear:both;}

.ext_023 .hm > div { float:left; width:34.2%;}
.ext_023 .hm > div:first-child { float:left; width:65.8%;}

.ext_023 .hm .mov_wrap { position:relative; padding-top:56.25%; background:#000; overflow:hidden;}
.ext_023 .hm .mov_wrap iframe { position:absolute; top:0; right:0; bottom:0; left:0; display:block; z-index:1; width:100%; height:100%;}

.ext_023 .hm .mov_cont { padding-right:5px; height:100%; overflow:hidden; cursor:hand;}
.ext_023 .hm .swiper-slide { height:auto;}
.ext_023 .hm .swiper-container-vertical > .swiper-scrollbar { right:0 !important; top:0 !important; height:100% !important;}
.ext_023 .hm .swiper-scrollbar-drag { border-radius:0 !important; background:#6c6c6c !important;}

.ext_023 .mov_link:after { content:""; display:block; clear:both;}
.ext_023 .mov_link > li { float:left; width:50%; height:65px; overflow:hidden; margin-bottom:1px;}
.ext_023 .mov_link > li > a { display:table; width:100%; background:#474747; color:#eaeaea; transition:all .3s ease;}
.ext_023 .mov_link > li > a > b, .ext_023 .mov_link > li > a > em { display:table-cell; height:55px; vertical-align:middle; text-align:center; overflow:hidden; padding: 5px 0;}
.ext_023 .mov_link > li > a > b { width:36.45%; background:#6c6c6c; line-height:1.2; transition:all .3s ease;}
.ext_023 .mov_link > li > a > em { width:63.55%; font-style:normal; font-size:15px; font-weight:bold; line-height:1.2;}

.ext_023 .mov_link > li > a:hover { background:#333;}
.ext_023 .mov_link > li > a:hover > b { background:#555;}

.ext_023 .mov_link > li > a.active { background:#222 url(/data/skin/content/1/ext_023//images/bg_active.png) repeat 0 0;}
.ext_023 .mov_link > li > a.active > b { background:#3fb3e7;}
/*  end */

.ext_001 { position:relative; background:#525456; padding:30px 15px; height:197px; overflow:hidden; }
.ext_001 .tit_wrap { position:relative; margin-bottom:18px;}
.ext_001 .tit_wrap h2 { color:#fff; font-size:15px; margin-right:60px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ext_001 .btn_arrow { position:absolute; right:11px; top:8px; display:block; background:url(../img/default/btn_arrow.png) no-repeat 0 0; width:40px; height:10px; text-indent:-9999px;}
.ext_001 .slide_art .slide_wrap { padding:0 9px;}
.ext_001 .slide_art .slide_box { position:relative; overflow:hidden;}
.ext_001 .slide_art .slide_list { position:relative;}
.ext_001 .slide_art .slide_list:after { content:""; display:block; clear:both;}
.ext_001 .slide_art .slide { float:left; width:190px; min-height:190px; padding:0 10px 0 20px; border-left:1px solid #6e7071;}
.ext_001 .slide_art .slide:first-child { border-color:transparent;}
.ext_001 .slide_art .slide ul li { margin-bottom:14px;}
.ext_001 .slide_art .slide ul li a { display:block; color:#dedede; height:39px;}
.ext_001 .slide_art .slide ul li a:hover { color:#fff;}
.ext_001 .slide_art .text_area {position:relative;width:300px;margin-right:10px;}
.ext_001 .slide_art .slide_wrap > a { position:absolute; top:0; display:block; width:41px; height:275px; text-indent:-9999px; background:#525456 url(../img/default/btn_pager.png) no-repeat 0 center; transition:none;}
.ext_001 .slide_art .slide_wrap > a:after { content:""; position:absolute; top:22px; display:block; width:16px; height:240px;}
.ext_001 .slide_art .slide_wrap .btn-prev { left:0; display:none;}
.ext_001 .slide_art .slide_wrap .btn-prev:after { left:35px; background:url(../img/default/bg_frame_left.png) no-repeat 0 0;}
.ext_001 .slide_art .slide_wrap .btn-prev:hover { background-position:-80px center;}
.ext_001 .slide_art .slide_wrap .btn-next { right:0; background-position:-40px center;}
.ext_001 .slide_art .slide_wrap .btn-next:after { right:35px; background:url(../img/default/bg_frame_right.png) no-repeat 0 0;}
.ext_001 .slide_art .slide_wrap .btn-next:hover { background-position:-120px center;}



/*2018년 09월 12일 신규입니다*/

.bar_shaw{position:absolute;
width:100%;
bottom:0;
	left:7px;
background:url(../img/bg_gradation2.png) top repeat-x;}

