@charset "utf-8";

@import "reset.css";
@import "module.css";

* { box-sizing: border-box; }

/* 속보영역 : design & banner 설정 적용 20220617  */
#newest_arti { width:100%; height:auto; overflow:hidden; margin-bottom:2em; background-color:#f9f9f9; }
#newest_arti > article { max-width:1335px; height:auto; margin:0 auto; }
#newest_arti > article { position:relative; }
#newest_arti .wrapper { width:fit-content; position:relative; height:inherit; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
#newest_arti .arl_019 {  width: 770px; background-color:#f9f9f9 }
#newest_arti .arl_019 .bx-viewport { height:37px !important; }
#newest_arti .arl_019 .art_slide { margin-left: 20px; }
.arl_019 { position:relative;}
.arl_019 .recent_art { padding:1em; overflow:hidden; display:flex/*block*/; justify-content:start; }
.arl_019 .recent_art {background-color:#fff;/*margin-top: 25px;*/}
.arl_019 .recent_art > h3 { color:#fff; width:100px; font-size: 18px; text-align: center; padding: 8px 0; }
/* 속보 헤딩 h2 */
.arl_019 .recent_art > h2 { color:#fff; width:100px; font-size: 18px; text-align: center; padding: 8px 0; }
.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; width: 615px !important; }
.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;}
#newest_arti .nwst_ad { width:260px; height:100%; margin: 20px 0;}
#newest_arti .nwst_ad > div { }
#newest_arti .nwst_ad.leftSide { float:left; }    
#newest_arti .nwst_ad.rightSide { float:right; }
#newest_arti .nwst_ad img { max-width:100%; overflow:hidden;}
#newest_arti .main_flash_left_swiper, #newest_arti .main_flash_right_swiper {width:260px;height: 80px;}

/* 헤드라인 */
/*
.main_headline { position: relative; width: 100%; min-width: 1200px;}
.main_headline > div { position: relative; max-width: 1160px; margin: 0 auto; padding: 0 20px;}
.main_headline > div:after { content: ""; display: block; clear: both;}
*/
.main_headline.bg_gray { background: #f6f6f6; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }

/* 메인 뉴스 랭킹 영역 20220620 */
.main_rank { position: relative; width: 100%; *min-width: 1335px;}
.main_rank > div { position: relative; max-width: 1335px; margin:40px auto; }
.main_rank > div:after { content: ""; display: block; clear: both;}
.main_rank.bg_gray { background: #f6f6f6; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
/* 메인 중앙뉴스 영역 20220620 */
.main_center { position: relative; width: 100%; *min-width: 1335px;}
.main_center > div { position: relative; max-width: 1335px; margin:2.5em auto; }
.main_center > div:after { content: ""; display: block; clear: both;}
.main_center.bg_gray { background: #f6f6f6; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin-bottom:2.5em;}
.main_photo { margin-bottom:2.5em;margin-top:-15px;}
.main_top { position: relative; width: 100%; /* *min-width: 1335px; */margin-bottom:2.5em;}
.main_top > div { position: relative; max-width: 1335px; margin: 0 auto; }
.main_top > div:after { content: ""; display: block; clear: both;}
.main_top.bg_gray { background: #f6f6f6; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }

.align_first { position: relative;}

.align_first { position: relative; overflow: hidden; border-bottom: 1px solid #dedede; padding-bottom:17px; margin-bottom:17px; }
.align_first > ul > li { margin-top: 15px;}
.align_first > ul > li:first-child { margin-top: 0;}
.align_first .art_box { position: relative; overflow: hidden;}
.align_first .art_box > a { display: block;}
.align_first .art_box > a div { position: relative; padding-left: 90px; min-height: 62px;overflow:hidden;}
.align_first .art_box > a span { position: absolute; left: 0; top: -10px; border: 1px solid #eaeaea;}
.align_first .art_box > a span img { width: 90px; height: 90px; transition: opacity .3s ease;}
.align_first .art_box > a h3 { font-size: 22px; line-height: 1.3; margin: -2px 0 10px; color: #363636; font-weight:600; height: inherit !important; max-height: 62px;}
.align_first .art_box > a h4 { font-size: 13px; color: #0ca8a8; margin: -3px 0 5px; font-weight: normal;}
.align_first .art_box > a p { margin-top: 10px; padding-left: 10px; color: #808080;}
.align_first .relate_art { position: relative; margin-top: 10px;}
.align_first .relate_art li { padding-left: 10px; line-height: 1; margin-top: 4px;}
.align_first .relate_art li a:hover { color: #808080;}
.align_first .no_img .art_box > a div, .align_first .no_img .art_box > a p { padding-left: 0;}
.align_first .art_box > a:hover h2, .align_first .art_box > a:hover h3, .align_first .art_box > a:hover p, .align_first .art_box > a:hover img { opacity: .75;}

.align_second { position: relative;}
.align_second .tit_set { margin-bottom: 17px;}
.align_second { position: relative; overflow: hidden;}
.align_second > ul > li { margin-top: 17px; border-top: 1px solid #dedede;}
.align_second > ul > li:first-child { margin-top: 0; border-top: 0;}
.align_second .art_box { position: relative; overflow: hidden;}
.align_second .art_box > a { display: block;}
.align_second .art_box > a div { position: relative; padding-left: 90px; margin-top: 5px;overflow:hidden;}
.align_second .art_box > a span { position: absolute; left: 0; top: -10px; border: 1px solid #eaeaea;}
.align_second .art_box > a span img { width: 90px; height: 90px; transition: opacity .3s ease;}
.align_second .art_box > a h3 { font-size: 17px; line-height: 1.3; margin: 15px 0 0; color: #363636;}
.align_second > ul > li:first-child h3 { margin-top: 0;}
.align_second .art_box > a h4 { font-size: 13px; color: #0ca8a8; margin: 4px 0 0; font-weight: normal;}
.align_second .art_box > a p { margin-top: 10px; margin-bottom: 3px; padding-left: 10px; color: #808080;}

.align_second .relate_art { position: relative;}
.align_second .relate_art li { padding-left: 10px; line-height: 1; margin-top: 5px;}
.align_second .relate_art li a:hover { color: #808080;}
.align_second .no_img .art_box > a div, .align_second .no_img .art_box > a p { padding-left: 0;}

.align_second .art_box > a:hover h2, .align_second .art_box > a:hover h3, .align_second .art_box > a:hover p, .align_second .art_box > a:hover img { opacity: .75;}

.headline_mov .skin_tit { display: flex; justify-content: space-between; align-items: center; }
.headline_mov .skin_tit h3 { display:inline-block; }
.headline_mov .skin_tit h3 a { display: block; background: url('/theme/wide04/img/icon/icon_play.png') no-repeat 0 center; font-size: 20px; color: #fff; padding: 5px 0; padding-left: 30px;}
.headline_mov .skin_tit .btn_more { display:inline-block; /*background: url('/theme/wide04/img/btn/btn_more.png') no-repeat 0 0;  text-indent: -9999em; */ color:white; font-size: 17px;
    padding: 0 10px; }
.headline_mov .skin_tit .btn_more > i { transform:translateY(2px); }
.headline_mov  { width:100%; }
.headline_mov { position: relative; background: #000; overflow: hidden; padding:1em; }
.videoSect_head { position: relative; background: #000; }
.videoSect_head .mov_wrap { padding-top: 55.8%; background: #000; height:350px; }
.videoSect_head .mov_wrap iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%; background: #000;}

.headline_mov .indicator { position: relative; display: flex; flex-wrap: wrap;}
.headline_mov .thumb_wrap { position: relative; display: block; width: 20%;}
.headline_mov .indicator.col1 .thumb_wrap { width: 100%;}
.headline_mov .indicator.col2 .thumb_wrap { width: 50%;}
.headline_mov .indicator.col3 .thumb_wrap { width: 33.3333%;}
.headline_mov .indicator.col4 .thumb_wrap { width: 25%;}

.headline_mov .thumb { height:130px; display: block; overflow: hidden; transition: all .3s ease;}
.headline_mov .thumb img:after { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -24px; content: ""; display: block; width: 45px; height: 45px;}
.headline_mov .thumb img { width: 100%; height:100%; }
.headline_mov .thumb i { display: block; padding: 5px 0 7px; height: 30px;}
.headline_mov .thumb i b { display: block; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.3; height: 31px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.headline_mov .thumb:hover {  }
.headline_mov .thumb.active {  }
.headline_mov .thumb.active span:after { background: url('/theme/wide04/img/icon/icon_mov.png') no-repeat -45px 0;}

.headline_mov .art_txt { width:100%; height:75px; position: absolute; bottom: 0; color: #fff; font-size: 12px; line-height: 1.4;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7),rgba(0,0,0,1)); }
.headline_mov .art_txt:hover { text-decoration: underline;}
.headline_mov .art_txt > p { height: 33px; margin:11px 8px; line-height: 1.3; transform: translateY(18px); }

.no-video {background-color:#111;color:#fff;height:350px;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;line-height:350px;}

.headline_bottom { position: relative; overflow: hidden;}

.headline_bottom .art_list_all { position: relative; margin-top: -15px;}
.headline_bottom .art_list_all > li { position: relative; margin: 15px 0 0;}
.headline_bottom .art_list_all > li > a { position: relative; display: block;}
.headline_bottom .art_list_all > li .mov_art .bfbox:after { position: absolute; left: -1px; bottom: -1px; content: ""; display: block; width: 30px; height: 30px; background: url('/theme/wide04/img/icon/icon_play.png') no-repeat 0 0;}
.headline_bottom .art_list_all > li > a h3 { font-size: 15px; font-weight: bold; line-height: 1.3; height: auto !important; color: #222; padding-top: 10px;}
.headline_bottom .art_list_all > li > a > span { border: 1px solid #eaeaea;}
.headline_bottom .art_list_all > li > a > span img { transition: opacity .3s ease;}
.headline_bottom .art_list_all > li > a:hover h3, .headline_bottom .art_list_all > li > a:hover b, .headline_bottom .art_list_all > li > a:hover img { opacity: .75;}

/* 헤드라인 센터 타입2 */
#headline_centerNews { width:556px; }
#headline_centerNews .h_bigNews { padding-bottom:2em; border-bottom:1px solid #000; }
#headline_centerNews .h_bigNews img { width:100%; height:330px;object-fit:cover }
#headline_centerNews .h_bigNews h3 { font-size:30px; letter-spacing:-3px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; 
	display: -webkit-box; -webkit-box-orient: vertical; margin:15px 0; }
#headline_centerNews .h_bigNews p { overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; display: -webkit-box; 
	-webkit-box-orient: vertical; line-height:1.8; }
#headline_centerNews .h_smallNews { display:flex; justify-content:space-between; margin-top:2.5em; }
#headline_centerNews .h_smallNews li { width:48%; }
#headline_centerNews .h_smallNews li img { width:100%; height:186px; }
#headline_centerNews .h_smallNews h3 { overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; display: -webkit-box; 
	-webkit-box-orient: vertical; margin-top:15px; }


/* 헤드라인 하단 주요기사 */
/* 좌측 */
.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/wide04/img/rank_01.png');}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(2) .headline::before {background-image:url('/theme/wide04/img/rank_02.png');}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(3) .headline::before {background-image:url('/theme/wide04/img/rank_03.png');}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(4) .headline::before {background-image:url('/theme/wide04/img/rank_04.png');}
.section_ranking.v2 .li_horizontal:first-of-type li:nth-child(5) .headline::before {background-image:url('/theme/wide04/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; */}
.container_solo { clear:both; position:relative;}
#container > div {/*  padding-bottom:20px; */margin-bottom:2.5em;}

.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:15px; /*border-bottom: 3px solid #13acac;*/border-bottom: 3px solid #cdcdcd; }
.title_set h2 { color:#222; margin-right:30px; font-size:22px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-bottom: 7px;}
.title_set h2 a { color:#222; letter-spacing:-2px;}
.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;}


.bar_shaw{position:absolute;
width:100%;
bottom:0;
	left:7px;
background:url(../img/bg_gradation2.png) top repeat-x;}

.top_box { position: relative; overflow: hidden;}
.top_box .skin_tit { position: absolute; left: 0; top: 0; z-index: 10;}
.top_box .skin_tit a { display: block; background: #cdcdcd url('/theme/wide04/img/btn/btn_more_img.png') no-repeat right center;color: #fff; 
	padding:5px 10px 9px; font-size: 17px; box-shadow: 0 0 10px rgba(0,0,0,.6);}
.top_box .slide_wrap { position: relative; height: 420px;}
.top_box .photo_box { overflow: hidden; background: #000;}
.top_box .thumb_wrap { position: relative; display: block; text-align: center; overflow: hidden;}
.top_box .thumb_wrap img { width: 100%; transition: all .7s ease;}
.top_box .thumb_wrap .thumb { position: relative; overflow: hidden; background: #000; height: 230px; }
.top_box .thumb_wrap .thumb: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;}
.top_box .thumb_wrap:hover img { transform: scale(1.05);}
.top_box .txt_wrap { position: relative; color: #fff; padding: 68px 0 0; background: url('/theme/wide04/img/bg/bg_shadow.png') repeat-x 0 0; margin-top: -78px; z-index: 3;}
.top_box .txt_wrap > div { background: #000; padding-bottom:28px; display: table; width: 100%;}
.top_box .txt_wrap > div > div { padding: 0 30px; vertical-align: middle; display: table-cell; height:170px;}
.top_box .txt_wrap h3 { color:white; font-size:23px; height: auto !important; max-height: 80px; line-height: 1.25; word-break: keep-all; word-break: break-all; margin: 10px 0;}
.top_box .txt_wrap h4 { font-size: 16px; color: #eeddc0; height: 23px;}
.top_box .txt_wrap p { margin: 13px 0 0; color: #8e8e8e; word-break: break-all;}
.top_box .bx-pager { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; text-align: center; padding: 5px 0 17px; z-index: 10;}
.top_box .bx-pager > div { display: inline-block;}
.top_box .bx-pager > div > a { display: block; width:12px; height:12px; border-radius:50%; text-indent: -9999em; background-color:transparent; border:1px solid #fff; 
	box-shadow: 0 0 5px rgba(0,0,0,.5); margin: 0 5px; overflow: hidden; transition: all .3s ease;}
.top_box .bx-pager > div > a.active { background: #fff;}


.top_box01 { position: relative; overflow: hidden;}
.top_box01 .column { margin-top: -20px;}
.top_box01 .art_box { position: relative; overflow: hidden; margin-top: 20px;}
.top_box01 .art_box > a { display: block; position: relative; overflow: visible !important;}
.top_box01 .art_box > a h2 { font-size: 15px; font-weight: normal; line-height: 1.4; color: #363636; height: auto; padding-top: 10px; word-break: break-all;}
.top_box01 .art_box > a > span { border: 1px solid #eaeaea;}
.top_box01 .art_box > a > span img { transition: opacity .3s ease;}
.top_box01 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.top_box01 .art_box.no_img > a { padding-left: 0;}
.top_box01 .art_box > a:hover h2, .top_box01 .art_box > a:hover p, .top_box01 .art_box > a:hover img { opacity: .75;}
.top_box01_list { position: relative;}
.top_box01_list .tit_set { margin-bottom: 10px !important;}
.top_box01_list .dot_list li { margin-top: 18px;}
.top_box01_list .dot_list li:first-child { margin-top: 0;}
.top_box01_list .dot_list li a { position: relative; display: block; font-size: 17px; padding-left: 13px; line-height: 1.4;}
.top_box01_list .dot_list li a:before { display: block; position: absolute; left: 0; top: 12px; content: ""; width: 3px; height: 3px; background: #363636;}
.top_box01_list .dot_list li a:hover { opacity: .75;}

.top_box02 { position: relative;}
.top_box02 .tit_set { margin-bottom: 11px;}
.top_box02 .art_list { position: relative;}
.top_box02 .art_list > li { margin: 15px 0 0;}
.top_box02 .art_list > li:first-child { margin-top: 0;}
.top_box02 .art_list.line > li { margin: 12px 0 0; border-top: 1px solid #e0e0e0; padding-top: 12px;}
.top_box02 .art_list.line > li:first-child { padding-top: 0; border-top: 0;}
.top_box02 .art_list > li > a { position: relative; display: block; padding-left: 145px; height: 62px;}
.top_box02 .art_list > li > a > span { position: absolute; left: 40px; top: 0; display: block; width: 90px; height: 60px; overflow: hidden; border: 1px solid #ddd; transition: opacity .3s ease;}
.top_box02 .art_list > li > a > span img { width: 90px; height: 90px;margin-top:-15px;}
.top_box02 .art_list > li > a .txt_box { display: table; width: 100%; table-layout: fixed;}
.top_box02 .art_list > li > a .txt_box h2 { display: table-cell; width: 100%; height: 60px; vertical-align: middle;}
.top_box02 .art_list > li > a .txt_box span { display: block; font-size: 17px; font-weight: normal; height: auto !important; max-height: 50px; color: #222; line-height: 1.6; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.top_box02 .art_list > li > a .rank { position: absolute; left: 0; top: 50%; width: 30px; font-size: 29px; color: #999; display: block; font-family: rubik, sans-serif; font-weight: 700; font-style: italic; text-align: center; line-height: 1; margin-top: -14px;}
.top_box02 .art_list > li.no_img { min-height: inherit;}
.top_box02 .art_list > li.no_img > a { padding-left: 40px; height: auto;}
.top_box02 .art_list > li.no_img > a .txt_box h2 { height: auto;}
.top_box02 .art_list > li.no_img > a .txt_box span { text-overflow: ellipsis; white-space: nowrap; display: block;}
.top_box02 .art_list > li > a:hover h2, .top_box02 .art_list > li > a:hover span { opacity: .75;}
.top_box02 .rank1 .rank,
.top_box02 .rank2 .rank,
.top_box02 .rank3 .rank { color: #222 !important;}
.top_box02 .rank1 .txt_box span, 
.top_box02 .rank2 .txt_box span, 
.top_box02 .rank3 .txt_box span { font-weight: bold !important;}
.top_box02 .art_list.on_img.round > li > a { height: 72px; padding-left: 125px;}
.top_box02 .art_list.on_img.round > li > a > span { border-radius: 50%; overflow: hidden; width: 70px; height: 70px;}
.top_box02 .art_list.on_img.round > li > a > span img { width: 70px; height: 70px;}


.latest_box { position: relative;}
.latest_box .btn_art_more { position: absolute; top: 50%; right: 0; margin-top: -9px; display: block; padding-right: 1px;}
.latest_box .box_list { position: relative;}
.latest_box .box_list > li { margin: 12px 0 0; padding:10px; }
.latest_box .box_list > li:first-child { margin-top: 0;}
.latest_box .box_list > li > a { position: relative; display: block; padding: 10px 0; padding-left: 85px; height: 55px;}
.latest_box .box_list > li.no_img { min-height: inherit;}
.latest_box .box_list > li.no_img > a { padding: 0;}
.latest_box .box_list > li > a span { position: absolute; left: 0; top: 2px; display: block; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; border: 1px solid #eaeaea; transition: opacity .3s ease;}
.latest_box .box_list > li > a span img { width: 70px; height: 70px;}
.latest_box .box_list > li > a h2 { font-size: 17px; font-weight: normal; line-height: 1.6; height: inherit !important; max-height: 58px; margin: -3px 0 0 -1px; color: #222;}
.latest_box .box_list > li > a:hover h2, .latest_box .box_list > li > a:hover span { opacity: .75;}
.latest_box 
.title_cont.title_set { border-color:#13acac}

.latest_box01 { position: relative;}
.latest_box01 .btn_art_more { position: absolute; top: 50%; right: 0; margin-top: -9px; display: block; padding-right: 1px;}
.latest_box01 .tit_set { margin-bottom: 17px;}
.latest_box01 { position: relative; overflow: hidden;}
.latest_box01 > ul > li { margin-top: 17px; border-top: 1px solid #dedede;}
.latest_box01 > ul > li:first-child { margin-top: 0; border-top: 0;}
.latest_box01 .box_list { position: relative; overflow: hidden;}
.latest_box01 .box_list > a { display: block;}
.latest_box01 .box_list > a div { position: relative; padding-left: 90px; margin-top: 5px;}
.latest_box01 .box_list > a span { position: absolute; left: 0; top: -2px; border: 1px solid #eaeaea;}
.latest_box01 .box_list > a span img { width: 90px; height: 60px; transition: opacity .3s ease;}
.latest_box01 .box_list > a h2 { font-size: 17px; line-height: 1.3; margin: 15px 0 0; color: #363636;}
.latest_box01 > ul > li:first-child h2 { margin-top: 0;}
.latest_box01 .box_list > a h3 { font-size: 13px; color: #0ca8a8; margin: 4px 0 0; font-weight: normal;}
.latest_box01 .box_list > a p { margin-top: 10px; margin-bottom: 3px; padding-left: 10px; color: #808080;}
.latest_box01 .relate_art { position: relative;}
.latest_box01 .relate_art li { padding-left: 10px; line-height: 1; margin-top: 5px;}
.latest_box01 .relate_art li a:hover { color: #808080;}
.latest_box01 .no_img .box_list > a div, .latest_box01 .no_img .box_list > a p { padding-left: 0;}
.latest_box01 .box_list > a:hover h2, .latest_box01 .box_list > a:hover h3, .latest_box01 .box_list > a:hover p, .latest_box01 .box_list > a:hover img { opacity: .75;}



.latest_box02 { position: relative;}
.latest_box02 .btn_art_more { position: absolute; top: 50%; right: 0; margin-top: -9px; display: block; padding-right: 1px;}
.latest_box02 .tit_set { margin-bottom: 17px;}
.latest_box02 { position: relative; overflow: hidden;}
.latest_box02 > ul > li { margin-top: 17px; border-top: 1px solid #dedede;}
.latest_box02 > ul > li:first-child { margin-top: 0; border-top: 0;}
.latest_box02 .art_box { position: relative; overflow: hidden;}
.latest_box02 .art_box > a { display: block;}
.latest_box02 .art_box > a div { position: relative; padding-left: 90px; margin-top: 5px;overflow:hidden;}
.latest_box02 .art_box > a span { position: absolute; left: 0; top: -10px; border: 1px solid #eaeaea;}
.latest_box02 .art_box > a span img { width: 90px; height: 90px; transition: opacity .3s ease;}

.latest_box02 .art_box > a h3 { font-size: 17px !important; line-height: 1.3; margin: 15px 0 0; color: #363636;}
.latest_box02 > ul > li:first-child h3 { margin-top: 0;}
.latest_box02 .art_box > a h4 { font-size: 13px; color: #0ca8a8; margin: 4px 0 0; font-weight: normal;}
.latest_box02 .art_box > a p { margin-top: 10px; margin-bottom: 3px; padding-left: 10px; color: #808080;}
.latest_box02 .relate_art { position: relative;}
.latest_box02 .relate_art li { padding-left: 10px; line-height: 1; margin-top: 5px;}
.latest_box02 .relate_art li a:hover { color: #808080;}
.latest_box02 .no_img .art_box > a div, .latest_box02 .no_img .art_box > a p { padding-left: 0;}
.latest_box02 .art_box > a:hover h2, .latest_box02 .art_box > a:hover h3, .latest_box02 .art_box > a:hover p, .latest_box02 .art_box > a:hover img { opacity: .75;}

.main_center .latest_box02 .art_box > a h3 { font-size: 30px; }
.main_center .latest_box .box_list > li > a h3 { font-size: 17px; font-weight: normal; line-height: 1.6; height: inherit !important; max-height: 58px; margin: -3px 0 0 -1px; color: #222;}

.photo_news { position: relative; overflow: hidden; margin-bottom: -1px;}
.photo_news .box_wrap:after { content: ""; display: block; clear: both;}
.photo_news .box_wrap > div { float: left; width: 50%;}
.photo_news .box_secondary:after { content: ""; display: block; clear: both;}
.photo_news .box_secondary > li { float: left; width: 50%;}
.photo_news .art_link { position: relative; display: block; overflow: hidden;}
.photo_news .art_link > div { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3;} 
.photo_news .art_link > div > div { padding: 15px;}
.photo_news .art_link .shadow { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 100%; background: url('/theme/wide04/img/bg/shadow01.png') repeat-x 0 bottom; z-index: 2;}
.photo_news .art_link .thumb { position: relative; display: block;}
.photo_news .art_link .thumb:before { content: ""; display: block; padding-top: 66.7%;}
.photo_news .art_link .thumb: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: '';}
.photo_news .art_link .thumb img { width: 100%; object-fit:cover;transition: .3s all ease;}
.photo_news .art_link:hover .thumb img { transform: scale(1.05);}
.photo_news .art_link em { display: block; color: #ffdd9b; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,1); font-style: normal; margin-bottom: 5px;}
.photo_news .art_link h3 { font-size: 20px; font-weight: bold; height: inherit !important; max-height: 55px; line-height: 1.3; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
.photo_news .art_link p { height: inherit !important; max-height: 0; line-height: 1.4; margin-top: 7px; transition: .3s all ease; color: #dedede;}
.photo_news .art_link:hover * { text-shadow: none;}
.photo_news .art_link:hover p { max-height: 37px;}
.photo_news .box_secondary .art_link em { display: none;}
.photo_news .box_secondary .art_link h3 { font-size: 15px; max-height: 40px;}
.photo_news .box_secondary .art_link:hover em { display: block;}
.photo_news .box_secondary .art_link .shadow { background-image: url('/theme/wide04/img/bg/shadow02.png');}
.photo_news .art_link:hover .shadow { background: url('/theme/wide04/img/bg/shadow03.png') repeat 0 0;}


/*.photo_news {}
.photo_news .box_wrap{display: flex;}
.photo_news .box_wrap .box_secondary{display: grid; grid-template-columns: repeat(2, 1fr)}

.photo_news .box_wrap:after {}
.photo_news .box_wrap > div {flex: 1}
.photo_news .box_secondary:after { }
.photo_news .box_secondary > li { }
.photo_news .art_link { }
.photo_news .art_link > div { } 
.photo_news .art_link > div > div {}
.photo_news .art_link .shadow {background: url('/theme/wide04/img/bg/shadow01.png') repeat-x 0 bottom;}
.photo_news .art_link .thumb {position: relative}
.photo_news .art_link .thumb .bfbox{position: unset}
.photo_news .art_link .thumb:before {}
.photo_news .art_link .thumb:after {}
.photo_news .art_link .thumb img {}
.photo_news .art_link:hover .thumb img {}
.photo_news .art_link em { display: block; color: #ffdd9b; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,1); font-style: normal; margin-bottom: 5px;}
.photo_news .art_link h3 { font-size: 20px; font-weight: bold; height: inherit !important; max-height: 55px; line-height: 1.3; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
.photo_news .art_link p { height: inherit !important; max-height: 0; line-height: 1.4; margin-top: 7px; transition: .3s all ease; color: #dedede;}
.photo_news .art_link:hover * { text-shadow: none;}
.photo_news .art_link:hover p { max-height: 37px;}
.photo_news .box_secondary .art_link em { display: none;}
.photo_news .box_secondary .art_link h3 { font-size: 15px; max-height: 40px;}
.photo_news .box_secondary .art_link:hover em { display: block;}
.photo_news .box_secondary .art_link .shadow { background-image: url('/theme/wide04/img/bg/shadow02.png');}
.photo_news .art_link:hover .shadow { background: url('/theme/wide04/img/bg/shadow03.png') repeat 0 0;}*/


.inner03 .com_ban { margin-bottom:1em; }

/*main_webzine_news01*/
#main_webzine_news01 {margin-bottom:30px;}
.webzine_type01 .webzine_type_img {width:37%;float:left;margin-right:20px;}
.webzine_type01 .webzine_type_img .thumbnail_img {width:100%;height:250px;overflow:hidden;margin-bottom:15px;}
.webzine_type01 .webzine_type_img .thumbnail_img a:hover {opacity:0.8;}
.webzine_type01 .webzine_type_img .thumbnail_img img {width:100%;height:100%;object-fit:cover}
.webzine_type01 .webzine_type_img .thumbnail_title {font-size:18px;font-weight:bold;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.webzine_type01 .webzine_type_img .thumbnail_text {height:auto;overflow: hidden; text-overflow: ellipsis; display: 
	-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.webzine_type01 .webzine_type_img .thumbnail_text p {font-size:15px; line-height:1.5;}
.webzine_type01 .webzine_type_text {width:815px;float:left;}
.webzine_type01 .webzine_type_text ul {float:left;width:48%;}
.webzine_type01 .webzine_type_text ul:first-child {margin-right:20px;}
.webzine_type01 .webzine_type_text ul li {height:80px;margin-bottom:10px;border-bottom:1px solid #e9e9e9;}
.webzine_type01 .webzine_type_text ul li:last-child {margin-bottom:0;border-bottom:0;}
.webzine_type01 .webzine_type_text ul li .image {width:30%;height:72px;float:left;overflow:hidden;margin-right:10px;}
.webzine_type01 .webzine_type_text ul li .image:hover {opacity:0.8;}
.webzine_type01 .webzine_type_text ul li .image img {width:100%;height:72px;object-fit:cover;}
.webzine_type01 .webzine_type_text ul li .thumbnail_info {width:100%;float:left;max-width: 260px;}
.webzine_type01 .webzine_type_text ul li .thumbnail_info .thumbnail_title { font-size:16px;font-weight:bold;overflow:hidden;padding:5px 0; }
.webzine_type01 .webzine_type_text ul li .thumbnail_info .thumbnail_title > a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;
	-webkit-box-orient: vertical; }
.webzine_type01 .webzine_type_text ul li .thumbnail_info span {font-size:11px;color:#888;}
.webzine_type01 .webzine_type_text ul li .thumbnail_info .post_tag {margin-left:5px;}
.webzine_type01 .webzine_type_text ul li .thumbnail_info .post_tag i {vertical-align:middle;}

/*main_webzine_news02*/
.webzine_type02 .webzine_type_img {width:37%;float:left;margin-right:20px;}
.webzine_type02 .webzine_type_img .thumbnail_img {width:100%;height:250px;overflow:hidden;margin-bottom:15px;}
.webzine_type02 .webzine_type_img .thumbnail_img a:hover {opacity:0.8;}
.webzine_type02 .webzine_type_img .thumbnail_img img {width:100%;height:100%;}
.webzine_type02 .webzine_type_img .thumbnail_title {font-size:18px;font-weight:bold;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.webzine_type02 .webzine_type_img .thumbnail_text {height:auto;overflow: hidden; text-overflow: ellipsis; display: 
	-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.webzine_type02 .webzine_type_img .thumbnail_text p {font-size:15px; line-height:1.5;}
.webzine_type02 .webzine_type_text {width:100%;float:left;}
.webzine_type02 .webzine_type_text ul {float:left;width:32.8%; margin-right:20px;max-width: 431px;}
.webzine_type02 .webzine_type_text ul:last-child {margin-right:0;}
.webzine_type02 .webzine_type_text ul li {height:80px;margin-bottom:10px;border-bottom:1px solid #e9e9e9;}
.webzine_type02 .webzine_type_text ul li:last-child {margin-bottom:0;border-bottom:0;}
.webzine_type02 .webzine_type_text ul li .image {width:30%;height:72px;float:left;overflow:hidden;margin-right:10px;}
.webzine_type02 .webzine_type_text ul li .image:hover {opacity:0.8;}
.webzine_type02 .webzine_type_text ul li .image img {width:100%;height:72px;object-fit:cover;}
.webzine_type02 .webzine_type_text ul li .thumbnail_info {width:100%;float:left;max-width: 260px;}
.webzine_type02 .webzine_type_text ul li .thumbnail_info .thumbnail_title { font-size:16px;font-weight:bold;overflow:hidden;padding:5px 0; }
.webzine_type02 .webzine_type_text ul li .thumbnail_info .thumbnail_title > a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;
	-webkit-box-orient: vertical; }
.webzine_type02 .webzine_type_text ul li .thumbnail_info span {font-size:11px;color:#888;}
.webzine_type02 .webzine_type_text ul li .thumbnail_info .post_tag {margin-left:5px;}
.webzine_type02 .webzine_type_text ul li .thumbnail_info .post_tag i {vertical-align:middle;}

/* 추천기사 */
#recom_news { display:block; }
#recom_news .art_list { width:48%; float:left; }
#recom_news > div > div > ul:last-child { margin-left:2%; }
#recom_news .top_box02 { width:909px; margin:0; margin-right:2em;display:inline-block; }
#recom_news .top_box02 .art_list > li { height:50px; }
#recom_news .top_box02 .art_list > li > a { padding-left:50px; height: auto; }
#recom_news .top_box02 .art_list > li > a .txt_box h2 { height:auto; }
#recom_news .title_set { margin-bottom:40px; }
#recom_news .top_box02 .art_list > li > a .txt_box span { -webkit-line-clamp:1; }
/*추천기사 우측 배너*/
#recomm_aside { width:400px; margin:39px 0 0;float:right; position:unset;}
/*#recomm_aside a { display:block; width:400px;height:350px;}
#recomm_aside img { max-width:400px; max-height:350px; position:absolute; top:36px; }*/

#slideNews { width:33%; }
#slideNews .webzine_type_img .thumbnail_title {font-size:18px;font-weight:bold;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#slideNews .webzine_type_img .thumbnail_text {height:auto;overflow: hidden; text-overflow: ellipsis; display: 
	-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
#slideNews .webzine_type_img .thumbnail_text p {font-size:15px; line-height:1.5;}
#slideNews .thumbnail_img { overflow:hidden; margin-bottom:1em; }
#slideNews .thumbnail_img > a { display:block; width:100%; height:230px; }
#slideNews .thumbnail_img > a > img { width:100%; height:100%; }

/************** 메인배너 추가 **************/
/*중간영역배너들*/
.centerBanner { width:1335px; margin:0 auto; margin-top:2.5em; }
.centerBanner img { max-width:1335px; }
.centerBanner .bigBanner { border:1px solid #ddd;margin-bottom:2.5em; }
.centerBanner .smallBanner { display:flex; justify-content:space-between; /* margin-top:1.5em; margin-bottom:3em; */margin-top:2.5em; margin-bottom:2.5em; }
.centerBanner .smallBanner li { width:24%; height:80px;overflow:hidden; }
.centerBanner .smallBanner li img { max-width:100%; }

/* 중간영역 하단배너가 고정인 경우 추가 20220617 */
.centerBanner > .smallBanner {display: block;justify-content: unset;}
.centerBanner > .smallBanner li {display:inline-block;width:316px;height:80px;/* margin-bottom:10px; */}
.centerBanner > .smallBanner li {margin-left:19px;}
.centerBanner > .smallBanner li:nth-child(4n+1) {margin-left:0;}

#rank_bottom > .ba_img {margin-top:2.5em;}
#rank_bottom > .ba_img .smallBanner {margin-top:0;}

#main_bottom > .ba_img {margin-top:2.5em;}
#main_bottom > .ba_img .smallBanner {margin-top:0;}

/* 메인 헤드라인 롤링 css 20220622 */
#main_headline_swiper {margin:0 15px;border-bottom: 1px solid #000;}
#main_headline_swiper .swiper-button-prev, #main_headline_swiper .swiper-container-rtl .swiper-button-next {top:170px;left:0;}
#main_headline_swiper .swiper-button-next, #main_headline_swiper .swiper-container-rtl .swiper-button-prev {top:170px;right:0;}
#main_headline_swiper .swiper-pagination-bullet {width: 10px;height: 10px;background: #fff;opacity:0.5;}
#main_headline_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
#main_headline_swiper .swiper-pagination-bullet-active {opacity: 1;background: #007aff;}
#main_headline_swiper .swiper-button-prev, #main_headline_swiper .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;}
#main_headline_swiper .swiper-button-prev i, #main_headline_swiper .swiper-button-next i {vertical-align: top;margin-top: 5px;}
#main_headline_swiper > .swiper-pagination {bottom:195px;}


/*2022-07-22*/
.top_space{width:100%; height:250px; overflow:hidden; transition: 0.2s}

.weather_box.wt02 {text-align:right;}