@charset "UTF-8";
@import "https://www.korean.net/_res/portal/_css/portal_reset.css";
@import "https://www.korean.net/_res/portal/_css/portal_component.css";

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(../img/common_new/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(https://www.korean.net/_res/portal/img/common_new/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(../img/common_new/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{ max-width: 800px;}
.pc_gnb .depth01_list{display: flex; justify-content: space-between; height: 100%;}
.pc_gnb .depth01_list > li{height: 100%;}

.pc_gnb .depth01_list > li:nth-child(1) .depth02_box:after {content: '재외동포 지원';
background: url(../img/main_new/mdp2_bg1.jpg) no-repeat left 47px;display: block;position: absolute;left: 50%;top: 40px;margin-left: -755px;width: 310px;height: 255px;z-index: 101;text-align: center;font-weight: 800;color: #3d3d3d;font-size: 24px;line-height: 30px;}
.pc_gnb .depth01_list > li:nth-child(2) .depth02_box:after {content: '재외동포 지원';
background: url(../img/main_new/mdp2_bg1.jpg) no-repeat left 47px;display: block;position: absolute;left: 50%;top: 40px;margin-left: -755px;width: 310px;height: 255px;z-index: 101;text-align: center;font-weight: 800;color: #3d3d3d;font-size: 24px;line-height: 30px;}
.pc_gnb .depth01_list > li:nth-child(3) .depth02_box:after {content: '재외동포 지원';
background: url(../img/main_new/mdp2_bg1.jpg) no-repeat left 47px;display: block;position: absolute;left: 50%;top: 40px;margin-left: -755px;width: 310px;height: 255px;z-index: 101;text-align: center;font-weight: 800;color: #3d3d3d;font-size: 24px;line-height: 30px;}
.pc_gnb .depth01_list > li:nth-child(4) .depth02_box:after {content: '재외동포 지원';
background: url(../img/main_new/mdp2_bg1.jpg) no-repeat left 47px;display: block;position: absolute;left: 50%;top: 40px;margin-left: -755px;width: 310px;height: 255px;z-index: 101;text-align: center;font-weight: 800;color: #3d3d3d;font-size: 24px;line-height: 30px;}
.pc_gnb .depth01_list > li:nth-child(5) .depth02_box:after {content: '재외동포 지원';
background: url(../img/main_new/mdp2_bg1.jpg) no-repeat left 47px;display: block;position: absolute;left: 50%;top: 40px;margin-left: -755px;width: 310px;height: 255px;z-index: 101;text-align: center;font-weight: 800;color: #3d3d3d;font-size: 24px;line-height: 30px;}

.pc_gnb .depth01_list > li > a{display: flex;  width: 100%; height: 100%;  align-items: center; justify-content: center; font-size: 18px; color: #262626; font-weight: 500; padding: 0 80px;}
.pc_gnb .depth02_box{display: none; position: absolute; left:0; right: 0;  top: 100%; z-index: 100; background: #fff; margin-top: -1px; padding: 0 20px; border-top: 1px solid #e8e8e8;     height: 320px; }
.pc_gnb .depth02_box:before{content: '';position: absolute;left: 50%;margin-left: -1365px;top: 0;background: #eaf6ec;z-index: -1;width: 1000px;height: 320px;}

.pc_gnb .depth03_list{display: table; width: 100%; max-width: 1340px; height: 320px; margin: 0 auto;}
.pc_gnb .depth03_list > dt{display: table-cell; vertical-align: top; width: 20%; padding: 40px 0; background: #eaf6ec; position: relative;}
.pc_gnb .depth03_list > dt > p{text-align: center; font-weight: 800; color: #3d3d3d; font-size: 24px;}
.pc_gnb .depth03_list > dt i{position: absolute; right: 0; bottom: 30px; left: -20px;}
.pc_gnb .depth03_list > dd{display: table-cell; vertical-align: top; background: #fff; padding: 40px 20px;}

.pc_gnb .depth02_list{white-space: normal;width: 1380px;margin: 0 auto;padding: 30px 20px;padding-left: 360px;}
.pc_gnb .depth02_list > li {display: inline-block; vertical-align: top; min-width: 26%; margin: 0 16px 32px;}
.pc_gnb .depth02_list > li > a{display: block; text-align: center; font-size: 20px; color: #3d3d3d; font-weight: 500; line-height: 24px; padding: 10px; padding-top: 0; position: relative; }
.pc_gnb .depth02_list > li > a:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #e4e4e4; border-radius: 4px; transition: 0.3s;}
.pc_gnb .depth02_list li > a:hover, .pc_gnb .depth02_list li > a:focus{text-shadow: 0 0 6px #ddeee0, 0 0 4px #ddeee0;}
.pc_gnb .depth02_list li > a:hover:after, .pc_gnb .depth02_list li > a:focus:after{background: #c6e7cb;}
.pc_gnb .depth3{padding-top: 12px; display: none;}
.pc_gnb .depth3 > li > a{display: block; padding: 4px; padding-left: 20px;  font-size: 15px;}
.pc_gnb .depth3 > li > a:hover, .depth3 > li > a:focus{ color: #1428a0; text-decoration: underline;}
.pc_gnb .depth02_list .btn_depth02{white-space: normal;font-size: 19px;line-height: 38px;box-sizing: border-box;}
.pc_gnb .depth03_list{display:none;}

.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); }


/*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(../img/common_new/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(../img/common_new/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(../img/common_new/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(../img/common_new/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;}
	.pc_gnb .depth02_box{height: 255px;}
	.pc_gnb .depth02_box:before{display:none;}
	.pc_gnb .depth01_list > li .depth02_box:after{display:none !important;}
	.pc_gnb .depth02_list{width: 100%;padding: 30px 20px;}
	.pc_gnb .depth02_list > li{width: calc(100% / 3 - 36px);}
}

@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: 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 + .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; }
    .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(../img/common_new/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 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(../img/common_new/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(../img/common_new/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(../img/common_new/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(../img/common_new/icon__etc--copy.png); }
.etc__btns .etc__btn--print { background-image: url(../img/common_new/icon__etc--print.png); }
.etc__btns .etc__btn--blog { background-image: url(../img/common_new/icon__etc--blog.png); }
.etc__btns .etc__btn--facebook { background-image: url(../img/common_new/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(../img/common_new/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*/

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


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

@media screen and (max-width: 1003px){
    [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; }    

}
@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; }



@media screen and (max-width: 1003px){
    [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: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; }    
    
}
@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; }

/*전체메뉴*/

@media screen and (max-width: 1003px){
    [lang=ru] .pc_gnb .depth02_list .btn_depth02 { height: 80px; }
    [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] .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: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: ""; }

}
@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(../img/common_new/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(../img/common_new/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.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(../img/common_new/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(../img/common_new/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.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; }
 [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(../img/common_new/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(../img/common_new/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); }
h2.padding {padding-bottom: 24px !important;}
@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; }
}
@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; }
}

html, body { font-size: 14px;  font-family:"S-CoreDream", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;vertical-align:baseline; color: var(--main-color); }
input,textarea,select, pre, button{font-size:14px; font-family:"S-CoreDream", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;vertical-align:baseline;vertical-align:middle}

/*==new==*/

@font-face {
	font-family: 'S-CoreDream';
	src: url('/_res/portal/etc/S-CoreDream-3Light.eot');
	src: url('/_res/portal/etc/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
		url('/_res/portal/etc/S-CoreDream-3Light.ttf') format('truetype'),
		url('/_res/portal/etc/S-CoreDream-3Light.woff') format('woff'),
		url('/_res/portal/etc/S-CoreDream-3Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream';
	src: url('/_res/portal/etc/S-CoreDream-4Regular.eot');
	src: url('/_res/portal/etc/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
		url('/_res/portal/etc/S-CoreDream-4Regular.ttf') format('truetype'),
		url('/_res/portal/etc/S-CoreDream-4Regular.woff') format('woff'),
		url('/_res/portal/etc/S-CoreDream-4Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream';
	src: url('/_res/portal/etc/S-CoreDream-5Medium.eot');
	src: url('/_res/portal/etc/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
		url('/_res/portal/etc/S-CoreDream-5Medium.ttf') format('truetype'),
		url('/_res/portal/etc/S-CoreDream-5Medium.woff') format('woff'),
		url('/_res/portal/etc/S-CoreDream-5Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream';
	src: url('/_res/portal/etc/S-CoreDream-6Bold.eot');
	src: url('/_res/portal/etc/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
		url('/_res/portal/etc/S-CoreDream-6Bold.ttf') format('truetype'),
		url('/_res/portal/etc/S-CoreDream-6Bold.woff') format('woff'),
		url('/_res/portal/etc/S-CoreDream-6Bold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream';
	src: url('/_res/portal/etc/S-CoreDream-7ExtraBold.eot');
	src: url('/_res/portal/etc/S-CoreDream-7ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/_res/portal/etc/S-CoreDream-7ExtraBold.ttf') format('truetype'),
		url('/_res/portal/etc/S-CoreDream-7ExtraBold.woff') format('woff'),
		url('/_res/portal/etc/S-CoreDream-7ExtraBold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

body{height: auto;}
.inner{max-width: 1380px;}
.header{font-family: 'S-CoreDream'; height: auto; z-index: 200;}
.header__box{height: auto; position: relative; z-index: 200; overflow: visible;}
.header__box:after{display: none;}
.header__top{padding-top: 17px; padding-bottom: 17px;     align-items: center; }
.header__top a{color: inherit;}

.htbx1 > ul{display: flex;}
.htbx1 > ul > li{margin-right: 14px; font-weight: 500; color: #000; font-size: 14px; line-height: 20px;}
.htbx1 > ul > li:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #c1c1c1; margin-top: 4px; margin-left: 14px;}
.htbx1 > ul > li:last-child:after{display: none;}
.htbx2{display: flex;     align-items: center;}
.htbx2 > ul{display: flex; margin-left: 20px;}
.htbx2 .lang > li{ color: #000; font-size: 15px; line-height: 20px; margin-left: 16px;}
.htbx2 .lang > li.on > a{color: #ea7f1d; font-weight: 800;}
.htbx2 .log > li + li{margin-left: 10px;}
.htbx2 .log > li > a{display: block; width: 120px; font-size: 15px; color: #000; line-height: 20px; letter-spacing: -1px; padding: 8px 18px 6px; border-radius: 20px; position: relative;}
.htbx2 .log > li > a:after{content: ''; position: absolute; width: 20px; height: 20px; right: 18px; top: 6px; background: center center no-repeat;}
.htbx2 .log > li > .login{background: #8cdaed;}
.htbx2 .log > li > .login:after{background-image: url(../img/main_new/ht_login_ic.png);}
.htbx2 .log > li > .join{background: #b1ebbf;}
.htbx2 .log > li > .join:after{background-image: url(../img/main_new/ht_join_ic.png);}

.hd-bm{border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.hd-bm > .inner{display: flex;     justify-content: space-between; height: 76px; }
.hd-bm .korean__logo{height: 100%;}
.hd-bm .korean__logo a{background-position: 50% 18px;}

.sr-allm{display: flex;     align-items: center;}

.hd-search{width: 300px; }
.hd-search .sr-bx{border: 1px solid #000; background: #fff; position: relative; padding: 4px 20px; padding-right: 45px; border-radius: 20px;}
.hd-search .sr-bx input[type="text"]{font-family: 'S-CoreDream'; font-size: 14px; color: #111; width: 100%; height: 30px; border: none; padding: 0;}
.hd-search .sr-bx .srbt{position: absolute; top: -1px; right: -1px; line-height: 1; font-size: 0;}
.hd-search .sr-bx .srbt img{vertical-align: top;}

.hd-bm .header__bths{ margin-left: 10px;}
.hd-sr-sw{display: none; width: 40px; height: 40px; background: url(../img/main_new/hd_srbt.png) center center no-repeat; margin-right: 10px; transition: 0.4s;}
.hd-sr-sw.on{background: url(https://www.korean.net/_res/portal/img/common_new/icon__gnb--close.png) center center no-repeat #000;  }

.full-menu-wp{display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 200; background: #f7fcf7;}
.full-menu-wp .htbx2{display: none;}
.full-menu-wp .gnb_list{max-width: 1380px; padding: 0 20px; margin: 0 auto;}
.full-menu-wp .depth01_list{padding-top: 20px;}
.full-menu-wp .depth01_list > li{display: table; width: 100%; padding: 20px 0;}
.full-menu-wp .depth01_list > li + li{}
.full-menu-wp .depth01_list > li > a{font-weight: bold;font-size: 24px;color: #3d3d3d;line-height: 30px;display:inline-block;margin-top: 8px;width: 200px;}
.full-menu-wp .depth02_box{margin-left: 70px;display:inline-block;vertical-align:top;width: calc(100% - 320px);}
.full-menu-wp .depth02_list{display: table-cell; vertical-align: top; }
.full-menu-wp .depth02_list > li{display: inline-block; vertical-align: top; margin-right: 24px; margin-bottom: 24px;}
.full-menu-wp .depth02_list > li > a{display: inline-block; font-size: 20px; color: #3d3d3d; line-height: 26px; background: #fff; border: 1px solid #a0d6a4; padding: 11px 30px; border-radius: 40px;}
.full-menu-wp .depth03_list{padding-left: 30px;height: auto;margin-left: -20px;width: calc(100% + 20px);}
.full-menu-wp .depth03_list > li{margin-top: 16px;}
.full-menu-wp .depth03_list > li > a{display: inline-block; padding-left: 10px; position: relative; font-size: 16px; color: #333; line-height: 20px;}
.full-menu-wp .depth03_list > li > a:before{content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 2px; background: #333;}

.menu-sw{width: 34px; height: 34px; padding: 15px 5px; }
.menu-sw em{position: relative; display: block; width: 20px; height: 3px; border-radius: 3px; background-color: #333; transition: width 0.6s; }
.menu-sw em:before ,
.menu-sw em:after{ position: absolute; left: 0; height: 3px;border-radius: 3px; background-color: #333; content: ""; }
.menu-sw em:before { width: 24px; top: -7px;  transition: width 0.4s;}
.menu-sw em:after { width: 24px; bottom: -7px; transition: width 0.4s; }
.menu-sw.on{background: url(../img/main_new/m_close.jpg) center center no-repeat #fff;}
.menu-sw.on em{opacity: 0;}
.fullm-close{position: absolute; left: 0; right: 0; top: 0; max-width: 1380px; padding: 0 20px; margin: 0 auto;}
.fullm-close > a{font-size: 0; opacity: 0; position: absolute; width: 34px; height: 34px; bottom: 100%; right: 20px; margin-bottom: 22px; background: url(../img/main_new/m_close.jpg) center center no-repeat #fff;}

.footer{font-family: 'S-CoreDream'; border-top: 1px solid #bebfc2; padding: 0;}
.footer__top{border-bottom: 1px solid #bebfc2; background: #fdfdfd;}
.footer__nav li{padding-right: 16px; margin-right: 16px;}
.footer__nav li:after{background: #c5c6cc;}
.family_site_box{border-color: #bebfc2;}
.family_site_box .btn_family{background: #fdfdfd; font-family: 'S-CoreDream';}
.ft-bm{padding: 40px 0; background: #f4f4f5;}
.ft-bm > .inner{display: flex; flex-wrap: wrap;     align-items: center;}
.ft-logo{margin-right: 6%;}
.ft-tx{font-size: 16px; color: #2d2d2d; line-height: 22px; word-break: keep-all;}
.ft-tx > p + p{margin-top: 8px;}
.ft-tx > p > span{display: inline-block;}

.contents.main{background: #fafaf8;}
.contents.main > .inner{padding: 0 16px;}
.mc-wp{position: relative; padding: 46px 0;}
.m-swiper{overflow: hidden; font-family: 'S-CoreDream'; padding: 4px;}
.mcon-arr a{position: absolute; top: 50%; width: 58px; height: 104px; margin-top: -52px; font-size: 0;}
.mcon-arr .mcon-prev{right: 100%; margin-right: 50px; background: url(../img/main_new/mpg_arr_p.png) 0 center no-repeat;}
.mcon-arr .mcon-next{left: 100%; margin-left: 50px; background: url(../img/main_new/mpg_arr_n.png) 0 center no-repeat;}
.mcon-arr .swiper-button-disabled{opacity: 0.3;}

.swiper-pagination-bullets.swiper-pagination-horizontal.mcon-pgn{position: absolute; left: 0; right: 0; top: 20px; bottom: auto; text-align: center; font-size: 0;}
.mcon-pgn .swiper-pagination-bullet{margin: 0 5px; vertical-align: top; width: 68px; height: 8px; font-size: 0; background: #282a34; opacity: 1; border-radius: 4px;}
.mcon-pgn .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ffde05;}

.B1F1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.B1F1 .V1{width: 69%;}
.B1F1 .V2{width: 28%;}
.B1F1 .V1 a{display: block;}
.B1F1 .V1 a img{width: 100%; vertical-align: top;}
.B1F1 .V1 .pc{display: inline;}
.B1F1 .V1 .mo{display: none;}
.mbrd-tab{display: flex;     justify-content: space-between; margin: 0 0 20px;}
.mbrd-tab > li{width: 49%;}
.mbrd-tab > li > a{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 54px; background: #f0f0f0; color: #000; font-size: 15px; line-height: 18px; padding: 4px 8px; text-align: center; border-radius: 30px;}
.mbrd-tab > li > a span{display: inline-block;}
.mbrd-tab > li.on > a{background: #000;  color: #fff;}
.m-brd-ls > li{margin-bottom: 20px;}
.m-brd-ls > li > a{display: block; font-size: 15px; color: #282a34; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-board .more{display: block;  text-align: center; background: #fff; font-size: 15px; color: #282a34; line-height: 20px; padding: 10px 0; border: 1px solid #000; border-radius: 20px; }
.main-board .more:before{content: ''; display: inline-block; vertical-align: top; width: 14px; height: 14px; margin-top: 3px; margin-right: 10px; background: url(../img/main_new/more_btn2.jpg) center center no-repeat;}

.B1F2{margin-top: 55px;}
.B1F2:after{content: ''; display: block; clear: both;}
.btnG1{background: #c8eed1;padding: 0px 60px; display: flex; flex-wrap: wrap; justify-content: space-between;  border-radius: 1000px; padding-top: 16px;}
.btnG1 .btnG1-in{ width: 48%; padding-left: 129px; position: relative; vertical-align: bottom; padding-right: 100px; height: 90px; }
.btnG1 .btnG1-in p{font-weight: 500; color: #409972; font-size: 22px; line-height: 28px; margin-bottom: 6px;}
.btnG1 .btnG1-in span{font-size: 15px; line-height: 22px;}
.btnG1 .btnG1-in a{width: 87px; height: 56px; display: block; font-size: 0; border-radius: 1000px;background: #fff url(../img/main_new/img_arrow1.jpg) no-repeat center center; box-shadow: 2px 3px 3px rgba(0,0,0,0.3);position: absolute;right: 0;bottom: -12px;}
.btnG1 .btnG1-in.bg1{background: url(../img/main_new/img_bg1.jpg) no-repeat left bottom;}
.btnG1 .btnG1-in.bg2{background: url(../img/main_new/img_bg2.jpg) no-repeat left bottom;}
.btnG1 .btnG1-in.bg2p{margin-top: 17px;}

.B1F3{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 75px;}
.B1F3 > div{display: flex; flex-wrap: wrap; padding-bottom: 60px; position: relative;}
.B1F3 > div > div{width: 100%; height: calc(100% - 50px);}
.B1F3 .V1{width: 31%; }
.B1F3 .V2{width: 31%; }
.B1F3 .V3{width: 31%;}

h3.tit{font-size: 26px; line-height: 30px; margin-bottom: 20px;}
h3.tit span{color:#ea7f1d;}

.itm_bn{overflow: hidden;}
.itm_bn .swiper-slide > a{display: block; border-radius: 15px; overflow: hidden;}
.itm_bn .swiper-slide img{vertical-align: top; width: 100%;}
.itm_ctr{position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center;}
.itm_ctr .cnt{font-size: 14px; color: #7f8084; line-height: 20px; width: auto; padding: 0 8px;}
.itm_ctr .cnt .swiper-pagination-current{font-weight: 500; color: #282a34;}
.itm_ctr .arr{font-size: 0;}
.itm_ctr .arr a + a{margin-left: 10px;}

.CardNews-box{width: 100%;}
.CardNews-box > ul{display: flex; justify-content: space-between; height: 100%;}
.CardNews-box > ul > li{height: 100%; width: calc(50% - 8px);}
.CardNews-box > ul > li > a{display: flex; width: 100%; height: 100%;}
.CardNews-box > ul > li img{width:100%; border-radius: 20px; vertical-align: top;}

.CommuLink-box .in{display: flex;  justify-content: center;  align-items: center; width: 100%; padding: 10px 4px; height: 100%; background: #fff;  border-radius: 30px; border: 1px solid #f4f4f4;}
.CommuLink-box ul{text-align: center; width: 100%;}
.CommuLink-box ul li{display: inline-block; margin: 4px;}
.CommuLink-box ul li a span{display:block;font-size: 16px;line-height: 21px;margin-top: 11px;font-weight: 500;}

.B2F1:after{content: ''; display: block; clear: both;}
.B2F2:after{content: ''; display: block; clear: both;}
.B2F1 .tit{padding: 7px 0;}
.B2F1 .V1{float: left; width: 66%; position:relative;}
.B2F1 .V2{float: right; width: 31%; position:relative;}
.B2F1 .V1 .more-btn{position: absolute;top: 0;right: 0;}
.B2F1 .V2 .more-btn{position: absolute;top: 0;right: 0;}

.quick_box {position: relative; }
.quick_slide{overflow: hidden;}
.quick_slide .swiper-slide > a{display: block;}
.quick_slide .swiper-slide img{width: 100%; vertical-align: top; border-radius: 25px;}
.quick_slide .swiper-slide > a > p{height: 44px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size: 16px; line-height: 22px; font-weight: 500; color: #282a34; overflow: hidden; padding: 0 10px; margin-top: 8px;}
.quick_slide .swiper-slide > a > u{font-size: 14px; color:#7f8084; text-align: right; display: block; text-decoration: none; margin-top: 8px;}
.qs_ctr{margin-top: 16px; display: flex; justify-content: space-between; align-items: center;}
.qs_ctr .cnt{font-size: 14px; color: #7f8084; line-height: 20px; width: auto; padding: 0 8px;}
.qs_ctr .cnt .swiper-pagination-current{font-weight: 500; color: #282a34;}
.qs_ctr .arr{font-size: 0;}
.qs_ctr .arr a + a{margin-left: 10px;}

.RelatedNews-box ul {margin-left: -7px;margin-top: -7px;}
.RelatedNews-box ul li {float: left;width: calc(100% / 2 - 15px);margin: 7px 7px;}
.RelatedNews-box ul li a {display: block;height: 180px;background: #f4f4f4;border: 1px solid #f4f4f4;border-radius: 26px;overflow: hidden;padding: 20px 20px;position: relative;}
.RelatedNews-box ul li a:hover{background:#ffde05;}
.RelatedNews-box ul li a p {font-size: 16px;line-height: 25px;font-weight: 500;word-break: keep-all;height: 105px;overflow: hidden;}
.RelatedNews-box ul li a span {position: absolute;left: 0;bottom: -18px;width: 100%;text-align: center;background: #ffffff;border: 1px solid #f4f4f4;border-radius: 165px;font-size: 14px;line-height: 27px;padding: 5px 0 20px 0;}

.B2F2{margin-top: 50px;}
.B2F2 .V1{float: left;width: 66%;position:relative;}
.B2F2 .V2{float: right;width: 31%;}
.GroupInspe-box ul {margin-left: -12px;width: calc(100% + 19px);}
.GroupInspe-box ul li{float: left;width: calc(100% / 3 - 27px);margin: 0 13px;}
.GroupInspe-box ul li a{display: block;width: 100%;background: #ffffff;border-radius: 20px;border: 1px solid #f4f4f4;padding: 20px 5px 40px 5px;}
.GroupInspe-box ul li a p{font-size: 18px;line-height: 27px;text-align: center;padding-top: 98px;font-weight: 500;}
.GroupInspe-box ul li a p.bg1{background: url(../img/main_new/icoB_01.jpg) no-repeat center top;}
.GroupInspe-box ul li a p.bg2{background: url(../img/main_new/icoB_03.jpg) no-repeat center top;}
.GroupInspe-box ul li a p.bg3{background: url(../img/main_new/icoB_02.jpg) no-repeat center top;}
.GroupInE-box ul {margin-left: -5px;width: calc(100% + 13px);}
.GroupInE-box ul li{float: left;width: calc(100% / 4 - 11px);margin: 0 5px;}
.GroupInE-box ul li a{display: block;width: 100%;height: 215px;padding: 18px 13px 40px 13px;position: relative;}
.GroupInE-box ul li a.bg0, .bg4, .bg8, .bg12{background:#fdf3ec; border:1px solid #f6e8df; }
.GroupInE-box ul li a.bg1, .bg5, .bg9, .bg13{background:#f8fdec; border:1px solid #edf1e2; }
.GroupInE-box ul li a.bg2, .bg6, .bg10, .bg14{background:#ecf7fd; border:1px solid #dbebf4; }
.GroupInE-box ul li a.bg3, .bg7, .bg11, .bg15{background:#fcecfd; border:1px solid #f5def6; }
.GroupInE-box ul li a p{font-size: 17px;line-height: 27px;font-weight: 500;color: #282a34;text-align: left;word-break: keep-all;}
.GroupInE-box ul li a span{font-size: 14px;line-height: 27px;color: #000000;position: absolute;bottom: 10px;left: 15px;font-weight: 400;}

.BySector-box ul {margin-left: -12px;width: calc(100% + 19px);}
.BySector-box ul li{float: left;width: calc(100% / 2 - 18px);margin: 0 8px;}
.BySector-box ul li a{display: block;width: 100%;background: #ffffff;border-radius: 20px;border: 1px solid #f4f4f4;padding: 35px 5px 51px 5px;}
.BySector-box ul li a p{font-size: 18px;line-height: 27px;text-align: center;padding-top: 98px;font-weight: 500;}
.BySector-box ul li a p.bg1{background: url(../img/main_new/icoB_04.jpg) no-repeat center top;}
.BySector-box ul li a p.bg2{background: url(../img/main_new/icoB_05.jpg) no-repeat center top;}
.BySectorE-box .inpBox{border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;padding: 13px 0;}
.BySectorE-box .inpBox .lineV{position: relative;padding-left: 95px;margin-bottom: 9px;}
.BySectorE-box .inpBox .lineV:last-child{margin-bottom:0;}
.BySectorE-box .inpBox .lineV .titV{width: 91px;position: absolute;left: 0;top: 5px;font-size: 18px;line-height: 27px;font-weight: 500;color: #1a1a1e;}
.BySectorE-box .inpBox .lineV .contV .selectBoxS1 select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url("../img/main_new/select_bgE.png") no-repeat calc(100% - 10px) center;border: 1px solid #f4f4f4;height: 38px;width: 50%;padding: 0 10px;font-size: 16px;line-height: 25px;font-weight: 400;}
.BySectorE-box .inpBox .lineV .contV .selectBoxS1 select::-ms-expand {display: none;}
.BySectorE-box .inpBox .lineV .contV input{border: 1px solid #f4f4f4;height: 38px;width: 100%;}
.BySectorE-box .btnBox{text-align: right;margin-top: 13px;}
.BySectorE-box .btnBox a{display: inline-block;background: #353535;padding: 8px 20px;}
.BySectorE-box .btnBox a span{display:inline-block;padding-right: 29px;background: url(../img/main_new/searchBtn_bgE.jpg) no-repeat right 1px;font-size: 18px;line-height: 24px;color: #ffffff;}


@media screen and (max-width: 1590px){
	.mcon-arr{display: none;}
}

@media screen and (max-width:1340px) {
	.hd-search{width: 260px; }
	.B1F1 .V1{float:none; width:100%; margin-bottom: 40px;}
	.B1F1 .V2{float:none; width:100%;}
	.btnG1 .btnG1-in{width: 100%; padding: 27px 20px; padding-left: 162px ;margin-bottom: 48px; border-radius: 1000px;height: auto;}
	.btnG1 .btnG1-in a{bottom: -32px;}
	.btnG1{background: #fafaf8;padding: 0;}
	.btnG1 .btnG1-in.bg1 {background: #c8eed1 url(../img/main_new/img_bg1.jpg) no-repeat 45px bottom;}
	.btnG1 .btnG1-in.bg2 {background: #c8eed1 url(../img/main_new/img_bg2.jpg) no-repeat 45px bottom;}
	.btnG1 .btnG1-in.bg2{padding: 40px 20px;padding-left: 162px;}
	.CommuLink-box ul li{display: inline-block; margin: 4px;}
	.B2F1 .V1{float: none;width:100%; margin-bottom: 40px; }
	.B2F1 .V2{float: none;width:100%; margin-bottom: 40px;}
	.B2F2 .V1{float: none;width:100%; margin-bottom: 40px; }
	.B2F2 .V2{float: none;width:100%;}
}

@media screen and (max-width: 1200px){
	.hd-bm .header__bths{display: flex;  align-items: center;  flex-direction: row; width: auto;}
	.hd-search{display: none; position: absolute; top: 100%; left: 0; right: 0; width: auto; background: #fff; padding: 20px; border-bottom: 1px solid #e8e8e8;}
	.hd-search .sr-bx{width: 100%; max-width: 500px; margin-left: auto;}
	.hd-sr-sw{display: block;}
	.htbx1 > ul > li{margin-right: 8px;}
	.htbx1 > ul > li:after{margin-left: 8px;}
	.htbx2 > ul{margin-left: 10px;}
	.htbx2 .lang > li{font-size: 14px; margin-left: 8px;}
	.htbx2 .log > li + li{margin-left: 4px;}
	.htbx2 .log > li > a{width: 100px;padding: 8px 12px 6px;}
	.htbx2 .log > li > a:after{right: 10px;}

	.full-menu-wp{display: none; width: 280px; position: absolute; left: auto; right: 0; top: 100%;}
	.full-menu-wp .htbx2{display: none; padding: 15px;}
	.full-menu-wp .htbx2 > ul{margin: 0; justify-content: space-between;}
	.full-menu-wp .htbx2 > ul + ul{margin-top: 20px;}
	.full-menu-wp .htbx2 .log{}
	.full-menu-wp .htbx2 .log > li{width: 48%;}
	.full-menu-wp .htbx2 .log > li > a{width: 100%; padding: 8px 18px 6px;}
	.full-menu-wp .htbx2 .lang{padding: 0 20px;}
	.full-menu-wp .htbx2 .lang > li{margin: 0; font-size: 15px;}
	.full-menu-wp .depth01_list > li > a{display: inline-block;font-size: 20px;color: #3d3d3d;line-height: 26px;background: #fff;border: 1px solid #ffffff;padding: 11px 30px;border-radius: 40px;width: 100%;text-align: center;margin-top: 0;}
	.full-menu-wp .depth01_list > li > a.on{border: 1px solid #a0d6a4; border-top:0;}
	.full-menu-wp .depth02_list {width: 100%;display: block;}
	.full-menu-wp .depth02_list > li > a {display: block;border: none;font-weight: 600;font-size: 18px;padding: 0px 0px;border-radius: 0;}
	.full-menu-wp .depth03_list {height: auto;margin-left: 0;width: 100%;padding: 15px 15px;background: #f7fcf7;border-radius: 10px;margin-top: 4px;margin-bottom: 8px;}
	.full-menu-wp .depth02_box{display: none;margin-left: 0;vertical-align: top;width: calc(100% - 0px);padding: 20px 20px;margin-top: -10px;}
	.full-menu-wp .depth02_list > li{margin-right: 0;margin-bottom: 5px;width: 100%;}
	.full-menu-wp .depth02_list > li:last-child{ margin-bottom:0; }
	.full-menu-wp .depth01_list > li{position: relative;width: calc(100% - 0px);background: #ffffff;border: 1px solid #a0d6a4;border-radius: 26px 26px 26px 26px;margin-bottom: 18px;padding: 0px 0 0px 0;}
	.full-menu-wp .depth03_list > li{margin-top: 0;}
	.full-menu-wp .depth03_list > li > a{font-size: 14px;line-height: 20px;color: #333;margin-bottom: 6px;padding-left: 10px;}
	.full-menu-wp .depth03_list > li:last-child > a{margin-bottom:0;}
	.full-menu-wp .depth03_list > li > a:before{width: 4px;}
	.full-menu-wp .depth01_list{padding-bottom: 50px;}

	.gnb_list{padding: 40px 15px;}
	.depth01_list{padding: 0;}
	.depth01_list > li{display: block; padding: 0;}
	.depth01_list > li > p{display: block; width: auto; padding: 0; position: relative; z-index: 1;}
	.depth01_list > li > p > a{display: block; text-align: center; font-size: 20px;     line-height: 26px; padding: 11px 30px;  background: #fff; border: 1px solid #a0d6a4; border-radius: 40px;}
	.depth01_list > li + li{border: none;}
	.depth01_list > li.ac > p:after{content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: -10px; z-index: -1; background: #fff; border-left: 1px solid #a0d6a4; border-right: 1px solid #a0d6a4;}
	.depth02_list > li{display: block; margin: 0; }
	.depth02_list > li > a{display: block; border: none; font-weight: 600; font-size: 18px; padding: 6px 4px; border-radius: 0;}
	.depth03_list{padding: 12px 6px 12px 12px; background: #f7fcf7; border-radius: 10px;}
	.depth03_list > li{margin: 0;}
	.depth03_list > li + li{margin-top: 8px;}
	.depth03_list > li > a{font-size: 15px; letter-spacing: -1px; padding-left: 8px;}
	.depth03_list > li > a:before{width: 4px;}
	.mo-mbg{display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 190; background: rgba(0,0,0,0.5);}
	.B1F3 .V1{width: 48%;}
	.B1F3 .V2{width: 48%;}
	.B1F3 .V3{width: 100%; margin-top: 40px; padding-bottom: 0;}
	.mbrd-tab > li > a{border-radius: 16px;}
	.CommuLink-box .in{padding: 20px;}
	.CommuLink-box ul li{margin: 4px 8px; text-align: center;}
	.GroupInspe-box ul li a p{letter-spacing: -1px;}
}

@media screen and (max-width: 890px){
	.footer__top .inner{padding: 0;}
	.footer_link{float: none;  border-bottom: 1px solid #bebfc2;}
	.footer__nav{padding: 14px 0; justify-content: center;}
	.family_site{padding: 0 20px; justify-content: center;}
	.family_site_box{border-top: none; border-bottom: none;}
	.family_site_box + .family_site_box{margin-left: 0; border-left: none;}
	.ft-logo{margin: 0 0 20px; width: 100%; text-align: center;}
	.ft-tx{width: 100%; text-align: center;}
}

@media screen and (max-width: 800px){
	.header__top{display: block;border-bottom: 1px solid #e8e8e8;}
	.htbx2{display: none;}
	.hd-bm{border-top: none;}
	.korean__logo{width: 180px;}
	.full__menu .full__menu--inner{min-width: 0;}
	.full-menu-wp .htbx2{display: block; padding-top: 30px;}
	.gnb_list{padding-top: 15px;}
	.B1F3 .V1{width: 100%;}
	.B1F3 .V2{width: 100%; margin-top: 40px; padding-bottom: 0;}
	.GroupInE-box ul li {width: calc(100% / 2 - 11px);margin: 5px 5px;}
	.GroupInE-box ul li a{height: 160px;}
}

@media screen and (max-width: 640px){
	.footer__nav{padding: 10px 0; }
	.footer__nav li{padding-right: 8px; margin-right: 8px; }
	.footer__nav li:after{top: 6px;}
	.footer__nav li a{height: auto; padding: 2px 0;}
	.family_site_box .btn_family{height: 38px; }
	.B1F1 .V1 .pc{display: none;}
	.B1F1 .V1 .mo{display: inline;}
	h3.tit{font-size: 24px;}
	.GroupInspe-box ul{margin-left: 0;}
	.GroupInspe-box ul li{float: none; width: auto; margin: 20px 0 0;}
}

@media screen and (max-width: 500px){
	.RelatedNews-box ul{margin: 0;}
	.RelatedNews-box ul li{float: none; width: auto;}
	.RelatedNews-box ul li a{height: auto;}
	.RelatedNews-box ul li a p{height: auto; padding-bottom: 30px;}
	.CommuLink-box ul{display: flex;justify-content: space-between;}
	.CommuLink-box ul li{margin: 0 5px;max-width: calc(25% - 10px);}
	.GroupInE-box ul{margin-left: 0;width: 100%;}
	.GroupInE-box ul li {width: calc(100% / 1 - 1px);margin: 5px 5px;}
	.GroupInE-box ul li a{height:auto;}
	.GroupInE-box ul li a p{margin-bottom:10px;}
	.BySectorE-box .inpBox .lineV .contV .selectBoxS1 select{width:100%;}
}

@media screen and (max-width: 450px){
	.btnG1 .btnG1-in{text-align: center;}
	.btnG1 .btnG1-in.bg1{padding: 100px 20px 30px; border-radius: 40px; background-position: center top;}
	.btnG1 .btnG1-in.bg2{padding: 110px 20px 30px; border-radius: 40px; background-position: center 10px;}
	.BySector-box ul li a p{font-size: 16px;}
	.CommuLink-box ul li a span{font-size: 14px;margin-top: 7px;letter-spacing: -1px;}
}

@media screen and (max-width: 400px){
	.header__top{padding-top: 7px; padding-bottom: 7px;}
	/* .htbx1 > ul{flex-wrap: wrap;}
	.htbx1 > ul > li{margin: 0; width: 50%; position: relative; padding: 0 10px; text-align: right;}
	.htbx1 > ul > li:after{position: absolute; right: 0; top: 0; left: auto; margin-right: -1px;}
	.htbx1 > ul > li:nth-child(even){text-align: left;}
	.htbx1 > ul > li:nth-child(even):after{display: none;} */
}

@media screen and (max-width: 350px){
	.mbrd-tab > li > a{font-size: 13px; letter-spacing: -1px;}
}

.family_site_box .family_site_list{z-index: 1;}
.B2F2-lkbx{padding-top: 50px;}
.B2F2-lkls > li > a{display: flex; align-items: center; height: 100px; font-weight: 500; font-size: 22px; color: #1e1c1c; padding: 15px 30px; border: 1px solid #c9c9c6; background: right center no-repeat #fff; border-radius: 20px;}
.B2F2-lkls > li > a.bg1{background-image: url(../img/main_new/B2F2_lki1.jpg);}
.B2F2-lkls > li > a.bg2{background-image: url(../img/main_new/B2F2_lki2.jpg);}
.B2F2-lkls > li + li{margin-top: 15px;}
@media screen and (max-width: 1024px){
.B2F2-lkbx{padding-top: 0;}
.B2F2-lkls{display: flex; justify-content: space-between; flex-wrap: wrap;}
.B2F2-lkls > li{width: 49%;}
.B2F2-lkls > li + li{margin-top: 0;}
.B2F2-lkls > li > a{height: 80px; font-size: 20px;  background-size: auto 80px;}
}
@media screen and (max-width: 700px){
.B2F2-lkls > li{width: 100%;}
.B2F2-lkls > li + li{margin-top: 20px;}
}
@media screen and (max-width: 450px){
.B2F2-lkls > li > a{height: 60px; font-size: 18px; padding: 10px 20px; background-size: auto 60px;}
}

.main-board .mbrd-tc { display: none; }
.main-board .mbrd-tc.on { display: block; }

/* 2024/12/17 */
.logout-box{margin-left: 40px;display: flex;align-items: center;}
.lgt-box{display: flex;}
.lgt-box > li + li{margin-left: 5px;}
.lgt-box > li > a{display: inline-block;line-height: 25px;border-radius: 20px;padding: 0 14px;font-size: 14px;color: #fff;}
.lgt-box > li.myp > a{background: #282a34;}
.lgt-box > li.lg > a{background: #0c52a9;}
.mail-b{margin-left: 20px;}
.mail-b > span{display: inline-block;font-size: 14px;color: #3c3c3c;line-height: 25px;padding-right: 25px;background: url(../img/main_new/mail-ic.png) no-repeat right center;}
.mail-b > p{margin-left: 2px;display: inline-block;padding: 0 5px;line-height: 18px;background: #525252;border-radius: 2px;font-size: 14px;color: #fff;}
.join-b{margin-left: 20px;}
.join-b > a{display: inline-block;font-size: 15px;color: #515151;line-height: 25px;padding-right: 25px;background: url(../img/main_new/ht_join_ic.png) no-repeat right center;}
.lgt-box-mo{margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
.lgt-box-mo > .n-box{font-size: 16px;color: #3c3c3c;line-height: 1.2;width: calc(100% - 85px);word-break: keep-all;}
.lgt-box-mo > .n-box span{font-weight: 600;}
.lgt-box-mo > .lg-mo{display: inline-block;min-width: 80px;text-align: center;line-height: 25px;border-radius: 20px;padding: 0 5px;font-size: 14px;color: #fff;background: #0c52a9;}
.mail-join-mo{margin-bottom: 20px;display: flex;align-items: center;}
.mail-b-mo > span{display: inline-block;font-size: 14px;color: #3c3c3c;line-height: 20px;padding-right: 25px;background: url(../img/main_new/mail-ic.png) no-repeat right center;}
.mail-b-mo > p{margin-left: 2px;display: inline-block;padding: 0 5px;line-height: 18px;background: #525252;border-radius: 2px;font-size: 14px;color: #fff;}
.join-b-mo{display: inline-block;margin-left: 20px;}
.join-b-mo > a{display: inline-block;font-size: 15px;color: #515151;line-height: 20px;padding-right: 25px;background: url(../img/main_new/ht_join_ic.png) no-repeat right center;}

/* 2025/2/13  */
.mbrd-tab > li{width: 49%;}
.B1F3 .V1.fll{width: 66%;}
.GroupInE-box .g-swp{overflow: hidden;}
.GroupInE-box .g-swp ul{width: auto; margin: 0;}
.GroupInE-box .g-swp ul li{float: none; width: calc(25% - 10px); margin: 0;}
.GroupInE-box .g-swp ul li a{min-height: 310px; height: auto;}
.GroupInE-box .g-swp + .qs_ctr{margin-top: 17px;}

@media screen and (max-width: 1024px){
.B1F3 .V1.fll{width: 100%;}
.GroupInE-box .g-swp ul li a{min-height: 200px;}
}
@media screen and (max-width: 500px){
.GroupInE-box .g-swp ul li a{min-height: 160px;}
}
@media screen and (max-width: 450px){
.CommuLink-box .in{padding: 15px 10px;}
.CommuLink-box ul li a span{font-size: 12px;}
}

/* 20250310 */
.GroupInE-box ul li a p{word-wrap: break-word;}
.RelatedNews-box ul li a p{line-height: 20px;}
.RelatedNews-box .badge--new{width: 16px; height: 16px;     vertical-align: top; margin: 1px 0 0 2px;}