@charset 'utf-8';

.body_hidden {height:100%; min-height:100%; overflow:hidden; touch-action:none;}
.body_hidden .all_bg { position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; }
#wrap { position:relative; background-color:#fff; }
body,html { height:100%; }

#container { min-height:calc(100vh - 526px);}
@media screen and (max-width:1024px){
	#container { min-height:calc(100vh - 512px);}
}
@media screen and (max-width:1024px){
	#container { min-height:calc(100vh - 540px);}
}

.inner1920 { position:relative; max-width:1920px; width:100%; margin:0 auto; }
.inner1720 { position:relative; max-width:1720px; width:100%; margin:0 auto; }
.inner1600 { position:relative; max-width:1600px; width:100%; margin:0 auto; }
.inner1600:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
@media screen and (max-width:1760px){
	.inner1720 { padding:0 20px; }
}

@media screen and (max-width:1640px){
	.inner1600 { padding:0 20px; }
}

:root {
    --mainFont:Poppins;
    --subFont:Nunito Sans;
    --subFont1:Noto Sans KR;
    --mainColor:#52b254; 
    --subColor:#222; 
}

/* header */
header { position:fixed; width:100%; z-index:999; transition:all 0.8s ease-in-out; }
header.ov { background:#fff; height:100px; }
header.active { background:rgba(255,255,255,0.8); }
header.on.active:after,
header:after { content:""; display:block; width:100%; height:1px; background-color:#e0e0e0; position:absolute; left:0; top:100px; z-index:4;}
header.on:after,
.fp-viewing-Resources header:after { background-color:rgba(255,255,255,0.1); }
header.on.ov:after,
.fp-viewing-Resources header.ov:after { background-color:#e0e0e0; }
header h1 { position:absolute; text-align:left; padding:30px 0 0 100px; z-index:999; }
header h1 a { display:inline-block; transition:all 0.2s ease-in-out; }
header h1 a svg { width:263px; height:auto }
header h1 a .logo-1 { fill:#221F20; transition:all 0.2s ease-in-out; }
header.on h1 a .logo-1,
.fp-viewing-Resources header h1 a .logo-1 { fill:#fff; }
header.on.ov h1 a .logo-1,
header.on.active h1 a .logo-1,
.fp-viewing-Resources header.ov h1 a .logo-1 { fill:#221F20; }
@media screen and (max-width:1500px){
    header h1 { padding:30px 0 0 80px; }
}
@media screen and (max-width:1024px){
    header { height:80px; background:rgba(255,255,255,0.6); }
    header.ov { height:80px; }
    header.on.active:after,
    header:after { top:80px; }
    header h1 { padding:20px 0 0 20px; }
    header h1 a svg { width:240px; }
    header.on h1 a .logo-1,
    .fp-viewing-Resources header h1 a .logo-1 { fill:#221F20; }
}
@media screen and (max-width:640px){
    header { height:65px; }
    header.ov { height:65px; }
    header.on.active:after,
    header:after { top:65px; }
    header h1 { padding:18px 0 0 20px; }
    header h1 a svg { width:190px; }
}

header #navi { position:relative; z-index:5; display:flex; justify-content:center; }
header #navi #gnb > ul { display:flex; text-align:center; }
header #navi #gnb > ul > li { position:relative; width:180px; }
header #navi #gnb > ul > li > a { position:relative; display:flex; height:100px; justify-content:center; align-items:center; color:#111; font-size:18px; font-weight:500; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > a:before { content:""; display:block; width:0; height:3px; background:var(--mainColor); position:absolute; left:50%; top:98px; transform:translateX(-50%); z-index:5; transition:all 0.3s; }
header #navi #gnb > ul > li > a:hover:before,
header #navi #gnb > ul > li.on > a:before { width:100%; }
header #navi #gnb > ul > li .subDepth { display:none; position:absolute; top:98px; left:50%; transform:translate(-50%); }
header #navi #gnb > ul > li.on .subDepth { display:block; }
header #navi #gnb > ul > li .subDepth > ul { display:flex; padding:40px 0;}
header #navi #gnb > ul > li .subDepth > ul > li {overflow:hidden  }
header #navi #gnb > ul > li .subDepth > ul > li:not(:last-child) { margin-right:60px; }
header #navi #gnb > ul > li .subDepth > ul > li > a {  opacity:0; font-size:16px; color:#333; white-space:nowrap; font-weight:300; line-height:1.3; display:inline-block; }
header #navi #gnb > ul > li .subDepth > ul > li > a span { font-weight:300; }
header #navi #gnb > ul > li .subDepth > ul > li > a:hover { color:var(--mainColor); font-weight:500; }
header #navi #gnb > ul > li .subDepth > ul > li > a:hover span { font-weight:500; letter-spacing:-0.06em; }
header #navi #gnb > ul > li.on .subDepth > ul > li a { animation:ani_3 0.5s 0.1s; animation-fill-mode:forwards; }
header.on #navi #gnb > ul > li > a,
.fp-viewing-Resources header #navi #gnb > ul > li > a { color:#fff; }  
header.on.ov  #navi #gnb > ul > li > a,
header.on.active  #navi #gnb > ul > li > a,
.fp-viewing-Resources header.ov  #navi #gnb > ul > li > a { color:#111; } 
header .gnb_bg { opacity:0; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100px; background-color:#fff; transition:all 0.5s 0.1s ease-in-out; box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.05);}
header.over .gnb_bg { opacity:1; height:200px; z-index:1; }
@media screen and (max-width:1800px){
    header #navi #gnb > ul { margin-left:17%; }
    header #navi #gnb > ul > li { width:170px; }
    header #navi #gnb > ul > li .subDepth > ul > li:not(:last-child) { margin-right:45px; }
}
@media screen and (max-width:1400px){
    header #navi #gnb > ul > li { width:160px; }
    header #navi #gnb > ul > li .subDepth > ul > li:not(:last-child) { margin-right:30px; }
}
@media screen and (max-width:1280px){
	header #navi,
    header .gnb_bg { display:none }
}

header .r_btn { position:absolute; right:100px; top:37px; z-index:99; display:flex; align-items:center; }
@media screen and (max-width:1500px){
    header .r_btn { right:20px; }
}
@media screen and (max-width:1024px){
    header .r_btn { top:28px; }
}
@media screen and (max-width:640px){
    header .r_btn { top:20px; }
}
/*
header .language { display:flex; align-items:center; position:relative; min-height:26px; }
header .language .icon { cursor:pointer; transition:all 0.5s ease-in-out;  position:absolute; top:50%; right:0; transform:translateY(-50%); }
header .language.on .icon { right:105px; }
header .language ul { display:none; align-items:center; }
header .language.on ul { display:flex; }
header .language li { margin-left:20px; }
header .language li a { font-family:var(--mainFont); color:#aaa; font-weight:400; font-size:18px; line-height:1.3; transition:all 0.2s ease-in-out; }
header .language li.on a { color:var(--mainColor); }
header.on .language .icon svg .lang-1,
.fp-viewing-Resources header .language .icon svg .lang-1 { fill:#fff; transition:all 0.5s ease-in-out; }
header.on.ov .language .icon svg .lang-1,
header.on.active .language .icon svg .lang-1,
.fp-viewing-Resources header.ov .language .icon svg .lang-1 { fill:#000; }
@media screen and (max-width:1024px){
    header.on .language .icon svg .lang-1,
    .fp-viewing-Resources header .language .icon svg .lang-1 { fill:#000; }
}
@media screen and (max-width:640px){
    header .language li { margin-left:10px; }
    header .language.on .icon { right:85px; }
}
*/
/* animation }*/
/*
header .language ul { opacity:0; }
header .language.on ul { animation:lang 0.5s 0.1s; animation-fill-mode:both; 
*/
header .language { display:flex; align-items:center; position:relative; min-height:26px; padding-right:40px; }
header .language.lang_choice > a { display:inline-block; position:relative; color:#111; font-size:17px; font-weight:700; transition:all 0.3s ease-in-out;  }
header .language.lang_choice > a i { font-size:0; display:inline-block; vertical-align:top; margin:7px 0 0 5px; width:0; height:0; border:5px solid transparent; border-top:5px solid #111; transition:all 0.3s ease-in-out; }
header .language.lang_choice > ul { display:none; position:absolute; top:28px; left:0; padding:3px 10px; border:1px solid #111; border-radius:3px; background:rgba(0,0,0,.02); }
header .language.lang_choice > ul li:not(:last-child) { margin-bottom:4px; }
header .language.lang_choice > ul li a { opacity:1; display:block; width:100%; color:#111; font-size:16px; font-weight:500; line-height:1.3; transition:all 0.3s;  }
header .language.lang_choice > ul li a:hover { opacity:1; }
header .language .site { position:absolute; top:0; right:0; }
header .language .site svg { width:20px; height:auto }
header .language .site svg .cls-1 { transition:all 0.3s; }
header.on .language.lang_choice > a,
header.on .language.lang_choice > ul li a,
.fp-viewing-Resources header .language.lang_choice > a,
.fp-viewing-Resources header .language.lang_choice > ul li a,
.fp-viewing-Resources header .language.lang_choice > ul li a { color:#fff; }
header.on .language.lang_choice > ul,
.fp-viewing-Resources header .language.lang_choice > ul { background:rgba(255,255,255,.05); border:1px solid #fff; }
header.on .language.lang_choice > a i,
.fp-viewing-Resources header .language.lang_choice > a i { border-top:5px solid #fff; }
header.on.ov .language.lang_choice > a,
header.on.active .language.lang_choice > a,
header.on.active .language.lang_choice > ul li a,
.fp-viewing-Resources header.ov .language.lang_choice > a,
.fp-viewing-Resources header.ov .language.lang_choice > a i { color:#111; }
header.on.ov .language.lang_choice > a i,
header.on.active .language.lang_choice > a i,
.fp-viewing-Resources header.ov .language.lang_choice > a i { border-top:5px solid #111; }
header.on.active .language.lang_choice > ul { background:rgba(0,0,0,.05); border:1px solid #111; }
header.on.active .language.lang_choice > a { color:#111; }
header.on .language .site svg .cls-1,
.fp-viewing-Resources header .language .site svg .cls-1 { fill:#fff; }
header.on.ov .language .site svg .cls-1,
header.on.active .language .site svg .cls-1,
.fp-viewing-Resources header.ov .language .site svg .cls-1 { fill:#111110; }
@media screen and (max-width:1280px){
    header .language { display:none }
}

header .bottom{ position: absolute; top: 100px; right: 100px; }
header .bottom a{ display: inline-block; background: #FFF; border-radius: 0 0 10px 10px; font-size: 17px; font-weight: 600; color: #333; letter-spacing: -0.02em; line-height: 1.3; padding: 15px 30px 17px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); }

/* 24.12.20 */
header .login_text { color: #111; font-size: 17px; font-weight: 600; display: inline-block; margin-right: 30px; transition:all 0.3s ease-in-out; }
header.on .login_text { color: #fff; }
header.on.ov .login_text,
header.on.active .login_text { color: #111; }
header .bottom a.bg { background: var(--mainColor); color: #fff; }

@media screen and (max-width:1500px){
    header .bottom{ right:20px; }
	header .bottom a{ font-size: 15px; padding: 13px 25px 15px; }
}
@media screen and (max-width:1024px){
    header .bottom{ top: 100%; }
	header .bottom a{ font-size: 14px; padding: 11px 20px; }
}
@media screen and (max-width:640px){

}

.allmenu a { position:relative; width:24px; height:24px; display:none; justify-content:center; padding-top:5px; margin-left:15px; }
.allmenu span { position:relative; display:block; width:18px; height:2px; background-color:#222; border-radius:2px; transition:all 0.2s ease-in-out; }
.allmenu span:before { content:""; display:block; width:100%; height:2px; background-color:#222; position:absolute; left:0; top:6px; border-radius:2px; transition:all 0.2s ease-in-out; }
.allmenu span:after { content:""; display:block; width:100%; height:2px; background-color:#222; position:absolute; left:0; top:12px; border-radius:2px; transition:all 0.2s ease-in-out; }
@media screen and (max-width:1280px){
    .allmenu a { display:flex; }
    .fp-viewing-Resources  .allmenu span,
    .fp-viewing-Resources  .allmenu span:before,
    .fp-viewing-Resources  .allmenu span:after { background-color:#fff; }
}
@media screen and (max-width:1024px){
    .fp-viewing-Resources  .allmenu span,
    .fp-viewing-Resources  .allmenu span:before,
    .fp-viewing-Resources  .allmenu span:after { background-color:#222; }
}

#allmenuBox { display:none; position:fixed; right:-640px; top:0; max-width:640px; width:100%; height:100vh; background:#fff; z-index:100000; }
#allmenuBox.off { animation:allmenu_off cubic-bezier(.5,.81,.61,.94) 0.5s 0.1s; animation-fill-mode:both; }
#allmenuBox.on { right:0; animation:allmenu_on cubic-bezier(.5,.81,.61,.94) 0.5s 0.1s; animation-fill-mode:both; }
#allmenuBox h1 a .logo-2 { fill:#fff; }
#allmenuBox .language { position:absolute; right:80px; top:32px; display:flex; gap:0 12px; }
#allmenuBox .language i { display:none }
#allmenuBox .language a { color:#111; font-weight:500; font-size:17px; line-height:1.3; }
#allmenuBox .language > a { color:var(--mainColor); }
#allmenuBox .language .site svg { width:18px; height:auto }
#allmenuBox .menuBox { margin-top:60px; width:100%; padding:60px 90px 0; }
#allmenuBox .menuBox .inner { padding:0; }
#allmenuBox .menuBox > ul > li { position:relative; margin-top:55px; }
#allmenuBox .menuBox > ul > li:first-child { margin-top:0; }
#allmenuBox .menuBox > ul > li > a { position:relative; color:#222; font-weight:700; font-size:56px; line-height:1.3; display:inline-block; }
#allmenuBox .menuBox > ul > li.hover > a { color:var(--mainColor); } 
#allmenuBox .menuBox > ul > li .subDepth { position:relative; display:none; padding:10px 0 0; }
#allmenuBox .menuBox > ul > li .subDepth > ul > li { position:relative; display:inline-block; margin-top:10px; }
#allmenuBox .menuBox > ul > li .subDepth > ul > li:not(:last-child) { margin-right:25px; }
#allmenuBox .menuBox > ul > li .subDepth > ul > li > a { position:relative; color:#666; font-weight:400; font-size:18px; line-height:1.3; letter-spacing:-0.02em; cursor:pointer; transition:all 0.3s }
#allmenuBox .menuBox > ul > li .subDepth > ul > li.on > a,
#allmenuBox .menuBox > ul > li .subDepth > ul > li > a:hover { color:var(--mainColor); } 
#allmenuBox .btn_close { position:absolute; right:60px; top:46px; width:24px; height:24px; z-index:11; opacity:1; cursor:pointer; display:flex; justify-content:center; padding-top:5px; }
#allmenuBox .btn_close span { position:relative; display:block; width:18px; height:18px; transform:rotate(45deg); margin:1px 6px 0 0; }
#allmenuBox .btn_close span:before { content:""; display:block; width:18px; height:2px; background-color:#222; position:absolute; right:0; top:2px; border-radius:2px; }
#allmenuBox .btn_close span:after { content:""; display:block; width:18px; height:2px; background-color:#222; position:absolute; right:0; top:2px; border-radius:2px; transform:rotate(90deg);}

@media screen and (max-width:1280px){
    #allmenuBox { display:block; right:-480px; top:0; max-width:480px; }
    #allmenuBox .menuBox { margin-top:40px; padding:60px 40px 0; }
    #allmenuBox .menuBox > ul > li { margin-top:40px; }
    #allmenuBox .menuBox > ul > li > a { font-size:28px; } 
    #allmenuBox .menuBox > ul > li > .subDepth > li:not(:last-child) { margin-right:12px; }
    #allmenuBox .menuBox > ul > li > .subDepth > li > a { font-size:16px; }
    #allmenuBox .btn_close { right:40px; top:32px; }
}
@media screen and (max-width:640px){
    #allmenuBox .language { right:70px; top:20px; }
    #allmenuBox .menuBox { padding:50px 30px 0; }
    #allmenuBox .btn_close { right:20px; top:20px; }
}

@keyframes allmenu_off {
	0%{ right:0; }
	100%{ right:-640px;  }
}
@keyframes allmenu_on {
	0%{ right:-640px;  }
	100%{ right:0;  }
}



footer { padding:100px 100px 40px; background:#101010; }
footer .footer_box { position:relative; }
footer .f-box { position:relative; display:flex; justify-content:space-between; }
footer .footer_box .l_box { width:50% }
footer .footer_box .l_box .logo svg { width:224px; height:auto }
footer .footer_box .l_box .logo .logo-1 { fill:#fff; }
footer .footer_box .l_box .infobox { margin-top:50px; }
footer .footer_box .l_box .info ul { display:flex; flex-wrap:wrap; }
footer .footer_box .l_box .info li { color:#ccc; font-weight:300; font-size:16px; line-height:1.3; }
footer .footer_box .l_box .info li:not(:last-child) { margin-right:25px; }
footer .footer_box .l_box .info li strong { display:inline-block; padding-right:11px; color:#fff; font-weight:500; }
footer .footer_box .l_box .info li span:not(:last-child) { margin-right:15px; padding-right:15px; }
footer .footer_box .l_box .info li a { color:#ccc; font-weight:300;}
footer .footer_box .l_box .info li:nth-child(2) { margin-right:200px; }
footer .footer_box .l_box .info li:nth-child(3) { margin-right:200px; margin-top:15px; }
footer .footer_box .l_box .info li:nth-child(4) { margin-top:15px; }
footer .footer_box .l_box .fmenu { margin-top:60px; }
footer .footer_box .l_box .fmenu ul { display:flex }
footer .footer_box .l_box .fmenu li:not(:last-child) { margin-right:15px; padding-right:15px; }
footer .footer_box .l_box .fmenu li { position:relative; }
footer .footer_box .l_box .fmenu li:not(:last-child):before { content:""; display:block; width:1px; height:15px; background-color:rgba(255, 255, 255, 0.2); position:absolute; right:0; top:50%; transform:translateY(-50%); }
footer .footer_box .l_box .fmenu li a { font-size:16px; font-weight:400; color:#888; letter-spacing:-0.02em; line-height:1.3 }
footer .footer_box .l_box .copyright { margin-top:15px; color:#888; font-weight:500; font-size:16px; letter-spacing:-0.02em; line-height:1.3 }
footer .footer_box .r_box .a-menu { text-align:right; }
footer .footer_box .r_box .a-menu li:not(:last-child) { margin-bottom:15px; }
footer .footer_box .r_box .a-menu li a { padding-right:32px; font-size:18px; font-weight:500; color:#fff; letter-spacing:-0.02em; line-height:1.3; background:url(/img/common/a_menu_arr.png) right center no-repeat; }
footer .footer_box .sns-box { margin-top:40px; padding-top:40px; text-align:right; border-top:1px solid rgba(217, 217, 217, 0.1); }
footer .footer_box .sns-box li { display:inline-block; }
footer .footer_box .sns-box li:not(:last-child) { margin-right:6px; }
footer .footer_box .sns-box li a { width:45px; height:45px; border-radius:45px; display:flex; justify-content:center; align-items:center; background:#222; transition:all 0.3s }
footer .family { position:absolute; bottom:0; right:0; }
footer .family > p { position:relative; z-index:22; cursor:pointer; padding:0 0 0 20px; width:200px; height:55px; font-weight:400; font-family:var(--mainFont); font-size:16px; color:#666; display:flex; justify-content:space-between; align-items:center; background:#222; border-radius:5px; }
footer .family > p:before {content:""; display:block; position:absolute; top:50%; right:20px; transform:translateY(-50%); width:10px; height:11px; background:url(/img/common/family_arr.png) no-repeat center center; transition:all 0.3s; }
footer .family.on > p:before { background:url(/img/common/family_arr1.png) no-repeat center center;}
footer .family .sbox { position:absolute; left:0; bottom:0; display:none; padding-bottom:50px; width:100%; text-align:left; }
footer .family .sbox ul { padding:10px 10px 8px; background:#222; border-radius:5px 5px 0 0; }
footer .family .sbox li { padding:8px 10px; font-weight:500; font-size:14px; }
footer .family .sbox li a { color:#666; }
@media screen and (max-width:1700px){
    footer .footer_box .l_box { width:60% }
}
@media screen and (max-width:1500px){
    footer { padding:100px 80px 40px; }
    footer .footer_box .l_box { width:70% }
}
@media screen and (max-width:1280px){
    footer .footer_box .l_box { width:82% }
}
@media screen and (max-width:1024px){
    footer { padding:80px 20px 40px; }
    footer .footer_box .l_box { width:70% }
    footer .footer_box .l_box .info li { font-size:15px; }
    footer .footer_box .l_box .info li:not(:last-child) { margin-right:20px; }
    footer .footer_box .l_box .info li:nth-child(2) { margin-right:20px; }
    footer .footer_box .l_box .info li:nth-child(3),
    footer .footer_box .l_box .info li:nth-child(4) { margin-top:10px; }
    footer .footer_box .l_box .fmenu { margin-top:50px; }
    footer .footer_box .l_box .fmenu li:not(:last-child) { margin-right:10px; padding-right:10px; }
    footer .footer_box .l_box .fmenu li:not(:last-child):before { height:10px; }
    footer .footer_box .l_box .fmenu li a { font-size:15px; }
    footer .footer_box .l_box .copyright { margin-top:12px; font-size:15px; }
    footer .footer_box .r_box .a-menu li a { padding-right:28px; font-size:16px; }
}
@media screen and (max-width:640px){
    footer { padding:60px 0 40px; }
    footer .f-box { flex-direction:column; }
    footer .footer_box .l_box { width:100%; padding-bottom:0; } 
    footer .footer_box .l_box .logo { text-align:center }
    footer .footer_box .l_box .logo svg { width:190px; }
    footer .footer_box .l_box .info { margin-top:70px; }
    footer .footer_box .l_box .info ul { justify-content:center; text-align:center; gap:0 20px; }
    footer .footer_box .l_box .info li { font-size:15px; }
    footer .footer_box .l_box .info li strong { padding-right:8px; }
    footer .footer_box .l_box .info li:not(:last-child),
    footer .footer_box .l_box .info li:nth-child(2) { margin-right:0; }
    footer .footer_box .l_box .fmenu { margin-top:30px; text-align:center }
    footer .footer_box .l_box .fmenu ul { justify-content:center; }
    footer .footer_box .l_box .fmenu li:not(:last-child) { margin-right:10px; padding-right:10px; }
    footer .footer_box .l_box .fmenu li:not(:last-child):before { height:10px; }
    footer .footer_box .l_box .copyright { margin-top:10px; text-align:center }
    footer .footer_box .r_box .a-menu { position:absolute; top:60px; left:0; width:100%; }
    footer .footer_box .r_box .a-menu ul { display:flex; justify-content:center; gap:0 13px; }
    footer .footer_box .r_box .a-menu li a { padding-right:18px; font-size:14px; }
    footer .footer_box .sns-box { margin-top:30px; padding-top:30px; text-align:center; }
    footer .family { position:relative; bottom:unset; width:200px; margin:30px auto 0; }
    footer .family > p { width:200px; height:45px; }
    footer .family .sbox { padding-bottom:35px; } 
}
@media screen and (max-width:520px){
    footer .footer_box .l_box .logo svg { width:180px; }
    footer .footer_box .l_box .info { margin-top:70px; }
    footer .footer_box .l_box .info ul { justify-content:center; text-align:center; gap:0 15px; }
    footer .footer_box .l_box .info li { font-size:14px; }
    footer .footer_box .l_box .info li strong { padding-right:7px; }
    footer .footer_box .l_box .fmenu { margin-top:25px; }
    footer .footer_box .l_box .fmenu li:not(:last-child) { margin-right:8px; padding-right:8px; }
    footer .footer_box .l_box .copyright { font-size:14px; }
    footer .footer_box .r_box .a-menu ul { gap:0 15px; }
    footer .footer_box .r_box .a-menu li a { padding-right:20px; font-size:14px; background-size:9px auto; }
    footer .footer_box .sns-box li a { width:42px; height:42px; }
}
@media screen and (max-width:412px){
    footer .footer_box .r_box .a-menu ul { gap:0 12px; }
    footer .footer_box .r_box .a-menu li a { padding-right:15px; font-size:13px;  }
}


/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; padding:0; 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 h4 { font-size:18px; font-weight:bold; color:#222; text-align:left; margin:50px 0 30px; }
.privacy .stxt { font-size:15px; font-weight:500; color:#222; text-align:left; margin:14px 0 10px; }
.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:10px;}
.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.4; 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; }



.right-btn { position:fixed; right:20px; bottom:30px; z-index:22; transition:all 0.4s}
.fp-viewing-LAST .right-btn,
.s_off .right-btn { bottom:550px; }
.right-btn li:not(:last-child) { margin-bottom:20px; }
.right-btn li .link { transition:all 0.3s; width:60px; height:60px; border-radius:6px; background:var(--mainColor) url(/img/main/write_icon.png) no-repeat center center; display:block; }
.right-btn li { text-align:center; }
.right-btn li .btn_top { display:flex; align-items:center; justify-content:center; }
.right-btn li .btn_top .icon { transition:all 0.3s; width:20px; height:20px; background:url(/img/main/top_icon.png) no-repeat center center; display:inline-block; }
.right-btn li .btn_top .txt { transition:all 0.3s; text-align:center; display:block; font-family:var(--mainFont); color:var(--mainColor); font-size:16px; font-weight:700; line-height:1.3 }
@media screen and (max-width:1024px){
    .fp-viewing-LAST .right-btn { bottom:530px; }
    .right-btn li .link { width:45px; height:45px; background-size:20px auto; }
    .right-btn li:not(:last-child) { margin-bottom:10px; }
    .right-btn li .btn_top .txt { font-size:14px; }
    .s_off .right-btn { bottom:20px; }
}
@media screen and (max-width:640px){
    .s_off .right-btn,
    .right-btn { right:10px; bottom:10px; }
    .fp-viewing-LAST .right-btn { bottom:10px; }
}