@charset "utf-8";
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%; } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } 
html { font-size: 10px; } 
body { font-family: 'Pretendard', 'Noto Serif KR', 'Roboto', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Arial, Helvetica, sans-serif; font-style:normal; font-size:1.6rem; color:#111; line-height:normal; letter-spacing:0; position:relative; } 
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 { 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:#111; } 
input[type="text"] { padding: 0; border: none; border-radius: 0; box-sizing: border-box; font-family: inherit; outline: none; } 

body.scroll_blocking { overflow: hidden; }
.hide { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 89; }
.overlay.open { display:block; }
.inner { padding: 0 20px; }

.family_site { display:flex; justify-content: center; align-items: center; height:40px; background-color: #231815; }
.family_site a.kor { width:68px; height:16px; background: url(../img/v2/logo_kor.png) no-repeat; background-size: 100% auto; margin-right: 10px; }
.family_site a.jpn { position: relative; width:63px; height:15px; background: url(../img/v2/logo_jpn.png) no-repeat; background-size: 100% auto; margin-left:10px; }
.family_site a.jpn:before { content:""; position:absolute; left:-10px; top:1px; display:block; width:1px; height:15px; background-color:#564e4c; }

.logo_w { position: relative; display:flex; justify-content: center; align-items: center; border-bottom: 1px solid #aaa; height: 65px; }
.logo_w .logo { width:167px; height:30px; }
.logo_w .logo img { width:100%; }
.logo_w .btn_nav { position: absolute; left:15px; top:23px; width:20px; height:19px; background: url(../img/v2/btn_menu.png) no-repeat; background-size: 100% auto; }
.logo_w .btn_nav.active { background: url(../img/v2/btn_close.png) no-repeat; background-size: 100% auto; }
.logo_w .btn_search { position: absolute; right:15px; top:23px; width:20px; height:20px; background: url(../img/v2/btn_search.png) no-repeat; background-size: 100% auto; }
.logo_w .btn_search.active { background: url(../img/v2/btn_close.png) no-repeat; background-size: 100% auto; }

.nav_focus { display:flex; justify-content: space-between; align-items: center; height: 45px; padding: 0 15px; }
.nav_focus li a { font-size: 17px; line-height: 45px; font-size: 17px; color: #298895; font-weight: 600; letter-spacing:-1px; }

.lay_nav { position: absolute; left: 0; top: 66px; width: 100%; height:100vh; overflow-y: auto; background-color: #fff; z-index: 99; display: none; }
.lay_nav.active { display: block; }
.lay_nav .signin { height: 35px; background-color: #4fa9b5; }
.lay_nav .signin a { display: block; width: 100%; height: 35px; line-height: 35px; text-align: center; font-size:15px; color: #fff; }
.family_site + .header .lay_nav { top:106px; }

.nav_lst { padding: 30px 0 20px; margin:0 15px; box-sizing: border-box; }
.nav_lst li + li { margin-top: 15px; }
.nav_lst li ul { padding-left: 10px; }
.nav_lst li .m_btn { display: flex; height: 30px; }
.nav_lst li .m_btn a { font-size: 20px; font-weight: 600; padding-right: 8px; }
.nav_lst li .m_btn .arr { width: 100px; background: url(../img/nav_arr.png) no-repeat; background-size: 15px auto; background-position: 0 12px; }
.nav_lst li.open .m_btn .arr { transform: rotate(-180deg); background-position: 85px 10px; }
.nav_lst li .s_menu { display: none; padding-top: 10px; }
.nav_lst li .s_menu li + li { margin-top: 10px; }
.nav_lst li .s_menu li a { display: inline-block; font-size: 14px; line-height: 25px; padding-right: 20px; } 

.lang_area { position: relative; padding: 25px 15px 25px; box-sizing: border-box; }
.lang_area strong { display: block; font-size: 17px; color: #aaa; font-weight: 400; }
.lang_area ul { display: flex; margin-top:13px; }
.lang_area ul li + li { margin-left: 10px; }
.lang_area ul li { width:45%; height:50px; box-sizing: border-box; border: 1px solid #ccc; }
.lang_area ul li a { display: block; width: 100%; height: 100%; }
.lang_area ul li.kor a { background: url(../img/v2/logo_kor2.png) center no-repeat; background-size: 91px auto; }
.lang_area ul li.jpn a { background: url(../img/v2/logo_jpn2.png) center no-repeat; background-size: 97px auto; }

.lay_search { width: 100%; position: absolute; top: 66px; background: #fff; border-bottom: 1px solid #dfdfdf; z-index: 99; display: flex; align-items: center; padding: 38px 38px 48px;  box-sizing: border-box; display: none; }
.lay_search.active { display: flex; }
.lay_search form{ margin: 0 auto; width: 100%; height: 44px; border: 2px solid #4fa9b5; border-radius: 5px; display: flex; align-items: center; box-sizing: border-box; }
.lay_search form input{ border: none; width: 100%; height: 100%; padding: 0 14px; font-size: 18px; }
.lay_search form input::placeholder {color:#333; font-weight: 500; }
.lay_search .btn_search { background: url(https://image.ajunews.com/images/site/ajupress/m/img/icon/ic_search_B.png) no-repeat; background-size: 100%; width: 22px; height: 22px; margin-right: 17px; }
.family_site + .header .lay_search { top:106px; }


.latest_news { display: flex; height: 35px; background-color: #f0f0f0; box-sizing: border-box; padding: 0 20px 0 15px; }
.latest_news .title { width:55px; height: 20px; line-height:20px; background-color: #4fa9b5; font-size: 12px; color:#fff; font-weight:400; text-align: center; border-radius: 10px; margin:8px 10px 0 0; }
.latest_news .latest_swiper { width: calc(100% - 65px); }
.latest_news .latest_swiper li { display: inline-block; }
.latest_news .latest_swiper li a { display: block; font-size: 15px; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.footer { background-color: #222; text-align: center; padding:25px 15px 24px; }
.footer .f_menu { display:flex; justify-content: space-between; padding-bottom:17px; border-bottom:1px solid #484848; }
.footer .f_menu a { font-size:14px; color:#fff; height:21px; line-height:21px; }
.footer .f_sns { display:flex; justify-content: center; /*margin-top:25px;*/ }
.footer .f_sns li { width:40px; height:40px; }
.footer .f_sns li + li { margin-left:10px; }
.footer .f_sns li a { display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #fff; border-radius:50%; }
.footer .f_sns li.fb a { background: url(../img/v2/icon_facebook.png) center no-repeat; background-size: 11px auto; }
.footer .f_sns li.yt a { background: url(../img/v2/icon_youtube.png) center no-repeat; background-size: 22px auto; }
.footer .f_sns li.ig a { background: url(../img/v2/icon_instagram.png) center no-repeat; background-size: 21px auto; }

.footer .copyright { margin-top:25px; font-size:12px; color:#999; }
.footer .copyright strong { color:#fff; }

.thumb { position: relative; display: block; width: 100%; overflow: hidden; box-sizing: border-box; }
.thumb img { width: 100%; height: 100%; object-fit: cover; vertical-align: middle; box-sizing: border-box; position: absolute; top: 0; left: 0 }
.tit { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #111; font-weight: 600; font-family:'Noto Serif KR'; }
.desc { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 20px; color: #666; }
.date { font-size: 13px; color: #999; }

.event_top_banner img {width:100%; display: block; }
.btn_close {position: absolute; top:0; right:0; }

.main { background-color: #efefef; }

.sub_title h3 { font-size: 35px; font-weight:600; }