/* 
font-family:"Pretendard Variable"
font-family: 'Noto Sans KR';
font-family: "Lato", sans-serif;
rgb(229, 229, 229) = #e5e5e5
rgb(221, 221, 221); = #ddd
rgb(248, 248, 248); = #f8f8f8
rgb(125, 125, 125); = #7d7d7d
*/


/* ―――――――――――――― HOME HEADER ―――――――――――――― */
header {position: sticky;top: 0;z-index: 10;box-sizing: border-box;border-bottom: 1px solid #ddd;}
header * {box-sizing: border-box;}
.header__inner {position: relative; width: 100%; height: auto; display: flex; align-items: center; width: 100%; height: 69px; background: #fff;}
.header__inner .top {position: relative; display: block; width: 100%; height: 45px;}

.header__inner .menu_btn {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 53px; height: 45px; }
.header__inner .menu_btn button {display: block; width: 40px; height: 40px; background: url(/en/assets/img/header/ham.png)no-repeat center / 23px;}

.header__inner .logo {position: relative; display: block; width: 54px; height: 45px; margin: 0 auto;}
.header__inner .logo span {display: block; width: 100%; height: 100%; background: url(/en/assets/img/header/logo.png)no-repeat center / 100%;}



/* ―――――――――――――― HOME FOOTER ―――――――――――――― */
footer {position: relative; width: 100%; height: auto; background: #171d2a; box-sizing: border-box; padding: 31px 15px 47px; margin-top: 100px;}
footer * {box-sizing: border-box;}
.footer__inner {}
.footer__inner .top {justify-content: space-between; align-items: center; width: 100%;font-size: 0;}

/* 푸터로고 */
.footer__inner .top .logo {}
.footer__inner .top .logo img {display: block; width: 118px; height: auto;}

/* 관련 사이트 */
.site_link {position: relative; display: block; width: 114px; height: 24px;}
.site_link button {position: relative; display: flex; align-items: center; line-height: 1; width: 100%; height: 24px; font-size: 15px; font-weight: 400; color: #fff; border: 0; border-bottom: 1px solid #fff; padding-left: 1px; background: url(/en/assets/img/footer/site_link_arrow.png)no-repeat center right 0 / 10px;}
.site_link ul {position: absolute;left: 0;bottom: 24px;display: none;flex-wrap: wrap;flex-flow: column-reverse;flex-flow: wrap-reverse;width: 100%;height: auto;background: #fff;z-index: 1;border: 1px solid #e5e5e5;border-bottom: 0;}
.site_link ul li {position: relative; display: flex; align-items: center; width: 100%; height: 36px; background: #fff; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #e5e5e5;}
.site_link ul li {position: relative;display: flex;align-items: center;width: 100%;height: 30px;background: #fff;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #e5e5e5;}
.site_link ul li a {line-height: 1;width: 100%;height: auto;background: #fff;padding: 0 8px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;font-size: 12px;font-weight: 400;color: #000;}
.site_link.active ul {display: flex;}

/* nav */
footer .nav {margin-top: 26px;}
footer .nav ul {line-height: 1.882;}
footer .nav ul li {}
footer .nav ul li a {font-size: 17px; color: #fff; font-weight: 500;}
footer .nav ul li a.global {width: fit-content; display: flex; align-items: center;}
footer .nav ul li a.global img {display: block; width: 11px; margin-left: 8px;}

/* company */
footer .company {margin-top: 38px;}
footer .company .info {position: relative; line-height: 1.133; color: #fff; font-size: 15px;}
footer .company dl { display: flex;}
footer .company dl dt {font-weight: 500; width: 62px;}
footer .company dl dd { font-weight: 400; width: calc(100% - 62px); word-break: keep-all;}

@media all and (max-width: 420px) {
    footer .company dl dd {padding-right: 10px;}
    /* footer .company dl dd br {display: none;}  */
}

footer .copyr {display: block;line-height: 1;font-family: 'Noto Sans KR';font-size: 15px;font-weight: 400;color: #fff;margin-top: 37px;}


/* ―――――――――――――― HOME LEFT MENU ―――――――――――――― */
.left_menu {position: fixed; left: -110%; top: 0; display: block; width: 100%; height: 100vh; z-index: 99; overflow: hidden; transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out; box-sizing: border-box;}
.left_menu * {box-sizing: border-box;}
.left_menu.show {left: 0; visibility: visible;}
.left_menu .bg {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #000; opacity: 0.3;}
.left_menu .cont {position: relative; display: block; width: 100%; max-width: 750px; height: 100%;}

/* 메뉴 상단 */
.left_menu .top {position: relative; display: flex; align-items: center;line-height: 1; width: 100%; height: 75px; background: #171d2a; padding: 0 15px;}
.left_menu .top > div {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.left_menu .top .lang {display: flex; align-items: center; line-height: 1; font-size: 0;}
.left_menu .top .lang a { line-height: 1; font-size: 17px; font-weight: 600; color: #fff; opacity: 0.3; font-family: "Lato", sans-serif;}
.left_menu .top .lang a.on {opacity: 1;text-decoration: underline;text-underline-offset: 8px;}
.left_menu .top .lang span {font-size: 15px; font-weight: 500; color: #fff; opacity: 0.3; display: block; width: fit-content; margin: 0 9px;}
.left_menu .top .btn_close_menu {display: flex; width: 30px; height: 30px; align-items: center; justify-content: flex-end; font-size: 0;}
.left_menu .top .btn_close_menu img {display: block; width: 21px; height: 21px;}

/* 메뉴 카테고리 */
.left_menu .nav {position: relative;display: block;width: 100%;height: calc(100% - 75px);overflow: auto; background: #fff; padding-bottom: 150px;}
.left_menu .nav > ul {}
.left_menu .nav > ul > li {}
.left_menu .nav > ul > li > .btn {position: relative; display: flex; align-items: center; justify-content: space-between;  width: 100%; height: 73px; padding: 0 15px; border-bottom: 1px solid #e8e8e8;}

.left_menu .nav > ul > li > .btn a {font-size: 24px; font-weight: 800; font-family: "Lato", sans-serif; padding: 10px 0; width: 100%; position: relative;}

.left_menu .nav > ul > li > .btn:before {content: "";display: block;min-height: 16px;width: 16px;height: 9px;background: url(/en/assets/img/header/nav_arrow.png)no-repeat center / 100%;transition: transform 0.2s ease-in-out;position: absolute;right: 15px;top: 28px;}
.left_menu .nav > ul > li > .btn.on {border-bottom-color: #fff;}
.left_menu .nav > ul > li > .btn.on:before {transform: rotate(-180deg);}

.left_menu .nav > ul > li > .btn.none-arrow:before {display: none;}

.left_menu .nav > ul > li ul {position: relative; display: none; width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8;}
.left_menu .nav > ul > li ul > li {line-height: 1; padding-left: 15px; margin-bottom: 25px;}
.left_menu .nav > ul > li ul > li:last-child {margin-bottom: 0 !important;}
.left_menu .nav > ul > li ul > li > a {line-height: 1; font-size: 17px; font-weight: 500; color: #333333;}

/* 메뉴 하단 링크 */
.left_menu .nav > div {padding-left: 15px; padding-top: 22px;}
.left_menu .nav > div a {display: flex; align-items: center; line-height: 1; font-size: 17px; font-weight: 600; color: #000; width: fit-content; height: 23px;}
.left_menu .nav > div a + a {margin-top: 14px;}


/* ―――――――――――――― SUB ―――――――――――――― */
.sub_container {box-sizing: border-box;}
.sub_container * {box-sizing: border-box;}
/* 최상단 타이틀 */
.sub_container .content  {padding-top: 50.5px;}
.content .top_tit {position: relative;display: block;width: 100%;padding-left: 15px;padding-right: 15px;font-size: 0;margin: 0 auto 50px;}
.content .top_tit h3 {display: block;line-height: 1;font-size: 30px;font-weight: 700;color: #000; text-transform: uppercase;}
.content .top_tit p {display: block;line-height: 1.5;/* line-height: 1; */font-size: 17px;font-weight: 600;color: #000;margin-top: 16px;}

.sub_container .visual .img img {display: block; width: 100%;}

.article-list__item-new-icon{background-color:#3e712d;vertical-align: middle; margin-top: -1px;}
.btn_more{position: relative; background:#3e712d; font-size:17.5px; color:#fff; width: 200px; height:50px;margin: 0px auto;display: flex; text-align: left; justify-content: left; padding-left: 60px;}
.btn_more::after{content:''; position: absolute; right: 30%; top: 18px; width: 8px; /* 사이즈 */ height: 8px; /* 사이즈 */border-top: 1px solid #fff; /* 선 두께 */ border-right: 1px solid #fff; /* 선 두께 */ transform: rotate(135deg); /* 각도 */}
.btn_list{display: flex;  margin: 0px auto;width:200px; height:50px; align-items: center; justify-content: center; background: #3e712d; border:none;  font-size:17.5px; color:#fff; font-weight: 500;}
.dn{display: none;}

.article-view__content--attach-files ul li{background:#f8f8f8; padding:22.5px 15px;}
.article-view__content--attach-files .tit{font-size:15px; font-weight: 600; margin-bottom:18.5px;}
.article-view__content--attach-files .article-list__item-title-icon{display: inline-block; width:8.5px; height:9.5px; background:url('/en/assets/img/icon/ico_attach.png')no-repeat; background-size:100%; vertical-align: middle; margin-top:3px; }
.article-view__content--attach-files .filename{font-size:12px;}
.article-view__content--attach-files ul li.folding-images-by-one-row__image-item{padding:0;}