@charset "utf-8";
/*
::-webkit-scrollbar {
    width:5px;
}
::-webkit-scrollbar-thumb {
    background-color:#000;
}
::-webkit-scrollbar-track {
    background-color:#ccc;
}
*/

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


body,html { min-height:100% }

.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; }
}
.inner1690 { position:relative; max-width:1690px; margin:0 auto; }
@media screen and (max-width:1730px){
	.inner1690 { padding:0 20px; }
}
.inner1440 { position:relative; max-width:1440px; margin:0 auto; }
@media screen and (max-width:1480px){
	.inner1440 { padding:0 20px; }
}
:root { 
    --mainFont:Poppins;
	--subFont:;
    --mainColor:#0074cd; 
    --subColor:#111; 
}

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

header.on svg .logo-1,
header.over svg .logo-1,
header.over_all svg .logo-1  { fill:var(--mainColor) }

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:1024px){
	header:before { display:none }
}
@media screen and (max-width:640px){
	header h1 { height:80px; }
	header:before { top:80px; }
}

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; width:150px; height:96px; text-wrap:nowrap; display:flex; justify-content:center; align-items:center; color:#fff; font-size:17px; font-weight:700; line-height:1.3; transition:all 0.3s; }
header #navi #gnb > ul > li > a br { display:none }
header.over #navi #gnb > ul > li > a { width:180px; color:#111; }
header #navi #gnb > ul > li.on > 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:96px; padding-top:28px; padding-bottom:48px; 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:17px; color:#666; 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:var(--mainColor); }
header .gnb_bg { visibility:hidden; height:96px; 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:1440px){
	header #navi #gnb > ul > li > a { width:130px; }
	header.over #navi #gnb > ul > li > a { width:150px; }
}
@media screen and (max-width:1280px){
	header #navi #gnb > ul > li > a { width:110px; }
	header.over #navi #gnb > ul > li > a { width:130px; }
}
@media screen and (max-width:1150px){
	header #navi #gnb > ul > li > a { width:100px; }
	header.over #navi #gnb > ul > li > a { width:120px; }
}
@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:1730px){
	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:640px){
	header .top-menu { gap:0 25px; height:80px; }
}

header .language { position:relative; z-index:10; } 
header .language ul { display:flex; }
header .language li:not(:last-child) { margin-right:10px; padding-right:10px; }
header .language li { position:relative; }
header .language li:not(:last-child):before { content:""; display:block; width:1px; height:10px; background:rgba(255,255,255,0.5); position:absolute; right:0; top:50%; transform:translateY(-50%); }
header .language li > a { position:relative; font-size:17px; color:rgba(255,255,255,0.5); font-weight:400; transition:all 0.3s; }
header .language li.on > a { color:#fff; }
header .language li { position:relative; }
header.over .language li:not(:last-child):before { background:#ddd; }
header.over .language li > a { color:#111; }
header.over .language li.on > a { color:var(--mainColor); }
@media screen and (max-width:640px){
	header .language li > a { font-size:15px; }
}




header .allmenu { position:relative; z-index:100; }
header .allmenu a { position:relative; width:28px; height:28px; display:flex; align-items:center; }
header .allmenu span { position:relative; display:block; width:100%; height:2px; background-color:#fff; transition:all 0.2s ease-in-out; }
header .allmenu a:before { content:""; display:block; width:12px; height:2px; background-color:#fff; position:absolute; right:0; top:5px; transition:all 0.4s; }
header .allmenu a:after { content:""; display:block; width:12px; height:2px; background-color:#fff; position:absolute; left:0; bottom:5px; transition:all 0.4s; }
.intro .allmenu span,
.intro .allmenu a:before,
.intro .allmenu a:after { background-color:#151920; 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.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:#151920; width:100%; }
header .allmenu a:hover:before,
header .allmenu a:hover:after { width:100%; }
header.over_all .allmenu { z-index:99999; }
header .allBox.active .allmenu span { display:none }
header .allBox.active .allmenu a:before { width:30px; left:-6px; top:0; right:unset; margin:12px 0 0 0; transform:rotate(-45deg); background-color:#151920; }
header .allBox.active .allmenu a:after { width:30px; left:-6px; top:0; margin:12px 0 0 0; transform:rotate(45deg); background-color:#151920; }
@media screen and (max-width:1024px){
	header .allBox.active .allmenu a:before,
	header .allBox.active .allmenu a:after { background-color:#fff; }
}


#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%; height:100vh; padding-top:100px; display:none; background:url(/img/common/all_bg.svg) right bottom no-repeat;  }
.web #allmenuBox.on .menuBox { display:flex; align-items:center; }
.web #allmenuBox .menuBox > ul { max-width:1690px; width:100%; margin:0 auto; }
.web #allmenuBox .menuBox > ul > li { position:relative; transition:all 0.3s; display:flex; align-items:center; padding-left:60px; }
.web #allmenuBox .menuBox > ul > li:not(:last-child) { margin-bottom:50px; }
.web #allmenuBox .menuBox > ul > li:before { content:""; display:block; width:0; height:46px; background:var(--mainColor); position:absolute; left:0; top:50%; transform:translate(0, -50%); transition:all 0.3s;}
.web #allmenuBox .menuBox > ul > li.hover:before,
.web #allmenuBox .menuBox > ul > li:hover:before { width:10px; }
.web #allmenuBox .menuBox > ul > li > a { position:relative; width:310px; color:#ccc; font-weight:700; font-size:50px; line-height:1.3; transition:all 0.3s; }
.web #allmenuBox .menuBox > ul > li.hover > a,
.web #allmenuBox .menuBox > ul > li:hover > a { color:#222; }
.web #allmenuBox .menuBox > ul > li .subDepth { width:calc(100% - 310px);  }
.web #allmenuBox .menuBox > ul > li .subDepth > ul { display:flex; }
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li:not(:last-child) { margin-right:40px; }
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li > a { color:#ccc; font-weight:700; font-size:21px; line-height:1.3; transition:all 0.3s; }
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li > a br { display:none }
.web #allmenuBox .menuBox > ul > li.hover .subDepth > ul > li > a,
.web #allmenuBox .menuBox > ul > li:hover .subDepth > ul > li > a { color:#222; }
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li > a:hover,
.web #allmenuBox .menuBox > ul > li .subDepth > ul > li.over > a { color:var(--mainColor); }
.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-height:780px){
	.web #allmenuBox .menuBox > ul > li:not(:last-child) { margin-bottom:30px; }
}
@media screen and (max-height:700px){
	.web #allmenuBox .menuBox > ul > li:not(:last-child) { margin-bottom:20px; }
	.web #allmenuBox .menuBox > ul > li > a { font-size:44px; }
}

/* animation  */
.web #allmenuBox .menuBox > ul > li { opacity:0; }
.web #allmenuBox.on .menuBox > ul > li { animation:ani_5 0.5s 0.3s; 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%; backdrop-filter:blur(10px); background:rgba(0, 0, 0, 0.80) url(/img/common/all_bg_m.svg) right bottom no-repeat; background-size:cover }
    #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.hover > a { color:#fff; }
	#allmenuBox .menuBox > ul > li > a br { display:none; }
	#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 10px 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; line-height:1.3; 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; background:#090909; z-index:2; overflow:hidden }
footer .footer_box { position:relative; display:flex; flex-wrap:wrap;}
footer .footer_box > div { padding:120px 0; }
footer .footer_box .l-box { width:29%; position:relative; display:flex; flex-direction:column; justify-content:space-between; }
footer .footer_box .l-box:before { content:""; display:block; position:absolute; top:0; right:0; width:1000px; height:100%; background:rgba(255,255,255,0.05); opacity:0.5; }
footer .footer_box .l-box .logo { position:relative; z-index:5; }
footer .footer_box .l-box .logo svg .logo-1 { fill:#fff }
footer .footer_box .l-box .logo svg { width:233px; height:auto }
footer .footer_box .l-box .txt { position:relative; z-index:2; color:#fff; font-size:24px; font-weight:700; line-height:1.3; }
footer .footer_box .infobox { width:calc(100% - 29%); position:relative; padding-left:100px; }
footer .footer_box .infobox li { position:relative; font-size:17px; font-weight:400; color:rgba(255,255,255,0.5); line-height:1.3; display:flex; }
footer .footer_box .infobox li strong { color:#fff; font-weight:400; display:inline-block }
footer .footer_box .infobox li.m1 strong { width:50px; }
footer .footer_box .infobox li.m2 strong { width:64px; }
footer .footer_box .infobox li.m3 strong { width:122px; }
footer .footer_box .infobox .info-1 ul { display:flex; flex-wrap:wrap; gap:15px 0; }
footer .footer_box .infobox .info-1 li a { color:#aaa; }
footer .footer_box .infobox .info-1 li.m1 { width:221px; }
footer .footer_box .infobox .info-1 li.m2 { width:246px; }
footer .footer_box .infobox .info-1 li.m3 { width:calc(100% - 221px - 246px); }
footer .footer_box .infobox .info-2 { margin:75px 0; }
footer .footer_box .infobox .info-2 li { display:flex; flex-wrap:wrap; }
footer .footer_box .infobox .info-2 li:not(:last-child) { margin-bottom:15px; }
footer .footer_box .infobox .info-2 li strong { width:103px; }
footer .footer_box .infobox .copyright { font-size:17px; color:rgba(255,255,255,0.5); font-weight:300; line-height:1.3; }
footer .footer_box .fmenu { position:absolute; bottom:0; right:0; display:flex; gap:20px; }
footer .footer_box .fmenu a { font-size:17px; color:#fff; font-weight:400; line-height:1.3; }
@media screen and (max-width:1440px){
	footer .footer_box > div { padding:100px 0; }
	footer .footer_box .l-box .logo svg { width:200px; }
	footer .footer_box .infobox {  padding-left:60px;  }
	footer .footer_box .infobox .info-2 { margin:60px 0; }
}
@media screen and (max-width:1280px){
	footer .footer_box > div { padding:80px 0; }
	footer .footer_box .l-box { width:26%; }
	footer .footer_box .l-box .logo svg { width:180px; }
	footer .footer_box .l-box .txt { font-size:20px; }
	footer .footer_box .infobox { width:calc(100% - 26%); padding-left:30px; }
	footer .footer_box .infobox li.m1 strong { width:36px; }
	footer .footer_box .infobox li.m2 strong { width:50px; }
	footer .footer_box .infobox li.m3 strong { width:108px; }
	footer .footer_box .infobox .info-1 ul { gap:10px 0; }
	footer .footer_box .infobox .info-1 li.m1 { width:170px; }
	footer .footer_box .infobox .info-1 li.m2 { width:190px; }
	footer .footer_box .infobox .info-1 li.m3 { width:calc(100% - 170px - 190px); }
	footer .footer_box .infobox .info-2 { margin:40px 0; }
	footer .footer_box .infobox .info-2 li:not(:last-child) { margin-bottom:10px; }
	footer .footer_box .infobox .info-2 li strong { width:100px; }
}
@media screen and (max-width:1024px){
	footer .footer_box > div { padding:60px 0; }
	footer .footer_box .l-box { width:100%; }
	footer .footer_box .l-box:before { width:calc(100% + 40px); margin:0 -20px; }
	footer .footer_box .l-box .logo svg { width:180px; }
	footer .footer_box .l-box .txt { margin-top:20px; font-size:19px; }
	footer .footer_box .infobox { width:100%; padding-left:0;  }
	footer .footer_box .infobox li { font-size:16px; }
	footer .footer_box .infobox li.m1 strong { width:36px; }
	footer .footer_box .infobox li.m2 strong { width:50px; }
	footer .footer_box .infobox li.m3 strong { width:108px; }
	footer .footer_box .infobox .info-1 li.m1 { width:170px; }
	footer .footer_box .infobox .info-1 li.m2 { width:190px; }
	footer .footer_box .infobox .info-1 li.m3 { width:calc(100% - 170px - 190px); }
	footer .footer_box .infobox .info-2 { margin:40px 0; }
	footer .footer_box .infobox .info-2 li strong { width:95px; }
	footer .footer_box .infobox .info-2 li > span { width:calc(100% - 95px - 4px); }
	footer .footer_box .infobox .copyright { margin-top:80px; text-align:center; font-size:16px; }
	footer .footer_box .fmenu { left:0; width:100%; bottom:45px; gap:15px; justify-content:center; }
	footer .footer_box .fmenu a { font-size:16px; }
}
@media screen and (max-width:760px){
	footer .footer_box .infobox .info-1 ul { gap:15px 25px;}
	footer .footer_box .infobox .info-1 li.m1,
	footer .footer_box .infobox .info-1 li.m2,
	footer .footer_box .infobox .info-1 li.m3 { width:auto; }
	footer .footer_box .infobox li.m1 strong,
	footer .footer_box .infobox li.m2 strong,
	footer .footer_box .infobox li.m3 strong { width:auto; margin-right:10px; }
}
@media screen and (max-width:640px){
	footer .footer_box .infobox .info-2 li
	footer .footer_box .infobox .info-2 li strong { width:100%; }
	footer .footer_box .infobox .info-2 li > span { width:100%; margin-top:3px; }
}



.btnTop { position:absolute; right:0; top:0; z-index:10; }
.btnTop a { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:65px; height:65px; border:1px solid #fff; }
.btnTop a:before { content:""; display:block; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,1); transition:all 0.3s; }
.btnTop a:hover:before { width:100%; }
.btnTop a svg { position:relative; z-index:3; }
.btnTop a svg path { transition:all 0.3s; }
.btnTop a:hover svg path { stroke:rgba(9, 9, 9, 1)}
.btnTop a span { position:relative; z-index:3; display:block; margin-top:5px; color:#fff; font-size:16px; font-weight:800; line-height:1.3; text-transform:uppercase; transition:all 0.3s; }
.btnTop a:hover span { color:#090909; }


/* 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:1000px; 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; }
}


.btn_more span { margin-left:20px; position:relative; width:41px; height:47px; display:flex; justify-content:center; align-items:center; background:url(/img/main/more_icon_line.svg) center center no-repeat; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); overflow:hidden; }
.btn_more span:before { content:""; display:block; position:absolute; top:0; left:0; width:0; height:100%; background:#fff; transition:all 0.3s; }
.btn_more a:hover span:before { width:100%; }
.btn_more span svg { position:relative; z-index:3; }
.btn_more span svg path { transition:all 0.3s; }
@media screen and (max-width:1024px){
	.btn_more span { margin-left:15px; width:34px; height:39px; background-size:100% auto; }
	.btn_more span svg { width:12px; height:auto }
}
@media screen and (max-width:640px){
	.btn_more span { margin-left:10px; width:30px; height:34px; }
	.btn_more span svg { width:10px; height:auto }
}