@charset "utf-8";
.main .container { padding-bottom: 0; padding-top: 0; }
.dimm{z-index:10000}

/***** GNB *****/
/* S : Header CSS  */
header{overflow:hidden;position: fixed;top: 0;left: 0;width: 100%;z-index: 9998;background: #fff;transition: all 0.3s ease-in-out;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06)}
header.open:after{content:'';position:absolute;top:144px;left:0;z-index:50;width:100%;height:1px;background:#E3E4E5}
header.narrow:after { top: 144px; }
.header-util {width: 100%;height:48px;background: #F2F3F5;}
.header-util-wrap {display: flex;justify-content: space-between;align-items: center;margin: 0 auto;width: 1120px;height: 48px;font-size: 0.8125rem;}
.header-gate a{display:inline-block;vertical-align:middle}
.header-gate a ~ a{margin-left:5px}
.header-gate a ~ a:before{content:'';display:inline-block;margin-right:6px;width:2px;height:2px;border-radius:50%;background:#000;vertical-align:middle}

header .nav-alink{position:relative}
header .nav-alink.on{color:#2E81F8 !important}
header .nav-alink.on:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#161E27}

.btn-m-search{display:none;overflow:hidden;width:56px;height:56px;background:url('../img/spr_search_big.svg') no-repeat;text-indent:-9999px;}
.mob .nav-wrapper:not(.global-nav) .btn-m-search{display:none;background-position:0 0}
.mob .btn-whole-menu{width:36px;height:36px;background: transparent;}
.mob .btn-m-search + .btn-whole-menu{margin-left:0}
.mob .btn-whole-menu:after{height:17px;background: url('../img/img_ham_black.png') no-repeat;} /* 2022-04-11 */

.header-search{ padding-left: 20px; position: relative; display: inline-block;}
.header-search:before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 16px;height: 16px;background: url('../img/main/spr_header_util.svg') -16px 0 no-repeat;}
.divide{display: inline-block;margin: 0 16px;width: 1px;height: 10px;background: #ddd}

.nav-wrapper {position:relative;display: flex;align-items: center;margin: 0 auto;width: 1120px;height: 96px;transition: height 0.3s ease-in-out; justify-content: space-between;}
.nav-wrapper h1{width:290px}
.nav-wrapper h1 > a{position:relative;display:block}
.mob .nav-wrapper h1{width:auto}
.nav-wrapper h1 .gnb-logo, .gnb-logo{overflow:hidden;display:inline-block;width:160px;height:32px;background:url('../img/content/gnb_logo.svg') no-repeat;}
[lang="ko"].mob .nav-wrapper h1 .gnb-logo, .mob .gnb-logo{width:32px;height:32px;background:url('../img/main/spr_gnb_ci.svg') right 0 no-repeat} /* 2022-04-11 */
.mob.tsPage .gnb-logo { position: absolute; left: 20px;top: 10px; }

.nav-wrapper .nav-wrap{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 290px); }
.nav-wrapper .nav-wrap .gnb-list { margin: 0 auto; }
/* .nav-wrapper.global-nav .nav-wrap{width:100%} */
.header-gate.mobile { display: none; }

/* S : English */
.nav-wrapper.en-nav h1 .gnb-logo{width:228px;height:40px;background-image:url('../img/content/gnb_en_logo.svg')}
.mob .nav-wrapper.en-nav h1{font:0/0 'sh'}
.mob .nav-wrapper.en-nav h1 .gnb-logo{width:32px;height:32px;background:url('../img/main/spr_gnb_ci.svg') right 0 no-repeat}
/*// E : English */

/* S : Global / Family */
header.ty2{background:rgba(0, 0, 0, 0.5)}
header.ty2 .header-util{background:none;border-bottom:1px solid rgba(242,243,245,0.05)}
header.ty2 .header-gate a{color:#B9C6D4}
header.ty2 .header-gate a:before{background-color:#fff}
header.ty2 .header-search:before{background-position-x:0;opacity:0.6}
header.ty2 .header-family:before{background-position-y:bottom}
header.ty2 .header-etc .divide{background:rgba(255,255,255,0.6)}
header.ty2 h1 > a{font-weight:500;color:#fff}
header.ty2 .nav-wrap{justify-content:flex-end}
header.ty2 .nav-alink{letter-spacing:0;color:#fff}
header.ty2 .global-EB .nav-wrap { width: 100%; }

header.ty2.open, header.sub-header {background:#fff}
header.ty2.open .header-util, header.sub-header .header-util {background:#F2F3F5}
header.ty2.open .header-gate a, header.sub-header .header-gate a {color:#333}
header.ty2.open .header-gate a:before, header.sub-header .header-gate a:before {background-color:#333}
header.ty2.open .header-search:before, header.sub-header .header-search:before {background-position-x:-16px;opacity:1}
header.ty2.open .header-family:before, header.sub-header .header-family:before {background-position:0 -16px}
header.ty2.open .header-etc .divide{background:rgba(221,221,221,1)}
header.ty2.open .nav-alink, header.sub-header .nav-alink {color:#000}
header.ty2.open .nav-wrapper.global-nav h1 > a, header.sub-header .nav-wrapper.global-nav h1 > a {font-weight:bold;color:#453D3E}
header.ty2.open .nav-wrapper.global-nav h1 > a:before, header.sub-header .nav-wrapper.global-nav h1 > a:before {background-position-x:right}

header.sub-header { background: #fff !important; }
header.ty2.sub-header ~ .container > .visual-area > img:first-child { transform: translateX(200px); }

.nav-wrapper.global-nav{justify-content:space-between}
.nav-wrapper.global-nav h1{width:auto !important}
.nav-wrapper.global-nav h1 > a{display:inline-block;margin-left:45px;font-size:1.25rem;vertical-align:middle}
.nav-wrapper.global-nav h1 > a:before,
footer.footer-global-site .ci:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:32px;height:32px;background:url('../img/main/spr_gnb_ci.svg') no-repeat;vertical-align:-7px}
.nav-wrapper.global-nav h1 > a > span,
footer.footer-global-site .ci > span{display:inline-block;font-weight:bold;line-height:1;vertical-align:middle}
.nav-wrapper.global-nav.global-EU h1 > a .tit,
footer.footer-global-site.uk .ci .tit{font-size:1.375rem} /* 영국 */
.nav-wrapper.global-nav.global-EU h1 > a .sub-tit{margin-left:6px;font-size:1rem;vertical-align:2px}
footer.footer-global-site.uk .ci .sub-tit{margin-left:6px;font-size:1rem;vertical-align:0}
.nav-wrapper.global-nav.global-EI h1 > a .tit,
footer.footer-global-site.mf .ci .tit{font-size:1.125rem} /* 인니 */
.nav-wrapper.global-nav.global-EB h1 > a .tit > .sub-tit,
footer.footer-global-site.vlc .ci .sub-tit{display:block;margin:0;font-weight:500;font-size:0.6575rem;letter-spacing:0}
footer.footer-global-site.vlc .ci .tit{font-size:1.25rem;} /* 베트남 */
.nav-wrapper.global-nav.global-EA h1 > a > .tit,
footer.footer-global-site.asia .ci .tit{font-size:1.375rem;vertical-align:0;} /* 아주금융 */

footer.footer-global-site .ci{position:relative;padding-left:45px}
footer.footer-global-site .ci:before{opacity:0.5}

.nav-wrapper.global-nav h1 > a{display:inline-block;margin-left:45px;font-size:1.25rem;vertical-align:middle}
.nav-wrapper.global-nav h1 > a:before{content:'';position:absolute;top:50%;left:-42px;transform:translateY(-50%);width:32px;height:32px;background:url('../img/main/spr_gnb_ci.svg') no-repeat;vertical-align:-7px}

.header-util-wrap.family-util{justify-content:space-between}
.header-util-wrap.family-util .header-etc a, .login-log{color:rgba(255,255,255,0.6)}
.header-util-wrap.family-util .header-etc .family-wrap.on a { color: #333; }
header.open .header-util-wrap.family-util .header-etc a, 
header.sub-header .header-util-wrap.family-util .header-etc a, 
header.sub-header .login-log,
header.open .login-log {color:#333}

.nav-wrapper.family-nav:not(.family-FE) h1{width:auto}
.nav-wrapper.family-nav h1 > a:before{content:'';display:inline-block;width:160px;height:32px;background:url('../img/content/spr_family_ci.svg') no-repeat;vertical-align:middle}
.nav-wrapper.family-nav.family-FE h1 > a{overflow:hidden;display:block;width:216px;height:46px;background:url('../img/content/family/spr_edcf_ci.svg') no-repeat;text-indent:-9999px}
[lang=en] .nav-wrapper.family-nav.family-FE h1 > a{width:195px;height:50px;background-position-y:-46px}
.nav-wrapper.family-nav.family-FE h1 > a:before{display:none}

header.open .nav-wrapper.family-nav h1 > a:before, header.sub-header .nav-wrapper.family-nav h1 > a:before {background-position-y:bottom}
.nav-wrapper.family-nav h1 > a .sub-tit{position:relative;margin-left:10px;font-weight:500;font-size:1rem;line-height:18px;letter-spacing:0;vertical-align:-3px}
.nav-wrapper.family-nav h1 > a .sub-tit:before{content:'';/*position:absolute;top:50%;left:0;margin-top:-9px;*/display:inline-block;margin-right:10px;width:1px;height:18px;background:rgba(227,228,229,0.7);vertical-align:-3px}
.nav-wrapper.family-nav.family-HS h1 > a{overflow:hidden;width:193px;height:58px;background:url('../img/main/spr_family_hs_ci.svg') no-repeat;text-indent:-9999px}
header.open .nav-wrapper.family-nav.family-HS h1 > a, header.sub-header .nav-wrapper.family-nav.family-HS h1 > a {background-position-y:bottom}
.nav-wrapper.family-nav.family-HS h1 > a:before{display:none}

.mob .nav-wrapper.family-nav.family-HS h1 > a{width:105px;height:32px;background-size:105px}
.mob .nav-wrapper.family-nav h1 > a:before{width:112px;height:22px;background-size:112px}
.mob .nav-wrapper.family-nav h1 > a .sub-tit{font-size:0.875rem}
.mob .nav-wrapper.family-nav h1 > a .sub-tit:before{height:12px;vertical-align:0}

header.open .nav-wrapper.family-nav h1 > a .sub-tit:before{background-color:rgba(227,228,229,1)}
header.open .nav-wrapper.family-nav h1 > a .sub-tit, header.sub-header .nav-wrapper.family-nav h1 > a .sub-tit {color:#453D3E}

.nav-wrapper.global-nav .gnb-list > li ~ li{margin-left:24px}
.nav-wrapper.family-nav .gnb-list > li ~ li{margin-left:32px}
/* // E : Global / Family */

.gnb-list:after{content:'';display:block;clear:both}
.gnb-list > li{float:left}
.gnb-list > li ~ li{margin-left:30px}
.gnb-list .sub-menu-wrap{display:none;position:absolute;top:92px;left:0;padding:40px 0 40px;width:100%}

header.open .sub-menu-wrap{display:block}
header.open .ty2 .sub-menu-wrap{display:none}
.ty2 .nav-alink.on + .sub-menu-wrap{display:block}
/* header.open .ko-gnb .sub-menu-wrap{display:none}
header.open .ko-gnb .nav-alink.on + .sub-menu-wrap{display:block} */

/* S : 3depth 위치값 */
.gnb-list:not(.ty2) > li:nth-child(2) .sub-menu-wrap{left:20%}
.gnb-list:not(.ty2) > li:nth-child(3) .sub-menu-wrap{left:40%}
.gnb-list:not(.ty2) > li:nth-child(4) .sub-menu-wrap{left:60%}
.gnb-list:not(.ty2) > li:nth-child(5) .sub-menu-wrap{left:80%}

.gnb-list .sub-menu-wrap .sub-menu-list > li{width:calc(100% / 5)}
.en-nav .gnb-list > li:nth-child(2) .sub-menu-wrap .sub-menu-list > li{width:calc(100% / 4)}
.en-nav .gnb-list > li:nth-child(4) .sub-menu-wrap, .en-nav .gnb-list > li:nth-child(6) .sub-menu-wrap { left: 290px; }
.en-nav .gnb-list > li:nth-child(5) .sub-menu-wrap { width: calc(100% - 290px); margin-left: 270px; }
.en-nav .gnb-list > li:nth-child(5) .sub-menu-wrap .sub-menu-list > li { width: calc(100% / 3); }
.en-nav .gnb-list > li:nth-child(5) .sub-menu-wrap .sub-menu-list > li:nth-child(n+4){ margin-top: 20px; }

.global-EA .gnb-list:not(.ty2) > li:nth-child(2) .sub-menu-wrap{left:25%}
.global-EA .gnb-list:not(.ty2) > li:nth-child(3) .sub-menu-wrap{left:50%}
.global-EA .gnb-list:not(.ty2) > li:nth-child(4) .sub-menu-wrap{left:75%}

.global-EB .gnb-list > li .sub-menu-wrap{width:calc(100% / 6)}
.global-EB .gnb-list > li:nth-child(2) .sub-menu-wrap{left:calc(100% / 6)}
.global-EB .gnb-list > li:nth-child(3) .sub-menu-wrap{left:calc(100% / 6 * 2)}
.global-EB .gnb-list > li:nth-child(4) .sub-menu-wrap{left:calc(100% / 6 * 3)}
.global-EB .gnb-list > li:nth-child(5) .sub-menu-wrap{left:calc(100% / 6 * 4)}
.global-EB .gnb-list > li:nth-child(6) .sub-menu-wrap{left:calc(100% / 6 * 5)}

.global-EU .gnb-list > li .sub-menu-wrap{width:calc(100% / 5)}

.global-EI .gnb-list > li .sub-menu-wrap{width:calc(100% / 4)}
.global-EI .gnb-list > li:nth-child(2) .sub-menu-wrap{left:calc(100% / 4)}
.global-EI .gnb-list > li:nth-child(3) .sub-menu-wrap{left:calc(100% / 4 * 2)}
.global-EI .gnb-list > li:nth-child(4) .sub-menu-wrap{left:calc(100% / 4 * 3)}

.family-FE .gnb-list .sub-menu-wrap .sub-menu-list > li:nth-child(n+6) { margin-top: 40px; }

.family-SE .gnb-list > li .sub-menu-wrap{width:calc(100% / 4)}
.family-SE .gnb-list > li:nth-child(2) .sub-menu-wrap{left:calc(100% / 4)}
.family-SE .gnb-list > li:nth-child(3) .sub-menu-wrap{left:calc(100% / 4 * 2)}
.family-SE .gnb-list > li:nth-child(4) .sub-menu-wrap{left:calc(100% / 4 * 3)}

.family-HS .gnb-list > li .sub-menu-wrap{width:calc(100% / 4)}
.family-HS .gnb-list > li:nth-child(2) .sub-menu-wrap{left:calc(100% / 4)}
.family-HS .gnb-list > li:nth-child(3) .sub-menu-wrap{left:calc(100% / 4 * 2)}
.family-HS .gnb-list > li:nth-child(4) .sub-menu-wrap{left:calc(100% / 4 * 3)}

.family-RR .gnb-list > li .sub-menu-wrap{width:calc(100% / 4)}
.family-RR .gnb-list > li:nth-child(2) .sub-menu-wrap{left:calc(100% / 4)}
.family-RR .gnb-list > li:nth-child(3) .sub-menu-wrap{left:calc(100% / 4 * 2)}
.family-RR .gnb-list > li:nth-child(4) .sub-menu-wrap{left:calc(100% / 4 * 3)}

[lang=en] .family-FE .gnb-list > li .sub-menu-wrap{width:calc(100% / 4)}
[lang=en] .family-FE .gnb-list > li:nth-child(2) .sub-menu-wrap{left:calc(100% / 4)}
[lang=en] .family-FE .gnb-list > li:nth-child(3) .sub-menu-wrap{left:calc(100% / 4 * 2)}
[lang=en] .family-FE .gnb-list > li:nth-child(4) .sub-menu-wrap{left:calc(100% / 4 * 3)}
/* // E : 3depth 위치값 */

.gnb-list .sub-menu-list{display:flex;flex-wrap:wrap;/*justify-content:space-between */}
.gnb-list .sub-menu-list.task > li {width:calc(100% / 4)}
.gnb-list .sub-menu-list.task > li:nth-child(n+5) { margin-top: 40px; }
.gnb-list .sub-menu-list.finance > li,
.gnb-list .sub-menu-list.open-info > li {width:calc(100% / 6)}
.gnb-list .sub-menu-list.esg > li {width:calc(100% / 4)}
.gnb-list .sub-menu-list.about > li,
.gnb-list .sub-menu-list.custom > li {width:calc(100% / 7)}
.gnb-list .sub-menu-list ul + a{margin-top:40px}
.gnb-list .sub-menu-depth2{/*display:block;*/font-weight:bold;font-size:1rem; color: #000;}
.gnb-list .sub-menu-depth3{margin-top:12px}
.gnb-list .sub-menu-depth3 li ~ li{margin-top:6px}
.gnb-list .sub-menu-depth3 > li { display: block; margin-right: 30px;}
.gnb-list .sub-menu-depth3 > li > a { display:inline-block;line-height: 1.3; position: relative}
.gnb-list .sub-menu-depth3 > li > a:hover,
.gnb-list .sub-menu-depth3 > li > a.on { font-weight:500;color: #286EF0;}
.gnb-list .sub-menu-depth3 > li > a:hover:before,
.gnb-list .sub-menu-depth3 > li > a.on:before { content: '';position: absolute;bottom: -2px;width: 100%;height: 1px;background: #000}
.gnb-list .sub-menu-depth3 .list-type-sub > li { font-size: 1rem; }

[lang=en] .nav-wrapper .nav-alink{font-size:1.0625rem}
[lang=en] .nav-wrapper .sub-menu-depth3 li a{font-size:0.9375rem}

.btn-whole-menu{position:relative;overflow:hidden;width:48px;height:48px;border-radius:50%;background-color:#161E27;text-indent:-9999px; flex: 0 0 auto;}
.btn-whole-menu:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:16px;background:url('../img/img_ham_white.png') no-repeat}

.header-family{ padding-right: 20px; position: relative; font-weight: 500; }
.header-family.on { color: #2E81F8 !important; }
.header-family:before {
	content: '';
	display: block;
	/* background: url(/humanframe/theme/resources/assets/img/ico_select.png) no-repeat 50% 50%; */
	background: url('../img/main/spr_header_util.svg') 0 -16px no-repeat;
	width: 10px;
	height: 6px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.header-family.on:before {
	/* background: url(/humanframe/theme/resources/assets/img/ico_tri_down_on.png) no-repeat 50% 50%; 
	transform: rotate(180deg) translateY(50%);*/
	background-position:-10px -16px !important;
	
}
.hf .header-family:before{background-position:0 bottom}
.hf.open .header-family:before{background-position:0 -16px}

.skip {
	background: #000;
	position: relative;
	z-index: 9999;
}
.skip a { 
	background: #000;
	color: #fff;
	position: absolute;
	top: -200px;
	left: 0;
	width: 100%;
	line-height: 30px;
}
.skip a:focus {
	top: 0;
}

.nav-alink {font-weight: 500;font-size: 1.125rem;color: #000;}

/* .nav-alink:hover { color: #286EF0; }
.nav-alink.on { color: #286EF0; } 
.nav-alink + .nav-alink { margin-left: 32px; }*/
.nav-sub-wrap {
	background: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	border-top: 1px solid #E3E4E5;
	width: 100%;
	height: 0;
	position: absolute;
    top: 168px;
    left: 0;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.nav-sub-wrap > div { width: 1120px; opacity: 0; margin: 48px auto; }
.search-wrap{background:#2E81F8;height:300px;width:100%;min-width:1120px;position:fixed;top:48px;left:0;z-index:99;display:none;}/* TobeEdit 2022-04-27 min-width:1120px; 추가 */
.container .search-wrap {
	position: absolute;
}
.tsPage .search-wrap { 
	display: block; 
}
.search-cont {
	height: 300px;
	position: relative;
	width: 1120px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search-cont-box {
	width: 544px;
	position: relative;
}
.search-box {
	border-bottom: 4px solid #fff;
	position: relative;
}
.tSearch-page { height: 48px !important; }
.total-search-ipt {
	background: none;
	border: none;
	color: #fff;
	font-size: 28px;
	height: 68px;
	width: 100%;
	padding-right: 100px;
}
.total-search-ipt::placeholder { color: #fff; }
.btn-total-search {
	background: url(../img/btn_search.svg) no-repeat 50% 50%;
	height: 30px;
	width: 30px;
	position: absolute;
	right: 10px;
	bottom: 50%;
	transform: translateY(50%);
}
.btn-txt-clear {
	background: url(../img/btn_txtclear.svg) no-repeat 50% 50%;
	height: 30px;
	width: 30px;
	position: absolute;
	right: 50px;
	bottom: 50%;
	transform: translateY(50%);
	display: none;
}
/* .total-search-ipt:focus + .btn-txt-clear { display: block; } */
.search-auto-list {
	background: #fff;
	padding: 24px;
	font-size: 1rem;
	display: none;
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	padding-bottom: 72px;
	z-index: 99;
}
.search-auto-list a{color:#333 ! important;}
.search-auto-list > span { display: inline-block; }
.search-txt { color: #2E81F8; }
.func-on-off { 
	background: #F5F6F7; 
	height: 48px; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.func-switch {
	color: #2E81F8;
	font-size: 1rem;
	margin-right: 24px;
	text-decoration: underline;
}
.word-more {
	font-size: 0.813rem;
	margin-left: 24px;
}
.detail-search {
	border: none;
	background: none;
	color: #fff;
	font-size: 1.128rem;
	position: absolute;
	right: -90px;
	top: 20px;
}
/* E : Header CSS  */

.nav-alink{font-weight:500 !important}
.total-menu-wrap{z-index:1000} 

/* quick menu */
.main-cont-quick {position: fixed;top: 50%;left: 32px;transform:translateY(-50%);z-index: 999}
.main-cont-quick a {position: relative;display: inline-block;padding-left: 20px;font-size: 1rem;color: #888}
.main-cont-quick a.on { padding-left:20px;font-weight:bold;color: #2E81F8; }
.main-cont-quick a:before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);border-radius: 3px; border-left: 8px solid #ccc; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.main-cont-quick a.on:before {border-left: 8px solid #3388FF; }
.main-cont-quick a.on:after {content: '';position: absolute;top:50%;left:10px;width:15px;height: 1px;background: none; top: auto;}
.main-cont-quick a:hover {color: #2E81F8 }
.main-cont-quick a:hover:after {
	content: '';
    background: #161E27;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    
}
.main-cont-quick > ul > li + li { margin-top: 10px; }
.main-cont-quick .wheel-scroll{position:relative;display:inline-block;margin-top:35px;font-weight:bold;font-size:0.6875rem;text-align:center; display: none;}
.main-cont-quick .wheel-scroll:before{content:'';display:block;margin:0 auto 5px;width:22px;height:30px;border-radius:999px;background:rgba(22,30,39,0.8)}
.main-cont-quick .wheel-scroll:after{content:'';position:absolute;top:8px;left:50%;margin-left:-2px;width:4px;height:7px;border-radius:999px;background:#fff}

.main-cont{position:relative;display:flex;justify-content:center;/*align-items:center;*/padding-top:100px;height:940px;width:100%}
.main-cont1{position:relative;display:flex;justify-content:center;/*align-items:center;*/padding-top:100px;height:940px;width:100%}
.main-cont:focus,.main-cont1:focus{outline:none;}
.family-main .main-cont, .global-main .main-cont { height: auto; min-height: 940px; }

.main-cont-title{font-weight: normal;font-weight:bold;font-size: 2.875rem;line-height: 1.4;letter-spacing: 0.02em}

/* swiper */
.swiper-container{margin:0}
.swiper-pagination-bullet-active{/*width:31px;*/border-radius:999px}
.main-video .swiper-pagination-bullet-active, 
.main-partners .swiper-pagination-bullet-active {color: #007aff;}
.main-video .btn-autoplay,
.main-partners .btn-autoplay{width:20px;height:20px;background-position:50% 0}
.main-video .btn-autoplay.stop,
.main-partners .btn-autoplay.stop{background-position-y:bottom}
.swiper-pagination-fraction, 
.swiper-pagination-custom, 
.swiper-container-horizontal > .swiper-pagination-bullets{width:auto;line-height:0}
.swiper-pagination-fraction > span{font-size:1.25rem}
.swiper-pagination-fraction .swiper-pagination-current{font-weight:bold}
.swiper-pagination-fraction .swiper-pagination-total{color:#888}
.swiper-control{display:flex;align-items:center}
/* .swiper-control{z-index:100;line-height:1} */
/* .family-edcf .swiper-control { position: absolute; right: 0; top: 10px;  } */
/* .swiper-control .swiper-pagination{position:static;display:inline-block;line-height:1} */
.swiper-control .swiper-pagination{position:static;display:flex;align-items:center}
.main-video .swiper-control .swiper-pagination, 
.main-partners .swiper-pagination{ counter-reset: bullet;color:#707070}
.swiper-pagination-bullet{vertical-align:middle}
.main-video .swiper-pagination-bullet,
.main-partners .swiper-pagination-bullet{vertical-align:middle; background: none; width:auto; height:auto;font-size: 0.875rem; font-weight: bold;}
.main-video .swiper-pagination-bullet:after,
.main-partners .swiper-pagination-bullet:after {
	content: '/';
	font-weight: normal;
	display: inline-block;
	position: relative;
	font-weight:normal;
	color:#a1a1a1;
	/* top: -8px; */
	margin: 0 0 0 10px;
}
.main-video .swiper-pagination-bullet:last-child:after, 
.main-partners .swiper-pagination-bullet:last-child:after { content: ''; }
.swiper-pagination-bullet ~ .swiper-pagination-bullet{margin-left:10px}
.main-video .swiper-pagination-bullet:before, .main-partners .swiper-pagination-bullet:before {
    counter-increment: bullet;
    content: counter(bullet, decimal-leading-zero);
    position: relative;
	border-radius:0;
    /* top: -8px; */
}
.main-video .swiper-pagination-bullet-active:before, 
.main-partners .swiper-pagination-bullet-active:before{border-bottom:2px solid #000}

.btn-autoplay{overflow:hidden;display:inline-block;z-index:5;width:16px;height:16px;margin-left:10px;border-radius:50%;background:url('../img/spr_btn_autoplay.svg') 50% -2px  no-repeat;text-indent:-9999px;vertical-align:middle}
.btn-autoplay.stop{background-position-y:-22px}


.swiper-button-wrap{position:relative;display:inline-block;padding:0 36px}
.swiper-button-wrap .swiper-pagination-fraction, 
.swiper-button-wrap .swiper-pagination-custom, 
.swiper-button-wrap .swiper-container-horizontal > .swiper-pagination-bullets{position:static;width: auto}
.main-service .swiper-button-wrap .swiper-pagination-fraction { display: none; }
.swiper-button-wrap .swiper-button{position:absolute;top:50%;left:auto;right:0;margin:-11px 0 0;width:24px;height:24px;background-image: url('../img/ico_arrow_detail.png');background-size:cover;}
.main-service .swiper-button-wrap .swiper-button { right: -40px; background: url(../img/arrow.svg) no-repeat 50% 50% #161E27; height: 48px; width: 48px; border-radius: 50%; transform: rotate( 
0deg); }
.main-service .swiper-button-wrap .swiper-button.swiper-button-next { transform: rotate(180deg);  }

.swiper-button-wrap .swiper-button-prev, 
.swiper-button-wrap .swiper-container-rtl .swiper-button-next {left:0;transform: rotate(180deg)}

/* common */
.main-video{position:relative;padding-top:144px;padding-bottom:112px;height:1052px}
.main-video .swiper-container{width:100%;max-width:2000px;}/* TobeEdit 2022-04-19 ST02CLHP0287 - HPHEMN001M01 */
.main-video .swiper-slide{display:flex;align-items:center}
.main-video .swiper-control{position:absolute;top:46px;right:calc(50% - 560px);margin:0 0 0 -560px;z-index:1000;}

.main-visual{overflow:hidden}
.main-visual .c-point{color:#2E81F8 !important}
.main-visual > figure{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.main-visual > figure img,
.main-visual .swiper-slide img{/*object-fit:cover;height:100%*/position:absolute;;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:100%;width:auto;height:auto}
.main-visual > .cont-box{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:space-between;padding-top:314px;height:100%}
.main-visual .swiper-container{width:100%;height:100%}
.main-visual .swiper-container .swiper-slide{overflow:hidden;width:100%}
.main-visual .swiper-container > .cont-box{position:absolute;top:312px;left:50%;z-index:50;margin-left:-560px}
.main-visual .swiper-container > .cont-box .swiper-control{position:absolute;top:-48px;left:0}

/* .main-news-list{width:455px}
.main-news-list{margin-top:24px} */
.main-news-list li{position:relative;font-size:1.325rem;line-height:1.3}
.main-news-list li *{display:inline-block;vertical-align:middle}
.main-news-list li .sort{margin-right:15px;color:#2E81F8}
.main-news-list li  ~ li{margin-top:12px}
.main-news-list li > a{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 102px);line-height:inherit;white-space:nowrap;vertical-align:middle}
.main-news-list.ty2 li > a{max-width:calc(100% - 30px)}
.main-news-list li .date{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1rem;color:#888}

/* service */
.main-service{overflow:hidden;flex-direction:column;justify-content:flex-start;align-items:center;background: url('../img/main/bg_cont02.png') 0 bottom no-repeat;}
.main-service .cont-box{position:relative;height:478px}
.main-service .bullets { display: inline-block; position: relative; margin-top: 40px; padding-left: 38px; }
.main-service .bullets:before {content: '';position: absolute;width: 6px;top:7px;left: 0;height: calc(100% - 13px);background: #161E27}
.main-service .bullets > span{display:block}
.main-service .bullets > span ~ span{margin-top:15px}
.main-service .bullets > span a{display: inline-block;font-weight: 500;font-size: 1.625rem;letter-spacing:-0.05em;line-height:1.45}
.main-service .bullets > span a.active { /*border-bottom:1px solid #000;*/font-weight:bold;color: #2E81F8}
.main-service .edcf-info{display:flex;margin-top:60px}
.main-service .edcf-info li{display:block;flex-direction:column;align-items:center;position:relative}
.main-service .edcf-info > li:nth-child(2){position:relative;margin-left:20px}

.main-service .edcf-info img{display:block;width:100%;height:446px;}

.main-cont-menu{position: absolute;top: 0;left: 0;padding: 48px 20px 0 48px;width: 320px;height: 460px;/*border-top:5px solid #33BCFF;*/background: rgba(54, 57, 80, 0.9)}
.main-cont-menu1{position: absolute;top: 0;left: 0;padding: 48px 20px 0 42px;width: 265px;height: 100%;/*border-top:5px solid #33BCFF;*/background: rgba(54, 57, 80, 0.9)}
.main-cont-menu2{position: absolute;top: 0;left: 0;padding: 48px 20px 0 32px;width: 265px;height: 100%;/*border-top:5px solid #33BCFF;*/background: rgba(54, 57, 80, 0.9)}
.main-cont-menu2 .main-cont-box-title1{color: #03BCAA}

.main-cont-box-title{position: relative;margin-bottom: 32px;font-size: 1.75rem;line-height:1.4;color: #33BCFF; word-break: keep-all;}
.main-cont-box-title1{position: relative;margin-bottom: 32px;font-size: 1.55rem;line-height:1.4;color: #33BCFF; word-break: keep-all;}
/* .main-cont-box-title:after{content:'';display:inline-block;margin-left:10px;width:8px;height:8px;border-top:1px solid #33BCFF;border-right:1px solid #33BCFF;transform:rotate(45deg);vertical-align:4px} */
.main-cont-box-title > a{display:inline-block;width:auto;color:inherit}
.main-cont-box-list + .main-cont-box-list { margin-top: 10px; }
.main-cont-menu.type2 .main-cont-box-alink{font-size:1.25rem}
.main-cont-menu.type2 .main-cont-box-list + .main-cont-box-list{margin-top:12px}
.main-cont-box-alink { color: #fff; font-size: 1.625rem; word-break: keep-all; line-height: 1.4; }
.main-cont-box-alink1 { color: #fff; font-size: 1.35rem; word-break: keep-all; line-height: 1.4; }

.swiper-service{overflow: hidden;position: absolute;right: 0;left: 50%;top: 0;/* padding:0 100px 20px 0; */margin-left:-80px;/* width:calc(50vw + 80px); */ width: 640px; }
.swiper-service .swiper-slide{box-shadow:0 10px 20px -10px rgba(0,0,0,0.5)}
.swiper-service .swiper-slide img{display:block;width:100%;}
.swiper-service .swiper-slide.slide2 .main-cont-box-title{color: #03BCAA}
.swiper-service .swiper-slide.slide2 .main-cont-menu,
.swiper-service .swiper-slide.slide2 .main-cont-box-title:after{border-color:#03BCAA}
.swiper-service .swiper-slide.slide3 .main-cont-box-title{color: #FEB200}
.swiper-service .swiper-slide.slide3 .main-cont-menu,
.swiper-service .swiper-slide.slide3 .main-cont-box-title:after{border-color:#FEB200}

.main-service .swiper-button-wrap{position:absolute;bottom:35px;left:38px;padding:0;line-height:1/*transform:translate(-560px, 200px)*/}
.main-service .swiper-button-wrap .swiper-button{position:static;display:inline-block;margin:0}
.main-service .swiper-button-wrap .swiper-button ~ .swiper-button{margin-left:12px}
/* [lang=en] .main-service .service-banner{margin-top:115px;padding-left:0} */

/* .service-banner{position:relative;display:flex;justify-content:flex-end;margin-top:90px;width:1120px}
.service-banner .swiper-container{margin:0;width:640px;box-shadow: 0 10px 15px -15px rgba(0,0,0,0.5)}
.service-banner .swiper-container .swiper-wrapper{height:212px}
.service-banner .swiper-container .swiper-slide{display:flex;align-items:flex-end}
.service-banner .swiper-container a,
.service-banner .swiper-container img{display:block}
.service-banner .swiper-container .swiper-pagination-fraction,
.service-banner .swiper-container .swiper-pagination-custom,
.service-banner .swiper-container .swiper-container-horizontal > .service-banner .swiper-container .swiper-pagination-bullets{left:0;top:-10px;bottom:auto}
.service-banner .swiper-container .swiper-control{position:absolute;top:0;left:0;line-height:0} */
.service-banner{position:relative;margin-top:40px;width:516px;/*display:flex;justify-content:flex-end;margin-top:90px*/}
.service-banner .swiper-control{justify-content:flex-end;padding-bottom:18px}
.service-banner .swiper-container{margin:0;width:516px;box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.35)}
/* .service-banner .swiper-container .swiper-wrapper{padding-top:32px} */
.service-banner .swiper-container .swiper-slide{display:flex;align-items:flex-end}
.service-banner .swiper-container.swiper-slide a:focus{outline:#000;}
.service-banner .swiper-container a,
.service-banner .swiper-container img{display:block;width:512px;}
.service-banner .swiper-container .swiper-pagination-fraction,
.service-banner .swiper-container .swiper-pagination-custom,
.service-banner .swiper-container .swiper-container-horizontal > .service-banner .swiper-container .swiper-pagination-bullets{left:0;top:-10px;bottom:auto}
/* .service-banner .swiper-container .swiper-control{position:absolute;top:0;right:0;line-height:0} */
.service-banner .btn-autoplay{width:12px;height:12px;background:url('../img/spr_s_btn_autoplay.png') no-repeat}
.service-banner .btn-autoplay.stop{background-position-y:bottom}



/* global partners */
/*.title-sub{display:block;margin-top:15px;*//*font-size:2.625rem;line-height:1}
.link-arr:after{content:'';display:inline-block;margin-left:16px;width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);vertical-align:6px} */
.link-arr{position:relative}
.link-arr:after{content:'';/*display:inline-block;margin-left:6px;*/position:absolute;top:50%;transform:translateY(-50%);right:-30px;width:24px;height:24px;background:url('../img/main/ico_link_arr.png') no-repeat}
.link-go{display:inline-block;padding:0 27px;height:40px;background:#fff;border:1px solid #E3E4E5;border-radius:999px;font-weight:500 !important;font-size:1rem;line-height:40px;;letter-spacing:-0.03em;text-align:center}
.mob .link-go{padding:0 20px;font-weight:normal !important}

.main-partners{padding-top:0;align-items:flex-start;/*align-items:center;*/background:#F5F6F7}
[lang=en] .main-partners .main-cont-title{letter-spacing:-0.05em}
.main-partners .title-sub{font:inherit}
.main-partners .swiper-control{position:absolute;top:40px;right:0}
.main-partners .cont-box,
.main-partners .swiper-container{position:relative;overflow: hidden;height:100%; }
.main-partners .swiper-container{padding-top:100px}
.main-partners .swiper-slide{display:flex;/*align-items:center;*/height:100%}
.main-partners .swiper-slide .slide-cont{width:100%;/*padding-bottom:200px*/}
.main-partners .swiper-pagination{top:40px;right:0;bottom:auto;left:auto}

.main-partners .cont{display:flex;justify-content:space-between;margin-top:32px;padding-right:10px;width:100%}
.main-partners .cont .txt-area{flex:1;font-size:1.5rem}
.main-partners .cont .txt-area .txt{position:relative;display:block;margin-bottom:24px;padding:0 0 0 38px;font-size:1.75rem;letter-spacing:-0.05em;color:#333}
.main-partners .cont .txt-area .txt:before{content:'';position:absolute;top:7px;left:0;width:6px;height:calc(100% - 12px);background:#161E27}
.main-partners .cont .txt-area a{margin-left:38px;font-weight:bold;}
.main-partners .cont .link-area{display:flex;flex-wrap:wrap;width:320px;color:#666}
.main-partners .cont .link-area li{position:relative;min-height:155px;line-height:1.5rem;text-align:center}
.main-partners .cont .link-area li ~ li{margin-left:40px}
.main-partners .cont .link-area li:nth-child(4){margin-left:0}
.main-partners .cont .link-area li a{position:relative;display:block;width:80px;padding-top:90px}
.main-partners .cont .link-area li a span{display:inline-block;margin:0 -50%;line-height:1.5;white-space:nowrap}
.main-partners .cont .link-area li a:before{content:'';position:absolute;top:0;left:0;width:80px;height:80px;border-radius:50%;background-color:#fff}
.main-partners .cont .link-area li a:after{content:'';position:absolute;top:15px;left:15px;width:50px;height:50px;background:url('../img/main/spr_cont04.png') no-repeat}

.main-partners .swiper-slide.slide1 .title-sub{color:#2E81F8}
.main-partners .swiper-slide.slide2 .title-sub{color:#029F3A} 
.main-partners .swiper-slide.slide3 .title-sub{color:#00998A}
.main-partners .swiper-slide.slide4 .title-sub{color:#2E81F8}  

.main-partners .swiper-slide.slide1{background:url('../img/main/img_cont03_01.jpg') 0 bottom no-repeat}
.main-partners .swiper-slide.slide2{background:url('../img/main/img_cont03_02.jpg') 0 bottom no-repeat}
.main-partners .swiper-slide.slide3{background:url('../img/main/img_cont03_03.jpg') 0 bottom no-repeat}
.main-partners .swiper-slide.slide4{background:url('../img/main/img_cont03_04.jpg') 0 bottom no-repeat}
[lang=en] .main-partners .swiper-slide.slide3{background:url('../img/main/img_cont03_03_eng.jpg') 0 bottom no-repeat}

.main-partners .swiper-slide.slide2 .link-area li a:after{background-position-y:-50px}
.main-partners .swiper-slide.slide3 .link-area li a:after{background-position-y:-100px}
.main-partners .swiper-slide.slide4 .link-area li a:after{background-position-y:-150px}
.main-partners .swiper-slide .link-area li:nth-child(2) a:after{background-position-x:-50px}
.main-partners .swiper-slide .link-area li:nth-child(3) a:after{background-position-x:-100px}
.main-partners .swiper-slide .link-area li:nth-child(4) a:after{background-position-x:-150px}
.main-partners .swiper-slide .link-area li:nth-child(5) a:after{background-position-x:-200px}
.main-partners .swiper-slide .link-area li:nth-child(6) a:after{background-position-x:-250px}



/* news */
/* .main-news{align-items:center} */
.main-report{position:absolute;bottom:0;left:0;width:1120px;left:50%;margin-left:-560px;}
.main-report ul{display:flex;justify-content:space-between;}
.main-report li > a{position:relative;display:flex;align-items:center;padding-left:42px;width:365px;height:112px;border:2px solid #666;font-weight:500;font-size:1.5rem;letter-spacing:-0.045em;color:#333;background:#fff;border:1px solid #E3E5E6;box-shadow:0 5px 15px -5px rgb(0,0,0,.2);letter-spacing:-0.015em}
.main-report li > a.link-arr:after{position:absolute;top:50%;right:22px;width:48px;height:48px;background:url(../img/main/pc_arr.png) no-repeat;}
.main-report a p{font-size:32px;color:#373C42;font-weight:bold;}
.main-report a p >span{color:#2E81F8;}
.main-report a p >small{display:block;font-weight:normal;font-size:20px;}

.main-news .cont-box{position:relative;}
.main-news .top-link{position:absolute;top:0;left:calc(50% + 76px);font-weight:bold;font-size:1.75rem;letter-spacing:-0.015em}
.main-news .top-link a{display:flex;align-items:center;padding-left:30px;width:425px;height:112px;background:#fff;border:1px solid #E3E5E6;box-shadow:0 5px 15px -5px rgb(0,0,0,.2);letter-spacing:-0.015em}
.main-news .top-link a:before{content:'';width:50px;height:50px;margin-right:20px;background:url('../img/main/ico_FDI.png') no-repeat}
.main-news .top-link a:after{position:static;display:inline-block;margin-left:6px;transform:none}
.main-news .alink-press { color: #fff;  }

.main-news .news-title{position:relative;}
.main-news .main-news-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.main-news .side-wrap{display:flex;flex-direction:column;justify-content:flex-start;width:49%}
.main-news .side-wrap .news-box{width:100% !important}
.main-news .main-news-wrap .news-box{position:relative;margin:80px 0 0;padding-left:38px;width:calc((100% - 154px) / 2)}
.main-news .main-news-wrap .news-box.sub{position:relative;margin:120px 0 0;padding-left:38px;width:calc((100% - 154px) / 2)}
.main-news .main-news-wrap .news-box:nth-child(odd){margin-left:0}
.main-news .main-news-wrap .news-box h3{margin:0 0 12px;font-size:1.75rem;line-height:1.45;color:#000}
.main-news .main-news-wrap .news-box h3 > a{display:inline-block;line-height:inherit;color:inherit}
.main-news .main-news-wrap .news-box.news-img{padding-left:0}
.main-news .main-news-wrap .news-box.news-img .inner{position:relative;padding-left:38px}
.main-news .main-news-wrap .news-box:before,
.main-news .main-news-wrap .news-box.news-img .inner:before{content:'';position:absolute;top:7px;left:0;width:5px;height:193px;background:#161E27}
.main-news .main-news-wrap .news-box.news-img figure{margin:64px 0 0}
.main-news .main-news-wrap .news-box.news-img figure img{width:371px;height:231px;box-shadow:0 5px 15px -5px rgb(0,0,0,.3)}

.main-news .side-wrap .news-box1{width:100% !important}
.main-news .main-news-wrap .news-box1{position:relative;margin:80px 0 0;padding-left:38px;width:47%}
.main-news .main-news-wrap .news-box1:nth-child(odd){margin-left:0}
.main-news .main-news-wrap .news-box1 h3{margin:0 0 12px;font-size:1.75rem;line-height:1.45;color:#000;padding-left:38px}
.main-news .main-news-wrap .news-box1 h3 > a{display:inline-block;line-height:inherit;color:inherit}
.main-news .main-news-wrap .news-box1 ul{padding-left:38px}
.main-news .main-news-wrap .news-box1.news-img{padding-left:0}
.main-news .main-news-wrap .news-box1.news-img .inner{position:relative}
.main-news .main-news-wrap .news-box1:before,
.main-news .main-news-wrap .news-box1.news-img .inner:before{content:'';position:absolute;top:7px;left:0;width:5px;height:270px;background:#161E27}
.main-news .main-news-wrap .news-box1.news-img figure{margin:64px 0 0}
.main-news .main-news-wrap .news-box1.news-img figure img{width:371px;height:231px;box-shadow:0 5px 15px -5px rgb(0,0,0,.3)}



.main-news .recent{display:flex;justify-content:space-between;font-size:1.625rem}
.main-news .recent > a{display:block;width:340px;line-height:1.5}
.main-news .recent .new{position:relative;display:inline-block;margin-left:5px;width:24px;height:24px;background:#FF4B08;font:0/0 sh;vertical-align:middle}
.main-news .recent .new:before{content:'N';position:absolute;top:1px;width:100%;text-align:center;color:#fff;font-size:0.875rem;line-height:1.6}
.main-news .recent .date{margin-top:5px;font-size:1rem;/*letter-spacing:-0.05em;*/color:#888}
.main-news .recent .no-data{position:relative;margin-top:23px;padding-left:42px;font-size:1.25rem;color:#333}
.main-news .recent .no-data:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:30px;height:30px;background:url('../img/main/ico_info.svg') no-repeat}

.ico-new{position:relative;display:inline-block;margin-left:5px;width:24px;height:24px;background:#FF4B08;font:0/0 sh;vertical-align:middle}
.ico-new:before{content:'N';position:absolute;top:1px;width:100%;text-align:center;color:#fff;font-size:0.875rem;line-height:1.6}

.main-img-list h3{margin-bottom:22px !important}
.main-img-list ul{display:flex;justify-content:space-between}
.main-img-list ul li > a{position:relative;display:block}
.main-img-list ul li:nth-child(2) > a:before{background-position-x:-96px}
.main-img-list ul li:nth-child(3) > a:before{background-position-x:-192px}
.main-img-list ul li:nth-child(4) > a:before{background-position-x:-288px}
.main-img-list ul li > a > img{display:block}
.main-img-list ul li > a > span{position:relative;display:inline-block;margin-top:16px;font-weight:500;font-size:0.875rem;line-height:1.1}
/* .main-img-list ul li > a > span:after{transform:rotate(45deg) scale(0.7);vertical-align:0} */
.main-img-list ul li > a > span:after{right:-22px;width:18px;height:18px;background-image:url('../img/main/ico_link_arr_s.png')}


/*************************************
Family Site
**************************************/
.main-visual{padding-top:0}
.main-visual .txt-area .tt{display:block;font-size:2.875rem;line-height:1.4;letter-spacing:0.02em;color:#fff}
.main-visual .txt-area .tt *{line-height:inherit}
.main-visual .txt-area .txt{display:block;margin-top:12px;font-size:1.5rem;letter-spacing:-0.05em;line-height:1.4;color:#fff}
.main-visual .swiper-visual.swiper-container{width:100%;height:100vh}
.main-visual .swiper-visual > .cont-box{position:absolute;top:312px;left:50%;z-index:500;margin-left:-560px}
.main-visual .swiper-visual > .cont-box .swiper-control{position:absolute;top:-50px;left:0}
.main-visual .swiper-visual .swiper-slide .cont-box{height:100%}
.main-visual .swiper-visual .swiper-slide .txt-area .tt{transition:transform .5s ease-out, opacity .5s ease-out;transition-delay:.8s;transform:translateY(30px);opacity:0}
.main-visual .swiper-visual .swiper-slide .txt-area .txt{transition:transform .5s ease-out, opacity .5s ease-out;transition-delay:1s;transform:translateY(30px);opacity:0}
.main-visual .swiper-visual .swiper-slide-active .txt-area .tt,
.main-visual .swiper-visual .swiper-slide-active .txt-area .txt{transform:translateY(0);opacity:1}

.related-wrap{position:relative;margin-top:120px;padding:40px;background:#f3f3f3;}
.related-wrap h3{display:inline-block;margin-bottom:25px;font-size:1.75rem;line-height:1.4}
/* .related-wrap h3:after{margin-left:15px} */
.related-wrap .swiper-related-prev,
.related-wrap .swiper-related-next{position:absolute;top:48px;width:24px;height:24px;background:#888;cursor:pointer}
.related-wrap .swiper-related-prev{right:78px}
.related-wrap .swiper-related-next{right:48px}
.related-wrap .swiper-related-prev:before,
.related-wrap .swiper-related-next:before{content:'';position:absolute;top:7px;left:9px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(-135deg)}
.related-wrap .swiper-related-next:before{left:4px;transform:rotate(45deg)}
.related-wrap .swiper-slide{display:flex;/*justify-content:center;*/align-items:center}
.related-wrap .swiper-slide span{width:calc(100% / 6);text-align:center}
/* .related-wrap .swiper-slide{display:flex;align-items:center}
.related-wrap .swiper-slide li{width:calc(100% / 6);text-align:center} */

.related-orgs{position:relative;margin-top:120px;padding:40px;background:#f9f9f9;}
.related-orgs h3{margin-bottom:48px;font-size:1.5rem}
.related-orgs h3:after{margin-left:15px}
.related-orgs .swiper-related-prev,
.related-orgs .swiper-related-next{position:absolute;top:48px;width:24px;height:24px;background:#888;cursor:pointer}
.related-orgs .swiper-related-prev{right:78px}
.related-orgs .swiper-related-next{right:48px}
.related-orgs .swiper-related-prev:before,
.related-orgs .swiper-related-next:before{content:'';position:absolute;top:7px;left:9px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(-135deg)}
.related-orgs .swiper-related-next:before{left:4px;transform:rotate(45deg)}
.related-orgs .swiper-slide{display:flex;justify-content:center;align-items:center;}
.related-orgs .swiper-slide a{outline-offset:-2px;}

.family-main .main-news .main-news-wrap .news-box{width:calc((100% - 78px) / 2)}

/* 해외경제연구소 */
.family-oe .main-visual > .cont-box{padding:288px 0 60px}
.family-oe .main-visual > .cont-box .txt-area{padding-left:602px}
.family-oe .search-country{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;background:#fff;border-radius:10px}
.family-oe .search-country .tit{display:inline-block;margin-right:40px;font-weight:bold;font-size:1.5rem}
.family-oe .search-country select{width:274px;color:#888}
.family-oe .search-country .wrap{display:flex;align-items:center}
.family-oe .search-country .wrap .sub-wrap{margin-left:10px}
.family-oe .search-country .wrap .sub-wrap > *{display:inline-block;vertical-align:top}
.family-oe .search-country .wrap .sub-wrap select + .btn-search{margin-left:6px}
.family-oe .search-country .btn-typeA.small{width:155px;height:48px;border-radius:5px;line-height:34px;text-align:center}

.family-oe .pop-overseas{padding:0;width:1120px;border-radius:10px}
.family-oe .pop-overseas .map-area:before{background-image:url('../img/content/bg_overseas_map02.svg')}
.family-oe .pop-overseas .area-link{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:956px;height:469px}
.family-oe .pop-overseas .area-link > li{position:absolute}
.family-oe .pop-overseas .area-link > li > button{display:inline-block;font-weight:bold;font-size:1.25rem;line-height:1.5;text-align:center;color:#2E81F8;}
.family-oe .pop-overseas .area-link > li.asia{top:134px;left:371px}
.family-oe .pop-overseas .area-link > li.eu{top:32px;left:274px}
.family-oe .pop-overseas .area-link > li.middle-east{top:148px;left:137px}
.family-oe .pop-overseas .area-link > li.africa{top:235px;left:118px}
.family-oe .pop-overseas .area-link > li.oceania{top:376px;left:552px}
.family-oe .pop-overseas .area-link > li.america{top:79px;left:706px}
.family-oe .pop-overseas .area-link > li.latin{top:279px;left:841px}
.family-oe .pop-overseas .area-link > li.latin > button{line-height:1}
.family-oe .pop-overseas .layer-close{top:0;right:0}
.family-oe .pop-overseas .select-area{display:flex;justify-content:space-between;align-items:center;padding:32px 60px 32px 40px;border-bottom:1px solid #E3E4E5}
.family-oe .pop-overseas .select-area .tit{font-weight:bold;font-size:1.25rem}
.family-oe .pop-overseas .select-area .radio-group-box .radio-box{margin:0 6px 0 0}
.family-oe .pop-overseas .select-area .chk-label-typeA{padding:11px 25px}
.family-oe .pop-overseas .overseas-wrap{margin:0;border:none;}

.family-oe .main-info{padding:100px 0 98px;background: url('../img/main/bg_cont02.png') 0 bottom no-repeat}
.family-oe .main-info .bullets{margin-top:18px;text-align:right}
.family-oe .main-info .bullets span ~ span{margin-left:40px}
.family-oe .main-info .bullets .swiper-custom-page{font-weight:500;font-size:1.75rem;line-height:1.4}
.family-oe .main-info .bullets .swiper-custom-page.active{/*border-bottom:1px solid #161E27;*/font-weight:bold;color:#2E81F8}

.main-oe-info ul{display:flex;flex-wrap:wrap;margin:32px 0 0 -32px}
.main-oe-info li{position:relative;display:flex;align-items:center;margin:32px 0 0 32px;padding-left:152px;width:352px;height:168px;background:#F5F6F7;letter-spacing:-1px}
.main-oe-info li:before{content:'';position:absolute;top:50%;left:24px;transform:translateY(-50%);/*margin:0 24px;*/width:104px;height:104px;background:url('../img/main/spr_oe01.svg') no-repeat}
.main-oe-info li strong{display:block;margin-bottom:10px;font-size:1.375rem;line-height:1.3}
.main-oe-info li span{font-size:1rem;color:#888}
.main-oe-info .slide1 li:nth-child(2):before{background-position-x:-104px}
.main-oe-info .slide1 li:nth-child(3):before{background-position-x:-208px}
.main-oe-info .slide1 li:nth-child(4):before{background-position-x:-312px}
.main-oe-info .slide1 li:nth-child(5):before{background-position-x:-416px}
.main-oe-info .slide1 li:nth-child(6):before{background-position-x:-520px}

/* .main-oe-info .slide2 ul{width:768px} */
.main-oe-info .slide2 li:nth-child(1):before{background-position:0 -104px}
.main-oe-info .slide2 li:nth-child(2):before{background-position:-104px -104px}
.main-oe-info .slide2 li:nth-child(3):before{background-position:-208px -104px}
.main-oe-info .slide2 li:nth-child(4):before{background-position:-312px -104px}

.main-oe-info + .swiper-button-wrap{margin-top:85px}

.family-oe .main-news{padding-bottom:127px; padding-top: 100px;}
.family-oe .main-news .qr-link{display:flex;position:absolute;top:30px;left:calc(50% + 16px)}
.family-oe .main-news .qr-link li{display:flex;align-items:center;font-weight:bold;font-size:1.125rem}
.family-oe .main-news .qr-link li ~ li{margin-left:53px}
.family-oe .main-news .qr-link li figure{margin-right:24px}
.family-oe .main-news .qr-link li small{display:block;font-weight:normal;font-size:0.875rem}
.family-oe .main-news .news-box{padding-left:0;width:auto}
.family-oe .main-news .news-box:nth-child(odd){width:500px}
.family-oe .main-news .news-box:nth-child(even){width:542px}
.family-oe .main-news .news-box:before{display:none}
.family-oe .main-news .news-box h3{margin-bottom:24px}

.family-oe .news-report{width:469px !important}
.family-oe .news-report .swiper-container{margin:0;/*width:470px*/}
.family-oe .news-report .swiper-slide{display:flex;justify-content:space-between;align-items:flex-start;padding:0 15px 15px 0}
.family-oe .news-report .swiper-slide > span{flex:1}
.family-oe .news-report .swiper-slide .tit{display:block;margin-bottom:12px;font-weight:500;font-size:1.5rem;color:#2E81F8}
.family-oe .news-report .swiper-slide .txt{font-size:1.625rem;word-break:keep-all}
.family-oe .news-report .swiper-slide figure{margin-left:45px;border:1px solid #707070;box-shadow:1px 2px 10px 1px rgba(0,0,0,0.13);font:0/0 arial; width: 93px; /*height: 127px; */overflow: hidden;}
.family-oe .news-report .swiper-slide figure img{width:100%}
.family-oe .news-report .swiper-control{position:absolute;top:0;right:15px}

.family-oe .main-news .banner-area{display:flex;margin-top:74px}
.family-oe .main-news .banner-area a,
.family-oe .main-news .banner-area a img{display:block}

/* 희망씨앗 */
.family-hs .main-visual .swiper-control{position:absolute;top:auto;bottom:38%;left:50%;margin-left:-80px}
.family-hs .main-visual .swiper-pagination-bullet{margin:0 5px;width:6px;height:6px;background:#a1a1a1}
.family-hs .main-visual .swiper-pagination-bullet-active{width:31px;background:#3399FF}
/* .family-hs .main-visual .btn-autoplay{width:16px;height:16px;background-position-x:5px} 
.family-hs .main-visual .btn-autoplay.stop{background-position-x:-15px}*/
.family-hs .main-visual .txt-area{position:absolute;top:65.4%;left:50%;margin-left:-80px}
.family-hs .main-visual .txt-area .tt{font-weight:bold}

.family-hs .main-cont-menu .swiper-container img{height:292px}

/* 인재채용 */
/* .main-recruit{padding:100px 0 98px;background: url('/humanframe/theme/resources/assets/img/main/main_cont_bg.png') no-repeat -360px -50px;background-size:60%} */
.family-rr .main-visual .cont-box{padding-top:248px}
.family-rr .main-visual .txt-area .tt{font-weight:500}
.family-rr .main-visual .txt-area .c-point{font-weight:bold}
.family-rr .swiper-visual.swiper-container{width:100%;height:100vh}

.family-rr .main-recruit{padding-bottom:100px}
.family-rr .recruit-list{font-size:1.5rem}
.family-rr .recruit-list li{position:relative;margin-top:64px;padding-right:100px}
.family-rr .recruit-list li .d-day{margin-left:12px;color:#2E81F8}
.family-rr .recruit-list li .recruit-state{color:#2E81F8}
.family-rr .recruit-list li .recruit-state.finish{color:#888}
.family-rr .recruit-list li .subject{display:block;margin:20px 0 12px;line-height:1.4}
.family-rr .recruit-list li .date{font-size:1.25rem;line-height:1;color:#888}
.family-rr .recruit-list li .date .time{margin-left:5px}
.family-rr .recruit-list li .btn{position:absolute;top:53px;right:0;font-weight:bold;font-size:1.375rem;line-height:1}
.family-rr .recruit-list li .btn:after{content:'';display:inline-block;margin-left:20px;width:48px;height:48px;border-radius:50%;background:#1F2935 url('../img/main/ico_arrow.png') center no-repeat;vertical-align:middle}

.family-rr .recruit-none{display:flex;justify-content:center;align-items:center;margin:64px 0 127px;padding:80px 0;border:1px solid #E3E4E5;background:#fff;font-size:1.125rem}
.family-rr .recruit-none:before{content:'';margin-right:40px;width:120px;height:120px;background:url('../img/main/ico_recruit_none.png') no-repeat}
.family-rr .recruit-none strong{display:block;margin-bottom:8px;font-size:1.75rem;color:#000;letter-spacing:-0.05em}

.family-rr .recruit-banner{display:flex;justify-content:flex-end;margin-top:80px;text-align:right}
.family-rr .recruit-banner .swiper-container{width:100%;height:100%;background:#fff}
.family-rr .recruit-banner .swiper-slide{padding:35px 32px 0}
.family-rr .recruit-banner .swiper-control{position:absolute;bottom:20px;left:32px}
.family-rr .recruit-banner ul{overflow:hidden;text-align:left}
.family-rr .recruit-banner ul li{float:left;width:272px;height:214px}
/* .family-rr .recruit-banner ul li .link-arr:after{border-color:#fff} */
.family-rr .recruit-banner ul li .link-arr:after{margin:0;background:url('../img/main/ico_link_arr_white.png') center no-repeat;/*vertical-align:-1px*/}
/* .family-rr .recruit-banner ul li:first-child{border:1px solid #E3E5E6} */
.family-rr .recruit-banner ul li .swiper-container{border:1px solid #E3E5E6} /* Tobe Edit 2022-04-28 ST02CLHP0426 - HPHFRR001M01 */
.family-rr .recruit-banner ul li > a{position:relative;display:inline-block;padding:32px 0 0 32px;width:272px;height:214px;font-weight:bold;font-size:1.625rem;color:#fff}
.family-rr .recruit-banner ul li > a:after{content:'';position:absolute;bottom:20px;right:20px;width:104px;height:104px;background:url('../img/main/spr_recruit.svg') no-repeat}
.family-rr .recruit-banner ul li > a.qna{background:#3388FF}
.family-rr .recruit-banner ul li > a.faq{background:#286EF0}
.family-rr .recruit-banner ul li > a.faq:after{background-position-x:right}

/* 히든챔피언 */
.family-hc .main-visual .cont-box .txt-area{position:absolute;bottom:200px}

.family-hc .main-news .news-box:before{top:3px}
.family-hc .main-news .recent{display:initial}
.family-hc .main-news .recent > a{width:100%}
.family-hc .main-news .recent .date{display:block;margin-top:17px}

/* 남북경제협력기금 */
.family-se .main-service .slide2 .main-cont-menu{width:352px;letter-spacing:-1px}
.family-se .main-img-list h3{margin-bottom:16px !important}
.family-se .main-img-list ul{width:464px}
.family-se .main-img-list img{box-shadow:0 2px 13px -3px rgba(0,0,0,0.3)}

.fund-status{position:relative;width:100%;height:151px;background:rgba(54,57,80,.92)}
.fund-status h2{position:absolute;top:0;left:40px;transform:translateY(-50%);padding:6px 12px;background:#009DDF;font-size:1.25rem;color:#fff}
.fund-status h2 span{font-weight:normal;font-size:0.875rem}
.fund-status ul{display:flex;align-items:center;height:100%}
.fund-status li{position:relative;width:calc(100% / 3);font-size:1.5rem;text-align:center;color:#fff}
.fund-status li ~ li:before{content:'';position:absolute;top:50%;left:0;margin-top:-20px;width:1px;height:40px;background:rgba(221,221,221,.3)}
.fund-status li strong{margin-right:15px;font-size:2.375rem;color:#35CEF7;vertical-align:-4px}
.fund-status li:nth-child(2) strong{color:#3388FF}
.fund-status li:nth-child(3) strong{color:#03BCAA}

/* EDCF */  
.family-edcf{background:url('../img/main/bg_cont.png') 0 794px no-repeat}
.family-edcf .main-cont{padding:50px 0;min-height:auto; height: auto;}
.family-edcf .main-cont-title{margin-bottom:20px;font-weight:bold;font-size:1.5rem !important;letter-spacing:0}
.family-edcf .main-pending .cont-box{position:relative;}
[lang=ko] .family-edcf .main-pending .cont-box{width:1696px;}
[lang=ko] .family-edcf .main-pending .cont-box > .main-cont-title{position:absolute;left:288px;top:44px;z-index:2;}
[lang=ko] .family-edcf .main-pending{height:515px;margin-top:15px;padding:0;background:#32AFF1;box-sizing:border-box;}/* TobeEdit 2022-03-18 */
[lang=en] .family-edcf .main-pending{background:#EAF4FD; margin-top:145px;}/* TobeEdit 2022-03-22 */
.family-edcf .main-pending .swiper-container{padding-bottom:25px}
.family-edcf .main-pending .swiper-slide{display:flex;justify-content:center;width:530px}
.family-edcf .main-pending .swiper-slide .txt{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:absolute;top:50%;left:0;transform:translateY(-50%);padding:0 57px;width:100%;text-overflow:ellipsis;font-weight:bold;font-size:1.75rem;color:#fff;text-align:center}
.family-edcf .swiper-control{text-align:center}
.family-edcf .btn-more{position:absolute;top:0;right:0;transform:translateY(50%)}
.family-edcf .btn-more > a{overflow:hidden;display:block;width:17px;height:17px;background:url('../img/main/spr_ico_more.png') no-repeat;text-align:center;font:0/0 arial}
/* .family-edcf .btn-more > a:before{content:'';display:inline-block;width:3px;height:100%;background:#ccc}
.family-edcf .btn-more > a:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:3px;background:#ccc} */

.swiper-container-horizontal > .swiper-scrollbar{left:0;bottom:0;width:100%;height:3px}
.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag{background:#3388FF}

.family-edcf .swiper-button-prev,
.family-edcf .swiper-button-next{display:flex;justify-content:center;align-items:center;transform:translateY(-50%);margin:0;width:64px;height:64px;background:rgba(0,0,0,.3)}
.family-edcf .swiper-button-prev{left:0}
.family-edcf .swiper-button-next{right:0}
.family-edcf .swiper-button-prev:before,
.family-edcf .swiper-button-next:before{content:'';display:inline-block;width:20px;height:20px;border-right:2px solid #fff;border-bottom:2px solid #fff}
.family-edcf .swiper-button-prev:before{transform:translateX(25%) rotate(135deg)}
.family-edcf .swiper-button-next:before{transform:translateX(-25%) rotate(-45deg)}

.family-edcf .main-event ul{display:flex;/*justify-content:space-between*/}
.family-edcf .main-event ul li{width:340px}
.family-edcf .main-event ul li > a,
.family-edcf .main-event ul li > a > *{display:block}
.family-edcf .main-event ul li > a{padding:40px;width:340px;border:1px solid #ddd;background:#F2F3F5}
.family-edcf .main-event ul li > a:hover,
.family-edcf .main-event ul li > a:focus{border-color:#3388FF;background:#3388FF;color:#fff}
.family-edcf .main-event ul li .date{padding-bottom:15px;border-bottom:1px solid #ddd;font-weight:bold;font-size:1.125rem}
.family-edcf .main-event ul li .tit{margin:15px 0;font-weight:bold;font-size:1.375rem;letter-spacing:-0.05rem;line-height:1.4}

.family-edcf .main-news .cont-box{display:flex;justify-content:space-between}
.family-edcf .main-news .news-box{width:520px}
.family-edcf .news-tab-wrap{position:relative;height:240px}
.family-edcf .news-tab-wrap > li{float:left}
.family-edcf .news-tab-wrap > li ~ li{margin-left:10px;padding-left:10px}
.family-edcf .news-tab-wrap > li > .tit{position:relative;z-index:50;display:inline-block;font-weight:bold;font-size:1.5rem;color:#888;cursor:pointer}
.family-edcf .news-tab-wrap > li > .tit.on{color:#000}
.family-edcf .news-tab-wrap > li > .tit.on:after{content:'';position:absolute;bottom:-9px;left:0;width:100%;height:2px;background:#3388FF}
.family-edcf .news-tab-wrap > li:nth-child(2) > .tit:before{content:'';position:absolute;top:50%;left:-10px;margin-top:-12px;width:1px;height:23px;background:#E8E9EB}
.family-edcf .news-tab-wrap > li > .tit.on + .list-wrap{display:block}
.family-edcf .news-tab-wrap .list-wrap{display:none}
.family-edcf .news-tab-wrap .list-wrap > ul{position:absolute;top:46px;left:0;padding-top:15px;width:100%;border-top:1px solid #6a737c}

.family-edcf .main-news-list li ~ li{margin-top:7px}
.family-edcf .main-news-list{width:100%;letter-spacing:-0.03em}
.family-edcf .main-news-list li,
.family-edcf .main-news-list .date{font-size:1.125rem;line-height:1.6}
.family-edcf .main-news-list li > a{max-width:374px}
.family-edcf .ico-new{width:20px;height:20px;background-color:#FE8015;border-radius:50%}
.family-edcf .ico-new:before{font-size:0.6875rem}

.family-edcf .main-news .popup-box{position:relative;width:518px}
.family-edcf .main-news .popup-box .swiper-pagination{top:10px;right:0;text-align:right}
.family-edcf .main-news .popup-box a{display:block}
.family-edcf .main-news .swiper-control{position:absolute;top:13px;right:0}
.pc .family-edcf .main-news .btn-autoplay{display:none}
.pc .family-edcf .main-news .popup-box .swiper-pagination-bullet-active{width:10px;height:10px;background-color:#3388FF}
.pc .family-edcf .main-news .popup-box .swiper-pagination-bullet{width:10px;height:10px}

.family-edcf .main-business{padding-bottom:60px}
.family-edcf .main-business .swiper-slide .txt{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-weight:bold;font-size:1.375rem;color:#fff;text-align:center}
.family-edcf .main-business .swiper-slide > a,
.family-edcf .main-business .swiper-slide img{display:block;width:100%;}/* TobeEdit 2022-05-03 ST02CLHP0440 - HPHFFE001M01 width값 추가 */

.family-edcf .main-business .swiper-slide a {display:block;width:100%;height:100%;}
.family-edcf .main-business .swiper-slide .txt {display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:0;background:rgba(0, 0, 0, .32);transition:all .3s ease;}
.family-edcf .main-business .swiper-slide a:hover .txt {background:rgba(0, 0, 0, 0);}

.family-edcf .main-bidding{padding:45px 0;background:#F2F3F5}
.family-edcf .main-bidding .main-news-list li{letter-spacing:-0.045em}
.family-edcf .main-bidding .main-news-list li .date{color:#333}
.family-edcf .main-bidding .news-tab-wrap{display:flex;justify-content:space-between;height:185px}
.family-edcf .main-bidding .news-tab-wrap .list-wrap > ul{padding:0;border:none}
.family-edcf .main-bidding .news-tab-wrap > li{position:relative;width:520px}
.family-edcf .main-bidding .news-tab-wrap > li ~ li{margin:0;padding:0}
.family-edcf .main-bidding .news-tab-wrap > li > .tit{display:inline-block;margin-bottom:12px;font-weight:bold;font-size:1.5rem;color:#333;cursor:default}
.family-edcf .main-bidding .news-tab-wrap > li > .tit:before,
.family-edcf .main-bidding .news-tab-wrap > li > .tit:after{display:none}
.family-edcf .main-bidding .news-tab-wrap > li > .tit + .list-wrap{display:block}

.family-edcf .main-info{padding-bottom:200px}
.family-edcf .report{display:flex;justify-content:space-between;margin-bottom:53px}
.family-edcf .report li > a{position:relative;display:flex;align-items:center;padding-left:42px;width:540px;height:100px;border:2px solid #666;font-weight:500;font-size:1.5rem;letter-spacing:-0.045em;color:#333}
/* .family-edcf .report li > a.link-arr:after{position:absolute;top:50%;right:47px;margin-top:-5px;width:11px;height:11px;border-width:1px;border-color:#9A9A9A} */
.family-edcf .report li > a.link-arr:after{position:absolute;top:50%;right:47px;margin-top:-5px;width:11px;height:11px;border-width:1px;border-color:#9A9A9A;border-top:1px solid #9A9A9A;border-right:1px solid #9A9A9A;transform:rotate(45deg);background:none}

.family-edcf .statistic-list{position:relative}
.family-edcf .statistic-list ul{display:flex;justify-content:space-between}
.family-edcf .statistic-list li{width:calc((100% - 90px) / 4)}
.family-edcf .statistic-list li > a{display:flex;align-items:center;padding-left:40px;height:120px;border:1px solid #ddd;font-weight:500;font-size:1.25rem;letter-spacing:-0.03em;line-height:1.3}
.family-edcf .statistic-list li > a:before{content:'';display:inline-block;margin-right:16px;width:64px;height:64px;background:url('../img/main/spr_edcf01.svg') no-repeat}
.family-edcf .statistic-list li:nth-child(2) > a:before{background-position-x:-64px}
.family-edcf .statistic-list li:nth-child(3) > a:before{background-position-x:-128px}
.family-edcf .statistic-list li:nth-child(4) > a:before{background-position-x:-192px}

[lang=en] .family-edcf .statistic-list li{width:calc((100% - 80px) / 3)}
[lang=en] .family-edcf .statistic-list li > a{padding-left:0;justify-content:center}
[lang=en] .family-edcf .statistic-list li > a:before{background-image:url('../img/main/spr_edcf02.svg')}

.family-edcf .edcf-info{display:flex;margin-top:60px}
.family-edcf .edcf-info li{display:flex;flex-direction:column;align-items:center;width:50%;background-color:#3388FF}
.family-edcf .edcf-info li:nth-child(2){background-color:#0072DE}
.family-edcf .edcf-info li .cont{position:relative;padding:32px 40px 32px 30px;width:100%}
/* .family-edcf .edcf-info li .cont > a{display:block;pointer-events:none;color:#fff} */
.family-edcf .edcf-info li .cont > *{color:#fff}
.family-edcf .edcf-info li .cont .tit{display:block;margin-bottom:15px;font-weight:bold;font-size:1.5rem}
.family-edcf .edcf-info li img{width:100%}

.family-edcf .edcf-info li .cont .btn-more{top:33px;right:40px}
.family-edcf .edcf-info li .cont .btn-more a{background-position-x:-17px}

/* mobile */
.mob .main-video{padding-top:80px}
.mob .main-video .swiper-control{left:auto; margin:0; right: 0; top: 20px; }

.mob .service-banner .swiper-pagination-bullet,
.mob .main-pending .swiper-pagination-bullet,
.mob .popup-box .swiper-pagination-bullet{margin-left:8px;width:4px;height:4px}
.mob .service-banner .swiper-pagination-bullet-active,
.mob .main-pending .swiper-pagination-bullet-active,
.mob .popup-box .swiper-pagination-bullet-active{width:20px}

/* family mobile */
.mob .main-service .inner .cont-box{height:auto}
.mob header{background:rgba(255,255,255,0.5)}
.mob .header-util{background:none}
.mob .main-visual > figure{height:536px}
.mob .main-visual > .cont-box{padding:130px 20px 0}
.mob .main-visual .txt-area .tt{font-size:1.5rem;/*line-height:1.3*/}
.mob .main-visual .txt-area .txt{font-size:1rem}
.mob .swiper-visual .cont-box .swiper-control{position:absolute;top:-30px;left:20px}
.mob .main-visual .swiper-container > .cont-box{top:130px;left:0;margin:0;padding:0 20px;width:100%}
.mob .main-visual .swiper-container > .cont-box .swiper-control{top:-22px}

.mob .family-main .main-visual .txt-area .tt{letter-spacing:-0.015em}

.mob .family-main .main-service,
.mob .global-main .main-service{padding-bottom:20px}
.mob .family-main .main-service .bullets{justify-content:flex-start}
.mob .family-main .main-service .bullets span ~ span{margin-left:18px}
.mob .family-main .service-banner{margin-top:44px;padding-bottom:0}

.mob .family-main .swiper-visual{height:auto !important}
.mob .family-main .swiper-visual .swiper-wrapper{height:536px}
.mob .family-main .main-visual .txt-area{left:20px;margin-left:0;padding:0}

.mob .family-main .main-news,
.mob .global-main .main-news{padding-top:60px}
.mob .family-main .main-news .main-news-wrap{margin-top:0}

.mob .related-wrap{margin-top:48px;padding:0;background:none}
.mob .related-wrap h3{margin-bottom:20px;font-size:1.25rem;line-height:1.5}
.mob .related-wrap h3:after{vertical-align:-5px}
.mob .related-wrap .swiper-related-prev,
.mob .related-wrap .swiper-related-next{top:2px}
.mob .related-wrap .swiper-related-prev{right:30px}
.mob .related-wrap .swiper-related-next{right:0}
.mob .related-wrap .swiper-related{background:#fff} /* TobeEdit 2022-04-11 */
.mob .related-wrap .swiper-slide{flex-wrap:wrap;justify-content:space-between;padding:0 16px}
.mob .related-wrap .swiper-slide span{padding:16px 0;width:calc(50% - 8px)}
/* .mob .related-wrap .swiper-slide{display:flex;flex-wrap:wrap}
.mob .related-wrap .swiper-slide li{position:relative;padding:16px;width:50%}
.mob .related-wrap .swiper-slide li:nth-child(2n):before{content:'';position:absolute;top:50%;left:0;margin-top:-32px;width:1px;height:64px;background:#ddd} */

.mob .ico-new{position:relative;display:inline-block;margin-top:-2px;margin-left:5px;width:20px;height:20px}
.mob .ico-new:before{font-size:0.75rem;line-height:1.5}

.mob .main-news .main-news-wrap .main-img-list:before{height:calc(100% - 7px) !important}
.mob .main-img-list ul li ~ li{margin-top:20px}
.mob .main-img-list ul li > a > span{margin-top:10px;font-weight:500;line-height:1.4}

/* EDCF */
.mob .family-edcf .main-cont{padding-top:50px;margin-top:0;}
.mob .family-edcf .btn-autoplay{width:12px;height:12px;background:url('../img/spr_s_btn_autoplay.png') no-repeat}
.mob .family-edcf .btn-autoplay.stop{background-position:bottom}
.mob .family-edcf .main-pending{padding-top:90px;padding-bottom:40px}
.mob .family-edcf .main-pending .swiper-container{padding-bottom:0}
.mob .family-edcf .main-pending .swiper-slide .txt{-webkit-line-clamp:3;padding:0 20px;font-size:1.375rem;line-height:1.3}
.mob .family-edcf .main-pending .swiper-button-prev,
.mob .family-edcf .main-pending .swiper-button-next,
.mob .family-edcf .main-pending .swiper-scrollbar{display:none}
/* TobeEdit 2022-03-22 */
[lang=ko] .mob .family-edcf{background:none}
[lang=ko] .mob .main-cont.main-pending{background:none}
[lang=ko] .mob .family-edcf .main-pending .cont-box{width:100%;}
[lang=ko] .mob .family-edcf .main-pending .cont-box > .main-cont-title{top: 30px;left: 20px;}
[lang=ko] .mob .family-edcf .main-pending{padding-top:55px;padding-bottom:0px}
[lang=ko] .mob .family-edcf .main-pending{height: auto;}

.mob .family-edcf .btn-more > a{height:16px;background-position-y:-17px}

/* .mob .family-edcf .swiper-control{margin-top:20px;text-align:center; top: -10px; right: 10px;} */
.mob .family-edcf .swiper-control{position:static;margin-top:20px;text-align:center}
.mob .family-edcf .swiper-control.mo-block{display:flex !important;justify-content:center}

.mob .family-edcf .main-event ul{justify-content:flex-start}
.mob .family-edcf .swiper-container{width:100%}
.mob .family-edcf .main-event ul li{width:100% !important}
.mob .family-edcf .main-event ul li > a{width:100%}

.mob .family-edcf .main-news .cont-box{display:block}
.mob .family-edcf .main-news .news-box{width:100%}
.mob .family-edcf .main-news .swiper-control{position:absolute;top:7px;right:0;margin:0}
.mob .family-edcf .news-tab-wrap{height:230px}
.mob .family-edcf .news-tab-wrap > li > .tit{letter-spacing:-0.03em}
.mob .family-edcf .news-tab-wrap > li > .tit:not(.on){font-weight:500}
.mob .family-edcf .main-news .popup-box{margin-top:50px;width:100%}
.mob .family-edcf .main-news-list li ~ li{margin-top:3px}
.mob .family-edcf .main-news-list li > a{max-width:calc(100% - 30px)}

.mob .family-edcf .main-business{padding-bottom:0}
.mob .family-edcf .main-business .swiper-slide{width:80% !important}
.mob .family-edcf .main-business .swiper-slide .txt{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-weight:bold;font-size:1.375rem;color:#fff;text-align:center}
.mob .family-edcf .main-business .btn-more,
.mob .family-edcf .main-business .swiper-button-prev,
.mob .family-edcf .main-business .swiper-button-next{display:none}


.mob .family-edcf .main-bidding{padding-bottom:0;background:none}
.mob .family-edcf .main-bidding .news-tab-wrap{display:block;height:193px}
.mob .family-edcf .main-bidding .news-tab-wrap .list-wrap > ul{border-top:1px solid #E3E4E5;padding-top:15px}
.mob .family-edcf .main-bidding .news-tab-wrap > li{position:static;width:auto}
.mob .family-edcf .main-bidding .news-tab-wrap > li ~ li{margin-left:10px;padding-left:10px}
.mob .family-edcf .main-bidding .news-tab-wrap > li > .tit{margin-bottom:0;font-weight:bold;font-size:1.5rem;color:#888}
.mob .family-edcf .main-bidding .news-tab-wrap > li > .tit.on{color:#333}
.mob .family-edcf .main-bidding .news-tab-wrap > li > .tit:before,
.mob .family-edcf .main-bidding .news-tab-wrap > li > .tit:after{display:block}
.mob .family-edcf .main-bidding .news-tab-wrap > li > .tit:not(.on) + .list-wrap{display:none}

.mob .family-edcf .main-info{padding-bottom:0}
.mob .family-edcf .report{display:block;margin-bottom:53px}
.mob .family-edcf .report li ~ li{margin-top:14px}
.mob .family-edcf .report li > a{padding-left:22px;width:100%;height:70px;font-size:1.125rem}
.mob .family-edcf .report li > a.link-arr:after{right:20px;margin-top:-3px;width:7px;height:7px;border-width:2px;border-color:#000}

.mob .family-edcf .statistic-list ul{flex-wrap:wrap;padding:20px 0;background:#F5F6F7;border:1px solid #ECECEC}
.mob .family-edcf .statistic-list li{width:50%;text-align:center}
.mob .family-edcf .statistic-list li:not(:nth-child(-n+2)){margin-top:25px}
[lang=en] .mob .family-edcf .statistic-list ul{justify-content:space-between;padding:30px 20px}
[lang=en] .mob .family-edcf .statistic-list li{width:auto}
[lang=en] .mob .family-edcf .statistic-list li{margin:0}
.mob .family-edcf .statistic-list li > a{position:relative;display:inline-block;padding-left:0;width:auto;height:auto;border:none;font-size:0.8125rem}
.mob .family-edcf .statistic-list li > a:before{position:relative;z-index:5;display:block;margin:8px auto 16px}
.mob .family-edcf .statistic-list li > a:after{content:'';position:absolute;top:0;left:50%;;transform:translateX(-50%);width:80px;height:80px;border-radius:50%;background:#fff}
.mob .family-edcf .statistic-list .btn-more{display:none}

.mob .family-edcf .edcf-info{display:block;margin-top:60px}
.mob .family-edcf .edcf-info li{display:block;width:100%}
.mob .family-edcf .edcf-info li ~ li{margin-top:30px}
.mob .family-edcf .edcf-info li .cont{padding:10px 30px 20px;font-size:0.875rem}
.mob .family-edcf .edcf-info li .cont > a{pointer-events:initial}
.mob .family-edcf .edcf-info li .cont .btn-more{top:7px;right:20px}
.mob .family-edcf .edcf-info li .cont .btn-more a{background-position-y:bottom}
.mob .family-edcf .edcf-info li .cont .tit{margin-bottom:10px;font-size:1.25rem}
.mob .family-edcf .edcf-info li .cont .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;}

.mob .main-service .edcf-info{display:block;margin-top:60px}
.mob .main-service .edcf-info li{display:block;width:100%}
.mob .main-service .edcf-info li .cont{padding:10px 30px 20px;font-size:0.875rem}
.mob .main-service .edcf-info li .cont > a{pointer-events:initial}
.mob .main-service .edcf-info li .cont .btn-more{top:7px;right:20px}
.mob .main-service .edcf-info li .cont .btn-more a{background-position-y:bottom}
.mob .main-service .edcf-info li .cont .tit{margin-bottom:10px;font-size:1.25rem}
.mob .main-service .edcf-info li .cont .txt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;}

.mob .main-service .edcf-info > li:nth-child(2){position:relative;margin-left:0px;margin-top:30px}
.mob .main-service .edcf-info img{display:block;width:100%;height:100%}

/* 해외경제연구소 */
.mob .family-oe .main-visual{padding-bottom:70px}
.mob .family-oe .main-visual > .cont-box{padding-bottom:20px}

.mob .search-country{padding:24px;box-shadow:1px 2px 25px 1px rgba(0,0,0,0.13)}
.mob .search-country .tit{display:block;margin:0 0 16px;font-size:1rem}
.mob .search-country select{width:100%}
.mob .search-country .wrap{flex-direction:column;align-items:flex-start;width:100%}
.mob .search-country .wrap .sub-wrap{display:flex;justify-content:space-between;margin:10px 0 15px;width:100%}
.mob .search-country .wrap .sub-wrap select{width:calc(100% - 58px)}
.mob .search-country .btn-typeA.small{width:100%}

.mob .family-oe .pop-overseas{overflow-x:hidden;padding:64px 20px 20px;width:100%;border-radius:0}
.mob .family-oe .pop-overseas .map-area:before{background-image:url('../img/content/bg_overseas_map.svg')}
.mob .family-oe .pop-overseas .area-link{display:none}
.mob .family-oe .pop-overseas .layer-close{width:42px;height:42px}
.mob .family-oe .pop-overseas .layer-title-big{margin-bottom:20px}
.mob .family-oe .pop-overseas .select-area{display:block;padding:0;border:none}
.mob .family-oe .pop-overseas .radio-group-box{margin:16px 0 32px}
.mob .family-oe .pop-overseas .radio-group-box .radio-box{display:flex;margin:0 10px 10px 0}
.mob .family-oe .pop-overseas .select-area .tit{font-weight:normal}

.mob .family-oe .overseas-wrap{margin-top:0;border:none;border-radius:0}
.mob .family-oe .overseas-wrap .map-area{position:relative;padding:0;height:auto}
.mob .family-oe .overseas-wrap .map-area:before{width:100%;height:200px;background-position:center;/*background-size:100%*/}

.mob .family-oe .main-info{padding-top:60px;background:none}
.mob .family-oe .main-info .bullets{margin-top:40px;text-align:left}
.mob .family-oe .main-info .bullets span ~ span{margin-left:16px}
.mob .family-oe .main-info .bullets .swiper-custom-page{font-size:0.9375rem}

.mob .main-oe-info ul{display:block;margin:30px 0 0}
.mob .main-oe-info li{display:flex;align-items:center;padding-left:106px;margin:20px 0 0;width:100%;height:110px;letter-spacing:0}
.mob .main-oe-info li:before{/*margin:0 16px 0 20px;*/left:20px;width:70px;height:70px;background:url('../img/main/spr_oe01.svg') no-repeat;background-size:350px}
.mob .main-oe-info li strong{margin-bottom:5px;font-size:1rem;line-height:1.3}
.mob .main-oe-info li span{display:block;font-size:0.8125rem;line-height:1.5}
.mob .main-oe-info .slide1 li:nth-child(2):before{background-position-x:-70px}
.mob .main-oe-info .slide1 li:nth-child(3):before{background-position-x:-140px}
.mob .main-oe-info .slide1 li:nth-child(4):before{background-position-x:-210px}
.mob .main-oe-info .slide1 li:nth-child(5):before{background-position-x:-280px}
.mob .main-oe-info .slide1 li:nth-child(6):before{background-position-x:-350px}

.mob .main-oe-info .slide2 ul{width:100%}
.mob .main-oe-info .slide2 li:nth-child(1):before{background-position:0 -70px}
.mob .main-oe-info .slide2 li:nth-child(2):before{background-position:-70px -70px}
.mob .main-oe-info .slide2 li:nth-child(3):before{background-position:-140px -70px}
.mob .main-oe-info .slide2 li:nth-child(4):before{background-position:-210px -70px}

.mob .main-oe-info + .swiper-button-wrap{display:none}

.mob .family-oe .main-news{padding-top:80px;padding-bottom:0}
.mob .family-oe .main-news .qr-link{display:block;position:static;margin-top:48px}
.mob .family-oe .main-news .qr-link li ~ li{margin:20px 0 0}
.mob .family-oe .main-news .qr-link li figure{margin-right:16px}
.mob .family-oe .main-news .qr-link li small{font-size:1rem}
.mob .family-oe .main-news .news-box{padding-left:22px}
.mob .family-oe .main-news .news-box:before,
.mob .family-oe .main-news .news-box.news-img .inner:before{display:block;height:calc(100% - 7px) !important}
.mob .family-oe .main-news .news-report{width:100% !important}
.mob .family-oe .main-news .news-report:before{height:calc(100% - 20px) !important}


.mob .main-news-list{width:100%}
.mob .main-news-list li{font-size:1.125rem}
.mob .main-news-list li  ~ li{margin-top:8px}
.mob .main-news-list li > a{max-width:calc(100% - 30px)}
.mob .main-news-list li .date{display:none}

.mob .family-oe .news-report .swiper-slide > span{align-items:flex-start}
.mob .family-oe .news-report .swiper-container{width:100%}
/* .mob .family-oe .news-report .swiper-slide > span{flex:initial} */
.mob .family-oe .news-report .swiper-slide .tit{margin-bottom:7px;font-size:1.125rem}
.mob .family-oe .news-report .swiper-slide .txt{font-size:1.125rem}
.mob .family-oe .news-report .swiper-slide figure{margin-left:10px;width:63px;height:auto}
/* .mob .family-oe .news-report .swiper-slide figure img{width:63px;max-width:initial} */
.mob .family-oe .news-report .swiper-control{right:15px}

.mob .family-oe .main-news .banner-area{flex-direction:column;margin-top:80px}
.mob .family-oe .main-news .banner-area li ~ li{margin-top:20px}

/* 희망씨앗 */
.mob .family-hs .swiper-visual .swiper-control{bottom:132px;left:20px;margin:0}
/* .mob .family-hs .swiper-visual .swiper-slide .cont-box{position:absolute;top:auto;bottom:30px;padding:0 20px;height:auto} */
.mob .family-hs .swiper-visual .swiper-slide .txt-area{top:auto;bottom:30px}
/* .mob .family-hs .main-service{padding-bottom:20px} */
.mob .family-hs .main-news{padding-top:60px}

/* 인재채용 */
.mob .family-rr .main-visual .txt-area .tt{font-weight:bold;letter-spacing:-0.015em;line-height:1.4}
.mob .family-rr .recruit-list li{margin-top:30px;padding:0 0 30px;border-bottom:1px solid #E3E5E6;font-size:1.125rem}
.mob .family-rr .recruit-list li:first-child{margin-top:40px}
.mob .family-rr .recruit-list li .subject{margin-top:10px}
.mob .family-rr .recruit-list li .date{display:none}
.mob .family-rr .recruit-list li .btn{position:static;display:block;margin-top:15px;font-size:1rem}
.mob .family-rr .recruit-list li .btn:after{margin-left:10px;width:32px;height:32px}

.mob .family-rr .recruit-none{display:block;margin:54px 0 56px;padding:48px 0;font-size:0.875rem;color:#333;line-height:1.4;text-align:center}
.mob .family-rr .recruit-none:before{display:block;margin:0 auto 24px;width:104px;height:104px;background-size:100%}
.mob .family-rr .recruit-none strong{margin-bottom:10px;font-size:1.125rem;letter-spacing:-0.05em}
.mob .family-rr .recruit-none span{display:inline-block;line-height:1.4}

.mob .family-rr .recruit-banner{display:block;margin-top:40px;width:100%}
.mob .family-rr .recruit-banner .swiper-container{margin-bottom:40px;height:120px;border:1px solid #E3E5E6}
.mob .family-rr .recruit-banner .swiper-slide{padding:20px}
.mob .family-rr .recruit-banner .swiper-control{left:auto;right:20px}
/* Tobe Edit 2022-04-28 ST02CLHP0426 - HPHFRR001M01 */
.mob .family-rr .recruit-banner ul li{width:auto;min-width:50%;height:auto}
.mob .family-rr .recruit-banner ul li .swiper-container{width:100%;}
.mob .family-rr .recruit-banner ul li > a{display:inline-block;padding:20px 0 0 20px;width:100%;height:130px;font-size:1.25rem}
.mob .family-rr .recruit-banner ul li > a:after{bottom:10px;right:10px;width:70px;height:70px;background-size:140px}
	/* 기존 css
	.mob .family-rr .recruit-banner ul li{width:50%;height:auto}
	.mob .family-rr .recruit-banner ul li:first-child{width:100%;border:none}
	.mob .family-rr .recruit-banner ul li > a{padding:20px 0 0 20px;width:100%;height:130px;font-size:1.25rem}
	*/
/* .mob .family-rr .recruit-banner ul li .link-arr:after{vertical-align:-3px} */

/* 히든챔피언 */
.mob .family-hc .main-visual .cont-box .txt-area{bottom:50px}

.mob .family-hc .main-news .main-news-wrap .news-box:before{top:0;height:100%}


/* 남북경제협력기금 */
.mob .family-se .main-visual{padding-bottom:30px}
.mob .fund-status{position:absolute;bottom:20px;margin:0;padding:40px 0 24px;width:calc(100% - 40px);height:auto;box-shadow:1px 2px 22px 1px rgba(0,0,0,0.2)}
.mob .fund-status h2{left:20px;padding:6px 10px;font-size:1rem}
.mob .fund-status h2 span{font-size:0.75rem}
.mob .fund-status ul{display:block;padding-left:24px}
.mob .fund-status li{width:100%;font-size:1.125rem;text-align:left}
.mob .fund-status li ~ li{margin-top:10px}
.mob .fund-status li ~ li:before{display:none}
.mob .fund-status li strong{margin-right:10px;font-size:1.875rem;vertical-align:-4px}

.mob .family-se .main-service{padding-top:60px}

.mob .family-se .main-img-list:before{height:100% !important}
.mob .family-se .main-img-list ul{display:block;width:100%}
.mob .family-se .main-img-list ul li ~ li{margin-top:20px}
.mob .family-se .main-img-list img{width:298px}



/*************************************
Global Site
**************************************/
.global-main .main-visual .txt-area{font-weight:bold;font-size:2.875rem;line-height:1.4;letter-spacing:-0.1rem;color:#fff}
.global-main .main-visual .txt-area .point{display:inline-block;margin-left:-10px;padding:0 10px;background-color:#3388FF;line-height:inherit}

.global-main .main-cont-box-title { margin-bottom: 20px; }
.global-main .main-cont-title{font-weight:bold;letter-spacing:-0.1rem;line-height:1.3}
.global-main .main-service .main-cont-box-alink{font-size:1.25rem; line-height: 1.4; }
.global-main .main-img-list ul li > a:before{content:'';display:block;width:96px;height:65px;background:url('../img/main/spr_global_flag.svg') no-repeat;box-shadow:0 2px 13px -3px rgba(0,0,0,0.3)}
.global-main .main-img-list ul li:nth-child(2) > a:before{background-position-x:-96px}
.global-main .main-img-list ul li:nth-child(3) > a:before{background-position-x:-192px}
.global-main .main-img-list ul li:nth-child(4) > a:before{background-position-x:-288px}

.global-main .main-news .main-news-wrap .news-box:not(:nth-child(-n+2)){margin-top:117px}
.global-main .main-news .main-news-wrap .news-box h3{letter-spacing:0}
/* .global-main .link-arr:after{vertical-align:-3px} */
.global-main .link-korea{padding-left:0 !important}
.global-main .link-korea:before{display:none}
.global-main .link-korea ul{display:flex;align-items:center;height:150px;background:#F3F3F3}
.global-main .link-korea ul > li{position:relative;width:50%;text-align:center}
.global-main .link-korea ul > li ~ li:before{content:'';position:absolute;top:50%;left:0;margin-top:-32px;width:1px;height:64px;background:#ddd}

.mob .global-main .main-visual{height:536px;background-repeat:no-repeat;background-size:initial}
.mob .global-main .main-visual .swiper-container,
.mob .global-main .main-visual .swiper-wrapper{height:100%}
.mob .global-main .main-visual .cont-box .swiper-control{left:20px;top:-28px}
.mob .global-main .main-visual .txt-area{font-weight:500;font-size:1.5rem;line-height:1.5;letter-spacing:-0.015em}
.mob .global-main .main-visual .txt-area .point{margin-left:-5px;padding:0 5px}

.mob .global-main .main-service .bullets{justify-content:flex-start}
.mob .global-main .main-service .bullets span ~ span{margin-left:18px}
.mob .global-main .service-banner{margin-top:64px;padding-bottom:0}

.mob .global-main .main-news .news-box ~ .news-box{margin-top:48px}
.mob .global-main .main-news .news-box:nth-child(1){order:2}
.mob .global-main .main-img-list:before{height:100% !important}
.mob .global-main .main-img-list ul{display:block;width:250px}
.mob .global-main .main-img-list ul:after{content:'';display:block;clear:both}
.mob .global-main .main-img-list ul li{float:left}
.mob .global-main .main-img-list ul li:nth-child(even){margin-left:32px}
.mob .global-main .main-img-list ul li:nth-child(2){margin-top:0}

.mob .global-main .link-korea{order:4}
.mob .global-main .link-korea ul{height:100px}
.mob .global-main .link-korea li:first-child img{width:90px;height:59px}
.mob .global-main .link-korea li:last-child img{width:125px;height:42px}

/*************************************
english 
*************************************/
[lang=en] .main-cont{position:relative}
/* [lang=en] .title-sub{margin-top:10px;letter-spacing:-0.1rem} */

/* service */
[lang=en] .main-cont-box-title:after{vertical-align:3px}
[lang=en] .main-service .bullets > span a{letter-spacing:-0.015em}
[lang=en] .main-cont-box-list + .main-cont-box-list { margin-top:12px; }
[lang=en] .kexim-guide{display:flex;justify-content:space-between;align-items:center;/*position:absolute;bottom:58px;left:50%;margin-left:-560px;*/margin-top:115px;padding:0 49px;width:1120px;height:176px;background:#fff;border:1px solid #E3E5E6;box-shadow:0 5px 15px -10px rgba(0,0,0,0.5)}
[lang=en] .kexim-guide h3{font-size:1.75rem}
[lang=en] .kexim-guide h3:before{content:'';display:inline-block;margin-right:10px;width:50px;height:50px;background:url('../img/main/ico_guide.png') no-repeat;vertical-align:middle}
[lang=en] .kexim-guide ul{display:flex;flex-wrap:wrap}
[lang=en] .kexim-guide ul li ~ li{margin-left:40px}
[lang=en] .kexim-guide ul li a{position:relative;font-weight:bold;font-size:1.375rem}
[lang=en] .kexim-guide ul li a span{display:inline-block}
[lang=en] .kexim-guide ul li a:after{content:'';display:inline-block;margin-left:8px;width:28px;height:28px;background:url('../img/ico_download.png') no-repeat;vertical-align:-5px}
[lang=en] .kexim-guide ul li a:hover span,
[lang=en] .kexim-guide ul li a:focus span{position:relative;color:#2E81F8}
[lang=en] .kexim-guide ul li a:hover:after,
[lang=en] .kexim-guide ul li a:focus:after{background-image:url('../img/ico_download_blue.png')}
[lang=en] .kexim-guide ul li a:hover span:before,
[lang=en] .kexim-guide ul li a:focus span:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#1F2935}

/* global partners */
/* [lang=en] .main-partners .cont .txt-area .txt:before{top:0} */
[lang=en] .main-partners .cont .txt-area .txt{letter-spacing:0}
[lang=en] .main-partners .cont .link-area li a:after{background-image:url('../img/main/spr_eng_partners.svg')}

/* [lang=en] .main-partners .cont .link-area.cols2{width:215px} */
[lang=en] .main-partners .cont .link-area.cols2{width:201px;justify-content:space-between}
[lang=en] .main-partners .cont .link-area.cols2 li ~ li{margin:0}
[lang=en] .mob .main-partners .cont .link-area.cols2{width:calc((100% / 3) * 2)}
[lang=en] .mob .main-partners .link-area.cols2 li{width:calc(100% / 2)}
/* [lang=en] .main-partners .cont .link-area.cols2 li ~ li{margin-left:55px}
[lang=en] .main-partners .cont .link-area.cols2 li:nth-child(2n+1){margin-left:0} */

[lang=en] .main-partners .swiper-slide:nth-child(1){background-image:url('../img/main/img_eng_partners01.jpg') 0 bottom no-repeat}

/* news */
/* [lang=en] .main-news .top-link a{font-size:1.5rem}
[lang=en] .main-news .top-link strong{margin-bottom:15px;font-size:1.5rem} */

/* [lang=en] .main-news .recent > a{width:412px} */

[lang=en] .main-news .site-link{padding-left:0}
[lang=en] .main-news .site-link ul{display:flex;justify-content:space-between}
[lang=en] .main-news .site-link li{flex:1}
[lang=en] .main-news .site-link li > a{display:block;/*margin-top:-8px;*/text-align:center}
[lang=en] .main-news .site-link li > a:before{content:'';display:inline-block;width:72px;height:72px;background:url('../img/main/spr_eng_news01.svg') 50% -8px no-repeat}
[lang=en] .main-news .site-link li:nth-child(2) > a:before{width:85px;background-position-y:-100px}
[lang=en] .main-news .site-link li:nth-child(3) > a:before{background-position-y:-192px}
[lang=en] .main-news .site-link li > a > span{display:block;margin-top:10px;font-weight:bold;font-size:1.125rem;line-height:1.2}

[lang=en] .main-news .main-news-wrap .annual-report{padding-left:0}
[lang=en] .main-news .main-news-wrap .annual-report:before{display:none}
[lang=en] .main-news .main-news-wrap .annual-report ul{display:flex}
[lang=en] .main-news .main-news-wrap .annual-report li ~ li{margin-left:32px}
[lang=en] .main-news .main-news-wrap .annual-report li figure{position:relative}
[lang=en] .main-news .main-news-wrap .annual-report li figure > span{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;padding:48px 26px 24px;width:100%;font-weight:bold;font-size:1.75rem;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);color:#fff}
[lang=en] .main-news .main-news-wrap .annual-report li figure > span > button{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.42) url('../img/ico_download_white.png') center no-repeat}
[lang=en] .main-news .main-news-wrap .annual-report img{display:block;box-shadow:0 5px 10px -5px rgba(0,0,0,0.3)}


/*************************************
mobile 
*************************************/
.mob.main .container{justify-content:flex-start;padding:0 0 0px}
.mob .main-cont{padding:80px 20px 274px;min-height:auto;height:auto}
.mob .main-cont1{padding:80px 20px 0;min-height:auto;height:auto}
.mob .main-visual{padding:0}
.mob .main-visual > figure img,
.mob .main-visual .swiper-slide img{ max-width: none;  }
.mob .global-main .main-visual > figure img,
.mob .global-main .main-visual .swiper-slide img { height: 100%; transform: translate(-65%, -50%); }

.mob .main-service{padding-bottom:45px;background:none}
.mob .cont-box{width:100%;/*min-height:auto*/}

.mob .main-cont-quick{display:none}
.mob .main-cont-title{font-size:1.5rem;line-height:1.5;letter-spacing:-0.015em !important}
.mob .main-cont-box-title:after,
[lang=eng] .mob .main-cont-box-title:after{width:4px;height:4px;vertical-align:3px}
[lang=eng] .mob .main-cont-box-title:after{vertical-align:2px}
/*.mob .title-sub{margin-top:5px;font-size:1.625rem;letter-spacing:0;line-height:1.3}*/
/* .mob .link-arr:after{vertical-align:0} */
.mob .link-arr:after{right:-24px}

.mob .scroll-top img{display:none}
.mob .scroll-top a{position:relative;display:block;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 0 7px 1px rgba(0,0,0,0.1)}
.mob .scroll-top a:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:16px;height:17px;background:url('../img/scroll_top_arr02.png') no-repeat}

/* swiper */
.mob .swiper-slide{width:100% !important}

/***** mobile service *****/
.mob .swiper-service{position:relative;margin:32px 0 0;padding:0 0 20px 0;width:100%;left: 0;}
.mob .swiper-service .swiper-slide{display:block}
.mob .main-cont-menu{padding:20px 0 0 20px !important;height:100%;width:65% !important;/*border-width:2px*/}
.mob .main-cont-menu1{padding:20px 0 0 15px !important;height:100%;margin-left:0;width:65% !important;/*border-width:2px*/}
.mob .main-cont-menu2{padding:20px 0 0 20px !important;height:100%;margin-left:0;width:65% !important;/*border-width:2px*/}
.mob .main-cont-box-title{margin-bottom:20px;font-size:0.875rem}
.mob .main-cont-box-alink{font-size:0.875rem !important}
.mob .main-cont-box-list{line-height:1.4rem}
.mob .main-cont-box-list + .main-cont-box-list{margin-top:8px}
.mob .main-cont-box-title1{margin-bottom:10px;font-size:0.875rem}
.mob .main-cont-box-alink1{font-size:0.875rem !important}

.mob .main-service .cont-box{height:auto}
.mob .main-service .bullets{display:flex;justify-content:space-between;padding:0}
.mob .main-service .bullets:before{display:none}
.mob .main-service .bullets > span{margin-top:0}
.mob .main-service .bullets > span a{font-weight:500;font-size:0.9375rem;letter-spacing:-0.05em}
.mob .main-service .swiper-custom-page{font-weight:normal}
.mob .main-service .swiper-custom-page.active{font-weight:bold}

.mob .service-banner{margin-top:45px;padding:0;width:100%}
.mob .service-banner .swiper-control{padding-bottom:16px}
.mob .service-banner .swiper-container{/*padding-top:28px;*/width:100%}
.mob .service-banner .swiper-wrapper{/*padding-top:28px;*/height:auto; /*align-items: flex-end;*/}

.mob .kexim-guide{display:block;position:static;margin:12px 0 0;padding:28px 32px;width:100%;height:auto}
.mob .kexim-guide h3{font-size:1.125rem}
.mob .kexim-guide h3:before{display:none}
.mob .kexim-guide ul li{display:flex;margin-top:20px;width:50%}
.mob .kexim-guide ul li:nth-child(2n){justify-content:flex-end}
.mob .kexim-guide ul li ~ li{margin-left:0}
.mob .kexim-guide ul li button{display:flex;justify-content:space-between;width:103px;font-size:1rem}

/* [lang=en] .mob .main-service{padding-bottom:20px} */
[lang=en] .mob .main-service .service-banner{margin-top:40px}
[lang=en] .mob .kexim-guide{display:block;position:static;margin:28px 0 0;padding:28px 32px;width:100%;height:auto}
[lang=en] .mob .kexim-guide h3{font-size:1.125rem}
[lang=en] .mob .kexim-guide h3:before{display:none}
[lang=en] .mob .kexim-guide ul li{display:flex;margin-top:20px;width:50%}
[lang=en] .mob .kexim-guide ul li:nth-child(2n){justify-content:flex-end}
[lang=en] .mob .kexim-guide ul li ~ li{margin-left:0}
[lang=en] .mob .kexim-guide ul li a{display:flex;justify-content:space-between;width:103px;font-size:1rem}

/***** mobile partners *****/
.mob .main-partners{display:block;padding-top:0}/*margin-top:20px;padding-top: 20px;*/
.mob .main-partners .swiper-control{top:24px}
.mob .main-partners .swiper-container{height:auto;padding-top:80px;}
.mob .main-partners .main-cont-title{margin-bottom:20px}
.mob .main-partners .cont{display:block;margin:0;padding:0}
.mob .main-partners .swiper-wrapper{height:auto !important}
.mob .main-partners .swiper-slide{align-items:flex-start;height:auto;padding-bottom:0;background-image:none !important}
.mob .main-partners .swiper-slide .slide-cont{padding-bottom:0}
.mob .main-partners .swiper-pagination{top:32px}

.mob .main-partners .txt-area{font-size:1rem}
.mob .main-partners .txt-area .txt{margin-bottom:24px;padding:0;font-size:1.125rem;letter-spacing:-0.015em}
.mob .main-partners .txt-area .txt:before{display:none}

.mob .main-partners .txt-area a{margin:0;font-size:0.875rem;}
.mob .main-partners .link-area{margin-top:56px;width:100%}
.mob .main-partners .link-area li{width:calc(100% / 3)}
.mob .main-partners .link-area li ~ li{margin-left:0}
.mob .main-partners .link-area li a{margin:0 auto;width:80px}
.mob .main-partners .link-area li a span{font-size:0.8125rem;color:#666;line-height:1.4}

/***** mobile news *****/
/* .mob .main-news > .inner{padding-bottom:0} */
.mob .main-report{width:100%;margin-left:0;left:0;;}
.mob .main-report ul{display:block;padding:0 20px}
.mob .main-report li ~ li{margin-top:14px}
.mob .main-report li > a{padding-left:22px;width:100%;height:80px;font-size:1.125rem}
.mob .main-report li > a.link-arr:after{right:20px;width:28px;height:28px;background:url(../img/main/mo_arr.png) no-repeat;}
.mob .main-report a p{font-size:20px;color:#373C42;font-weight:bold;}
.mob .main-report a p >span{color:#2E81F8;}
.mob .main-report a p >small{display:block;font-weight:normal;font-size:15px;}


.mob .main-news .top-link{position:static;margin-top:48px;font-size:1.25rem}
.mob .main-news .top-link a{position:relative;padding:0 18px;width:100%;height:80px}
.mob .main-news .top-link a:before{margin-right:12px}
.mob .main-news .top-link a:after{position:absolute;right:20px;transform:translateY(-50%)}
.mob .main-news .side-wrap{width:100%}
.mob .main-news .main-news-wrap{margin-top:0}
.mob .main-news .main-news-wrap .news-box{margin:48px 0 0;padding-left:23px;width:100%;min-height:auto;}
.mob .main-news .main-news-wrap .news-box.news-img{padding-left:0}
.mob .main-news .main-news-wrap .news-box.news-img .inner{padding-left:23px;}
.mob .main-news .main-news-wrap .news-box h3{margin-bottom:16px !important;font-size:1.25rem}
/* .mob .main-news .main-news-wrap .news-box h3:after,
.mob .main-news .main-news-wrap .news-box h3 .link-arr:after{vertical-align:-4px} */
/* .mob .main-news .main-news-wrap .news-box:before{width:3px;height:80px;vertical-align:2px} */
.mob .main-news .main-news-wrap .news-box:before,
.mob .main-news .main-news-wrap .news-box.news-img .inner:before{width:3px;/*height:80px*/height:calc(100% - 7px)}
.mob .main-news .main-news-wrap .news-box.news-img{display:block;/*padding-left:0;*/}
.mob .main-news .main-news-wrap .news-box.news-img:before{display:none}
/* .mob .main-news .main-news-wrap .news-box.news-img:before{display:none}
.mob .main-news .main-news-wrap .news-box.news-img .inner{position:relative;width:100%;padding-left:22px;}
.mob .main-news .main-news-wrap .news-box.news-img .inner:before{content:'';position:absolute;top:0;left:0;width:2px;height:100%;background:#000} */
.mob .main-news .main-news-wrap .news-box.news-img figure{margin:32px 0 0}
.mob .main-news .main-news-wrap .news-box.news-img figure img{width:100%;height:auto}

.mob .main-news .main-news-wrap .news-box1{margin:48px 0 0;padding-left:23px;width:100%;min-height:auto;}
.mob .main-news .main-news-wrap .news-box1.news-img{padding-left:0}
.mob .main-news .main-news-wrap .news-box1.news-img .inner{padding-left:0px;}
.mob .main-news .main-news-wrap .news-box1 h3{margin-bottom:16px !important;font-size:1.25rem;padding-left:23px;}
.mob .main-news .main-news-wrap .news-box1 ul{padding-left:23px}
.mob .main-news .main-news-wrap .news-box1:before,
.mob .main-news .main-news-wrap .news-box1.news-img .inner:before{width:3px;/*height:80px*/height:calc(100% - 187px)}
.mob .main-news .main-news-wrap .news-box1.news-img{display:block;/*padding-left:0;*/}
.mob .main-news .main-news-wrap .news-box1.news-img:before{display:none}
.mob .main-news .main-news-wrap .news-box1.news-img figure{margin:32px 0 0}
.mob .main-news .main-news-wrap .news-box1.news-img figure img{width:100%;height:auto}

.mob .main-news .recent{font-size:1.125rem;line-height:1.75rem}
.mob .main-news .recent > a{width:100%;letter-spacing:-0.015em}
.mob .main-news .recent .date{display:none}
.mob .main-news .recent .no-data{margin-top:0;padding-left:32px;font-size:1.125rem}
.mob .main-news .recent .no-data:before{width:20px;height:20px;background-size:100%}

[lang=en] .mob .main-news .top-link a{justify-content:center}
[lang=en] .mob .main-news .site-link{order:3}
[lang=en] .mob .main-news .site-link:before{height:80px}
[lang=en] .mob .main-news .site-link ul{display:block}
[lang=en] .mob .main-news .site-link li ~ li{margin-top:4px}
[lang=en] .mob .main-news .site-link li > a{display:inline-block;margin:0;text-align:left}
[lang=en] .mob .main-news .site-link li > a:before{margin-right:24px;width:88px;height:88px;background-position-y:0;vertical-align:middle}
[lang=en] .mob .main-news .site-link li:nth-child(2) > a:before{background-position-y:-92px}
[lang=en] .mob .main-news .site-link li:nth-child(3) > a:before{background-position-y:-184px}
[lang=en] .mob .main-news .site-link li > a > span{display:inline-block;margin-top:0;vertical-align:middle}

[lang=en] .mob .main-news .annual-report{order:4}
[lang=en] .mob .main-news .main-news-wrap .annual-report:before{display:block;top:0;height:80px}
[lang=en] .mob .main-news .main-news-wrap .annual-report li ~ li{margin-left:18px}
[lang=en] .mob .main-news .main-news-wrap .annual-report li figure > span{padding:26px 15px 16px;font-size:0.9375rem}
[lang=en] .mob .main-news .main-news-wrap .annual-report li figure > span > button{width:25px;height:25px;background-size:17px 15px}


/********************************************** Tobe S **********************************************/
	/* IT09HPRH0189 - HPHKMN001M01 */
        .wh-100{width:100%;height:100%;}
        .wh-100_ty01{max-width:100%;width:auto;height:100%;}
    /* IT09HPSN0007 - HPHFSE001M01 */
        .c-yellow{color:#FFE600 !important;}
    /* D1647321561 - HPHFHC001M01 */
    	.related-wrap.type1{background:#fff;border:1px solid #E3E4E5}
    	/* TobeEdit 2022-04-11 */
    	.mob .related-wrap.type1 h3{padding: 16px;}
    	.mob .related-wrap.type1 .swiper-related-prev,
    	.mob .related-wrap.type1 .swiper-related-next{top: 20px}
    	.mob .related-wrap.type1 .swiper-related-prev{right: 45px;}
    	.mob .related-wrap.type1 .swiper-related-next{right: 15px;}
	/* IT09HPFE0055 - HPHFFE001M01 */
    	[lang=ko] .main-cont.main-pending .swiper-wrapper{background:linear-gradient(rgb(48, 180, 244), rgb(50 152 235));}
    	
    	.main.ie .main-cont.main-video .swiper-slide video{visibility:hidden;}
    	.main.ie .main-cont.main-video .swiper-slide-active video{visibility:visible;width:auto;min-height:796px;height:100%;max-width:100%;-webkit-filter:brightness(108.5%);filter:brightness(1.085);}
/********************************************** Tobe E **********************************************/