@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: '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:#4fa9b5; } 
input[type="text"] { padding: 0; border: none; border-radius: 0; box-sizing: border-box; font-family: inherit; outline: none; } 
.hide, .blind { width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0; font-size:0; text-indent:-9999px; overflow:hidden; visibility:hidden; } 

.hide { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.thumb { position: relative; height: auto; box-sizing: border-box; overflow: hidden; display: block; width: 100%; }
.thumb img { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; bottom: 0; transform: translate(-50%, 0); transition: 0.5s; object-fit: cover; }
.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; }
.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; }
.tit:hover { color: #4fa9b5; }
.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: 21px; color: #333; }
h3 { font-family: "Barlow"; }

.header { position: sticky; top: 0; width: 100%; border-bottom: 1px solid #dfdfdf; background-color: #fff; z-index: 999; }
.inner { position: relative; width: 1250px; /*height: 100%;*/ margin: 0 auto; }
.inner2 { position: relative; width: 900px; /*height: 100%;*/ margin: 0 auto; }

.header > .inner { display: flex; align-items: center; height: 79px; }
.latest_news { height: 35px; background-color: #262a37; }
.latest_news .inner { display: block; height: 35px; line-height: 35px; text-align: center; }
.latest_news .latest_swiper li { display: inline-block; }
.latest_news .latest_swiper li > a { display: inline-block; vertical-align: text-bottom; line-height: 19px; font-family: "Barlow"; font-size: 15px; color: #38b7c8; box-sizing: border-box; margin-right: 8px; }
.latest_news .latest_swiper li a + a { display: inline-block; font-size: 14px; color: #fff; max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.logo { margin-right: 30px; }
.logo a { display: flex; width: 199px; height: 40px; }
.logo a img { width: 100%; height: 100%; }
.nav_area { display: flex; width: 100%; font-family: "Barlow"; }
.nav_area .nav_list { display: flex; }
.nav_area .nav_list li + li { margin-left: 25px; }
.nav_area .nav_list li a { line-height: 40px; font-size: 17px; position: relative; }
.nav_area .nav_list li.on a { color: #4fa9b5; }
.nav_area .nav_list li.on a::after { content: ""; clear: both; display: block; width: 100%; height: 3px; background-color: #4fa9b5; position: absolute; left: 0; bottom: -29px; }
.nav_area .nav_list li.ai { margin-left: 35px; }
.nav_area .nav_list li.ai a { color: #5c10f6; }
.nav_area .lang_list { position: relative; display: flex; height: 20px; margin-left: auto; margin-top: 10px; }
.nav_area .lang_list li + li { margin-left: 14px; }
.nav_area .lang_list li { height: 20px; }
.nav_area .lang_list li a { display: block; width: 48px; height: 20px; }
.nav_area .lang_list li.kor a { background: url(../img/lang_kor.png) no-repeat; }
.nav_area .lang_list li.jpn a { background: url(../img/lang_jpn.png) no-repeat; }
.nav_area .lang_list::before { content: ''; display: block; width: 1px; height: 14px; background: #ddd; position: absolute; top: 60%; left: -30px; transform: translateY(-50%); } 
.nav_area .link_signin { width: 74px; height: 28px; border:1px solid #dfdfdf; border-radius: 14px; font-size: 13px; line-height: 26px; text-align: center; box-sizing: border-box; margin:6px 0 0 10px; }
.nav_area .link_signin:hover { border: 1px solid #4fa9b5; }
.nav_area .btn_nav_search { display: block; width: 40px; height: 40px; background: #f2f2f2 url(../img/btn_search.png) center center no-repeat; border-radius: 50%; margin-left: 10px; } 
.nav_area .btn_nav_search.active { background: #f2f2f2 url(../img/btn_close.png) center center no-repeat; } 

.search_wrap { width: 100%; height: 80px; position: absolute; bottom: -82px; font-family: "Barlow"; background: rgb(255 255 255 / 95%); border-bottom: 1px solid #dfdfdf; z-index: 9; display: flex; align-items: center; display: none; }
.search_wrap.active { display: flex; }
.search_wrap form { margin: 0 auto; width: 500px; height: 44px; border: 1px solid #dfdfdf; border-radius: 5px; display: flex; align-items: center; background: #ededed; } 
.search_wrap form input { background: #ededed; border: none; width: 100%; height: 100%; padding: 0 17px; font-size: 14px; } 
.search_wrap form input::placeholder { color:#333; } 
.search_wrap .btn_search { background: url(../img/btn_search.png) no-repeat; background-size: 100%; width: 20px; height: 20px; margin-right: 17px; } 

.footer { font-family: "Barlow"; margin-top: 135px; background: #181818; padding: 28px 0 30px; }
.footer .link_info { display: flex; justify-content: space-between; } 
.footer .link_info ul { display: flex; align-items: center; color: #fff; } 
.footer .link_info ul li { position: relative; } 
.footer .link_info ul li a { color: #fff; font-size: 15px; margin: 0 35px; }
.footer .link_info ul li a:hover { color: #aaa; }
.footer .link_info ul li+li::after { content: ''; display: block; width: 1px; height: 10px; background: #535353; position: absolute; top: 60%; left: 0; transform: translateY(-50%); } 
.footer .link_info ul li:nth-child(1) a { margin-left: 0; }
.footer .email { position: relative; display: block; font-size: 14px; color: #fff; padding-left: 24px; }
.footer .email::before { content: ""; clear: both; display: block; position: absolute; left: 0; top: 2px; width: 18px; height: 13px; background: url(../img/icon_mail.png) no-repeat; }
.footer .email:hover { color: #aaa; }
.footer .copyright { font-size: 13px; color: #999; margin-top: 23px; } 

.section_con { display: flex; width: 100%; padding-top: 50px; }
.section_con.info_con { font-family: "Barlow"; position: relative; }

.info_nav { position: fixed; top: 140px; transition: all 0.5s; width: 170px; }
.info_nav ul { border: 1px solid #ccc; width: 170px; }
.info_nav ul li { height: 45px; text-align: center; line-height: 45px; font-size: 15px; font-weight: 500; box-sizing: border-box; }
.info_nav ul li+li { border-top: 1px solid #eee; }
.info_nav a { display: block; width: 100%;height: 100%; }
.info_nav li.active a { background: #005bac; border: 1px solid #005bac; color: #fff; box-sizing: border-box; }

.info_lst { width: 100%; box-sizing: border-box; padding-left: 200px; }
.info_lst .detail_box { padding:40px 0 55px; }
.info_lst .detail_box:nth-child(1) {padding-top: 0; }
.info_lst .detail_box + .detail_box { border-top: 1px solid #ccc; }
.info_lst .detail_box .h_title { display: block; font-size: 40px; margin-bottom: 30px; }
.info_lst .detail_box .detail { font-size: 15px; line-height: 27px; word-break: break-word; box-sizing: border-box; padding-right: 30px; }
.info_lst .detail_box .detail strong { display: block; font-size: 20px; margin-top: 40px; }
.info_lst .detail_box .detail span { display: block; }
.info_lst .detail_box a { text-decoration: underline; color: #005bac; }

#move1,#move2,#move3,#move4 { scroll-margin-top: 100px; }