@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=block');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+SC:wght@100..900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font-style: initial; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html { font-size:10px; }
select, textarea { font-family: inherit; margin: 0; padding: 0; }
body { font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Arial, Helvetica, sans-serif; font-size:16px; color:#111; font-weight: 400;; line-height:1; letter-spacing: -0.5px; min-width:1200px; position:relative; margin:0; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
legend, caption { display:none; }
em, address { font-style:normal; font-weight:normal; }
button { cursor:pointer; border:0; background: transparent; font: inherit; padding:0; box-shadow:none; }
img { vertical-align:top; border:0; }
a { color:#111; text-decoration:none; }
a:active, a:focus, a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:hover,a:active:hover, a:focus:hover, a:link:hover, a:visited:hover { text-decoration:none; color: #666; }
input { padding: 0; border: none; border-radius: 0; box-sizing: border-box; font-family: inherit; outline: none; }
.hide { position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); overflow: hidden; }
.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 90; }
.overlay.active { display: block; }
body.blocking { overflow: hidden; }
.inner { width: 1220px; margin: 0 auto; }
.inner2 { width: 1020px; margin: 0 auto; padding-top:100px; }
.inner3 { width: 1120px; margin: 0 auto; }
.thumb { position: relative; height: auto; box-sizing: border-box; overflow: hidden; display: block; }
.thumb:after { clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box; }
.thumb img { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; bottom: 0; transform: translate(-50%, 0px); transition: 0.5s; object-fit: cover; }
.tit { display: block; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.desc { display: block; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.header { position: relative; height: 60px; background-color: #fff; border-bottom: 1px solid #dfdfdf; z-index: 99; }
.header .inner { display: flex; align-items: center; height: 100%; position:relative; }
.header .logo_aju { width: 105px; height: 23px; background: url(../img/logo_aju.png) no-repeat; }
.header .logo_focuslab { width: 86px; height: 17px; background: url(../img/logo_focuslab.png) no-repeat; margin-left:30px; position:relative; }
.header .logo_focuslab::before { content: ""; display: block; position: absolute; left: -15px; top: 1px; width: 1px; height: 15px; background-color: #dfdfdf; }
.header .btn_area { display: flex; align-items: center; margin-left: auto; }

.header .btn_area .btn_search { width: 36px; height: 36px; background: url(https://image.ajunews.com/images/site/news/kr/v2/img/btn_search.png) center center no-repeat; background-size: 50% auto; }
.header .btn_area .btn_menu_all { width: 36px; height: 36px; background: url(https://image.ajunews.com/images/site/news/kr/v2/img/btn_menuall.png) center center no-repeat; background-size: 50% auto; }
.header .btn_area .btn_search.on { background: url(https://image.ajunews.com/images/site/news/kr/v2/img/btn_close.png) center center no-repeat; background-size: 50% auto; }
.header .btn_area .btn_menu_all.on { background: url(https://image.ajunews.com/images/site/news/kr/v2/img/btn_close.png) center center no-repeat; background-size: 50% auto; }

.layer_search { position: fixed; left:0; top: 58px; width: 100%; height: auto; padding-bottom: 100px; background-color: #fff; z-index: 1; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); z-index: 92; display: none; }
.layer_search.active { display: block; }
.layer_search .inner { display: flex;  width: 750px; max-width: 750px; height: auto; flex-direction: column; }
.layer_search .search_box { width: 100%; height: 78px; border:4px solid #20d0cc; border-radius: 40px; margin-top: 80px; box-sizing: border-box; display:flex; justify-content: center; align-items: center; }
.layer_search .search_box .form_sch { width: 90%; display: flex; align-items: center; }
.layer_search .search_box .search_text { width:100%; height: 50px; font-size: 20px; flex-grow: 1; }
.layer_search .search_box .btn_search { width: 32px; height: 32px; background: url(https://image.ajunews.com/images/site/news/kr/v2/img/btn_search_2.png) no-repeat; flex-shrink: 0; margin-left: 20px; }

.layer_nav_all { position: fixed; left:0; top: 58px; width: 100%; padding-bottom:36px; background-color: #fff; z-index: 1; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); z-index: 92; display: none; }
.layer_nav_all.active { display: block; }
.layer_nav_all .inner { display: flex; height: auto; width: 1220px; }
.layer_nav_all .nav_01 { width: 75%; display: flex; margin-top: 40px; }
.layer_nav_all .nav_02 { width: 12.5%; margin-top: 40px; }
.layer_nav_all .nav_03 { width: 12.5%; margin-top: 40px; }
.layer_nav_all .nav_01 .group_1 { width: 83.33333%; display: flex; flex-wrap: wrap; }
.layer_nav_all .nav_01 .group_2 { width: 16.66666%; }
.layer_nav_all .nav_01 .group_1 ul { width: 20%; height: 300px; }
.layer_nav_all .nav_01 .group_1 ul:nth-child(n+6) { height: 240px; }
.layer_nav_all .nav_01 .group ul {  box-sizing: border-box; border-right: 1px solid #eee; padding-left: 14px; }
.layer_nav_all .nav_01 .group.group_1 ul:nth-child(1),
.layer_nav_all .nav_01 .group.group_1 ul:nth-child(6) { padding-left: 0; }
.layer_nav_all .nav_01 .group ul li + li { margin-top: 16px; }
.layer_nav_all .nav_01 .group ul li a { font-size: 14px; font-weight: 400; letter-spacing:0; }
.layer_nav_all .nav_01 .group ul li a strong { font-size: 17px; font-weight: 700; }
.layer_nav_all .nav_01 .group_2 ul { height: 100%; }
.layer_nav_all .nav_02 ul,
.layer_nav_all .nav_03 ul { box-sizing: border-box; padding-left: 14px; }
.layer_nav_all .nav_02 ul { border-right: 1px solid #eee; height: 100%; }
.layer_nav_all .nav_02 ul li a,
.layer_nav_all .nav_03 ul li a { font-size: 15px; }
.layer_nav_all .nav_02 ul li + li { margin-top: 24px; }
.layer_nav_all .nav_03 ul li + li { margin-top: 24px; }
.layer_nav_all .nav_03 { display: flex; flex-direction: column; justify-content: space-between; }
.layer_nav_all .nav_03 ul:nth-child(2) li a { font-size: 13px; color: #888; font-weight: 400; }
.layer_nav_all .nav_03 ul:nth-child(2) li + li { margin-top: 14px; }


/* background color*/
.e_01.bc,.e_01 .bc { background-color: #ebecdf; }
.e_02.bc,.e_02 .bc { background-color: #e0edf1; }
.e_03.bc,.e_03 .bc { background-color: #ebecdf; }
.e_04.bc,.e_04 .bc { background-color: #ebecdf; }
.e_05.bc,.e_05 .bc { background-color: #ebecdf; }
.e_06.bc,.e_06 .bc { background-color: #ebecdf; }
.e_07.bc,.e_07 .bc { background-color: #f1e1d4; }
.e_08.bc,.e_08 .bc { background-color: #e0edf1; }

.e_09.bc,.e_09 .bc { background-color: #ebecdf; }
.e_10.bc,.e_10 .bc { background-color: #d3dae2; }
.e_11.bc,.e_11 .bc { background-color: #f1e5f3; }
.e_12.bc,.e_12 .bc { background-color: #f1e5f3; }
.e_13.bc,.e_13 .bc { background-color: #e0edf1; }
.e_14.bc,.e_14 .bc { background-color: #f1e1d4; }
.e_15.bc,.e_15 .bc { background-color: #d3dae2; }
.e_16.bc,.e_16 .bc { background-color: #f1eee2; }

.e_17.bc,.e_17 .bc { background-color: #f1eee2; }
.e_18.bc,.e_18 .bc { background-color: #f1e5f3; }
.e_19.bc,.e_19 .bc { background-color: #f1e1d4; }
.e_20.bc,.e_20 .bc { background-color: #d3dae2; }
.e_21.bc,.e_21 .bc { background-color: #e0edf1; }
.e_22.bc,.e_22 .bc { background-color: #e0edf1; }
.e_23.bc,.e_23 .bc { background-color: #f1eee2; }
.e_24.bc,.e_24 .bc { background-color: #ebecdf; }

.e_25.bc,.e_25 .bc { background-color: #ebecdf; }
.e_26.bc,.e_26 .bc { background-color: #d3dae2; }
.e_27.bc,.e_27 .bc { background-color: #f1e5f3; }
.e_28.bc,.e_28 .bc { background-color: #f1e1d4; }
.e_29.bc,.e_29 .bc { background-color: #fff7dd; }
.e_30.bc,.e_30 .bc { background-color: #e0edf1; }
.e_31.bc,.e_31 .bc { background-color: #f1e1d4; }
.e_32.bc,.e_32 .bc { background-color: #d3dae2; }
.e_33.bc,.e_33 .bc { background-color: #e0edf1; }

.e_01 .bc2 { background-color: #364c65; }
.e_02 .bc2 { background-color: #3e61e9; }
.e_03 .bc2 { background-color: #889300; }
.e_04 .bc2 { background-color: #889300; }
.e_05 .bc2 { background-color: #ff6600; }
.e_06 .bc2 { background-color: #889300; }
.e_07 .bc2 { background-color: #ff4e40; }
.e_08 .bc2 { background-color: #3e61e9; }

.e_09 .bc2 { background-color: #3e61e9; }
.e_10 .bc2 { background-color: #364c65; }
.e_11 .bc2 { background-color: #933ba1; }
.e_12 .bc2 { background-color: #933ba1; }
.e_13 .bc2 { background-color: #3e61e9; }
.e_14 .bc2 { background-color: #ff2e2e; }
.e_15 .bc2 { background-color: #364c65; }
.e_16 .bc2 { background-color: #222; }

.e_17 .bc2 { background-color: #889300; }
.e_18 .bc2 { background-color: #933ba1; }
.e_19 .bc2 { background-color: #ff4e40; }
.e_20 .bc2 { background-color: #364c65; }
.e_21 .bc2 { background-color: #ff2e2e; }
.e_22 .bc2 { background-color: #3e61e9; }
.e_23 .bc2 { background-color: #ff4e40; }
.e_24 .bc2 { background-color: #889300; }

.e_25 .bc2 { background-color: #ff2e2e; }
.e_26 .bc2 { background-color: #364c65; }
.e_27 .bc2 { background-color: #933ba1; }
.e_28 .bc2 { background-color: #ff2e2e; }
.e_29 .bc2 { background-color: #889300; }
.e_30 .bc2 { background-color: #3e61e9; }
.e_31 .bc2 { background-color: #ff2e2e; }
.e_32 .bc2 { background-color: #364c65; }
.e_33 .bc2 { background-color: #3e61e9; }


.e_01 .reporter i { background: url(../img/editor/e_01_photo_s.png) center/100% no-repeat; }
.e_02 .reporter i { background: url(../img/editor/e_02_photo_s.png) center/100% no-repeat; }
.e_03 .reporter i { background: url(../img/editor/e_03_photo_s.png) center/100% no-repeat; }
.e_04 .reporter i { background: url(../img/editor/e_04_photo_s.png) center/100% no-repeat; }
.e_05 .reporter i { background: url(../img/editor/e_05_photo_s.png) center/100% no-repeat; }
.e_06 .reporter i { background: url(../img/editor/e_06_photo_s.png) center/100% no-repeat; }
.e_07 .reporter i { background: url(../img/editor/e_07_photo_s.png) center/100% no-repeat; }
.e_08 .reporter i { background: url(../img/editor/e_08_photo_s.png) center/100% no-repeat; }

.e_09 .reporter i { background: url(../img/editor/e_09_photo_s.png) center/100% no-repeat; }
.e_10 .reporter i { background: url(../img/editor/e_10_photo_s.png) center/100% no-repeat; }
.e_11 .reporter i { background: url(../img/editor/e_11_photo_s.png) center/100% no-repeat; }
.e_12 .reporter i { background: url(../img/editor/e_12_photo_s.png) center/100% no-repeat; }
.e_13 .reporter i { background: url(../img/editor/e_13_photo_s.png) center/100% no-repeat; }
.e_14 .reporter i { background: url(../img/editor/e_14_photo_s.png) center/100% no-repeat; }
.e_15 .reporter i { background: url(../img/editor/e_15_photo_s.png) center/100% no-repeat; }
.e_16 .reporter i { background: url(../img/editor/e_16_photo_s.png) center/100% no-repeat; }

.e_17 .reporter i { background: url(../img/editor/e_17_photo_s.png) center/100% no-repeat; }
.e_18 .reporter i { background: url(../img/editor/e_18_photo_s.png) center/100% no-repeat; }
.e_19 .reporter i { background: url(../img/editor/e_19_photo_s.png) center/100% no-repeat; }
.e_20 .reporter i { background: url(../img/editor/e_20_photo_s.png) center/100% no-repeat; }
.e_21 .reporter i { background: url(../img/editor/e_21_photo_s.png) center/100% no-repeat; }
.e_22 .reporter i { background: url(../img/editor/e_22_photo_s.png) center/100% no-repeat; }
.e_23 .reporter i { background: url(../img/editor/e_23_photo_s.png) center/100% no-repeat; }
.e_24 .reporter i { background: url(../img/editor/e_24_photo_s.png) center/100% no-repeat; }

.e_25 .reporter i { background: url(../img/editor/e_25_photo_s.png) center/100% no-repeat; }
.e_26 .reporter i { background: url(../img/editor/e_26_photo_s.png) center/100% no-repeat; }
.e_27 .reporter i { background: url(../img/editor/e_27_photo_s.png) center/100% no-repeat; }
.e_28 .reporter i { background: url(../img/editor/e_28_photo_s.png) center/100% no-repeat; }
.e_29 .reporter i { background: url(../img/editor/e_29_photo_s.png) center/100% no-repeat; }
.e_30 .reporter i { background: url(../img/editor/e_30_photo_s.png) center/100% no-repeat; }
.e_31 .reporter i { background: url(../img/editor/e_31_photo_s.png) center/100% no-repeat; }
.e_32 .reporter i { background: url(../img/editor/e_32_photo_s.png) center/100% no-repeat; }
.e_33 .reporter i { background: url(../img/editor/e_23_photo_s.png) center/100% no-repeat; }

/*
.fl_main_hd { width: 100%; height: 760px; background: url(../img/vs_main_top.png) center no-repeat; }
.fl_main_hd h1 { float: left; width: 697px; height: 336px; background: url(../img/vs_title.png) center no-repeat; margin-top: 148px; ; }
.section_cont { position: relative; }
.fl_main_hd + .section_cont { margin-top: -164px; }
*/

.fl_main_hd { position: relative; width: 100%; height: 760px; }
.fl_main_hd video { position: absolute; top: 0; left: 0; width: 100%; height: 760px; object-fit: cover; z-index: -2; background:#000; }
.fl_main_hd .video_overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.fl_main_hd .inner { position: absolute; left: 50%; top: 0; width: 1220px; margin-left: -610px; } 
.fl_main_hd h1 { float: left; width: 697px; height: 336px; background: url(../img/vs_title.png) center no-repeat; margin-top: 148px; ; }
.section_cont { position: relative; }
.fl_main_hd + .section_cont { margin-top: -164px; }

.latest_news ul li + li { margin-top: 50px; }
.latest_news ul li { display: flex; width: 1000px; height: 270px; background-color: #fff; border-radius: 30px; overflow: hidden; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.latest_news ul li:nth-child(2) { margin-left: 220px; }
.latest_news ul li:nth-child(3) { margin-left: 110px; }
.latest_news ul li .txt_area { width: 650px; box-sizing: border-box; padding: 40px 40px 30px 40px; }
.latest_news ul li .txt_area .category { display: inline-block; height: 27px; line-height: 27px; font-size: 15px; color: #fff; padding: 0 10px; }
.latest_news ul li .txt_area .tit { font-size: 26px; font-weight: 500; letter-spacing: -1.5px; -webkit-line-clamp: 1; margin-top: 11px; }
.latest_news ul li .txt_area .desc { font-size: 14px; line-height: 21px; color: #666; letter-spacing: -0.59px; margin-top: 19px; }
.latest_news ul li .txt_area .reporter { display: block; height: 35px; line-height: 35px; font-size: 14px; color: #444; margin-top: 18px; } 
.latest_news ul li .txt_area .reporter i { float: left; width: 35px; height: 35px; margin-right: 10px; }
.latest_news ul li .thumb { width: 350px; }

.recommended_news { margin-top: 146px; position:relative; }
.recommended_news .h_title { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; }
.recommended_news .h_title h3 { font-size: 35px; font-weight: 600; letter-spacing:-3px; margin-right:15px; }
.recommended_news .h_title span { font-size: 17px; font-weight: 400; letter-spacing:-1.5px; }
.recommended_news .h_title .btn_more_all { display: block; width: 120px; height: 45px; line-height: 42px; box-sizing:border-box; border:1px solid #dfdfdf; border-radius: 23px; position: absolute; right: 0; top: -8px; }
.recommended_news .h_title .btn_more_all a { display:flex; justify-content: center; width: 100%; height: 100%; font-size: 16px; box-sizing: border-box; padding-left: 12px; }
.recommended_news .h_title .btn_more_all a i { display: inline-block; width:20px; height: 20px; background: url(../img/btn_more.png) center/7px 14px no-repeat; margin: 12px 0 0 12px; vertical-align: middle; }
.recommended_news ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.recommended_news ul li:nth-child(-n + 4) { margin-bottom: 30px; }
.recommended_news ul li { width: 23%; height: 350px; border-radius: 30px; overflow: hidden; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.recommended_news ul li a { position: relative; font-size: 16px; line-height: 24px; letter-spacing: -1px; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; text-align: center; box-sizing: border-box; padding-top: 50px; background-position: center bottom; background-repeat: no-repeat; }
.recommended_news ul li .tit { display: block; width: 100%; text-align: center; }
.recommended_news ul li .intro { margin-top: 25px; }
.recommended_news ul li .name { margin-top: 11px; font-size: 15px; font-weight: 600; }
.recommended_news ul + .btn_more_all { display: block; width: 100%; height: 65px; line-height: 63px; box-sizing:border-box; border:1px solid #dfdfdf; border-radius: 33px; margin-top: 50px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 15px -3px; }
.recommended_news ul + .btn_more_all a { display:flex; justify-content: center; width: 100%; height: 100%; font-size: 18px; box-sizing: border-box; padding-left: 12px; }
.recommended_news ul + .btn_more_all a i { display: inline-block; width:20px; height: 20px; background: url(../img/btn_more.png) center/7px 14px no-repeat; margin: 22px 0 0 9px; vertical-align: middle; }

.recommended_news li.e_01 a { background-image: url(../img/editor/e_01_etc.png); }
.recommended_news li.e_02 a { background-image: url(../img/editor/e_02_etc.png); padding-top: 40px; }
.recommended_news li.e_03 a { background-image: url(../img/editor/e_03_etc.png); }
.recommended_news li.e_04 a { background-image: url(../img/editor/e_04_etc.png); padding-top: 40px; }
.recommended_news li.e_05 a { background-image: url(../img/editor/e_05_etc.png); padding-top: 40px; }
.recommended_news li.e_06 a { background-image: url(../img/editor/e_06_etc.png); padding-top: 40px; }
.recommended_news li.e_07 a { background-image: url(../img/editor/e_07_etc.png); }
.recommended_news li.e_08 a { background-image: url(../img/editor/e_08_etc.png); padding-top: 40px; }

.recommended_news li.e_09 a { background-image: url(../img/editor/e_09_etc.png); padding-top: 40px; }
.recommended_news li.e_10 a { background-image: url(../img/editor/e_10_etc.png); padding-top: 40px; }
.recommended_news li.e_11 a { background-image: url(../img/editor/e_11_etc.png); }
.recommended_news li.e_12 a { background-image: url(../img/editor/e_12_etc.png); }
.recommended_news li.e_13 a { background-image: url(../img/editor/e_13_etc.png); padding-top: 40px; }
.recommended_news li.e_14 a { background-image: url(../img/editor/e_14_etc.png); }
.recommended_news li.e_15 a { background-image: url(../img/editor/e_15_etc.png); }
.recommended_news li.e_16 a { background-image: url(../img/editor/e_16_etc.png); padding-top: 40px; }

.recommended_news li.e_17 a { background-image: url(../img/editor/e_17_etc.png); }
.recommended_news li.e_18 a { background-image: url(../img/editor/e_18_etc.png); }
.recommended_news li.e_19 a { background-image: url(../img/editor/e_19_etc.png); }
.recommended_news li.e_20 a { background-image: url(../img/editor/e_20_etc.png); }
.recommended_news li.e_21 a { background-image: url(../img/editor/e_21_etc.png); }
.recommended_news li.e_22 a { background-image: url(../img/editor/e_22_etc.png); padding-top: 40px; }
.recommended_news li.e_23 a { background-image: url(../img/editor/e_23_etc.png); }
.recommended_news li.e_24 a { background-image: url(../img/editor/e_24_etc.png); }

.recommended_news li.e_25 a { background-image: url(../img/editor/e_25_etc.png); padding-top: 40px; }
.recommended_news li.e_26 a { background-image: url(../img/editor/e_26_etc.png); padding-top: 40px; }
.recommended_news li.e_27 a { background-image: url(../img/editor/e_27_etc.png); padding-top: 40px; }
.recommended_news li.e_28 a { background-image: url(../img/editor/e_28_etc.png); padding-top: 40px; }
.recommended_news li.e_29 a { background-image: url(../img/editor/e_29_etc.png); padding-top: 40px; }
.recommended_news li.e_30 a { background-image: url(../img/editor/e_30_etc.png); }
.recommended_news li.e_31 a { background-image: url(../img/editor/e_31_etc.png); }
.recommended_news li.e_32 a { background-image: url(../img/editor/e_32_etc.png); }
.recommended_news li.e_33 a { background-image: url(../img/editor/e_33_etc.png); }

.popular_news { margin: 150px 0 200px; }
.popular_news h3 { font-size: 35px; font-weight: 600; letter-spacing:-3px; }
.popular_news ul { display: flex; justify-content: space-between; margin-top: 30px; }
.popular_news li { width: 380px; }
.popular_news li a { display: block; width: 100%; }
.popular_news li .thumb { display: block; width: 380px; height: 250px; border-radius: 30px; overflow: hidden; }
.popular_news li .txt_area { position: relative; display: block; width: 350px; height: 225px; background-color: #fff; box-sizing: border-box; padding: 25px 20px 27px; margin: -58px 0 0 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.popular_news li .txt_area .tit { display: block; font-size: 18px; line-height: 25px; letter-spacing: -1.5px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.popular_news li .txt_area .desc { display: block; font-size: 14px; line-height: 21px; color: #666; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 8px; }
.popular_news li .txt_area .reporter { display: block; height: 35px; line-height: 35px; font-size: 14px; color: #444; margin-top: 15px; } 
.popular_news li .txt_area .reporter i { float: left; width: 35px; height: 35px; margin-right: 10px; }

.footer { height: 74px; line-height: 74px; font-size: 13px; border-top: 1px solid #e8e8e8; text-align: center; }

/* sub */
.sub_title { position: relative; border-bottom:1px solid #000; padding-bottom:25px; }
.sub_title h3 { font-size:40px; font-weight: 400; letter-spacing:-2px; }
.sub_title h3 strong { font-weight: 700; }
.sub_title .sort_option { display: flex; flex-wrap: wrap; position:absolute; right: 0; bottom: 12px; }
.sub_title .sort_option button + button { margin-left: 28px; }
.sub_title .sort_option button { position: relative; font-size: 15px; color: #888; }
.sub_title .sort_option button.on { color: #333; }
.sub_title .sort_option button.on::after { content: ""; display: block; width: 100%; height: 2px; background-color: #111; position: absolute; left: 0; bottom: -12px; }

.news_lst li { display: flex; border-bottom:1px solid #eee; padding:20px 0; }
.news_lst li .thumb { position: relative; width:250px; height:150px; box-sizing: border-box; overflow: hidden; margin-left: 60px; flex-shrink: 0; }
.news_lst li .thumb:after { clear: both; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box; }
.news_lst li .thumb img { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; bottom: 0; transform: translate(-50%, 0px); transition: 0.5s; object-fit: cover; }
.news_lst li .txt_area { width: calc(100% - 305px); }
.news_lst li .txt_area .tit { display:block; font-size:24px; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:15px; }
.news_lst li .txt_area .desc { display: block; font-size: 14px; line-height: 21px; font-weight: 400; color: #666; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:10px; }
.news_lst li .txt_area .etc_area { display: flex; margin-top: 10px; }
.news_lst li .txt_area .etc_area .like { display: flex; font-size: 13px; line-height: 26px; }
.news_lst li .txt_area .etc_area .like i { width:26px; height:26px; background: url(../img/ico_like.png) no-repeat; margin-right:3px; }
.news_lst li .txt_area .etc_area .date { font-size:13px; color:#999; line-height: 26px; margin-left:10px; }
.news_lst li .txt_area .etc_area .date::before { content:""; float:left; width:1px; height:10px; background-color:#eee; margin:8px 10px 0 0; }

.paging {display: block; width: 100%; margin-top: 50px; margin-bottom:200px; }
.paging ul{display: flex; justify-content: center; }
.paging ul li{width: 4rem; height: 4rem; border: 1px solid #dfdfdf; border-left: none; box-sizing: border-box;}
.paging ul li:nth-child(2){border-left: 1px solid #dfdfdf;}
.paging ul li a{display: block; width: 100%; height: 100%; font-size: 1.5rem; line-height: 3.8rem; text-align: center;}
.paging ul li.on{background: #333; border:none;}
.paging ul li.on a{color:#fff;}
.paging ul li.prev{margin-right: 1rem; border-left: 1px solid #dfdfdf;}
.paging ul li.next{margin-left: 1rem; border-left: 1px solid #dfdfdf;}
.paging ul li.prev a{background: url(https://image.ajunews.com/images/site/news/kr/v2/img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box; transform: rotate(-180deg);}
.paging ul li.next a{background: url(https://image.ajunews.com/images/site/news/kr/v2/img/paging_arrow.png) 50% 50% no-repeat; box-sizing: border-box;}

.series_lst { display: flex; flex-wrap:wrap; }
.series_lst .cut { width:calc(50% - 10px); margin-top: 40px; border-radius:30px; overflow:hidden; }
.series_lst .cut:nth-child(even) { margin-left: 20px; }
.series_lst .cut .corner { height: 190px; }
.series_lst .cut .corner a { display: block; width: 100%; height: 100%; box-sizing:border-box; padding:30px 30px 0; }
.series_lst .cut .corner .tit { display: inline-block; height: 38px; line-height: 37px; font-size:18px; color:#fff; padding:0 30px; border-radius:19px; }
.series_lst .cut .corner .intro { display: block; font-size: 16px; line-height: 25px; height: 50px; font-weight: 400; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:10px; }
.series_lst .cut .corner .reporter { display: flex; flex-wrap: wrap; height: 35px; line-height: 35px; font-size: 14px; color: #444; margin-top: 12px; } 
.series_lst .cut .corner .reporter i { width: 35px; height: 35px; margin-right: 10px; }
.series_lst .cut .corner .reporter .department::before { content: ""; float: left; width: 1px; height: 12px; background-color: #ccc; margin: 12px 10px 0; }
.series_lst .cut .add { height:110px; box-sizing:border-box; border:1px solid #ddd; border-top:0; border-radius:0 0 30px 30px; padding:22px 29px 0; }
.series_lst .cut .add li { position: relative; height: 32px; padding-left: 12px; }
.series_lst .cut .add li::before { content: ""; position: absolute; left: 0; top: 15px; display: block; width: 3px; height: 3px; background-color: #111; border-radius: 50%; }
.series_lst .cut .add li a { display: block; line-height: 32px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.btn_more_news { width: 100%; position: relative; margin-top: 50px; }
.btn_more_news::before { content: ""; display: block; position: absolute; left: 0; top: 24px; width: 100%; height: 1px; background-color: #dfdfdf; }
.btn_more_news a { display: block; position: relative; width: 130px; height: 50px; line-height: 48px; font-size: 16px; text-align: center; box-sizing: border-box; border:1px solid #dfdfdf; background-color: #fff; border-radius: 25px; margin: 0 auto; z-index: 1; }
.btn_more_news a i { display: inline-block; width: 7px; height: 14px; background: url(../img/btn_more.png) center no-repeat; margin-left: 5px; }

.series_lst + .btn_more_news { margin-bottom: 200px; }

.editor_hd { position: relative; height:500px; background-image: url(../img/e_00_bg.png); background-position: center; background-repeat: no-repeat; background-blend-mode: color-dodge; }
.editor_hd .inner3 { position: absolute; left: 50%; top: 110px; margin-left: -560px; }
.editor_hd .inner3::after { content: ""; display: block; position: absolute; top: 0px; right: 0px; }
.editor_hd .intro { font-size: 22px; line-height: 35px; font-weight: 400; margin-top: 35px; }
.editor_hd .intro strong { font-weight: 600; }
.editor_hd .profile { display: flex; margin-top: 75px; }
.editor_hd .profile .p_photo { position: relative; width: 270px; }
.editor_hd .profile .p_photo .photo { width: 270px; height: 340px; overflow: hidden; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.editor_hd .profile .p_photo .comment { position: relative; font-family: "Noto Serif KR"; font-size: 20px; font-weight: 500; line-height: 30px; text-align: center; margin-top: 65px; letter-spacing: -1.2px; }
.editor_hd .profile .p_photo .comment::before { content: ""; position: absolute; left: calc(50% - 10px); top: -24px; width: 19px; height: 15px; background: url(../img/ico_quotes_1.png) center no-repeat; }
.editor_hd .profile .p_photo .comment::after { content: ""; position: absolute; left: calc(50% - 10px); bottom: -24px; width: 19px; height: 15px; background: url(../img/ico_quotes_2.png) center no-repeat; }
.editor_hd .profile .p_name { margin:10px 0 0 40px; }
.editor_hd .profile .p_name .name { display: flex; align-items: baseline; }
.editor_hd .profile .p_name .name strong { font-size: 30px; font-weight: 600; }
.editor_hd .profile .p_name .name .department { font-size: 20px; font-weight: 400; margin-left: 14px; }
.editor_hd .profile .p_name .name .department::before { content: ""; float: left; width: 1px; height: 15px; background-color: #a1abad; margin:3px 15px 0 0; }
.editor_hd .profile .p_name .tag { display: flex; flex-wrap: wrap; margin-top: 18px; }
.editor_hd .profile .p_name .tag span + span { margin-left: 5px; }
.editor_hd .profile .p_name .tag span { height: 34px; line-height: 30px; box-sizing: border-box; font-size:18px; font-weight: 400; color: #fff; border-radius: 17px; padding: 0 15px; }

.editor_hd.e_01 .inner3::after { top: 2px; right: 122px; width: 241px; height: 309px; background: url(../img/editor/e_01_etc_b.png) center bottom no-repeat; }
.editor_hd.e_02 .inner3::after { top: 10px; right: 63px; width: 374px; height: 266px; background: url(../img/editor/e_02_etc_b.png) center bottom no-repeat; }
.editor_hd.e_03 .inner3::after { top: 67px; right: 59px; width: 413px; height: 224px; background: url(../img/editor/e_03_etc_b.png) center bottom no-repeat; }
.editor_hd.e_04 .inner3::after { top: 19px; right: 109px; width: 315px; height: 312px; background: url(../img/editor/e_04_etc_b.png) center bottom no-repeat; }
.editor_hd.e_05 .inner3::after { top: 70px; right: 30px; width: 359px; height: 264px; background: url(../img/editor/e_05_etc_b.png) center bottom no-repeat; }
.editor_hd.e_06 .inner3::after { top: 16px; right: 65px; width: 308px; height: 257px; background: url(../img/editor/e_06_etc_b.png) center bottom no-repeat; }
.editor_hd.e_07 .inner3::after { top: 18px; right: 185px; width: 312px; height: 260px; background: url(../img/editor/e_07_etc_b.png) center bottom no-repeat; }
.editor_hd.e_08 .inner3::after { top: 13px; right: 88px; width: 301px; height: 251px; background: url(../img/editor/e_08_etc_b.png) center bottom no-repeat; }

.editor_hd.e_09 .inner3::after { top: 10px; right: 50px; width: 343px; height: 283px; background: url(../img/editor/e_09_etc_b.png) center bottom no-repeat; }
.editor_hd.e_10 .inner3::after { top: 82px; right: 102px; width: 229px; height: 221px; background: url(../img/editor/e_10_etc_b.png) center bottom no-repeat; }
.editor_hd.e_11 .inner3::after { top: 25px; right: 99px; width: 363px; height: 264px; background: url(../img/editor/e_11_etc_b.png) center bottom no-repeat; }
.editor_hd.e_12 .inner3::after { top: 5px; right: 172px; width: 325px; height: 314px; background: url(../img/editor/e_12_etc_b.png) center bottom no-repeat; }
.editor_hd.e_13 .inner3::after { top: 3px; right: 177px; width: 242px; height: 301px; background: url(../img/editor/e_13_etc_b.png) center bottom no-repeat; }
.editor_hd.e_14 .inner3::after { top: 14px; right: 79px; width: 325px; height: 232px; background: url(../img/editor/e_14_etc_b.png) center bottom no-repeat; }
.editor_hd.e_15 .inner3::after { top: 42px; right: 71px; width: 323px; height: 233px; background: url(../img/editor/e_15_etc_b.png) center bottom no-repeat; }
.editor_hd.e_16 .inner3::after { top: 3px; right: 195px; width: 314px; height: 294px; background: url(../img/editor/e_16_etc_b.png) center bottom no-repeat; }

.editor_hd.e_17 .inner3::after { top: 31px; right: 67px; width: 332px; height: 220px; background: url(../img/editor/e_17_etc_b.png) center bottom no-repeat; }
.editor_hd.e_18 .inner3::after { top: 3px; right: 165px; width: 250px; height: 253px; background: url(../img/editor/e_18_etc_b.png) center bottom no-repeat; }
.editor_hd.e_19 .inner3::after { top: 19px; right: 128px; width: 352px; height: 300px; background: url(../img/editor/e_19_etc_b.png) center bottom no-repeat; }
.editor_hd.e_20 .inner3::after { top: 29px; right: 133px; width: 358px; height: 279px; background: url(../img/editor/e_20_etc_b.png) center bottom no-repeat; }
.editor_hd.e_21 .inner3::after { top: 22px; right: 147px; width: 281px; height: 234px; background: url(../img/editor/e_21_etc_b.png) center bottom no-repeat; }
.editor_hd.e_22 .inner3::after { top: 77px; right: 82px; width: 294px; height: 187px; background: url(../img/editor/e_22_etc_b.png) center bottom no-repeat; }
.editor_hd.e_23 .inner3::after { top: 38px; right: 94px; width: 355px; height: 242px; background: url(../img/editor/e_23_etc_b.png) center bottom no-repeat; }
.editor_hd.e_24 .inner3::after { top: 12px; right: 158px; width: 308px; height: 268px; background: url(../img/editor/e_24_etc_b.png) center bottom no-repeat; }

.editor_hd.e_25 .inner3::after { top: 40px; right: 120px; width: 286px; height: 243px; background: url(../img/editor/e_25_etc_b.png) center bottom no-repeat; }
.editor_hd.e_26 .inner3::after { top: 19px; right: 120px; width: 365px; height: 266px; background: url(../img/editor/e_26_etc_b.png) center bottom no-repeat; }
.editor_hd.e_27 .inner3::after { top: 12px; right: 140px; width: 286px; height: 243px; background: url(../img/editor/e_27_etc_b.png) center bottom no-repeat; }
.editor_hd.e_28 .inner3::after { top: 8px; right: 128px; width: 330px; height: 256px; background: url(../img/editor/e_28_etc_b.png) center bottom no-repeat; }
.editor_hd.e_29 .inner3::after { top: 8px; right: 128px; width: 310px; height: 296px; background: url(../img/editor/e_29_etc_b.png) center bottom no-repeat; }
.editor_hd.e_30 .inner3::after { top: 29px; right: 220px; width: 264px; height: 195px; background: url(../img/editor/e_30_etc_b.png) center bottom no-repeat; }
.editor_hd.e_31 .inner3::after { top: 0px; right: 150px; width: 275px; height: 285px; background: url(..//img/editor/e_31_etc_b.png) center bottom no-repeat; }
.editor_hd.e_32 .inner3::after { top: -65px; right: 260px; width: 256px; height: 252px; background: url(..//img/editor/e_32_etc_b.png) center bottom no-repeat; }
.editor_hd.e_33 .inner3::after { top: 0px; right: 260px; width: 265px; height: 249px; background: url(..//img/editor/e_33_etc_b.png) center bottom no-repeat; }

.editor_hd.e_04 .profile .p_photo .comment { font-size: 18px; line-height: 26px; }

.editor_con { position: relative; width: 1120px; margin:0 auto; margin-bottom: 100px; }
.editor_con .newest_cut_lst { box-sizing:border-box; padding-left:330px; padding-top:100px; }
.editor_con .newest_cut_lst h4 { font-size: 30px; margin-left: 45px; }
.editor_con .newest_cut_lst h4 span { font-size: 15px; font-weight: 400; margin-left: 20px; }
.editor_con .newest_cut_lst ul { position: relative; box-sizing:border-box; padding-left:94px; margin-top: 34px; }
.editor_con .newest_cut_lst ul::before { content: ""; position: absolute; left: 45px; top: 0; float: left; width: 4px; height: 100%; border-left: 1px solid #efefef; border-right: 1px solid #efefef; background-color: #f5f5f5; }
.editor_con .newest_cut_lst li + li { margin-top: 50px; }
.editor_con .newest_cut_lst li { position: relative; }
.editor_con .newest_cut_lst li a { display: flex; flex-wrap: wrap; align-items: center; }
.editor_con .newest_cut_lst li .date { display: block; position: absolute; left: -46px; top: 50%; width: auto; height: 20px; line-height: 20px; font-size: 13px; color: #999; padding: 0 10px; border:1px solid #ccc; background-color: #fff; transform: translateX(-50%); }
.editor_con .newest_cut_lst li .date::before { content: ""; position: absolute; left: calc(50% - 11px); top: -30px; display:block; width: 22px; height: 22PX; background: url(../img/ico_time.png) center no-repeat; }
.editor_con .newest_cut_lst li .thumb { width: 300px; height: 180px; margin-right: 20px; }
.editor_con .newest_cut_lst li .tit { width: calc(100% - 320px); font-size: 24px; line-height: 35px; font-weight: 500; }
.editor_con .btn_more_news { width: calc(100% + 330px); margin-left: -330px; }
.editor_con .btn_more_news a { width: 160px; }

.other_news { width: 100%; background-color: #f6f6f7; }
.other_news .inner { padding: 70px 0 80px; }
.other_news h4 { font-size: 22px; font-weight: 400; }
.other_news h4 strong { font-weight: 600; }
.other_news h4 i { display: inline-block; width: 10px; height: 18px; background: url(../img/btn_more_2.png) center/100% no-repeat; margin:0 0 -1px 5px; }
.other_news ul { display: flex; justify-content: space-between; margin-top: 20px; }
.other_news ul li { width: 385px; }
.other_news ul li a { display: flex; align-items: center; }
.other_news ul li a .thumb { width: 170px; height: 115px; flex-shrink: 0; margin-right: 15px; }
.other_news ul li a .tit { font-size: 17px; line-height: 25px; }
.other_news ul li a .date { display: block; font-size: 13px; color: #999; margin-top: 10px; }

.quick_cut { position: fixed; right: 50px; bottom: 50px; border-radius: 45px; overflow: hidden; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.quick_cut li + li { border-top: 1px dashed #dfdfdf; }
.quick_cut li { width: 90px; height: 90px; }
.quick_cut li a { display: block; font-size: 15px; line-height:18px; text-align: center; width: 100%; height: 100%; background-color: #f1f7ff; box-sizing: border-box; padding-top: 25px; }
.quick_cut li a strong { display: block; width: 100%; font-size: 18px; margin-bottom: 5px; }
.quick_cut li:nth-child(1) a strong { color: #ff4e40; }
.quick_cut li:nth-child(2) a strong { color: #5173f8; }