@charset "utf-8";

.body_hidden {height:100%; min-height:100%; overflow:hidden; touch-action:none;}
#wrap { position:relative; background-color:#fff; }


body,html { min-height:100% }

.fontSc { font-family:'Noto Sans SC', sans-serif; }

.inner1800 { position:relative; max-width:1800px; margin:0 auto; }
@media screen and (max-width:1880px){
	.inner1800 { padding:0 40px; }
}
@media screen and (max-width:1640px){
	.inner1800 { padding:0 20px; }
}
.inner1600 { position:relative; max-width:1600px; margin:0 auto; }
@media screen and (max-width:1640px){
	.inner1600 { padding:0 20px; }
}
:root { 
    --mainFont:Poppins;
	--subFont:;
    --mainColor:#1b1c80; 
    --subColor:#111; 
}

.en-f { font-family: "Poppins", sans-serif !important; }
.ch-f { font-family: "Noto Sans SC", sans-serif !important; }

/* header */
header { position:fixed; top:0; left:0; width:100%; z-index:999; transition:all 0.3s }
header:before { content:""; display:block; position:absolute; left:0; top:100px; background:rgba(255, 255, 255, 0.2); width:100%; height:1px; z-index:4; transition:all 0.3s }
header.on { background:#fff }
header.on:before,
header.over:before { background:#ddd; }
header h1 { position:relative; z-index:4; display:flex; align-items:center; height:100px; }
header h1 a { display:block; }
header h1 a svg { width:auto; height:42.5px; }
header h1 a svg path { transition:all 0.4s; }
header svg .logo-1 { fill:#fff }
.intro header.fix svg .logo-1 { animation:none; }

header.on svg .logo-1,
header.fix svg .logo-1,
header.over svg .logo-1,
header.over_all svg .logo-1  { fill:var(--mainColor)}
header:after { content:""; opacity:0; display:block; position:absolute; left:0; top:0; background:rgba(255,255,255,1); width:100%; height:100%; transition:all 0.3s }
header.fix:after { opacity:1; }

header.over_all:after { opacity:1; background:#fff; z-index:99990; }
header.over_all:before { background:#ebebeb; z-index:99999;}
header.over_all h1 { z-index:99999; }
@media screen and (max-width:1200px){
	header h1 { height:80px; }
	header:before { top:80px; }
}
@media screen and (max-width:1024px){
	header:before { display:none }
}
@media screen and (max-width:640px){
	header h1 { height:70px; }
	header:before { top:70px; }
}

header #navi { position:absolute; left:50%; top:0; transform:translate(-50%); z-index:10; display:flex; justify-content:center; }
header #navi #gnb > ul { display:flex; text-align:center; }
header #navi #gnb > ul > li { position:relative; transition:all 0.5s; }
header #navi #gnb > ul > li > a { position:relative; display:block; width:140px; height:100px; text-wrap:nowrap; display:flex; justify-content:center; align-items:center; text-align:center; color:#fff; font-size:18px; font-weight:600; transition:all 0.3s; }
header #navi #gnb > ul > li > a:before { content:""; display:block; position:absolute; left:50%; bottom:18px; transform:translateX(-50%); background:var(--mainColor); width:6px; height:6px; border-radius:6px; opacity:0; transition:all 0.3s; }
header #navi #gnb > ul > li:hover > a:before { opacity:1; transition:all 0.3s 0.1s; }
header.on #navi #gnb > ul > li > a,
header.fix #navi #gnb > ul > li > a { color:#111; }
header.over #navi #gnb > ul > li > a { width:180px; color:#111; }
header.over #navi #gnb > ul > li:hover > a { color:var(--mainColor); }
header #navi #gnb > ul > li > .subDepth { z-index:-11; opacity:0; visibility:hidden; position:absolute; left:50%; transform:translateX(-50%); top:100px; padding-top:40px; padding-bottom:50px; width:100%; }
header.over #navi #gnb > ul > li > .subDepth { opacity:1; visibility:visible; z-index:2; } 
header #navi #gnb > ul > li > .subDepth > ul { position:relative; opacity:0; }
header.over  #navi #gnb > ul > li > .subDepth > ul { position:relative; animation:ani_5 0.7s 0.1s; animation-fill-mode:both; }
header #navi #gnb > ul > li > .subDepth > ul > li { padding:0 5px; }
header #navi #gnb > ul > li > .subDepth > ul > li:not(:last-child) { padding-bottom:20px; }
header #navi #gnb > ul > li > .subDepth > ul > li > a { position:relative; font-size:18px; color:#888; font-weight:300; line-height:1.3; transition:all 0.3s; }
header #navi #gnb > ul > li > .subDepth > ul > li > a:hover,
header #navi #gnb > ul > li > .subDepth > ul > li.over > a { color:#101c39; font-weight:500; }
header .gnb_bg { visibility:hidden; height:100px; opacity:0; position:absolute; top:0; left:0; width:100%; background:rgba(255, 255, 255, 1); transition:all 0.3s; z-index:1; }
header.over .gnb_bg { opacity:1; visibility:visible; z-index:1; }
@media screen and (max-width:1200px){
	header #navi #gnb > ul > li > a { height:80px; }
	header #navi #gnb > ul > li > a { width:130px; }
	header #navi #gnb > ul > li > a:before { bottom:12px; width:5px; height:5px; }
	header.over #navi #gnb > ul > li > a { width:150px; }
	header #navi #gnb > ul > li > .subDepth { top:80px; padding-top:30px; padding-bottom:40px; }
	header #navi #gnb > ul > li > .subDepth > ul > li:not(:last-child) { padding-bottom:15px; }
	header #navi #gnb > ul > li > .subDepth > ul > li > a { font-size:17px; color:#888; }
}
@media screen and (max-width:1024px){
	header #navi { display:none }
}
@media screen and (max-height:760px){
	header.fix #navi #gnb > ul > li > a { color:#111; }
}


header .top-menu { position:absolute; right:0; top:0; display:flex; align-items:center; gap:0 85px; height:100px; }
@media screen and (max-width:1800px){
	header .top-menu { right:20px; gap:0 60px; }
}
@media screen and (max-width:1560px){
	header .top-menu { gap:0 40px; }
}
@media screen and (max-width:1200px){
	header .top-menu { height:80px; gap:0 30px; }
}
@media screen and (max-width:640px){
	header .top-menu { height:70px; gap:0 25px; }
}

header .language { position:relative; z-index:10; width:70px; } 
header .language > a { position:relative; display:flex; align-items:center; width:100%; height:32px; padding-left:2px; font-family:var(--mainFont); font-size:18px; color:#fff; font-weight:500; transition:all 0.3s; }
header .language > a:before { content:""; display:block; width:12px; height:12px; background:url(/img/common/lang_arr.png) center no-repeat; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all 0.3s; }
header .language.on > a:before { transform:translateY(-50%) rotate(180deg);}
header .language .box { position:absolute; top:30px; left:50%; transform:translateX(-50%); width:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.3s; }
header .language.on .box { opacity:1; visibility:visible; z-index:9; }
header .language ul { width:100%; text-align:center; padding:10px 0; }
header .language ul li a { display:flex; align-items:center; justify-content:center; height:32px; font-family:var(--mainFont); font-size:17px; color:#111; font-weight:400; line-height:1.3; transition:all 0.3s; background:#fff; }
header .language ul li.on a { background:var(--mainColor); color:#fff; }
header.on .language > a,
header.fix .language > a,
header.over .language > a,
header.over_all .language > a { color:#111 }
header.on .language > a:before,
header.fix .language > a:before,
header.over .language > a:before,
header.over_all .language > a:before { filter:invert(100%) grayscale(100%) brightness(200%); }
header.over_all .language { z-index:99999; }
@media screen and (max-height:760px){
	header.fix .language > a:before { filter:invert(100%) grayscale(100%) brightness(200%); }
}

.btnbox { position:relative; overflow:hidden; }
.btnbox span.box { position:absolute; left:-1px; top:-50%; transform:rotate(35deg); width:100%; height:100%; }
.btnbox span.box span { display:block; width:0; height:200%; background:var(--mainColor); transition:all 0.4s;  }
.btnbox:hover span.box span { width:180%; height:200%; }
.btnbox.view_more { display:flex; align-items:center; justify-content:center; width:186px; height:60px; border:1px solid var(--mainColor); transition:all 0.5s ease-in-out; }
.btnbox.view_more.w230 { width:230px; }
.btnbox.view_more.w310 { width:310px; }
.btnbox.view_more.type1 { border:1px solid rgba(255, 255, 255, 0.50); }
.btnbox.view_more span.txt:after { content:""; display:block; z-index:2; width:20px; height:20px; transition:all 0.5s; position:absolute; right:0; top:50%; transform:translate(0, -50%); background:url(/img/main/icon_arr_on.svg) center center no-repeat; }
.btnbox.view_more span.txt1:after { display:none; }
.btnbox.view_more.type1 span.txt:after { background:url(/img/main/icon_arr.svg) center center no-repeat }
.btnbox.view_more span.txt { position:relative; z-index:2; display:block; padding-right:26px; color:var(--mainColor); font-size:17px; font-weight:500; line-height:1.3; transition:all 0.5s; }
.btnbox.view_more span.txt1 { padding-right:0 }
.btnbox.view_more.type1 span.txt { color:#fff; }
.btnbox.view_more span.box { top:-120%; transform:rotate(25deg); transition:all 0.5s ease-in-out; }
.btnbox.view_more span.box span { height:450%; background:#fff; transition:all 0.5s ease-in-out; }
.btnbox.view_more:hover { border:1px solid var(--mainColor); }
.btnbox.view_more:hover span.txt:after { background:url(/img/main/icon_arr_on.svg) center center no-repeat; }
.btnbox.view_more:hover span.txt:after,
.btnbox.view_more.type1:hover span.txt:after,
.btnbox.view_more.over span.txt:after { background:url(/img/main/icon_arr.svg) center center no-repeat; }
.btnbox.view_more.over.apply span.txt:after { opacity:0; }
.btnbox.view_more.over.apply span.txt { margin-right:-26px; }
.btnbox.view_more.over.apply:hover span.txt:after { opacity:1; }
.btnbox.view_more.over.apply:hover span.txt { margin-right:0; }
.btnbox.view_more:hover span.txt,
.btnbox.view_more.type1:hover span.txt,
.btnbox.view_more.over span.txt  { color:#fff; }
.btnbox.view_more:hover span.box span,
.btnbox.view_more.over span.box span { width:250%; height:400%; background:var(--mainColor); }
@media screen and (max-width:1024px){
	.btnbox.view_more { width:140px; height:40px; }
	.btnbox.view_more.w230 { width:200px; }
	.btnbox.view_more.w310 { width:250px; }
	.btnbox.view_more.type1 span.txt:after { background:url(/img/main/icon_arr.svg) center center no-repeat }
	.btnbox.view_more span.txt { font-size:14px; }
	.btnbox.view_more span.box { top:-120%; }
	.btnbox.view_more.over.apply span.txt:after { opacity:1; }
	.btnbox.view_more.over.apply span.txt { margin-right:0; }
}

header .allmenu { position:relative; z-index:100; }
header .allmenu a { position:relative; width:30px; height:32px; display:block; }
header .allmenu span { position:relative; display:block; width:100%; height:0; background-color:#fff; transition:all 0.2s ease-in-out; }
header .allmenu a:before { content:""; display:block; width:100%; height:1px; background-color:#fff; position:absolute; left:0; top:7px; transition:all 0.4s; }
header .allmenu a:after { content:""; display:block; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:7px; transform:translateY(calc(-50% - 0.5px)); transition:all 0.4s; }
.intro .allmenu span,
.intro .allmenu a:before,
.intro .allmenu a:after { background-color:#101c39; animation:ani_all 1.0s 3.0s; animation-fill-mode:both; }
.intro header.fix .allmenu span,
.intro header.fix .allmenu a:before,
.intro header.fix .allmenu a:after { animation:none; }
header.fix .allmenu span,
header.fix .allmenu a:before,
header.fix .allmenu a:after { background-color:#101c39; }
header.on .allmenu span,
header.on .allmenu a:before,
header.on .allmenu a:after,
header.over .allmenu span,
header.over .allmenu a:before,
header.over .allmenu a:after { background-color:#101c39; }
header.over_all .allmenu { z-index:99999; }
header .allBox.active .allmenu a:before { width:30px; top:0; margin:13px 0 0 0; transform:rotate(-45deg); background-color:#000; }
header .allBox.active .allmenu a:after { width:30px; left:0; top:0; margin:13px 0 0 0; transform:rotate(45deg); background-color:#000;  }


#allmenuBox .lang { display:none }
.web #allmenuBox { z-index:-11; opacity:0; visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100vh; transition:all 0.3s; }
.web #allmenuBox.on { opacity:1; visibility:visible; z-index:99; background:#fff; }
.web #allmenuBox .menuBox { position:relative; width:100%; display:none }
.web #allmenuBox.on .menuBox { display:block }
.web #allmenuBox .menuBox > ul { width:100%; height:100vh; display:flex; justify-content:center; }
.web #allmenuBox .menuBox > ul > li { position:relative; width:20%; padding-top:15%; height:100vh; text-align:center; transition:all 0.3s; }
.web #allmenuBox .menuBox > ul > li.hover,
.web #allmenuBox .menuBox > ul > li:hover { background:var(--mainColor); }
.web #allmenuBox .menuBox > ul > li:before { content:""; display:block; width:1px; height:100vh; background:#ebebeb; position:absolute; left:0; top:0; }
.web #allmenuBox .menuBox > ul > li > a { position:relative; color:#111; font-weight:700; font-size:36px; line-height:1.3; transition:all 0.3s; }
.web #allmenuBox .menuBox > ul > li.hover > a,
.web #allmenuBox .menuBox > ul > li:hover > a { color:#fff; }
.web #allmenuBox .menuBox > ul > li .subDepth { margin-top:50px }
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li:not(:last-child) { margin-bottom:20px; }
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li > a { color:#999; font-weight:400; font-size:20px; line-height:1.3; transition:all 0.3s; }
.web #allmenuBox .menuBox > ul > li.hover .subDepth > ul > li > a,
.web #allmenuBox .menuBox > ul > li:hover .subDepth > ul > li > a { color:rgba(255,255,255,0.4); }
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li > a:hover,
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li.over > a { color:#fff; }
.web #allmenuBox .btnClose { opacity:0; transition:all 0.7s; }
.web #allmenuBox.on .btnClose { opacity:1; position:absolute; top:40px; right:80px; width:40px; height:40px; cursor:pointer; z-index:2; }
.web #allmenuBox.on .btnClose:hover { transform:rotate(-180deg);}
.web #allmenuBox.on .btnClose:before { content:""; display:block; width:26px; height:3px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:0; }
.web #allmenuBox.on .btnClose:after { content:""; display:block; width:26px; height:3px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:0; }
@media screen and (max-width:1800px){
}


/* animation  */
.web #allmenuBox .menuBox > ul > li { opacity:0; }
.web #allmenuBox.on .menuBox > ul > li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.web #allmenuBox.on .menuBox > ul > li:nth-child(2) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.web #allmenuBox.on .menuBox > ul > li:nth-child(3) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
.web #allmenuBox.on .menuBox > ul > li:nth-child(4) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.web #allmenuBox.on .menuBox > ul > li:nth-child(5) { animation:ani_3 0.5s 1.1s; animation-fill-mode:both; }
.web #allmenuBox.on .menuBox > ul > li:nth-child(6) { animation:ani_3 0.5s 1.3s; animation-fill-mode:both; }
.web #allmenuBox .menuBox > ul > li .subDepth> ul > li .depth3 { opacity:0; } 
.web #allmenuBox .menuBox > ul > li.hover .subDepth> ul > li .depth3 { animation:ani_4 0.5s 0.1s; animation-fill-mode:both; }
.web #allmenuBox .copybox { opacity:0; }
.web #allmenuBox.on .copybox { animation:ani_5 1.0s 1.5s; animation-fill-mode:both; }

@media screen and (max-width:1024px){
    #allmenuBox { position:fixed; top:0; right:-520px; max-width:520px; width:100%; height:100vh; transition:all 0.3s 0.1s ease-in-out; z-index:10000; }
	#allmenuBox.on:before { content:""; display:block; width:100%; height:100vh; background-color:rgba(0, 0, 0, 0.50); position:fixed; left:0; top:0; }
    #allmenuBox.on { right:0; z-index:10000; opacity:1; visibility:visible; transition:all 0.3s 0.1s ease-in-out; }
    #allmenuBox .menuCont { position:relative; z-index:5; height:100vh; justify-content:flex-start; } 
    #allmenuBox .menuBox { height:100%; background:rgba(0, 0, 0, 0.80); backdrop-filter:blur(10px); }
    #allmenuBox .menuBox { position:absolute; top:0; left:0; width:100%; }
    #allmenuBox .menuBox > ul { position:relative; top:80px; padding:20px 0 0; height:calc(100% - 80px); overflow:auto; }
    #allmenuBox .menuBox > ul > li { position:relative; text-align:left; margin-top:0; }
    #allmenuBox .menuBox > ul > li > a { position:relative; color:rgba(255,255,255,0.3); font-weight:500; font-size:28px; line-height:1.3; padding:25px 35px; display:block }
	#allmenuBox .menuBox > ul > li > a br { display:none }
	#allmenuBox .menuBox > ul > li.hover > a { color:#fff; }
	#allmenuBox .menuBox > ul > li > a:before { content:""; display:block; width:25px; height:25px; position:absolute; right:35px; top:50%; transform:translateY(-50%); transition:all 0.5s; background:url(/img/common/gnb_m_arr.svg) center center no-repeat; opacity:0.5 }
	#allmenuBox .menuBox > ul > li.hover > a:before { transform:translateY(-50%) rotate(180deg); opacity:1 }
    #allmenuBox .menuBox > ul > li > .subDepth { position:relative; display:none; }
	#allmenuBox .menuBox > ul > li.hover .subDepth { display:block; }
    #allmenuBox .menuBox > ul > li > .subDepth > ul { padding:40px 0 40px; display:block; background:rgba(0,0,0,0.3); backdrop-filter:blur(10px); display:flex; flex-wrap:wrap; gap:30px 20px; }
    #allmenuBox .menuBox > ul > li > .subDepth > ul > li { padding:0 0 0 37px; width:calc((100% - 20px) / 2) }
    #allmenuBox .menuBox > ul > li > .subDepth > ul > li > a { position:relative; color:rgba(255,255,255,0.5); font-weight:500; font-size:22px; transition:all 0.3s; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li > a br { display:none }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li > a:hover,
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li.over > a { color:#fff; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li .depth3 { padding-top:20px; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li .depth3 > li:not(:last-child) { margin-bottom:10px; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li .depth3 > li > a { color:rgba(255, 255, 255, 0.3); font-weight:600; font-size:19px; line-height:1.3; }
	#allmenuBox .lang { position:relative; z-index:5; display:block }
	#allmenuBox .lang ul { height:80px; display:flex; align-items:center; padding-left:35px; }
	#allmenuBox .lang ul li:not(:last-child) { margin-right:40px; }
	#allmenuBox .lang ul li { position:relative; }
	#allmenuBox .lang ul li:not(:last-child):before { content:""; display:block; width:4px; height:4px; background-color:#aaa; position:absolute; right:-22px; top:50%; transform:translateY(-50%); border-radius:5px; }
	#allmenuBox .lang ul li a { font-family:var(--subFont); color:#9d9d9d; font-size:20px; font-weight:500; line-height:1.3; }
	#allmenuBox .lang ul li.on a { color:var(--mainColor); }
	#allmenuBox .btnClose { position:absolute; top:0; right:0; z-index:5; width:80px; height:80px; cursor:pointer; background:var(--mainColor1); }
	#allmenuBox .btnClose:before { content:""; display:block; width:26px; height:1px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); }
	#allmenuBox .btnClose:after { content:""; display:block; width:26px; height:1px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); }
	#allmenuBox .copybox { left:0; bottom:0; width:100%; height:60px; display:flex; align-items:center; justify-content:center; text-align:center }
	#allmenuBox .copybox .copyright { font-size:15px; }
}
@media screen and (max-width:640px){
	#allmenuBox .menuBox > ul > li > a:before { right:20px; }
    #allmenuBox .menuBox > ul > li > a { font-size:26px; padding:20px; }
    #allmenuBox .menuBox > ul > li > .subDepth > ul { padding:20px 0 20px; gap:20px 15px; }
    #allmenuBox .menuBox > ul > li > .subDepth > ul > li { padding:0 0 0 22px; width:calc((100% - 15px) / 2) }
    #allmenuBox .menuBox > ul > li > .subDepth > ul > li > a { font-size:18px; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li .depth3 { padding-top:15px; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li .depth3 > li:not(:last-child) { margin-bottom:8px; }
	#allmenuBox .menuBox > ul > li > .subDepth > ul > li .depth3 > li > a { font-size:17px; }
	#allmenuBox .lang ul { padding-left:20px; }
	#allmenuBox .lang ul li:not(:last-child) { margin-right:30px; }
	#allmenuBox .lang ul li:not(:last-child):before { width:2px; height:2px; right:-15px; }
	#allmenuBox .lang ul li a { font-size:16px; }
}



footer { position:relative; padding:100px 0 0; border-top:1px solid #eee; background:#fff; z-index:2; }
footer .footer_box { position:relative; }
footer .footer_box .logo { }
footer .footer_box .logo svg { width:200px; height:auto }
footer .footer_box .infobox { margin-top:40px; }
footer .footer_box .info ul { display:flex; flex-wrap:wrap; gap:20px 40px;}
footer .footer_box .info li { position:relative; font-size:17px; font-weight:400; color:#111; line-height:1.3; display:flex; }
footer .footer_box .info li strong { color:#111; font-weight:500; margin-right:10px; }
footer .footer_box .info li a { color:#111; }
footer .footer_box .info li.full { width:100%; }
footer .footer_box .fmenu { margin-top:80px; }
footer .footer_box .fmenu ul { display:flex; }
footer .footer_box .fmenu li { position:relative; }
footer .footer_box .fmenu li:not(:last-child) { margin-right:10px; }
footer .footer_box .fmenu li a { width:190px; height:50px; background:#f5f5f5; display:flex; justify-content:center; align-items:center; font-size:16px; font-weight:500; color:#888; line-height:1.3;  }
footer .footer_box .all-menu { position:absolute; top:0; right:0;}
footer .footer_box .all-menu > ul { display:flex; }
footer .footer_box .all-menu > ul > li { width:150px; }
footer .footer_box .all-menu > ul > li > a { font-size:19px; color:#111; font-weight:600; line-height:1.3; }
footer .footer_box .all-menu > ul > li ul { margin-top:40px; }
footer .footer_box .all-menu > ul > li ul li:not(:last-child) { margin-bottom:20px; }
footer .footer_box .all-menu > ul > li ul li a { font-size:17px; color:#111; font-weight:400; line-height:1.3; }
footer .fb-box { margin-top:100px; background:#111}
footer .fb-box .copyright { padding:30px 0; font-family:var(--mainFont); font-size:16px; color:#666; font-weight:400; line-height:1.3; }
@media screen and (max-width:1200px){
	footer { padding:80px 0 0; }
	footer .footer_box .info ul,
	footer .footer_box .info li { justify-content:center; }
	footer .footer_box .fmenu { margin-top:80px; }
	footer .footer_box .fmenu ul { justify-content:center; }
	footer .footer_box { text-align:center; }
	footer .footer_box .all-menu { display:none }
	footer .fb-box { margin-top:80px; text-align:center; }
}
@media screen and (max-width:640px){
	footer { padding:40px 0 0; }
	footer .footer_box .info ul { gap:20px 30px;}
	footer .footer_box .info ul li span.m_br { display:block; }
	footer .footer_box .fmenu { margin-top:40px; }
	footer .footer_box .fmenu ul { gap:10px; }
	footer .footer_box .fmenu li:not(:last-child) { margin-right:0; }
	footer .footer_box .fmenu li { width:calc((100% - 10px) / 2); }
	footer .footer_box .fmenu li a { width:100%; }
	footer .fb-box { margin-top:40px; }
	footer .fb-box .copyright { margin-top:40px; padding:25px 0; }
}



.btnTop { position:fixed; right:40px; bottom:30px; z-index:10; }
.btnTop a { display:flex; flex-direction:column; justify-content:flex-end; align-items:center; width:50px; height:60px; transition:all 0.3s; }
.btnTop a:hover { padding-bottom:18px; }
.btnTop a span { display:block; margin-top:5px; font-family:var(--mainFont); color:#111; font-size:16px; font-weight:500; line-height:1.3; text-transform:uppercase; }
.fp-viewing-MAIN .btnTop { opacity:0; }
.fp-viewing-BUSINESS .btnTop a img,
.fp-viewing-ESG .btnTop a img,
.fp-viewing-LAST .btnTop a img { filter:invert(100%) grayscale(100%) brightness(200%); }
.fp-viewing-BUSINESS .btnTop a span,
.fp-viewing-ESG .btnTop a span,
.fp-viewing-LAST .btnTop a span { color:#fff }
.s_off .btnTop { bottom:600px; }
@media screen and (max-width:1200px){
	.btnTop { right:20px; bottom:20px;}
}
@media screen and (max-width:640px){
	.btnTop { right:10px; }
}

/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; font-size:15px;line-height:1.4; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#222; text-align:left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top:0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top:30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:16px; color:#222;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:1.4;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:1.2; margin-top:10px; }
.privacy > dl > dd ul li:first-child { margin-top:0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height:140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color:#222; font-weight:700; margin:20px 0 10px; }
.sTxt p { margin-top:10px; }
.sTxt dt { margin-top:10px; }
.sTxt dd { margin:0 8px; }


/* 게시글 동영상 반응형 */
.video-container { position:relative; overflow:hidden; max-width:1170px; margin:0 auto; }
.video-container:before { content:''; display:block; padding-bottom:56.25%; /* 16:9 비율 */ }
.video-container video,
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }


/* keyframes animation */
@keyframes ani_logo_1 {
	0% { fill:#003F8B }
	100% { fill:#fff }
}
@keyframes ani_logo_2 {
	0% { fill:#000 }
	100% { fill:#fff }
}
@keyframes ani_logo_3 {
	0% { fill:#000008 }
	100% { fill:#fff }
}
@keyframes ani_nav {
	0% { color:#111; }
	100% { color:#fff; }
}
@keyframes ani_lang {
	0% { fill:#000; }
	100% { fill:#fff; }
}
@keyframes ani_all {
	0% { background-color:#111; }
	100% { background-color:#fff; }
}
@keyframes m_over1 {
    0% { opacity: 0; }
    10% { opacity: 0; }
    20% { opacity: 1; }
    60% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes m_over2 {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 0; }
    60% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes m_over3 {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 0; }
    60% { opacity: 0; }
    80% { opacity: 1; }
    100% { opacity: 1; }
}