@charset "UTF-8";

html { min-width: 1060px;  }
.wrapper { width: 100%; overflow-x: hidden; }
.inner { max-width: 1250px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; }
.header { box-sizing: border-box; }
/*skip*/
.skip__menu { position: fixed; left: 0; width: 100%; top: -1px; } 
.skip__menu .btn__skip { position: absolute; width: 100%; left:0; top:-46px; padding: 13px; text-align: center; color: #fff; font-size: 16px; background: rgba(0,0,0,0.9);  }
.skip__menu .btn__skip:focus { top: 0; outline: 0; }

/*header*/
.header {position: relative;height: 170px;background: #fff;z-index: 21;} /*2024.04.19*/
.header__box {position: absolute;left: 0;top:0;width: 100%;height: 120px;min-height: 170px;background: #fff;z-index: 9;overflow: hidden;transition: height 0.4s;} /*2024.04.19*/
.header__box:after {position: absolute;left: 0;top: 169px;width: 100%;height: 1px;background-color:  var(--border-color);content: "";z-index: 1;} /*2024.04.19*/
.header__top {padding-top: 8px; display: flex; justify-content: space-between; align-items: flex-start; } /*2024.04.19*/
.header__nuri {padding: 4px 0; border-bottom:1px solid #eeeeee;} /*2024.04.19*/
.header__nuri .nuri_info {display: flex; align-items: center; gap:10px} /*2024.04.19*/

[lang=en] .header { position: relative; height:120px; background: #fff;  z-index: 21; }
[lang=en] .header__box {position: absolute; left: 0; top:0; width: 100%; height: 120px; min-height: 120px; background: #fff; z-index: 9; overflow: hidden; transition: height 0.4s; }
[lang=en] .header__box:after { position: absolute; left: 0; top:119px; width: 100%; height: 1px; background-color:  var(--border-color); content: ""; z-index: 1; }
[lang=en] .header__top { padding-top: 8px; display: flex; justify-content: space-between; align-items: flex-start; }

[lang=ru] .header { position: relative; height:120px; background: #fff;  z-index: 21; }
[lang=ru] .header__box {position: absolute; left: 0; top:0; width: 100%; height: 120px; min-height: 120px; background: #fff; z-index: 9; overflow: hidden; transition: height 0.4s; }
[lang=ru] .header__box:after { position: absolute; left: 0; top:119px; width: 100%; height: 1px; background-color:  var(--border-color); content: ""; z-index: 1; }
[lang=ru] .header__top { padding-top: 8px; display: flex; justify-content: space-between; align-items: flex-start; }

.global__list + .global__list { margin-left: auto; } 
.global__list li { display: inline-block; margin-right: 10px; vertical-align: top; } 
.global__list li:first-child { margin-left: -5px; }
.global__list .btn__global { display: inline-block; padding: 0 5px; line-height: 28px; font-size: 14px; } 
.global__list .btn__global [class*="icon--"] { display: inline-block; height: 100%; }
.global__list .btn__global [class*="icon--"]:after { display: inline-block; height: 15px; margin:6px 0 0 6px; vertical-align: top; background-image: url(../images/icon_user.png); background-repeat: no-repeat; content: ""; }
.global__list .icon--login:after { width: 12px; background-position-y: 2px; }
.global__list .icon--join:after { width: 20px; background-position-y: -70px; }
.global__list .icon--my:after { width: 12px; background-position-y: 2px; }
.global__list .icon--group:after { width: 18px; background-position-y: -15px; }
.global__list .icon--logout:after { width: 13px; background-position-y: -51px; }
.global__list .icon--mail:after { width: 16px; background-position-y: -32px; }
.global__list .new_mail { display: inline-block; padding: 0 7px; margin: 6px 0 0 2px;  line-height: 16px; vertical-align: top; background-color: #e7e7e7; border-radius: 3px; font-size: 11px; text-align: center; }

.lang__select { position: relative; z-index: 1; width: 110px; box-sizing: border-box; border: 1px solid var(--main-color);  }
.lang__select > .btn__lang::before  { display: block; position: absolute; right: 15px; top: 10px; border:4px solid transparent; border-bottom: 5px solid #111; transform: rotate(180deg);  content: "";  }
.lang__select .btn__lang { display: inline-block; height: 26px; width: 100%; line-height: 26px; background-color: #fff; padding: 0 30px 0 15px; text-align: left; font-size: 12px; box-sizing: border-box; transition: background-color 0.4s; }
.lang__select .lang__list {position: absolute;left: -1px; right: -1px; top: 26px;border: 1px solid var(--main-color);border-top: 0;background: #fff;visibility: hidden;max-height: 0;overflow: hidden;transition: 0.4s;right: -1px;} /*20221130 layout수정*/
.lang__select .lang__list .btn__lang:hover { background: #eee; }
.lang__select.on > .btn__lang::before { top:6px; transform: rotate(0); }
.lang__select.on .lang__list { visibility: visible; max-height: 55px; }

.header__wrap { display: flex; justify-content: space-between; align-items: center; }
.korean__logo { display: inline-block; width: 180px; height: 84px; }
.korean__logo a { position: relative; display: block; height: 100%; background:url(../images/logo.png) no-repeat 50% 22px; background-size: contain }/*20230602 수정*/
.korean__logo span { position: absolute; left:0; bottom: 13px; font-size: 13px; color: #58585a; white-space: nowrap; }

.header__bths { display: inline-flex; } /*20221130 수정*/
.btn__open_menu { display: inline-block; width: 34px; height: 34px; padding:15px 5px 15px; }
.btn__open_menu em { position: relative; display: block; width: 24px; height: 3px; border-radius: 3px; background-color: #333; transition: width 0.6s; }
.btn__open_menu em::before ,
.btn__open_menu em::after { position: absolute; left: 0; height: 3px;border-radius: 3px; background-color: #333; content: ""; }
.btn__open_menu em::before { width: 20px; top: -7px;  transition: width 0.4s;} /*20221130 수정*/
.btn__open_menu em::after { width: 19px; bottom: -7px; transition: width 0.4s; }
.btn__open_menu:hover em { width: 19px; }
.btn__open_menu:hover em::after { width: 24px; }
.btn__open_menu:hover em::before { width: 24px; }/*20221130 수정*/
.btn__open_search { display: inline-block; width: 34px; height: 34px; margin: 0 13px 0 0; background: url(../images/icon__open_search.png) no-repeat; }
.btn__open_menu + .btn__open_search { margin:0 -6px 0 13px;  } 

/*pc gnb*/
.header__wrap { height: 84px; }
.header__wrap [class^="btn_depth"] { display: block;  white-space: nowrap;  }
.pc_gnb { width: 63%; max-width: 565px; background-color: #fff; }
.pc_gnb .depth01_list { display: flex;  justify-content: space-between; }
.pc_gnb .depth01_list .btn_depth01 { padding:30px 5% 29px; line-height: 20px; white-space: nowrap; font-size: 19px; font-weight: 700; transition: color 0.6s; }
.pc_gnb .depth01_list .btn_depth01 span { display: block; position: relative; color: var(--main-color); }
.pc_gnb .depth01_list .on .btn_depth01 span, 
.pc_gnb .depth01_list .btn_depth01:hover span,
.pc_gnb .depth01_list .btn_depth01.on span { color: var(--point-color);  }
.pc_gnb .depth02_box { position: absolute; left:0; top: 169px; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.4s; } /*2024.04.19*/
.pc_gnb .depth02_list { max-width: 1030px; padding: 40px 0 3px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.pc_gnb .depth02_list > li { width: 22.5%; margin:0 1.25% 47px; transform: translateY(-20px); opacity: 0; transition: 5s; }
.pc_gnb .depth02_list .btn_depth02 { display: flex; align-items: center; justify-content: center; padding: 13px 2px; line-height: 18px; font-size: 18px; text-align: center; color: var(--main-color); font-weight: 700; background: #f2f2f2; transition: all 0.6s; }
.pc_gnb .depth02_list li:hover .btn_depth02,
.pc_gnb .depth02_list li:focus .btn_depth02  { background-color: var(--point-color); color: #fff; }
.pc_gnb .on .depth02_box { z-index: 10; visibility: visible; opacity: 1; }
.pc_gnb .on .depth02_list > li { animation-duration: 0.3s; animation-name: gnbDown; animation-fill-mode: forwards; }
.pc_gnb .on .depth02_list > li:nth-child(1),
.pc_gnb .on .depth02_list > li:nth-child(5) { animation-delay: 0s; }
.pc_gnb .on .depth02_list > li:nth-child(2),
.pc_gnb .on .depth02_list > li:nth-child(6) { animation-delay: 0.15s; }
.pc_gnb .on .depth02_list > li:nth-child(3),
.pc_gnb .on .depth02_list > li:nth-child(7) { animation-delay: 0.3s; }
.pc_gnb .on .depth02_list > li:nth-child(4),
.pc_gnb .on .depth02_list > li:nth-child(8) { animation-delay: 0.45s; }

[lang=en] .pc_gnb .depth02_box { position: absolute; left:0; top: 119px; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.4s; }
[lang=en] .pc_gnb .depth02_list { max-width: 1030px; padding: 40px 0 3px; margin: 0 auto; display: flex; flex-wrap: wrap; }
[lang=en] .pc_gnb .depth02_list > li { width: 22.5%; margin:0 1.25% 47px; transform: translateY(-20px); opacity: 0; transition: 5s; }
[lang=en] .pc_gnb .depth02_list .btn_depth02 { display: flex; align-items: center; justify-content: center; padding: 13px 2px; line-height: 18px; font-size: 18px; text-align: center; color: var(--main-color); font-weight: 700; background: #f2f2f2; transition: all 0.6s; }
[lang=en] .pc_gnb .depth02_list li:hover .btn_depth02,
[lang=en] .pc_gnb .depth02_list li:focus .btn_depth02  { background-color: var(--point-color); color: #fff; }
[lang=en] .pc_gnb .on .depth02_box { z-index: 10; visibility: visible; opacity: 1; }
[lang=en] .pc_gnb .on .depth02_list > li { animation-duration: 0.3s; animation-name: gnbDown; animation-fill-mode: forwards; }
[lang=en] .pc_gnb .on .depth02_list > li:nth-child(1),
[lang=en] .pc_gnb .on .depth02_list > li:nth-child(5) { animation-delay: 0s; }
[lang=en] .pc_gnb .on .depth02_list > li:nth-child(2),
[lang=en] .pc_gnb .on .depth02_list > li:nth-child(6) { animation-delay: 0.15s; }
[lang=en] .pc_gnb .on .depth02_list > li:nth-child(3),
[lang=en] .pc_gnb .on .depth02_list > li:nth-child(7) { animation-delay: 0.3s; }
[lang=en] .pc_gnb .on .depth02_list > li:nth-child(4),
[lang=en] .pc_gnb .on .depth02_list > li:nth-child(8) { animation-delay: 0.45s; }

[lang=ru] .pc_gnb .depth02_box { position: absolute; left:0; top: 119px; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.4s; }
[lang=ru] .pc_gnb .depth02_list { max-width: 1030px; padding: 40px 0 3px; margin: 0 auto; display: flex; flex-wrap: wrap; }
[lang=ru] .pc_gnb .depth02_list > li { width: 22.5%; margin:0 1.25% 47px; transform: translateY(-20px); opacity: 0; transition: 5s; }
[lang=ru] .pc_gnb .depth02_list .btn_depth02 { display: flex; align-items: center; justify-content: center; padding: 13px 2px; line-height: 18px; font-size: 18px; text-align: center; color: var(--main-color); font-weight: 700; background: #f2f2f2; transition: all 0.6s; }
[lang=ru] .pc_gnb .depth02_list li:hover .btn_depth02,
[lang=ru] .pc_gnb .depth02_list li:focus .btn_depth02  { background-color: var(--point-color); color: #fff; }
[lang=ru] .pc_gnb .on .depth02_box { z-index: 10; visibility: visible; opacity: 1; }
[lang=ru] .pc_gnb .on .depth02_list > li { animation-duration: 0.3s; animation-name: gnbDown; animation-fill-mode: forwards; }
[lang=ru] .pc_gnb .on .depth02_list > li:nth-child(1),
[lang=ru] .pc_gnb .on .depth02_list > li:nth-child(5) { animation-delay: 0s; }
[lang=ru] .pc_gnb .on .depth02_list > li:nth-child(2),
[lang=ru] .pc_gnb .on .depth02_list > li:nth-child(6) { animation-delay: 0.15s; }
[lang=ru] .pc_gnb .on .depth02_list > li:nth-child(3),
[lang=ru] .pc_gnb .on .depth02_list > li:nth-child(7) { animation-delay: 0.3s; }
[lang=ru] .pc_gnb .on .depth02_list > li:nth-child(4),
[lang=ru] .pc_gnb .on .depth02_list > li:nth-child(8) { animation-delay: 0.45s; }

@keyframes gnbDown {
    from {
        transform: translateY(-5px); 
        opacity: 0; 
    }
    to {
        transform: translateY(0); 
        opacity: 1; 
    }
}


.pc_gnb .depth03_list { padding-top: 12px; }
.pc_gnb .btn_depth03 { margin-top: 1px; font-size: 16px; padding: 4px 4px 5px 14.8% ; line-height: 21px; white-space: normal; transition: padding 0.4s; }
.pc_gnb .btn_depth03[target="_blank"]:after { display: inline-block; width: 13px; height: 13px; margin-left: 10px; background: url(../images/icon__gnb--newpage.png) no-repeat ; content: ""; }
.pc_gnb .btn_depth03 span { display: inline-block; color: #333;  border-bottom: 1px solid #fff; transition: all 0.4s }
.pc_gnb .btn_depth03:hover span { color: #1428a0; /*border-bottom-color: #1428a0; */ text-decoration: underline;}

.dim { position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); visibility: hidden; opacity: 0; transition: 0.4s; z-index: 6; content: ""; }
.dim.on, .dim.open { visibility: visible; opacity: 1; }

/*전체메뉴*/
.full__menu { opacity: 0; visibility: hidden; position: fixed; right: 0; top:0; width: 100%; height: 100%; overflow-y: auto; background: linear-gradient( to right, #0c254b 50%, #fff 50%); transition: 0.6s; }
.full__menu.on { opacity: 1; visibility: visible;  z-index: 20; }
.full__menu--inner { position: relative; max-width: 1230px; margin: 0 auto; min-height: 100%; padding: 70px 10px 30px; box-sizing: border-box; background: linear-gradient( to right, #0c254b calc(20% + 20px), #fff calc(20% + 20px)); }
.full__menu .family_list { display: none; }
.full__menu--title { padding:0 0 24px calc(20% + 40px); line-height: 1; font-size: 38px; font-weight: 700; color: var(--point-color); }

.gnb_list { line-height: 1.3; }
.gnb_list .depth01_list > li { display: flex; width: 100%; }
.gnb_list .btn_depth01 { width: 22.4%; padding-top: 30px; padding-right: 20px; font-size: 26px; line-height: 26px; color: #fff; font-weight: 700; border-top: 1px solid #fff; pointer-events: none; box-sizing: border-box; }
.gnb_list .depth02_box { width: 80%; min-height: 200px; padding: 20px 0 50px 35px; border-top: 1px solid #ddd; }
.gnb_list .btn_depth02 { padding: 10px 0; line-height: 28px; font-size: 20px; color: var(--main-color); font-weight: 600; }
.gnb_list .depth03_list  { margin-left: -40px; }
.gnb_list .depth03_list li { display: inline-block; margin-left: 40px; margin-bottom: 10px; }
.gnb_list .btn_depth03 { display: block; position: relative; padding: 0 0 0 14px; font-size: 16px; color: var(--main-color);  }
.gnb_list .btn_depth03:before { position: absolute; left:0; top:8px; width: 6px; height: 3px; background-color: #999; content: ""; }/*20221130 수정*/
/*20221130 수정 - s*/
.sns_list { position: absolute; top: 68px; right: 0; display: flex; padding: 0; width: auto; border: 0; }
.sns_list li { display: inline-block; margin-left: 8px; padding: 0; width:auto; }
.sns_list [class*="btn__sns--"] { display: block; width: 40px; height: 40px; border-radius: 50%; border-style: solid; border-width: 1px; box-sizing: border-box; background-color: transparent !important; background-image: url(../images/icon__sns.png); background-repeat: no-repeat; background-size: 42px auto; background-position-x: 50%; }
/*20221130 수정 - e*/
.btn__sns--instagram { border-color: #bb58a0; background-position-y: -3px; }
.btn__sns--facebook { border-color: #3d4f9c; background-position-y: -45px; }
.btn__sns--youtube { border-color: #e21b20; background-position-y: -87px; }
.btn__sns--blog { border-color: #3caa52; background-position-y: -129px; }
.btn__close_menu { position: absolute; top:0; right: 0; width: 80px; height: 80px; background: #121212 url(../images/icon__gnb--close.png) no-repeat 50%; transition: all 0.4s; }

.login_wrap { display: none; }

/*search*/
.search { display: none; position: absolute; left:0; right:0; top:120px; background-color: #fff; border-top: 1px solid var(--border-color); box-shadow: 0 10px 35px rgba(45,49,53,0.1);  }
.search .inner { position: relative;  padding: 68px 20px; text-align: center; display: flex; justify-content: center; transition: 0.4s; }
.search .serarch__title { padding:16px 40px 0 0 ; font-size: 28px; color: #000; font-weight: 700; } 
.search .search__inputbox { position: relative; width: 80%; max-width: 600px; height: 62px; box-sizing: border-box; border: 1px solid var(--sub-color); border-radius: 31px; transition: 0.4s; }
.search .search__input { height: 60px; width: 100%; padding: 0 70px 0 31px; background-color: transparent; font-size: 18px; border-radius: 31px; box-sizing: border-box; transition: 0.4s; }
.search .btn__search { position: absolute; top:9px; right: 23px; width: 40px; height: 40px; background: url(../images/icon_search.png) no-repeat; background-size: 40px; background-position: 50%; }
.search .btn__close_search { position: absolute; top: 15px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background: #e6e6e6 url(../images/icon__search--close.png) no-repeat 50%; background-size: 14px; transition: 0.4s; }

@media screen and (max-width: 1400px){ 
    .btn__close_menu {width: 60px; height: 60px;}
}

@media screen and (max-width: 980px){
    .global__list li { margin-right: 0; }
    .global__list .btn__global { padding: 0 3px; font-size: 13px; letter-spacing: -0.5px; }
    .lang__select { width: 90px; margin-left: 5px; }
    .lang__select .btn__lang { padding-left: 10px; }
    .btn__open_search { margin: 0 5px 0 0; }
}
/* @media screen and (max-width: 1001px){  */
@media screen and (max-width: 800px){
    html { min-width: 320px;  }
    .header {height: auto;} /*2024.08.01*/  
    .header__box { height: auto !important; min-height: 0; border-bottom: 1px solid var(--border-color); } /*2024.08.01*/
    .pc_gnb .btn_depth03 { padding-left: 0; }
    .header__top  { display: none; }
    .pc_gnb { display: none; }
    .header__wrap { height: 70px; }

    .korean__logo { width: 30%; max-width: 180px; min-width: 120px; height: 70px; margin: 0; }
    .korean__logo span { font-size: 10px; bottom: 10px; }
    .header__bths { flex-direction: row-reverse; } /*20221130 수정*/

    .btn__open_menu { margin-right: -7px; }
    .btn__open_menu em { width: 21px; border-radius: 0; }
    .btn__open_menu em::before { width: 21px; top: -6px; border-radius: 0; }
    .btn__open_menu em::after { width: 17px; bottom: -6px; border-radius: 0; }

    .full__menu { display: flex; justify-content: flex-end; background: rgba(0,0,0,0.8);  }
    .full__menu .full__menu--inner { width: 90%; min-width: 321px; padding:0; margin:0; height: 100%; background:#fff; transform: translateX(100%); transition: 0.6s; } /*20221130*/
    .full__menu.on .full__menu--inner { transform: translateX(0); }
    .full__menu .full__menu--top { padding:0 26px; background-color: #042858;  }
    .full__menu .full__menu--title { display: none; }

    .full__menu .family_list { position: relative; display: block; padding: 15px 10px; }
    .full__menu .family_list::before { position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background-color: #dfdfdf; content: ""; }
    .full__menu .family_list ul { display: flex; justify-content: space-between; width: 210px; }
    .full__menu .family_list + .family_list { border-top: 1px solid rgba(255,255,255,0.2); }
    .full__menu .family_list li { display: inline-block; position: relative; margin-right:10px; }
    /*.full__menu .family_list li + li::before { position: absolute; left: -10px; top: 7px; width: 1px; height: 12px; background-color:#999; content: ""; }*/
    .full__menu .family_list + .family_list li + li::before { left: -12px; }
    .full__menu .family_list a { display: block; padding: 0 10px; line-height: 26px; color:var(--sub-color); font-size: 14px;  }
    .full__menu .family_list li:last-child { width: 100%; margin-top: 5px; }
    .full__menu .family_list li:last-child::before { display: none; }
    .full__menu .depth01_list { padding-top: 15px; background-color: #fff; }

    .gnb_list .depth01_list > li { display: block; }
    .gnb_list .btn_depth01 { position: relative; width: 100%; padding: 16px 64px 16px 27px; color: var(--main-color); font-size: 18px; border: 0; pointer-events: all; }
    .gnb_list .btn_depth01::before { position: absolute; right: 26px; top: calc(50% - 3px); width: 11px; height: 7px; background: url(../images/icon__gnb--arrow.png) no-repeat 50% 0; background-size: 100% auto; content: ""; }
    .gnb_list .on .btn_depth01::before { background-position-y:100% ; }
    .gnb_list .on .btn_depth01 { color: #19279a; }
    .gnb_list .depth02_box { display: none; width: 100%; min-height: auto; padding: 0 37px; box-sizing: border-box; border-top: 0; background-color: #f2f4fe; }
    .gnb_list .depth02_list .on .btn_depth02.arrow:before { background: #000; }
    .gnb_list .depth02_list .on .btn_depth02.arrow:after { display: none; }
    
    .gnb_list .depth02_list { padding: 7px 0 33px; }
    .gnb_list .depth02_list > li { border-bottom: 1px solid #dfe0e5; }
    .gnb_list .depth02_list li + li { margin: 0; }
    .gnb_list .btn_depth02 { display: block; position: relative; font-size: 17px;  }
    .gnb_list .btn_depth02.arrow { padding-right: 24px; }
    .gnb_list .btn_depth02.arrow:before, 
    .gnb_list .btn_depth02.arrow:after  { position: absolute; background: #000; content: ""; }
    .gnb_list .btn_depth02.arrow:before { right: 0; top: calc(50% - 1px); width: 14px; height: 2px;  }/* 20220921 수정*/
    .gnb_list .btn_depth02.arrow:after { top: calc(50% - 7px); right: 6px; width: 2px; height: 14px; }/* 20220921 수정*/
    .gnb_list .depth03_list { display: none; margin: 0;}
    .gnb_list .depth03_list li { display: block; margin: 0; }
    .gnb_list .depth03_list li a:before { display: none; }
    .gnb_list .btn_depth03 { padding:12px 0 12px 0 ; font-size: 16px; color: #555;} 

    .full__menu .sns_list { position: relative; top:0; right: 0; padding: 49px 0 49px 27px; background: #fff; }
    .full__menu .sns_list [class*="btn__sns--"] { background-size: 100% auto; }
    .btn__sns--instagram { background-position-y: 0; }
    .btn__sns--facebook { background-position-y: -39px; }
    .btn__sns--youtube { background-position-y: -77px; }
    .btn__sns--blog { background-position-y: -114px; }

    .btn__close_menu { width: 45px; height: 45px; right: 13px; background-color: transparent; background-size: 15px; }

    .search { top:70px }
    .login_wrap { display: block; }
    .login_item { padding: 10px 0; color: #fff; font-size: 14px; line-height: 25px; border-bottom: 1px solid rgba(255,255,255,0.1);  }
    .login_item .btn__user { display: inline-block; margin-right: 24px; }
    .login_item .btn__user:last-child { margin-right: 0; }
    .login_item .btn__user span { display: inline-block; height: 100%;  color: #fff;} /*20221130 수정*/
    .login_item .btn__user [class*="icon--"]::after { position: relative; display: inline-block; top:2px; margin-left: 6px; height: 13px; background-image: url(../images/m_icon_user.png); background-repeat: no-repeat; background-size: 20px auto; content: ""; }
    .login_item .btn__user .icon--login::after { width: 12px; background-position: 0 0;  }
    .login_item .btn__user .icon--join::after { width: 20px; background-position: 0 -47px;  }
    .login_item .btn__user .icon--logout::after { width: 12px; background-position: 0 0;  }
    .login_item .btn__user .icon--group::after { width: 18px; background-position: 0 -15px;  }
    .login_item .btn__user .icon--mail::after { width: 16px; background-position: 0 -30px;  }
    .login_item .btn__user .new_mail { display: inline-block; padding: 1px 8px 0; margin-left: 5px; font-size: 11px; border-radius: 3px; line-height: 17px; background-color: rgba(255,255,255, 0.15); }
    .login_info { position: relative; padding-right: 133px; }
    .login_info .btn__logout { position: absolute; right: 37px; top:10px; padding: 0 12px; border-radius: 6px; line-height: 25px; color: #fff; background-color: rgba(255,255,255, 0.15); }

    .mo_lang_wrap { padding: 10px 0; }
    .mo_lang_wrap .lang__btn { position: relative; display: inline-block; padding: 0 12px; line-height: 25px; font-size: 14px; color: #fff; }
    .mo_lang_wrap .lang__btn::before { position: absolute; left:-1px; top:5px; width: 1px; height: 13px; background-color: rgba(255,255,255, 0.15); content: ""; }
    .mo_lang_wrap .lang__btn:first-child { padding-left: 0; }
    .mo_lang_wrap .lang__btn:first-child:before { display: none; }
	.sns_list li { margin-left: 0; margin-right: 8px; }
	
	/*header_nuri 2024.04.19*/ 
	.header__nuri .nuri_info .nuri_logo {
		height: 13px
	}
	.header__nuri .nuri_info .nuri_text {
		display:none;
	}
	.header__nuri {
		padding:8px 0;
	}

	
}

@media screen and (max-width:640px) {
    /*search*/ 
    .search .inner { padding: 65px 20px 25px; }
    .search .btn__close_search { width: 30px; height: 30px; background-size: 10px; }
    .search .serarch__title { padding: 10px 15px 0 0; font-size: 18px; }
    .search .search__inputbox { height: 40px; }
    .search .search__input { height: 38px; font-size: 14px; }
    .search .btn__search { top:-1px; right: 4px; height: 38px; background-size: 25px; }
	
	/*header_nuri 2024.04.19*/ 
	.header__nuri .nuri_info .nuri_logo {
		height: 13px
	}
	.header__nuri .nuri_info .nuri_text {
		display:none;
	}
	.header__nuri {
		padding:8px 0;
	}
}

/*footer*/
.footer { padding: 0 0 60px; background-color: #fff; border-top: 2px solid #000; }
.footer .inner:after { display: block; clear: both; content: ""; }

.footer__top { border-bottom: 1px solid var(--border-color); }
.family_site { float: right; }
.footer_link { float: left; }
.footer_address { float: left; width: calc(100% - 230px); }
.footer_sns_list { float: right; }

.footer__nav { display: flex; }
.footer__nav li { display: inline-block; position: relative; padding:0 24px 0 0; margin-right: 26px; vertical-align: top; transition: 0.4s; }
.footer__nav li:last-child { margin-right: 0 !important; padding-right: 0 !important; }
.footer__nav li:after { position: absolute; right:-2px; top:calc(50% - 8px); width: 1px; height: 16px; background-color: var(--border-color); content: ""; }
.footer__nav li:last-child::after { display: none  ; }
.footer__nav li a { display: flex; align-items: center; height: 60px; line-height: 18px; text-align: center; color: var(--sub-color); font-size: 16px; }
.footer__nav li .btn__privacy { font-weight: 700; }
.footer__item .address__item span { display: inline-block; }

.footer > .inner { padding-top: 40px; }
.footer .address { padding: 10px 0 15px; font-size: 15px; line-height: 30px; color: var(--sub-color);font-style: normal; }
.footer .address__item { margin-top: 0px; }/*20230210 margin-top: 12px; 수정*/
.footer .address__item span { padding-right: 30px; }
.footer .address__item span.item_width { display:inline-block;width:460px; }
.footer__copyright { font-size: 13px; color: #888; }

.family_site { display: flex;   }
.family_site_box { position: relative; min-width: 204px; margin-left: -1px; border-width: 0 1px; border-style: solid; border-color: var(--border-color); }
.family_site_box .btn_family { position: relative; width: 100%; height: 60px; padding:0 60px 0 29px; background-color: #f9f9f9; font-size: 16px; color: var(--sub-color); text-align: left; z-index: 1; }
.family_site_box .btn_family::before { position: absolute; width: 12px; height: 2px; background: #787878; right: 28px; top:calc(50% - 1px); content: ""; }
.family_site_box .btn_family::after { position: absolute; width: 2px; height: 12px; background: #787878; right:33px; top:calc(50% - 6px); opacity: 1; transition: 0.3s; content: "";  }
.family_site_list { display: none; position: absolute; left:-1px; bottom: 60px; width: 100%; padding: 12px 0 12px 0; border: 1px solid var(--border-color); background-color: #f9f9f9;  }
.family_site_list a { display: block; padding: 5px 20px 5px 29px ; line-height: 20px; color: var(--sub-color);}
.family_site_list a:hover { text-decoration: underline; }
.family_site_box.on .btn_family::after { opacity: 0; }

.footer_sns_list { }
.footer_sns_list ul { text-align: right; }
.footer_sns_list ul li { display: inline-block; margin-left: 11px; }
.footer_sns_list ul li:first-child { margin-left: 0; }
.footer_sns_list [class*="sns__icon"] { display: block; width: 35px; height: 35px; background-image: url(../images/icon__sns_footer.png); background-repeat: no-repeat;  }
.footer_sns_list .sns__icon--instagram { background-position: 0 0; }
.footer_sns_list .sns__icon--facebook { background-position: 0 -35px; }
.footer_sns_list .sns__icon--youtube { background-position: 0 -70px; }
.footer_sns_list .sns__icon--blog { background-position: 0 -105px; }

.footer_logo { display: flex; padding-top: 37px;}
.footer_logo a { display: inline-block; margin-left: 20px; width: 80px; height: 60px; background-repeat: no-repeat; background-position: 0 0;  }
.footer_logo .btn__icon--eprivacy { width: 43px;height: 43px; background: url(/_res/portal/img/common/eprivacy.png) no-repeat;background-size: cover; }/*20230104 이미지 변경*/

/*    width: 43px;
    height: 43px;
    background: url(/_res/portal/img/common/eprivacy.png) no-repeat;
    background-size: cover;
*/
.footer_logo .btn__icon--wa { background-image: url(/_res/portal/img/common/bg_foot04.png); }/*20230104 이미지 변경*/
 @media screen and (max-width:1100px) { 
    .family_site_box { min-width: 180px }
     .family_site_box .btn_family { padding: 0 40px 0 20px; }
     .family_site_list a { padding-left: 10px; }   
    .footer__nav li { padding: 0 10px; }
    .footer__top .inner { padding-right: 0; }
    .family_site_box .btn_family::before { right: 20px; }
    .family_site_box .btn_family::after { right: 25px; }
}
@media screen and (max-width:890px) {
    .footer { padding-bottom: 45px; }
    .footer__top { border-bottom: 0; }
    .footer__top .inner { padding: 32px 20px 0;  }
    .family_site { float: none; width: 100%; }
    .family_site_box { width: 50%; max-width: 200px; min-width: 100px; margin-left: 0; border-width: 1px; }
    .family_site_box + .family_site_box { margin-left: 10px; }
    .family_site_box .btn_family { height: 50px; padding: 0 40px 0 20px; }
    
    .family_site_list { bottom: 45px; }
    .footer__nav { padding: 20px 0 5px; flex-wrap: wrap; }
    .footer__nav li { padding: 0 12px 0 0; margin-right: 12px; }
    .footer__nav li a { height: 30px;  }
    .footer__nav li:after { height: 10px; top: 9px; right: -1px; background-color: var(--sub-color); }
    .footer_link { width: 100%; }
    .footer__logo,
    .footer_sns_list { display: none; }
    .footer > .inner { padding-top: 0; }
    .footer_address { width: 100%; }
    
    .footer__copyright { font-size: 10px; }
}
@media screen and (max-width:640px) {
    .family_site_box .btn_family { height: 33px; font-size: 13px;}
	.family_site_list a { font-size: 13px; }
    .family_site_list { bottom: 33px; }
    .footer__nav li a {font-size: 13px; }
    .footer .address { font-size: 11px; line-height: 22px; }
}

/*sub layout*/
.container { width: 1040px;padding: 0 20px 72px; margin: 0 auto; box-sizing: border-box; }
.container:after { display: block; content: ""; clear: both; }
.container .lnb_wrap { float: left; width: 250px; padding-right: 30px;box-sizing: border-box; }
.container .contents_wrap { float: left; width: calc(100% - 250px); }
.contents_wrap { padding-top: 18px; }

/*20221123 수정 - s */
.location_list { padding-left: 39px; position: relative; }
.location_list li:first-child { position: absolute; left: 0; top: 0; }
/*20221123 수정 - e */
.location_list li { position: relative; display: inline-block; margin-bottom: 4px; vertical-align: top; padding-right: 21px; }
.location_list li::before { position: absolute; width: 6px; height: 16px; right: 5px; top:0; background: url(../images/icon_location_arrow.png) no-repeat 50%; content: ""; }
.location_list li:last-child:before { display: none; }
.location_list a { display: block; line-height: 16px; font-size: 15px; color: #666;  }
.location_list .home { width: 16px; height: 16px; background: url(../images/icon__home.png) no-repeat 50%; background-size: cover; }

/*sub title*/
.contents_title_box { display: flex; justify-content: space-between; padding: 26px 0 15px;  border-bottom: 2px solid #111; }/*20221123 수정*/
.contents_title_box .contents_title {  font-size: 30px; font-weight: 700; color: #000; line-height: 38px; }

/*sub etc btns*/
.etc__btns { display: flex; }
.etc__btns li { margin-left: 8px; }
.etc__btns li.mo { display: none; }
.etc__btns [class*="etc__btn"] { display: inline-block; width: 38px; height: 38px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; border: 1px solid #cdcdcd; }
.etc__btns .etc__btn--url { background-image: url(../images/icon__etc--copy.png); }
.etc__btns .etc__btn--print { background-image: url(../images/icon__etc--print.png); }
.etc__btns .etc__btn--blog { background-image: url(../images/icon__etc--blog.png); }
.etc__btns .etc__btn--facebook { background-image: url(../images/icon__etc--facebook.png); }

@media screen and (max-width:800px) {
    .container { width: 100%; }
    .container .contents_wrap { width: 100%; }
	.etc__btns li.pc { display: none; }
    .etc__btns li.mo { display: block; }
}
/*lnb*/
.lnb_wrap { padding-top: 69px;  }
.lnb_wrap .lnb_h2 { padding-bottom: 20px; border-bottom: 2px solid #111; color: #000; font-size: 24px; font-weight: 700; } /*20221123 수정*/
.lnb_wrap .depth02_list a { display: block; position: relative; }
.lnb_wrap .depth02_list > li { border-bottom: 1px solid #ddd; }
.lnb_wrap .btn_depth02 { padding: 19px 40px 19px 10px; font-size: 18px; color: #1b4ab4; font-weight: 400; color: #111; line-height: 24px;  }/*20221130 수정*/
.lnb_wrap .btn_depth02.on { color: #1b4ab4; }
.lnb_wrap .btn_depth02.arrow::before { position: absolute; top:calc(50% - 1px); right: 10px; width: 16px; height: 2px; background-color: #999; content: ""; } /*20221130 수정*/
.lnb_wrap .btn_depth02.arrow::after { position: absolute; top:calc(50% - 8px); right: 17px; width: 2px; height: 16px; background-color: #999; content: ""; }/*20220906 추가, 20221130 수정*/
.lnb_wrap .btn_depth02.on.arrow::before { background-color: #1b4ab4; }
.lnb_wrap .btn_depth02.on.arrow::after { display: none; } /*20220906 추가*/
.lnb_wrap .depth02_list > li.open .depth03_list { display: block; }
.lnb_wrap .depth03_list { padding: 15px 0; background-color: #f6f6f6; display: none; } /*20220906 수정*/
.lnb_wrap .depth03_list .btn_depth03 { padding: 10px 10px 10px 37px; line-height: 20px; font-size: 15px; color: #555; }
.lnb_wrap .depth03_list .btn_depth03.on,
.lnb_wrap .depth03_list .btn_depth03:hover { color: #000; }
.lnb_wrap .depth03_list .btn_depth03::before { position: absolute; left: 24px; top:19px; width: 5px; height: 2px; background-color: #999; content: ""; }
.lnb_wrap .depth03_list .btn_depth03.on::before,
.lnb_wrap .depth03_list .btn_depth03:hover::before { background-color: #000; }
@media screen and (max-width:800px) {
    .lnb_wrap { display: none; }
}

/* 20230301 한인회총람 tab - s*/
.hanin_tab_wrap { display: flex; flex-wrap: wrap; margin-bottom: 28px; }
.hanin_tab_wrap li { width: calc(33.333% - 6px); margin-right: 9px; margin-bottom: 9px; }
.hanin_tab_wrap li:nth-child(3n) { margin-right: 0; }
.hanin_tab_wrap .btn_tab { position: relative; display: block; width: 100%; height: 100%; padding: 15px 15px 15px 46px; border: 1px solid #999; border-radius: 3px;  }
.hanin_tab_wrap .btn_tab span { display: block; padding-left: 12px; border-left: 1px solid #bbb; line-height: 20px; font-size: 15px; color: #555; font-weight: 700; }
.hanin_tab_wrap .btn_tab::before { position: absolute; left: 11px; top: 12px; width: 24px; height: 24px; background-image: url(../images/icon_hanin_tab.png); background-repeat: no-repeat; background-position-x: 0; content: ""; }
.hanin_tab_wrap .btn_tab.icon01::before { background-position-y: 0; }
.hanin_tab_wrap .btn_tab.icon02::before { background-position-y: -24px; }
.hanin_tab_wrap .btn_tab.icon03::before { background-position-y: -48px; }
.hanin_tab_wrap .btn_tab.icon04::before { background-position-y: -72px; }
.hanin_tab_wrap .btn_tab.icon05::before { background-position-y: -96px; }
.hanin_tab_wrap .btn_tab.icon06::before { background-position-y: -120px; }
.hanin_tab_wrap .btn_tab.icon07::before { background-position-y: -144px; }
.hanin_tab_wrap .on .btn_tab { background-color: #1b4ab4; border-color: transparent;  }
.hanin_tab_wrap .on .btn_tab span { color: #fff; font-weight: 400; }
.hanin_tab_wrap .on .btn_tab::before { background-position-x: 100%; }
@media screen and (max-width:800px) {
    .hanin_tab_wrap { margin-top: 40px; }
    .hanin_tab_wrap li { width: calc(50% - 3px); margin-right: 5px; margin-bottom: 5px; }
    .hanin_tab_wrap li:nth-child(3n) { margin-right: 5px; }
    .hanin_tab_wrap li:nth-child(2n) { margin-right: 0; }
    .hanin_tab_wrap .btn_tab { display: flex; align-items: center; justify-content: center; padding: 10px 14px; text-align: center; }
    .hanin_tab_wrap .btn_tab span { padding: 0; border: 0; word-break: keep-all; }
    .hanin_tab_wrap .btn_tab::before { display: none; }
}
/* 20230301 한인회총람 tab - e*/

/*************************************************************************************************/
/*=============================================다국어=============================================*/
/*************************************************************************************************/

/*ko*/
[lang=ko] .pc_gnb { width: 65%; max-width: 600px; }/*20221130*//*20230210 max-width: 600px; 수정*/
[lang=ko] .korean__logo span { font-size: 13px; font-weight: 500; white-space: norwap; }/*20230210 font-size: 13px; font-weight: 500; 수정*/
[lang=ko] .pc_gnb .depth01_list .btn_depth01 { display: flex; width: 100%; align-items: center; justify-content: center; height: 84px; padding: 0 15px; white-space: normal; font-size: 19px; letter-spacing: -0.5px; text-align: center; box-sizing: border-box; }/*20221130 수정*//*20230210 font-size: 19px; 수정*/
[lang=ko] .pc_gnb .depth02_list { white-space: normal; }
[lang=ko] .pc_gnb .depth02_list .btn_depth02 { height: 62px; white-space: normal; font-size: 17px; box-sizing: border-box; }
[lang=ko] .pc_gnb .btn_depth03 { white-space: normal; padding-left: 20px; font-size: 15px; }
[lang=ko] .gnb_list .btn_depth01 { line-height: 1.3; }

@media screen and (max-width: 1100px){    
    [lang=ko] .footer .address__item span + span {display: none;}    
}

@media screen and (max-width: 1003px){
    /* [lang=en] .pc_gnb .depth02_list .btn_depth02 { height: 80px; } */
    [lang=ko] .gnb_list .btn_depth01 { font-size: 22px; }
    [lang=ko] .btn__open_search { margin:0; }
    [lang=ko] .pc_gnb .depth01_list .btn_depth01 { padding: 0 5px; }
    [lang=ko] .header__bths { width: 77px; flex-shrink: 0; }
}

@media screen and (max-width: 800px){
	[lang=ko] .full__menu .family_list { padding-left: 20px; } /*20221130 추가*/
    [lang=ko] .full__menu .family_list a { padding: 0 6px; }
    /*[lang=en] .full__menu .family_list li + li::before { left: -8px; }*/
    [lang=ko] .full__menu .family_list li:after { position: absolute; right: -8px; top: 7px; width: 1px; height: 12px; background-color: #999; content: ""; }
    [lang=ko] .full__menu .family_list li:last-child::after { display: none; }    
    
    [lang=ko] .gnb_list .depth02_box { min-height: auto; }
    [lang=ko] .gnb_list .btn_depth01 { font-size: 18px; }
}
@media screen and (max-width:640px) { 
    [lang=ko] .korean__logo span { font-size: 10px; }    
 }

/*en*/
[lang=en] .pc_gnb { width: 65%; max-width: 740px; }/*20221130*/
[lang=en] .korean__logo span { font-size: 11px; font-weight: 400; white-space: norwap; }
[lang=ru] .pc_gnb .depth02_list > li { width: 22.5%; }
[lang=en] .pc_gnb .depth01_list .btn_depth01 { display: flex; width: 100%; align-items: center; justify-content: center; height: 84px; padding: 0 15px; white-space: normal; font-size: 17px; letter-spacing: -0.5px; text-align: center; box-sizing: border-box; }/*20221130 수정*/
[lang=en] .pc_gnb .depth02_list { white-space: normal; }
[lang=en] .pc_gnb .depth02_list .btn_depth02 { height: 62px; white-space: normal; font-size: 17px; box-sizing: border-box; }
[lang=en] .pc_gnb .btn_depth03 { white-space: normal; padding-left: 20px; font-size: 15px; }
[lang=en] .gnb_list .btn_depth01 { line-height: 1.3; }


@media screen and (max-width: 1003px){
    /* [lang=en] .pc_gnb .depth02_list .btn_depth02 { height: 80px; } */
    [lang=en] .gnb_list .btn_depth01 { font-size: 22px; }
    [lang=en] .btn__open_search { margin:0; }
    [lang=en] .pc_gnb .depth01_list .btn_depth01 { padding: 0 5px; }
    [lang=en] .header__bths { width: 77px; flex-shrink: 0; }
}

@media screen and (max-width: 800px){
	[lang=en] .full__menu .family_list { padding-left: 20px; } /*20221130 추가*/
    [lang=en] .full__menu .family_list a { padding: 0 6px; }
    /*[lang=en] .full__menu .family_list li + li::before { left: -8px; }*/
    [lang=en] .full__menu .family_list li:after { position: absolute; right: -8px; top: 7px; width: 1px; height: 12px; background-color: #999; content: ""; }
    [lang=en] .full__menu .family_list li:last-child::after { display: none; }    
    
    [lang=en] .gnb_list .depth02_box { min-height: auto; }
    [lang=en] .gnb_list .btn_depth01 { font-size: 18px; }
}
@media screen and (max-width:640px) { 
    [lang=en] .korean__logo span { font-size: 10px; }
    [lang=ru] .btn__open_search { margin-right: 5px; }
 }

 /*ru */
[lang=ru] .pc_gnb { width: 68%; max-width: 830px; }
[lang=ru] .korean__logo span { font-size: 11px; font-weight: 400; white-space: norwap; }
[lang=ru] .pc_gnb .depth02_list > li { width: 22.5%; }
[lang=ru] .pc_gnb .depth01_list .btn_depth01 { display: flex; width: 100%; align-items: center; justify-content: center; height: 84px; padding: 0 15px; white-space: normal; font-size: 17px; letter-spacing: -0.5px; text-align: center; box-sizing: border-box; }
[lang=ru] .pc_gnb .depth02_list { white-space: normal; }
[lang=ru] .pc_gnb .depth02_list .btn_depth02 { min-height: 62px; box-sizing: border-box; white-space: normal; font-size: 16px; }
[lang=ru] .pc_gnb .btn_depth03 { white-space: normal; padding-left: 20px; font-size: 15px; }
/*[lang=ru] .pc_gnb .btn_depth03::before { position: absolute; left:7px; top:12px; width: 4px; height: 4px; background-color: #666; content: ""; }*//*20221216러시아문에 gnb * 표시 문제*/
[lang=ru] .pc_gnb .btn_depth03:hover::before { background-color: #1428a0; }

/*전체메뉴*/
[lang=ru] .gnb_list .btn_depth01 { line-height: 1.3; }
@media screen and (max-width: 1003px){
    [lang=ru] .pc_gnb .depth02_list .btn_depth02 { height: 80px; }
    [lang=ru] .gnb_list .btn_depth01 { font-size: 22px; }
    [lang=ru] .btn__open_search { margin:0; }
    [lang=ru] .pc_gnb .depth01_list .btn_depth01 { padding: 0 5px; }
    [lang=ru] .header__bths { width: 77px; flex-shrink: 0; }
}

@media screen and (max-width: 800px){
    [lang=ru] .gnb_list .depth02_box { min-height: auto; }
	[lang=ru] .full__menu .family_list { padding-left: 20px; } /*20221130 추가*/
    [lang=ru] .full__menu .family_list a { padding: 0 6px; }
    /*[lang=ru] .full__menu .family_list li + li::before { left: -8px; }*/
	[lang=ru] .full__menu .family_list li:last-child::after { display: none; }
    [lang=ru] .full__menu .family_list li:after { position: absolute; right: -8px; top: 7px; width: 1px; height: 12px; background-color: #999; content: ""; }
    [lang=ru] .gnb_list .btn_depth01 { font-size: 18px; }
    
	
}
@media screen and (max-width:640px) { 
    [lang=ru] .korean__logo span { font-size: 10px; }
    [lang=ru] .btn__open_search { margin-right:5px; }
    
 }

/*20221123 다국어 서브페이지*/
 /*en*/
 [lang=en] .container .lnb_wrap { padding-top: 0; }
 [lang=en] .contents_title_box { align-items: flex-end; padding: 31px 0 15px; box-sizing: border-box; }
 [lang=en] .lnb_wrap .lnb_h2 { display: flex; align-items: flex-end; font-size: 20px; min-height: 60px; padding-top: 69px; box-sizing: border-box; }
 [lang=en] .location_btn_wrap { display: none; }

 @media screen and (max-width: 800px){
    [lang=en] .contents_wrap > .location_list { display: none;  }
    [lang=en] .contents_title_box { padding-top: 0; align-items: center; flex-direction: column; border-bottom: 0; }
    [lang=en] .contents_title { width: 100%; padding-bottom: 7px; font-size: 26px; text-align: center; }
    [lang=en] .location_btn_wrap { width: 100%; margin-top: 10px; border-top: 2px solid #111; border-bottom: 1px solid #e6e6e6; }
    [lang=en] .location_btn { position: relative; width: 100%; display: block; padding: 12px 45px 14px 0;  border-bottom: 1px solid #e6e6e6; box-sizing: border-box; }
    [lang=en] .location_btn:after { position: absolute; right: 0; top:10px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ddd; content: ""; }
    [lang=en] .location_btn::before { position: absolute; top:18px; right: 9px; width: 6px; height: 6px; border: 1px solid #777; border-width: 2px 2px 0 0; transform: rotate(135deg); content: ""; }
    [lang=en] .location_btn.on::before { top: 20px; transform: rotate(-45deg); }
    [lang=en] .location_list { width: 100%; padding-left: 39px; }
    [lang=en] .etc__btns li:first-child { margin: 0; }
    [lang=en] .location_btn_wrap { display: block; } 
    [lang=en] .location_btn_wrap .location_list li { font-size: 13px; color: #666; }
    [lang=en] .location_btn_wrap .loc_toggle { position: relative;z-index: 19; }
    [lang=en] .m_location_list { display: flex; flex-wrap: wrap; padding-left: 20px; position: relative;; }
    [lang=en] .m_location_list li { display: inline-block; position: relative; padding-left: 20px; line-height: 20px; }
    [lang=en] .m_location_list li:before { display: inline-block; vertical-align: top; position: absolute; left:0; top: 0; width: 6px; height: 16px; margin: 3px 7px 0; background: url(../images/icon_location_arrow.png) no-repeat 50%; content: ""; }
    [lang=en] .m_location_list li:first-child:before { display: none; }
    [lang=en] .m_location_list .home { position: absolute; left:0; top:3px; width: 16px; height: 16px; padding: 0; background: url(../images/icon__home.png) no-repeat 50%; background-size: cover; }
    [lang=en] .m_location_list .home:before { position: absolute; right:-16px; margin: 0; }
    [lang=en] .btn_loc_depth02 { position: relative; display: block; padding: 13px 54px 13px 25px; font-size: 17px; font-weight: 700; color: #000; }
    [lang=en] .loc_depth02_wrap { display: none; position: absolute; left: 0; top:0; width: 100%; background: #fff; }
    [lang=en] .loc_depth02_wrap .loc_title { padding: 20px 10px; font-size: 18px; color: #000; font-weight: 700; text-align: center; border-bottom: 1px solid #e6e6e6;  }
    [lang=en] .loc_depth03_list { display: none; padding: 7px 0; background-color: #f6f6f6; }
    [lang=en] .loc_depth03_list .btn_loc_depth03{ display: inline-block; padding: 14px 37px; width: 100%; background-color: #f6f6f6; font-size: 16px; color: #555; font-weight: 500; box-sizing: border-box; }
    [lang=en] .loc_depth02_list {border-bottom: 2px solid #111}
	 [lang=en] .loc_depth02_list a.on { color: #19279a; }
    /* [lang=en] .loc_depth02_list .btn_loc_depth02.on + .loc_depth03_list { display: block; } */
    [lang=en] .loc_depth02_list .btn_loc_depth02.arrow::before { position: absolute; right: 26px; top: calc(50% - 3px); width: 6px; height: 6px; margin-top: -2px; border: 1px solid #bbb; transform: rotate(135deg); border-width: 2px 2px 0 0;  content: ""; }
    [lang=en] .loc_depth02_list .btn_loc_depth02.arrow.on::before { margin-top: 0; transform: rotate(-45deg); border-color: #000;}
}

/*ru*/
[lang=ru] .container .lnb_wrap { padding-top: 0; }
[lang=ru] .contents_title_box { align-items: flex-end; padding: 31px 0 15px; box-sizing: border-box; }
[lang=ru] .lnb_wrap .lnb_h2 { display: flex; align-items: flex-end; font-size: 20px; min-height: 60px; padding-top: 69px; box-sizing: border-box; }
[lang=ru] .location_btn_wrap { display: none; }

@media screen and (max-width: 800px){
   [lang=ru] .contents_wrap > .location_list { display: none;  }
   [lang=ru] .contents_title_box { padding-top: 0; align-items: center; flex-direction: column; border-bottom: 0; }
   [lang=ru] .contents_title { width: 100%; padding-bottom: 7px; font-size: 26px; text-align: center; }
   [lang=ru] .location_btn_wrap { width: 100%; margin-top: 10px; border-top: 2px solid #111; border-bottom: 1px solid #e6e6e6; }
   [lang=ru] .location_btn { position: relative; width: 100%; display: block; padding: 12px 45px 14px 0;  border-bottom: 1px solid #e6e6e6; box-sizing: border-box; }
   [lang=ru] .location_btn:after { position: absolute; right: 0; top:10px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ddd; content: ""; }
   [lang=ru] .location_btn::before { position: absolute; top:18px; right: 9px; width: 6px; height: 6px; border: 1px solid #777; border-width: 2px 2px 0 0; transform: rotate(135deg); content: ""; }
   [lang=ru] .location_btn.on::before { top: 20px; transform: rotate(-45deg); }
   [lang=ru] .location_list { width: 100%; padding-left: 39px; }
   [lang=ru] .etc__btns li:first-child { margin: 0; }
   [lang=ru] .location_btn_wrap { display: block; } 
   [lang=ru] .location_btn_wrap .location_list li { font-size: 13px; color: #666; }
   [lang=ru] .location_btn_wrap .loc_toggle { position: relative;z-index: 5; }
   [lang=ru] .m_location_list { display: flex; flex-wrap: wrap; padding-left: 20px; position: relative;; }
   [lang=ru] .m_location_list li { display: inline-block; position: relative; padding-left: 20px; line-height: 20px; }
   [lang=ru] .m_location_list li:before { display: inline-block; vertical-align: top; position: absolute; left:0; top: 0; width: 6px; height: 16px; margin: 3px 7px 0; background: url(../images/icon_location_arrow.png) no-repeat 50%; content: ""; }
   [lang=ru] .m_location_list li:first-child:before { display: none; }
   [lang=ru] .m_location_list .home { position: absolute; left:0; top:3px; width: 16px; height: 16px; padding: 0; background: url(../images/icon__home.png) no-repeat 50%; background-size: cover; }
   [lang=ru] .m_location_list .home:before { position: absolute; right:-16px; margin: 0; }
   [lang=ru] .btn_loc_depth02 { position: relative; display: block; padding: 13px 54px 13px 25px; font-size: 17px; font-weight: 700; color: #000; }
   [lang=ru] .loc_depth02_wrap { display: none; position: absolute; left: 0; top:0; width: 100%; background: #fff; }
   [lang=ru] .loc_depth02_wrap .loc_title { padding: 20px 10px; font-size: 18px; color: #000; font-weight: 700; text-align: center; border-bottom: 1px solid #e6e6e6;  }
   [lang=ru] .loc_depth03_list { display: none; padding: 7px 0; background-color: #f6f6f6; }
   [lang=ru] .loc_depth03_list .btn_loc_depth03{ display: inline-block; padding: 14px 37px; width: 100%; background-color: #f6f6f6; font-size: 16px; color: #555; font-weight: 500; box-sizing: border-box; }
   [lang=ru] .loc_depth02_list {border-bottom: 2px solid #111}
	[lang=ru] .loc_depth02_list a.on { color: #19279a; }
   /* [lang=ru] .loc_depth02_list .btn_loc_depth02.on + .loc_depth03_list { display: block; } */
   [lang=ru] .loc_depth02_list .btn_loc_depth02.arrow::before { position: absolute; right: 26px; top: calc(50% - 3px); width: 6px; height: 6px; margin-top: -2px; border: 1px solid #bbb; transform: rotate(135deg); border-width: 2px 2px 0 0;  content: ""; }
   [lang=ru] .loc_depth02_list .btn_loc_depth02.arrow.on::before { margin-top: 0; transform: rotate(-45deg); border-color: #000;}
}


/*ko*/
 [lang=ko] .container .lnb_wrap { padding-top: 0; }
 [lang=ko] .contents_title_box { align-items: flex-end; padding: 31px 0 15px; box-sizing: border-box; }
 [lang=ko] .lnb_wrap .lnb_h2 { display: flex; align-items: flex-end; font-size: 20px; min-height: 60px; padding-top: 79px; box-sizing: border-box; } /*2022128 padding-top: 69px; 변경*/
 [lang=ko] .location_btn_wrap { display: none; }

 @media screen and (max-width: 800px){
    [lang=ko] .contents_wrap > .location_list { display: none;  }
    [lang=ko] .contents_title_box { padding-top: 0; align-items: center; flex-direction: column; border-bottom: 0; }
    [lang=ko] .contents_title { width: 100%; padding-bottom: 7px; font-size: 26px; text-align: center; }
    [lang=ko] .location_btn_wrap { width: 100%; margin-top: 10px; border-top: 2px solid #111; border-bottom: 1px solid #e6e6e6; }
    [lang=ko] .location_btn { position: relative; width: 100%; display: block; padding: 12px 45px 14px 0;  border-bottom: 1px solid #e6e6e6; box-sizing: border-box; }
    [lang=ko] .location_btn:after { position: absolute; right: 0; top:10px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ddd; content: ""; }
    [lang=ko] .location_btn::before { position: absolute; top:18px; right: 9px; width: 6px; height: 6px; border: 1px solid #777; border-width: 2px 2px 0 0; transform: rotate(135deg); content: ""; }
    [lang=ko] .location_btn.on::before { top: 20px; transform: rotate(-45deg); }
    [lang=ko] .location_list { width: 100%; padding-left: 39px; }
    [lang=ko] .etc__btns li:first-child { margin: 0; }
    [lang=ko] .location_btn_wrap { display: block; } 
    [lang=ko] .location_btn_wrap .location_list li { font-size: 13px; color: #666; }
    [lang=ko] .location_btn_wrap .loc_toggle { position: relative;z-index: 19; }
    [lang=ko] .m_location_list { display: flex; flex-wrap: wrap; padding-left: 20px; position: relative;; }
    [lang=ko] .m_location_list li { display: inline-block; position: relative; padding-left: 20px; line-height: 20px; }
    [lang=ko] .m_location_list li:before { display: inline-block; vertical-align: top; position: absolute; left:0; top: 0; width: 6px; height: 16px; margin: 3px 7px 0; background: url(../images/icon_location_arrow.png) no-repeat 50%; content: ""; }
    [lang=ko] .m_location_list li:first-child:before { display: none; }
    [lang=ko] .m_location_list .home { position: absolute; left:0; top:3px; width: 16px; height: 16px; padding: 0; background: url(../images/icon__home.png) no-repeat 50%; background-size: cover; }
    [lang=ko] .m_location_list .home:before { position: absolute; right:-16px; margin: 0; }
    [lang=ko] .btn_loc_depth02 { position: relative; display: block; padding: 13px 54px 13px 25px; font-size: 17px; font-weight: 700; color: #000; }
    [lang=ko] .loc_depth02_wrap { display: none; position: absolute; left: 0; top:0; width: 100%; background: #fff; }
    [lang=ko] .loc_depth02_wrap .loc_title { padding: 20px 10px; font-size: 18px; color: #000; font-weight: 700; text-align: center; border-bottom: 1px solid #e6e6e6;  }
    [lang=ko] .loc_depth03_list { display: none; padding: 7px 0; background-color: #f6f6f6; }
    [lang=ko] .loc_depth03_list .btn_loc_depth03{ display: inline-block; padding: 14px 37px; width: 100%; background-color: #f6f6f6; font-size: 16px; color: #555; font-weight: 500; box-sizing: border-box; }
    [lang=ko] .loc_depth02_list {border-bottom: 2px solid #111}
	 [lang=ko] .loc_depth02_list a.on { color: #19279a; }
    /* [lang=ko] .loc_depth02_list .btn_loc_depth02.on + .loc_depth03_list { display: block; } */
    [lang=ko] .loc_depth02_list .btn_loc_depth02.arrow::before { position: absolute; right: 26px; top: calc(50% - 3px); width: 6px; height: 6px; margin-top: -2px; border: 1px solid #bbb; transform: rotate(135deg); border-width: 2px 2px 0 0;  content: ""; }
    [lang=ko] .loc_depth02_list .btn_loc_depth02.arrow.on::before { margin-top: 0; transform: rotate(-45deg); border-color: #000;}
}


/*20221130 footer 추가*/
[lang=en] .footer__nav li,
[lang=ru] .footer__nav li  { padding-right: 20px; margin-right: 20px; }
[lang=en] .family_site_box,
[lang=ru] .family_site_box { min-width: 206px; }

[lang=ru] .footer_address { width: calc(100% - 230px) ; }
[lang=en] .footer_link,
[lang=ru] .footer_link { width: calc(100% - 220px); }
@media screen and (max-width: 1140px){
    [lang=en] .footer__nav li,
    [lang=ru] .footer__nav li  { padding-right:10px; margin-right: 10px; }
}
@media screen and (max-width: 890px){
    
    [lang=en] .footer_link,
    [lang=ru] .footer_link  { width:100%; }
    [lang=ru] .footer__nav li { padding: 9px 13px 9px 0; margin-right: 15px; }
    [lang=ru] .footer__nav li::after {height: 22px; top:calc(50% - 11px)}
    [lang=ru] .footer__nav li:nth-last-child(1) { max-width: 56px; }
/*[lang=ru] .footer__nav li:nth-last-child(2) { max-width: 50px; }*/
}
@media screen and (max-width: 960px){
    [lang=ru] .footer__nav li a {font-size: 15px; line-height: 14px; }
}
@media screen and (max-width: 800px){
    [lang=ru] .footer__nav { flex-wrap: wrap; }
    [lang=en] .family_site_box,
    [lang=ru] .family_site_box { width: 100%; max-width: 100%; }
    [lang=en] .footer .address__item,
    [lang=ru] .footer .address__item { line-height: 1.1rem; }
    [lang=en] .footer .address__item + .address__item,
    [lang=ru] .footer .address__item + .address__item { margin-top: 8px; }
    [lang=en] .footer .address__item span,
    [lang=ru] .footer .address__item span { padding-right: 0; }
    [lang=en] .footer .address__item span + span,
    [lang=ru] .footer .address__item span + span { display: none; }
    [lang=en] .footer_address,
    [lang=ru] .footer_address { width: 100%; }
    [lang=en] .full__menu .family_list li:last-child ,
    [lang=ru] .full__menu .family_list li:last-child { width: auto;}
}
@media screen and (max-width: 600px){ 
    [lang=ru] .footer__nav li a { font-size: 13px; }
}

h2.padding {padding-bottom: 24px !important;}