@charset "utf-8";

* { margin:0px; padding:0px; }
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, input, textarea, button, 
select { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body { line-height: 1; font-size: 1.8rem; font-family: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif; color: #111; background: #fff; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ''; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; border: 0; }
button { background: none; border: 0; cursor: pointer; font: inherit; color: inherit; }
input, textarea,select, button { appearance: none; -webkit-appearance: none; border-radius: 0; font: inherit; color: inherit; }
textarea { resize: none; }
input:focus, textarea:focus, select:focus, button:focus { outline: none; }
strong { }
em { font-style: normal; }
fieldset { min-width: 0; }
iframe { display: block; border: 0; }
caption, legend, .blind, .hide { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; white-space: nowrap; }
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; }

.hide { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.inner { width:1200px; margin:0 auto; }

/* basic */
.thumb { position: relative; box-sizing: border-box; overflow: hidden; display: block; border-radius:10px; }
.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); 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; font-weight:600; }
.s_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; font-size: 14px; line-height: 19px; color: #555; }
.date { display:block; font-size: 14px; line-height: 24px; color:#888; margin-top:8px; }

/* common */
#wrap { min-width: 1200px; }
.header { position: relative; z-index: 20; }
.header .inner, .footer .inner { box-sizing: border-box; }
.header .thumb, .main_page .thumb, .list_page .thumb, .view_page .thumb, .search_page .thumb { border-radius: 0; }
.header .header_util { display: flex; justify-content: space-between; align-items: flex-start; height: 33px; padding-top: 13px; }
.header .header_util .family_site { display: flex; align-items: center; height: 18px; }
.header .header_util .family_site li, .header .header_util .family_site a { display: block; }
.header .header_util .family_site a { background-repeat: no-repeat; background-position: 0 0; }
.header .header_util .family_site li:nth-child(1) a { width: 58px; height: 12px; background-image: url('../img/family_01_aju.png'); }
.header .header_util .family_site li:nth-child(2) a { width: 54px; height: 15px; background-image: url('../img/family_02_kj.png'); }
.header .header_util .family_site li:nth-child(3) a { width: 30px; height: 14px; background-image: url('../img/family_03_ajp.png'); }
.header .header_util .family_site li:nth-child(4) a { width: 61px; height: 16px; background-image: url('../img/family_04_cn.png'); }
.header .header_util .family_site li:nth-child(5) a { width: 76px; height: 14px; background-image: url('../img/family_05_vn.png'); }
.header .header_util .family_site li:nth-child(6) a { width: 55px; height: 13px; background-image: url('../img/family_06_jp.png'); }
.header .header_util .family_site li + li { margin-left: 16px; }
.header .header_util .family_site li:nth-child(1) { margin-top:2px; }
.header .header_util .family_site li:nth-child(3) { margin-top:-1px; }
.header .header_util .family_site li:nth-child(4) { margin-top:1px; }
.header .member_links { display: flex; font-size: 14px; line-height: 18px; color: #555; letter-spacing: -0.05em; }
.header .member_links > * + * { margin-left: 10px; }
.header .member_links span { color: #aaa; }
.header.main_header { height: 177px; }
.header.main_header .main_logo { width: 197px; height: 64px; margin: -2px auto 30px; }
.header.main_header .main_logo a, .header.main_header .main_logo img { display: block; width: 197px; height: 64px; }
.header.main_header .gnb_row { position: relative; display: flex; align-items: center; border-bottom: 3px solid #e84854; padding-bottom:14px; }
.header.main_header .gnb_row .today { position:absolute; left:0; top:6px; font-size: 14px; line-height: 24px; color: #8b9298; letter-spacing: -0.05em; }
.header .gnb { width:60%; margin:0 auto; }
.header .gnb ul { display: flex; justify-content: space-between; align-items: center; }
.header .gnb li a { display: block; font-size: 19px; line-height: 35px; letter-spacing: -0.03em; font-weight:600; }
.header .gnb li.on a { color: #c63741; }
.header .btn_search { position:absolute; right:0; top:10px; flex: 0 0 20px; width: 20px; height: 20px; margin-left: 43px; background: url('../img/icon_search.png') no-repeat 50% 50%; background-size: 20px 20px; }
.header .btn_search.on { background: none; }
.header .btn_search.on:before, .header .btn_search.on:after { content: ''; position: absolute; left: 9px; top: -3px; width: 2px; height: 27px; background: #111; }
.header .btn_search.on:before { transform: rotate(45deg); }
.header .btn_search.on:after { transform: rotate(-45deg); }
.header.sub_header { position: relative; height: 70px; }
.header.sub_header .sub_header_inner { position:relative; display: flex; align-items: center; height: 70px; }
.header.sub_header .logo { flex: 0 0 137px; height: 28px; overflow: hidden; }
.header.sub_header .logo a { display:block; width:100%; height:100%; background: url('../img/logo_sub.png') no-repeat 100%; }
.header.sub_header .gnb { flex: 0 0 685px; margin-left: 99px; }
.header.sub_header .gnb li a { font-size: 18px; }
.header.sub_header .member_links { margin-left: auto; margin-right:50px; }
.header.sub_header .btn_search { top:26px; }
.header .search_area { display: none; position: absolute; z-index: 30; left: 0; width: 100%; height: 178px; background: #fff; box-shadow: 0 7px 14px rgba(0,0,0,0.05); border-top:2px solid #e84854; }
.header .search_area.on { display: block; }
.header .search_area .search_form { position: relative; width: 456px; margin: 0 auto; padding-top: 56px; }
.header .search_area input { box-sizing: border-box; width: 456px; height: 56px; padding: 0 55px 0 18px; border: 1px solid #ddd; border-radius: 8px; font-size: 17px; line-height: 25px; letter-spacing: -0.05em; }
.header .search_area input::placeholder { color: #ccc; }
.header .search_area .search_form button { position: absolute; right: 18px; top: 74px; width: 20px; height: 20px; background: url('../img/icon_search.png') no-repeat 50% 50%; background-size: 20px 20px; }
.header.main_header .search_area { top: 174px; }
.header.sub_header .search_area { top: 70px; }

.footer { margin-top: 150px; font-size: 14px; color: #111; }
.footer .footer_nav { height: 55px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.footer .footer_nav.inner { display: flex; justify-content: space-between; align-items: center; padding:0 30px 0 10px; }
.footer .footer_nav .inner { display: flex; justify-content: space-between; align-items: center; height: 55px; padding:0 30px 0 10px; }
.footer .footer_nav p { display: flex; align-items: center; font-size: 14px; line-height: 30px; letter-spacing: 0; }
.footer .footer_nav p > * + * { margin-left: 10px; }
.footer .footer_nav p strong { font-size: 15px; line-height: 30px; letter-spacing: -0.075em; }
.footer .footer_nav p span { color: #888; }
.footer .footer_nav ul { display: flex; font-size: 16px; line-height: 30px; letter-spacing: -0.075em; margin-left:auto; }
.footer .footer_nav li + li { margin-left: 39px; }
.footer .footer_info { padding-top: 31px; text-align: center; line-height: 30px; letter-spacing: -0.03em; }
.footer .footer_info .copyright { margin-top: 25px; padding-bottom: 28px; color: #aaa; font-size: 13px; letter-spacing: 0; }

/* main */
.main_page { padding-top: 30px; }
.main_page .main_lead { display: flex; justify-content: space-between; height: 510px; }
.main_page .lead_primary { width: 870px; }
.main_page .lead_feature { display: flex; height: 320px; }
.main_page .lead_image { flex: 0 0 480px; height: 320px; overflow: hidden; }
.main_page .lead_image img { width: 100%; height: 100%; object-fit: cover; }
.main_page .txt_area { box-sizing: border-box; width: 390px; padding-left: 20px; }
.main_page .category_label { display: inline-block; vertical-align: top; height: 30px; padding: 0 15px; background: #c63741; color: #fff; font-size: 15px; line-height: 30px; letter-spacing: -0.05em; }
.main_page .txt_area .tit { margin-top: 11px; font-size: 33px; line-height: 45px; letter-spacing: -0.075em; }
.main_page .txt_area .s_tit { margin-top: 9px; font-size: 17px; line-height: 45px; letter-spacing: -0.05em; -webkit-line-clamp: 1; }
.main_page .txt_area .desc { margin-top: 11px; color: #8b9298; font-size: 14px; line-height: 24px; letter-spacing: -0.05em; -webkit-line-clamp: 5; }
.main_page .lead_briefs { display: flex; margin-top: 30px; padding-top: 30px; border-top: 1px solid #dddeee; }
.main_page .lead_briefs li { box-sizing: border-box; width: 290px; min-height: 108px; padding: 0 24px; border-left: 1px solid #dddeee; }
.main_page .lead_briefs li:first-child { padding-left: 0; border-left: 0; }
.main_page .lead_briefs .tit { font-size: 20px; line-height: 30px; letter-spacing: -0.075em; margin-top:-6px; }
.main_page .lead_briefs .desc { margin-top: 9px; color: #8b9298; font-size: 14px; line-height: 24px; letter-spacing: -0.05em; -webkit-line-clamp: 2; }
.main_page .lead_side { width: 260px; padding-left: 30px; border-left: 1px solid #ddd; }
.main_page .lead_side article + article { margin-top: 25px; }
.main_page .lead_side .thumb { width: 260px; height: 163px; }
.main_page .lead_side .tit { margin-top: 4px; font-size: 20px; line-height: 30px; letter-spacing: -0.075em; }
.main_page .main_columns { display: flex; justify-content: space-between; margin-top: 29px; padding-top: 33px; border-top: 1px solid #111; }
.main_page .main_content_column { width: 870px; }
.main_page .main_side_column { width: 260px; padding-left: 30px; border-left: 1px solid #ddd; }
.main_page .section_title { margin-bottom: 16px; font-size: 18px; line-height: 30px; letter-spacing: -0.075em; }
.main_page .section_title a { font-weight:600; }
.main_page .section_title a:after { content: '›'; display: inline-block; margin-left: 8px; color: #1a1a1a; font-size: 24px; font-weight:400; vertical-align: -2px; }
.main_page .photo_news { display: flex; justify-content: space-between; }
.main_page .photo_news li { width: 270px; }
.main_page .photo_news .thumb { width: 270px; height: 175px; }
.main_page .photo_news .tit { margin-top: 8px; font-size: 18px; line-height: 28px; letter-spacing: -0.075em; }
.main_page .issue_news { margin-top: 46px; padding-top: 34px; border-top: 1px solid #111; }
.main_page .issue_layout { display: flex; justify-content: space-between; }
.main_page .issue_feature { width: 400px; }
.main_page .issue_feature .thumb { width: 400px; height: 250px; }
.main_page .issue_feature .tit { margin-top: 9px; font-size: 20px; line-height: 30px; letter-spacing: -0.075em; }
.main_page .walk_news .section_title {  }
.main_page .issue_list { width: 429px; padding-left: 20px; border-left: 1px solid #ddd; }
.main_page .issue_list li + li { margin-top: 30px; }
.main_page .issue_list a { display: flex; align-items: center; }
.main_page .issue_list .thumb { flex: 0 0 130px; height: 85px; }
.main_page .issue_list .tit { margin-left: 14px; font-size: 18px; line-height: 28px; letter-spacing: -0.075em; }
.main_page .side_news_list li + li { margin-top: 10px; }
.main_page .side_news_list a { display: flex; align-items: center; justify-content: space-between; }
.main_page .side_news_list .tit { width: 175px; font-size: 17px; line-height: 25px; letter-spacing: -0.05em; }
.main_page .side_news_list .thumb { flex: 0 0 70px; height: 70px; }
.main_page .legal_people { margin-top: 39px; }
.main_page .legal_people .section_title { margin-bottom:0px; font-weight:600; }
.main_page .headline_list li { padding: 14px 0 18px; border-top: 1px solid #eee; }
.main_page .headline_list li:first-child { border-top: 0; padding-top:10px; }
.main_page .headline_list a { font-size: 17px; line-height: 25px; letter-spacing: -0.05em; }
.main_page .dual_sections { display: flex; justify-content: space-between; margin-top: 54px; padding-top: 32px; border-top: 1px solid #111; }
.main_page .compact_section { width: 570px; }
.main_page .compact_section + .compact_section { margin-left: 60px; }
.main_page .two_columns li { width: 270px; }
.main_page .compact_section .headline_list { margin-top: 19px; }
.main_page .compact_section .headline_list li { padding: 14px 0 0; margin-top: 18px; }
.main_page .compact_section .headline_list li:first-child { border-top: 1px solid #eee; }
.main_page .compact_section .headline_list a { display: block; overflow: hidden; font-size: 18px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.075em; }
.main_page .ranking_section { margin-top: 48px; padding-top: 33px; border-top: 1px solid #111; }
.main_page .ranking_section h4 { font-size: 18px; line-height: 30px; letter-spacing: -0.075em; font-weight:600; }
.main_page .ranking_list { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px; margin-top: 4px; }
.main_page .ranking_list li { width: 380px; }
.main_page .ranking_list a { display: flex; align-items: center; }
.main_page .ranking_list .rank { flex: 0 0 22px; color: #c63741; font-family: Roboto, sans-serif; font-size: 40px; line-height: 28px; letter-spacing: -0.075em; font-style: italic; text-align:right; font-weight:500; }
.main_page .ranking_list .tit { width: 200px; margin-left: 13px; font-size: 18px; line-height: 28px; letter-spacing: -0.075em; }
.main_page .ranking_list .thumb { flex: 0 0 130px; height: 90px; margin-left: 15px; }
/*.main_page .photo_news + .headline_list li { margin-top: 18px; }
.main_page .photo_news + .headline_list li:first-child { border-top: 1px solid #eee; }*/


/* list */
.list_hero { height: 180px; border-bottom: 2px solid #c63741; background: #202124 url('../img/list_top_bg.png') no-repeat 50% 50%; background-size: cover; color: #fff; text-align: center; }
.list_hero .inner { padding-top: 51px; }
.list_hero p { color: #e84854; font-family: Georgia, serif; font-size: 21px; line-height: 35px; letter-spacing: 0; }
.list_hero h2 { font-size: 45px; line-height: 35px; letter-spacing: -0.03em; font-weight:600; }
.list_page { padding-top: 50px; }
.list_page .list_top_news { display: flex; justify-content: space-between; align-items: start; border-bottom: 1px solid #111; padding-bottom:33px; }
.list_page .list_top_n01 { display: flex; align-items: center; width: 840px; }
.list_page .list_top_n01 > .thumb { flex: 0 0 380px; height: 252px; }
.list_page .list_top_n01 .txt_area { width: 440px; margin-left:20px; }
.list_page .list_top_n01 .tit { font-size: 33px; line-height: 45px; letter-spacing: -0.075em; }
.list_page .list_top_n01 .desc { margin-top: 8px; color: #8b9298; font-size: 14px; line-height: 24px; letter-spacing: -0.05em; -webkit-line-clamp: 5; }
.list_page .list_top_n02 { width: 300px; }
.list_page .list_top_n02 .thumb { width: 300px; height: 190px; }
.list_page .list_top_n02 .tit { margin-top: 9px; font-size: 20px; line-height: 30px; letter-spacing: -0.075em; }
.list_page .list_body { display: flex; justify-content: space-between; margin-top: 39px; }
.list_page .article_list, .search_page .article_list { width: 870px; }
.list_page .article_list .article_list_ul li, .search_page .article_list .article_list_ul li { border-bottom: 1px solid #dddeee; padding:30px 0; }
.list_page .article_list .article_list_ul li:nth-child(1) { padding-top:0; }
.list_page .article_list .article_list_ul a, .search_page .article_list .article_list_ul a { display: flex; padding-top: 1px; }
.list_page .article_list .article_list_ul .thumb, .search_page .article_list .article_list_ul .thumb { flex: 0 0 200px; height: 135px; flex-shrink: 0; margin-right: 20px; }
.list_page .article_list_text, .search_page .article_list_text { box-sizing: border-box; width: 650px; padding-top:7px; padding-right:10px; }
.list_page .article_list_text .tit, .search_page .article_list_text .tit { font-size: 20px; line-height: 30px; letter-spacing: -0.075em; -webkit-line-clamp: 1; }
.list_page .article_list_text .desc, .search_page .article_list_text .desc { margin-top: 10px; color: #8b9298; font-size: 14px; line-height: 24px; letter-spacing: -0.05em; -webkit-line-clamp: 2; }
.list_page .article_list_text .date, .search_page .article_list_text .date { margin-top: 10px; color: #8b9298; font-family: Roboto, sans-serif; }
.list_page .list_ranking, .search_page .list_ranking { width: 300px; }
.list_page .list_ranking h4, .search_page .list_ranking h4 { font-size: 18px; letter-spacing: -0.075em; font-weight:600; }
.list_page .list_ranking ol, .search_page .list_ranking ol { margin-top:21px; }
.list_page .list_ranking li + li, .search_page .list_ranking li + li { margin-top: 10px; }
.list_page .list_ranking a, .search_page .list_ranking a { display: flex; align-items: center; height: 70px; }
.list_page .list_ranking a > span:first-child, .search_page .list_ranking a > span:first-child { flex: 0 0 31px; color: #c63741; font-family: Roboto, sans-serif; font-size: 32px; line-height: 28px; }
.list_page .list_ranking .tit, .search_page .list_ranking .tit { width: 180px; font-size: 17px; line-height: 25px; letter-spacing: -0.05em; font-weight:500; }
.list_page .list_ranking .thumb, .search_page .list_ranking .thumb { flex: 0 0 70px; height: 70px; margin-left: auto; }

.paging {display: block; width: 100%; margin-top: 50px; }
.paging ul{display: flex; justify-content: center; }
.paging ul li{width: 40px; height: 40px; 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: 15px; line-height:38px; text-align: center; font-weight:400; }
.paging ul li.on{background: #c63741; 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; }

/* search */
.header.search_header { height: 70px; border-bottom:2px solid #c63741; }
.search_page { padding-top:50px; }
.search_page .search_layout { display:flex; justify-content:space-between; align-items:flex-start; }
.search_page .search_content { width:870px; }
.search_page .search_title { font-size:35px; line-height:34px; letter-spacing:-0.075em; font-weight:600; }
.search_page .search_result_form { position:relative; margin-top:39px; }
.search_page .search_result_form .search_input { position:relative; width:760px; height:76px; }
.search_page .search_result_form .search_input input { box-sizing:border-box; width:100%; height:70px; padding:0 90px 0 33px; border:1px solid #111; border-radius:15px; font-size:20px; line-height:25px; letter-spacing:-0.05em; }
.search_page .search_result_form .search_input input::-webkit-search-cancel-button { display:none; }
.search_page .search_result_form .search_input button { position:absolute; right:20px; top:15px; width:40px; height:40px; border-radius:50%; background:#c63741; }
.search_page .search_result_form .search_input button:after { content:''; position:absolute; left:10px; top:10px; width:20px; height:20px; background:url('../img/icon_search.png') no-repeat 50% 50%; background-size:20px 20px; filter:brightness(0) invert(1); }
.search_page .search_result_form .btn_search_option { position:absolute; right:0; top:49px; display:flex; align-items:center; height:25px; font-size:15px; line-height:25px; letter-spacing:-0.05em; }
.search_page .search_result_form .btn_search_option:before { content:''; width:15px; height:15px; margin-right:15px; background:url('../img/icon_option.png') no-repeat 50% 50%; }
.search_page .search_result_form .btn_search_option.on:before { width:18px; height:17px; background-image:url('../img/icon_option_close.png'); }
.search_page .search_result_form .search_option { display:none; box-sizing:border-box; width:870px; margin:14px 0 0; padding:29px 39px 29px; border:1px solid #ddd; background:#f7f8f9; }
.search_page .search_result_form .btn_search_option.on + .search_option { display:block; }
.search_page .search_result_form .search_option fieldset { position:relative; }
.search_page .search_result_form .search_option fieldset + fieldset { margin-top:10px; }
.search_page .search_result_form .search_option legend { overflow:visible; left:0; top:4px; clip:auto; clip-path:none; width:auto; height:25px; margin:0; font-size:15px; line-height:25px; letter-spacing:-0.05em; white-space:nowrap; }
.search_page .search_result_form .search_option .option_list { display:flex; align-items:center; margin-left:46px; }
.search_page .search_result_form .search_option .option_list > button { box-sizing:border-box; width:88px; height:32px; margin-left:5px; border:1px solid #ddd; background:#fff; color:#aaa; font-size:15px; line-height:30px; letter-spacing:-0.05em; }
.search_page .search_result_form .search_option .option_list > button:first-child { margin-left:0; }
.search_page .search_result_form .search_option .option_list > button.on { position:relative; border-color:#111; color:#111; }
.search_page .search_result_form .search_option .option_list > .btn_direct { position:relative; margin-left:21px; }
.search_page .search_result_form .search_option .option_list > .btn_direct:before { content:''; position:absolute; left:-12px; top:8px; width:1px; height:17px; background:#ddd; }
.search_page .search_result_form .search_option .date_range { position:relative; display:flex; align-items:center; margin-left:10px; }
.search_page .search_result_form .search_option .date_range .date_input { position:relative; display:flex; width:130px; height:32px; }
.search_page .search_result_form .search_option .date_range .date_input:before { content:''; position:absolute; z-index:1; right:14px; top:9px; width:14px; height:15px; background:url('../img/icon_calendar.png') no-repeat 50% 50%; pointer-events:none; }
.search_page .search_result_form .search_option .date_range .date_input input { box-sizing:border-box; width:130px; height:32px; padding:0 31px 0 15px; border:1px solid #ddd; background:#fff; color:#aaa; font-size:15px; line-height:30px; cursor:pointer; }
.search_page .search_result_form .search_option .date_range > span:not(.date_input) { width:27px; color:#111; font-size:15px; text-align:center; }
.ui-datepicker { display:none; z-index:40 !important; box-sizing:border-box; width:310px; margin-top:7px; padding:28px 15px 20px; border:1px solid #ccc; border-top:4px solid #c63741; border-radius:2px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.18); }
.ui-datepicker .ui-datepicker-header { position:relative; height:32px; }
.ui-datepicker .ui-datepicker-title { height:32px; font-size:0; line-height:32px; letter-spacing:0; text-align:center; font-weight:500; }
.ui-datepicker .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-title .ui-datepicker-month { font-size:28px; }
.ui-datepicker .ui-datepicker-title .ui-datepicker-year:after { content:'.'; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:0; width:32px; height:32px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { left:49px; }
.ui-datepicker .ui-datepicker-next { right:49px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { overflow:hidden; position:absolute; left:12px; top:11px; width:8px; height:8px; border-top:1px solid #111; border-left:1px solid #111; font-size:0; transform:rotate(-45deg); }
.ui-datepicker .ui-datepicker-next span { left:9px; transform:rotate(135deg); }
.ui-datepicker .ui-datepicker-calendar { width:100%; margin-top:16px; table-layout:fixed; font-size:16px; }
.ui-datepicker .ui-datepicker-calendar th { box-sizing:border-box; height:32px; padding:0 0 8px; line-height:24px; text-align:center; }
.ui-datepicker .ui-datepicker-calendar td { height:40px; padding:0; text-align:center; }
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span { display:block; height:40px; border-radius:50%; line-height:40px; text-align:center; }
.ui-datepicker .ui-datepicker-calendar td a:hover, .ui-datepicker .ui-datepicker-calendar td a:focus { background:#eefafa; }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active { background:#c63741; color:#fff; }
.ui-datepicker .ui-datepicker-buttonpane { position:absolute; right:14px; top:16px; width:20px; height:20px; }
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current { display:none; }
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close { position:relative; width:20px; height:20px; font-size:0; }
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:before, .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:after { content:''; position:absolute; left:9px; top:1px; width:1px; height:18px; background:#111; transform:rotate(45deg); }
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:after { transform:rotate(-45deg); }
.search_page .article_list { margin-top:44px; }
.search_page .article_list .result_count { padding-bottom:15px; border-bottom:1px solid #111; font-size:20px; line-height:30px; letter-spacing:-0.05em; }
.search_page .article_list .result_count em { color:#c63741; font-weight:500; }
.search_page .article_list.is_empty .article_list_ul, .search_page .article_list.is_empty .paging { display:none; }
.search_page .article_list .no_data { display:none; padding:95px 0 140px; text-align:center; }
.search_page .article_list.is_empty .no_data { display:block; }
.search_page .article_list .no_data > div { font-size:30px; line-height:40px; letter-spacing:-0.075em; }
.search_page .article_list .no_data > div strong { color:#c63741; font-weight:600; }
.search_page .article_list .no_data p { margin-top:38px; color:#999; font-size:17px; line-height:30px; letter-spacing:-0.075em; }
.search_page .article_list_text { width:626px; padding-right:0; }
.search_page .paging { margin-top:47px; }

/* policy */
.main .common_inner { width:1200px; margin:0 auto; }
.main .top_content { margin-top:40px; }
.main .top_content .common_inner { display:flex; justify-content:space-between; gap:30px; }
.main .aside_box ul { width:200px; border:1px solid #ccc; }
.main .aside_box ul li { box-sizing:border-box; height:50px; font-size:16px; line-height:50px; text-align:center; font-weight:500; }
.main .aside_box ul li + li { border-top:1px solid #ccc; }
.main .aside_box .aside_btn { display:block; width:100%; height:100%; font-size:16px; }
.main .aside_box li.on .aside_btn { box-sizing:border-box; border:1px solid #c63741; background:#c63741; color:#fff; }
.main .tab_contant { display:none; }
.main .tab_contant.on { display:block; }
.main .sc_agreement { width:100%; margin-left:20px; }
.main .sc_agreement .agTab_title { margin-bottom:40px; font-size:35px; letter-spacing:-0.3px; font-weight:600; }
.main .sc_agreement .agree_tit { display:block; margin-top:50px; font-size:18px; font-weight:600; }
.main .sc_agreement .agree_txt { margin-top:15px; font-size:16px; line-height:25px; }
.main .sc_agreement .agree_subTit { display:block; margin-top:25px; font-size:18px; font-weight:500; }
.main .sc_agreement .table_box { margin-top:30px; }
.main .sc_agreement .table_box table { width:100%; height:100%; }
.main .sc_agreement .table_box th { height:50px; background:#ebebeb; font-size:15px; line-height:50px; text-align:center; font-weight:500; }
.main .sc_agreement .table_box td { padding:27px 0; border:1px solid #dfdfdf; font-size:15px; line-height:21px; text-align:center; }
.main .sc_agreement .table_box .txt_left { box-sizing:border-box; padding:20px 0 20px 30px; text-align:left; }
.main .sc_agreement .pd_txt { margin-left:40px; font-size:16px; line-height:25px; }
.main .sc_agreement .select_box { position:relative; }
.main .sc_agreement .select_box .btn_select { box-sizing:border-box; width:200px; height:45px; margin-top:30px; border:1px solid #ccc; background:#fff; font-size:13.3333px; }
.main .sc_agreement .select_box .btn_select:after { content:''; display:inline-block; width:7px; height:7px; margin:0 0 3px 10px; border-right:1px solid #111; border-bottom:1px solid #111; transform:rotate(45deg); transition:transform 0.5s; }
.main .sc_agreement .select_box .btn_select.active:after { margin-bottom:-1px; transform:rotate(225deg); }
.main .sc_agreement .select_box ul { display:none; position:absolute; left:0; top:-62px; }
.main .sc_agreement .select_box ul li { box-sizing:border-box; width:200px; height:45px; border:1px solid #ccc; background:#fff; line-height:45px; text-align:center; }
.main .sc_agreement .select_box ul li:hover { background:#f7f7f7; }
.main .sc_agreement .select_box ul li + li { margin-top:-1px; }
.main .sc_agreement .select_box ul li a { display:block; width:100%; height:100%; font-size:14px; }
.main .table_wrap { position:relative; display:flex; justify-content:space-between; }
.main .table_wrap .table_box { width:100%; }
.main .table_wrap .table_box tbody { border:1px solid #dfdfdf; }
.main .table_wrap .table_box:first-child tbody { border-right:0; }
.main .table_wrap .table_box tbody th { height:33px; padding-left:30px; border:0; background:#fff; line-height:33px; text-align:left; }
.main .table_wrap .table_box tbody td { padding:10px 0; border:0; text-align:left; }
.main .sc_agreement .link_btn { display:block; margin-top:10px; color:#0070d9; text-align:right; text-decoration:underline; font-size:14px; }
.main .sc_agreement .agree_subTit2 { display:block; margin-top:13px; font-size:16px; font-weight:600; }
.main .sc_agreement .agree_txt_box { display:block; margin:20px 0 30px; padding:10px 20px; border:1px solid #ccc; font-size:16px; line-height:30px; font-weight:600; }
.main .sc_agreement .agree_txt_c { margin-top:30px; text-align:center; }

/* view */
.header.view_header { height: 70px; border-bottom:2px solid #c63741; }
.view_page .view_layout { position:relative; display: flex; justify-content: flex-end; align-items: flex-start; box-sizing: border-box; /*padding: 49px 0 100px 116px;*/ }
.view_page .article_tools_area { position: absolute; left: 130px; top: 272px; bottom: 0; width: 72px; }
.view_page .article_tools { position: sticky; top: 50px; width:70px; border: 1px solid #ddd; border-radius:10px; background: #fff; z-index:1; }
.view_page .article_tools > button { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 71px; border-bottom: 1px solid #ddd; font-size: 13px; line-height: 30px; letter-spacing: -0.05em; }
.view_page .article_tools > button:last-of-type { border-bottom: 0; }
.view_page .article_tools > button span { line-height:15px; margin-top:5px; }
.view_page .article_tools .btn_share:before,
.view_page .article_tools .btn_print:before { content: ''; display: block; height: 23px; background-repeat: no-repeat; background-position: 50% 50%; }
.view_page .article_tools .btn_share:before { width: 19px; background-image: url('../img/icon_share.png'); }
.view_page .article_tools .btn_print:before { width: 24px; background-image: url('../img/icon_print.png'); }
.view_page .article_tools .btn_font_up strong { font-size: 22px; }
.view_page .article_tools .btn_font_down > span:first-child { font-size: 18px; }
.view_page .share_layer { display: none; position: absolute; z-index: 5; left: 91px; top: 0; box-sizing: border-box; width: 240px; padding: 28px 28px 28px; border: 1px solid #ddd; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-radius:10px; }
.view_page .share_layer.is_open { display: block; }
.view_page .btn_share_close { position: absolute; right: 10px; top: 10px; width: 15px; height: 15px; }
.view_page .btn_share_close:before, .view_page .btn_share_close:after { content: ''; position: absolute; left: 7px; top: 0; width: 1px; height: 16px; background: #777; transform: rotate(45deg); }
.view_page .btn_share_close:after { transform: rotate(-45deg); }
.view_page .share_layer ul { display: flex; flex-wrap: wrap; gap:15px 10px; }
.view_page .share_layer li { width: 54px; text-align: center; }
.view_page .share_layer li:first-child, .view_page .share_layer li:nth-child(4) { margin-left: 0; }
.view_page .share_layer li a, .view_page .share_layer li button { display: flex; flex-direction: column; align-items: center; width: 54px; }
.view_page .share_icon { display: block; width: 44px; height: 44px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 44px 44px; }
.view_page .share_icon.icon_kakao { background-image: url('../img/icon_sns_kakao.png'); }
.view_page .share_icon.icon_band { background-image: url('../img/icon_sns_band.png'); }
.view_page .share_icon.icon_twitter { background-image: url('../img/icon_sns_twitter.png'); }
.view_page .share_icon.icon_weibo { background-image: url('../img/icon_sns_weibo.png'); }
.view_page .share_icon.icon_url { background-image: url('../img/icon_sns_url.png'); }
.view_page .share_layer em { margin-top: 9px; color: #333; font-size: 13px; line-height: 13px; white-space: nowrap; }
.view_page .article_view { flex: 0 0 700px; }
.view_page .article_header { height: 222px; border-bottom: 1px solid #111; padding:40px 0 8px; }
.view_page .article_category { color: #c63741; font-size: 16px; line-height: 30px; letter-spacing: -0.075em; font-weight:500; }
.view_page .article_header .tit { margin-top: 13px; font-size: 35px; line-height: 50px; letter-spacing: -0.05em; }
.view_page .article_meta { display: flex; align-items: center; margin-top: 35px; }
.view_page .article_meta strong { font-size: 15px; line-height: 30px; letter-spacing: -0.075em; }
.view_page .article_meta span { position: relative; margin-left: 20px; padding-left: 20px; color: #666; font-size: 14px; line-height: 30px; }
.view_page .article_meta span:before { content: ''; position: absolute; left: 0; top: 9px; width: 1px; height: 12px; background: #ddd; }
.article_content .sub_title { position: relative; display: block; margin-bottom: 50px; padding-left: 18px; word-break: keep-all;}
.article_content .sub_title:before { position: absolute; left: 0; top: 0; display: block; clear: both; content: ""; width: 3px; height: 100%; background: #000;}
.article_content .sub_title li { display: block; margin-bottom: 4px; font-size: 20px; font-weight: 600; letter-spacing: -0.6px;}
.article_content .sub_title li:last-child { margin-bottom: 0;}
.article_content .sub_title li h2 { font-weight: 600; display: block; line-height: 26px; }
.article_content > article { font-size: 18px; line-height: 30px; font-weight: 400; padding-top:50px; }
.article_content .article_con { padding-bottom: 30px; }
.article_content .article_con .sub_title_heading { display: block; margin-bottom: 20px; margin-top: 20px; padding: 13px 0; border-top: 3px solid #111; border-bottom: 1px solid #111; box-sizing: border-box; font-weight: bold;}
.article_content .article_con .sub_title_heading strong { display: inline-block; font-size: 20px; font-weight: 600; }

.article_content article .imgBox{ display: flex; width: 100%; }
.article_content article .imgBox.il_left{justify-content: flex-start;}
.article_content article .imgBox.ib_center{justify-content: center;}
.article_content article .imgBox.ib_right{justify-content: flex-end;}
.article_content article .sub_title_heading{ display: block; margin-bottom: 1.5rem; margin-top: 1.5rem; padding: 2rem 0; border-top: 3px solid #111; border-bottom: 1px solid #111; box-sizing: border-box; font-weight: bold; }
.article_content .photo_img{ position: relative;}
.article_content .photo_img img{width: 100%;height: 100%;}
.article_content .expansion_btn{ position: absolute; right: 1rem; bottom: 1rem; width: 38px; height: 38px; background: url(../img/icon_expansion.png) no-repeat; background-size: 38px; z-index: 9; cursor: pointer; }
.article_content .p_caption{ color: #888888; font-size: 14px; margin-top: 15px; display: block; line-height: 20px; }

/*
.article_content .article_con .imgBox { display:flex; width:100%; margin: 30px 0;}
.article_content .article_con .imgBox.ib_center { justify-content:center; }
.article_content .article_con .imgBox.ib_left { justify-content:flex-start; width: auto; margin-right: 25px !important; margin-top: 0;}
.article_content .article_con .imgBox.ib_right { justify-content:flex-end; width: auto; margin-left: 25px !important; margin-top: 0;}
.article_content .article_con .imgBox .p_caption { display:block; text-align:left; font-size:14px; color:#666; letter-spacing:-0.5px; text-align:left; word-break:keep-all; line-height:21px; font-style:normal; margin-top:10px; }
.article_content .article_con .imgBox .photo_img { position:relative; }
.article_content .article_con .imgBox .photo_img .expansion_btn { position:absolute; right:1rem; top:1rem; width:38px; height:38px; background:url(../img/icon_expansion.png) no-repeat; background-size:38px; z-index:9; cursor:pointer; }
*/
.view_page .img_pop { display: none; position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; padding: 60px 20px 20px; background: rgba(0,0,0,.85); }
.view_page .img_pop.on { display: flex; }
.view_page .img_pop .layer_content { max-width: 100%; }
.view_page .img_pop .layer_content img { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 80px); margin: 0 auto; }
.view_page .img_pop .layer_dialog_close { position: absolute; top: 50px; right: 40px; width: 40px; height: 40px; background: url('../img/icon_img_close.png') center/contain no-repeat; }
/*.view_page .img_pop .layer_dialog_close:focus-visible { outline: 2px solid #c83742; outline-offset: 3px; }*/
.article_content .ai_notice { color: #999; font-size: 15px; line-height: 30px; }
.article_content .reporter { padding-bottom: 29px; font-size: 18px; margin-top:50px; }
.article_content .copyright { font-size: 16px; line-height: 30px; margin-top:30px; border-top:1px solid #111; padding-top:20px; }
.video_iframe { width:700px; margin:20px auto 40px; }
.video_iframe iframe { display:block; width:100%; height:489px; /*padding-bottom:56.25%;*/ }
.video_iframe_placeholder { display:none; width:700px; margin:20px auto 40px; }
.video_iframe_placeholder.active { display:block; }
.video_iframe.floating { position: fixed; right: 50px; bottom: 50px; width: 300px; margin:0; z-index: 9999; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); }
.video_iframe.floating iframe { width:100%; height:169px; }

.view_page .view_ranking { flex: 0 0 220px; margin: 270px 0 0 30px; }
.view_page .view_ranking h4 { padding: 14px 0; border-top: 1px solid #111; border-bottom: 1px solid #ddd; font-size: 18px; line-height: 30px; letter-spacing: -0.075em; font-weight:600; }
.view_page .view_ranking li { padding: 19px 0; border-bottom: 1px solid #ddd; }
.view_page .view_ranking .tit { font-size: 17px; line-height: 25px; letter-spacing: -0.05em; font-weight:500; }
.view_page .latest_news { height: 442px; background: #f2f6f8; margin-top:100px; }
.view_page .latest_inner { box-sizing: border-box; width: 700px; margin: 0 auto; padding-top: 32px; }
.view_page .latest_inner h4 { margin-bottom: 15px; font-size: 18px; line-height: 30px; letter-spacing: -0.075em; font-weight:600; }
.view_page .latest_layout { display: flex; justify-content: space-between; }
.view_page .latest_layout article { width: 400px;  }
.view_page .latest_layout article .thumb { width: 400px; height: 250px; }
.view_page .latest_layout article .tit { margin-top: 9px; font-size: 20px; line-height: 30px; letter-spacing: -0.075em; }
.view_page .latest_layout ul { width: 259px; padding-left: 20px; border-left: 1px solid #dddeee; }
.view_page .latest_layout li { padding: 23px 0 25px; }
.view_page .latest_layout li + li { border-top: 1px solid #dddeee; }
.view_page .latest_layout li:first-child { padding-top: 27px; }
.view_page .latest_layout .tit { font-size: 18px; line-height: 28px; letter-spacing: -0.075em; }
.view_page + .footer { margin-top: 0; }

.header.policy_header { height: 70px; border-bottom:2px solid #c63741; }