@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.mainbody { overflow:hidden; }
@media screen and (max-width:1024px){
	body.mainbody { overflow:inherit; }
}

body,html { min-height:100% }

.inner1920 { position:relative; max-width:1920px; 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:1640px){
	.inner1600 { padding:0 20px; }
}

:root { 
    --mainFont:Poppins;
    --subFont1:Noto Sans KR;
    --mainColor:#ea5504; 
    --subColor:#222; 
}

/* header */
header { position:fixed; width:100%; z-index:999; }
header h1 { position:absolute; text-align:left; padding:44px 0 0 160px; z-index:999; }
header h1 a { display:inline-block; transition:all 0.2s ease-in-out; }
header h1 a svg { width:258px; height:auto }
header h1 a .logo-1 { fill:#fff; transition:all 0.2s ease-in-out; }
header.on h1 a .logo-1 { fill:var(--mainColor); }
header.over h1 a .logo-1,
.fp-viewing-ABOUT.on header.over h1 a .logo-1,
.subbody header.over h1 a .logo-1,
.subbody header.active h1 a .logo-1 { fill:var(--mainColor); }
.subbody header h1 a .logo-1 { fill:#fff; }
.fp-viewing-ABOUT.on h1 a .logo-1 { fill:#fff; }
.fp-viewing-NEWS header:before,
.fp-viewing-LAST header:before,
.subbody header.active:before { content:""; display:block; width:100%; height:110px; background-color:rgba(255,255,255,1); position:absolute; left:0; top:0; }
@media screen and (max-width:1800px){
    header h1 { padding:44px 0 0 80px; }
}
@media screen and (max-width:1400px){
    header h1 { padding:44px 0 0 40px; }
    header h1 a svg { width:230px; }
}
@media screen and (max-width:1024px){
	header h1 { padding:32px 0 0 40px; }
    .fp-viewing-NEWS header:before,
    .fp-viewing-LAST header:before,
    .subbody header.active:before { height:80px; }
    .fp-viewing-MAIN h1 a .logo-1,
    .fp-viewing-ABOUT.on h1 a .logo-1,
    .fp-viewing-HISTORY h1 a .logo-1 { fill:var(--mainColor); }
    header.active:before { content:""; display:block; width:100%; height:80px; background-color:rgba(255,255,255,1); position:absolute; left:0; top:0; }
}
@media screen and (max-width:640px){
	header h1 { padding:22px 0 0 20px; }
    header h1 a svg { width:200px; }
    .fp-viewing-NEWS header:before,
    .fp-viewing-LAST header:before,
    .subbody header.active:before{ height:60px; }
    header.active:before { height:60px; }
}

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 { width:170px; }
header #navi #gnb > ul > li > a { position:relative; display:flex; height:117px; justify-content:center; align-items:center; font-family:var(--mainFont); color:#fff; font-size:18px; font-weight:500; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > a:hover,
header #navi #gnb > ul > li.on > a { color:var(--mainColor); }
header #navi #gnb > ul > li > a:hover:before,
header #navi #gnb > ul > li.on > a:before { height:100%; }
header #navi #gnb > ul > li > .subDepth { display:none; padding-top:5px; padding-bottom:50px; }
header.over #navi #gnb > ul > li > .subDepth { display:block; }
header #navi #gnb > ul > li > .subDepth > li { opacity:0; }
header #navi #gnb > ul > li > .subDepth > li:not(:last-child) { margin-bottom:20px; }
header #navi #gnb > ul > li > .subDepth > li > a { font-size:16px; color:#666; font-weight:300; line-height:1.3; transition:all 0.3s ease-in-out; display:inline-block; }
header #navi #gnb > ul > li > .subDepth > li > a:hover { color:var(--mainColor); }
header.over #navi #gnb > ul > li > .subDepth > li { animation:ani_5 0.6s 0.3s; animation-fill-mode:forwards; }
header .gnb_bg { min-height:0; position:absolute; top:0; left:0; width:100%; height:0; background-color:#fff; transition:all 0.3s ease-in-out; z-index:1; /*box-shadow:0 0 4px rgba(0,0,0,0.08);*/ }
header.on #navi #gnb > ul > li > a,
header.over #navi #gnb > ul > li > a,
.fp-viewing-ABOUT.on header.over #navi #gnb > ul > li > a,
.subbody header.active #navi #gnb > ul > li > a { color:#222; }
.fp-viewing-ABOUT.on header #navi #gnb > ul > li > a { color:#fff; }
.subbody header.active .gnb_bg { box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
@media screen and (max-width:1800px){
    header #navi { padding-left:10%; }
    header #navi #gnb > ul > li { width:150px; }
}
@media screen and (max-width:1400px){
    header #navi #gnb > ul > li { width:130px; }
}
@media screen and (max-width:1280px){
    header #navi { padding-left:10%; }
    header #navi #gnb > ul > li { width:110px; }
    header #navi #gnb > ul > li > a { font-size:16px; }
    header #navi #gnb > ul > li > .subDepth > li:not(:last-child) { margin-bottom:15px; }
    header #navi #gnb > ul > li > .subDepth > li > a { font-size:15px; }
}
@media screen and (max-width:1024px){
	header #navi { display:none }
}

header .r_btn { position:absolute; right:160px; top:44px; z-index:99; display:flex; align-items:center; }
@media screen and (max-width:1800px){
    header .r_btn { right:80px; top:44px; }
}
@media screen and (max-width:1400px){
    header .r_btn { right:40px; top:44px; }
}
@media screen and (max-width:1024px){
    header .r_btn { right:30px; top:30px; }
}
@media screen and (max-width:640px){
    header .r_btn { right:20px; top:20px; }
}

header .language { display:flex; align-items:center; margin-right:34px; }
header .language .icon { display:block; width:18px; height:18px; margin-right:10px; }
header .language .icon .color { fill:#fff; transition:all 0.2s ease-in-out; }
header .language li a { font-family:var(--mainFont); color:#fff; font-weight:400; font-size:18px; line-height:1.3; transition:all 0.2s ease-in-out; }
header.on .language .icon .color,
header.over .language .icon .color,
.fp-viewing-ABOUT.on header.over .language .icon .color,
.subbody header.active .language .icon .color{ fill:#222; }
header.on .language li a,
header.over .language li a,
.fp-viewing-ABOUT.on header.over .language li a,
.subbody header.active .language li a { color:#222; }
.fp-viewing-ABOUT.on header .language .icon .color { fill:#fff; }
.fp-viewing-ABOUT.on header .language li a { color:#fff; }

.allmenu a { position:relative; width:24px; height:24px; display:flex; justify-content:center; padding-top:5px; }
.allmenu span { position:relative; display:block; width:18px; height:2px; background-color:#fff; border-radius:2px; transition:all 0.2s ease-in-out; }
.allmenu span:before { content:""; display:block; width:9px; height:2px; background-color:#fff; position:absolute; left:0; top:6px; border-radius:2px; transition:all 0.2s ease-in-out; }
.allmenu span:after { content:""; display:block; width:18px; height:2px; background-color:#fff; position:absolute; left:0; top:12px; border-radius:2px; transition:all 0.2s ease-in-out; }
header.on .allmenu span,
header.on .allmenu span:before,
header.on .allmenu span:after,
header.over .allmenu span,
header.over .allmenu span:before,
header.over .allmenu span:after,
.fp-viewing-ABOUT.on header.over .allmenu span, 
.fp-viewing-ABOUT.on header.over .allmenu span:before, 
.fp-viewing-ABOUT.on header.over .allmenu span:after,
.subbody header.active .allmenu span,
.subbody header.active .allmenu span:before,
.subbody header.active .allmenu span:after{ background-color:#222; }
.fp-viewing-ABOUT.on header .allmenu span, 
.fp-viewing-ABOUT.on header .allmenu span:before, 
.fp-viewing-ABOUT.on header .allmenu span:after { background-color:#fff; }
@media screen and (max-width:1280px){
    header .language { margin-right:25px; }
    header .language li a { font-size:16px; }
}
@media screen and (max-width:1024px){
    .fp-viewing-MAIN header .allmenu span,
    .fp-viewing-MAIN header .allmenu span:before,
    .fp-viewing-MAIN header .allmenu span:after,
    .fp-viewing-ABOUT.on header .allmenu span,
    .fp-viewing-ABOUT.on header .allmenu span:before,
    .fp-viewing-ABOUT.on header .allmenu span:after,
    .fp-viewing-HISTORY header .allmenu span,
    .fp-viewing-HISTORY header .allmenu span:before,
    .fp-viewing-HISTORY header .allmenu span:after { background-color:#222; }
    .fp-viewing-MAIN header .language li a,
    .fp-viewing-ABOUT.on header .language li a,
    .fp-viewing-HISTORY header .language li a { color:#222; }
    .fp-viewing-MAIN header .language .icon .color,
    .fp-viewing-ABOUT.on header .language .icon .color,
    .fp-viewing-HISTORY header .language .icon .color { fill:#222; }
}
@media screen and (max-width:640px){
    header .language { margin-right:18px; }
}

#allmenuBox { display:block; 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 .menuBox { margin-top:60px; width:100%; padding:30px 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; font-family:var(--mainFont); 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:15px 0 0; }
#allmenuBox .menuBox > ul > li > .subDepth > li { position:relative; display:inline-block; margin-bottom:8px; }
#allmenuBox .menuBox > ul > li > .subDepth > li:not(:last-child) { margin-right:16px; }
#allmenuBox .menuBox > ul > li > .subDepth > li > a { position:relative; color:#666; font-weight:300; font-size:18px; line-height:1.3; letter-spacing:-0.02em; cursor:pointer; transition:all 0.3s }
#allmenuBox .menuBox > ul > li > .subDepth > li.on > a,
#allmenuBox .menuBox > ul > li > .subDepth > li > a:hover { color:#222; font-weight:600; }
#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:2px; background-color:var(--mainColor); border-radius:2px}
#allmenuBox .btn_close span:before { content:""; display:block; width:9px; height:2px; background-color:var(--mainColor); position:absolute; right:0; top:6px; border-radius:2px; }
#allmenuBox .btn_close span:after { content:""; display:block; width:18px; height:2px; background-color:var(--mainColor); position:absolute; right:0; top:12px; border-radius:2px; }
@media screen and (max-width:1400px){
    #allmenuBox { right:-540px; top:0; max-width:540px; }
    #allmenuBox .menuBox { margin-top:50px; padding:30px 50px 0; }
    #allmenuBox .menuBox > ul > li { margin-top:50px; }
    #allmenuBox .menuBox > ul > li > a { font-size:40px; } 
    #allmenuBox .menuBox > ul > li > .subDepth > li:not(:last-child) { margin-right:14px; }
    #allmenuBox .menuBox > ul > li > .subDepth > li > a { font-size:18px; }
    #allmenuBox .btn_close { right:50px; top:46px; }
}
@media screen and (max-width:1024px){
    #allmenuBox { right:-480px; top:0; max-width:480px; }
    #allmenuBox .menuBox { margin-top:40px; padding:30px 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 .menuBox { padding:30px 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:55px 60px 50px; background:#222; }
footer .footer_box { position:relative; display:flex; justify-content:space-between; align-items:flex-end; }
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:rgba(255, 255, 255, 0.80); font-weight:300; font-size:16px; line-height:1.3; }
footer .footer_box .l_box .info li:not(:last-child) { margin-right:40px; }
footer .footer_box .l_box .info li strong { display:inline-block; padding-right:20px; color:#fff; font-weight:600; font-size:18px; }
footer .footer_box .l_box .info li span:not(:last-child) { margin-right:15px; padding-right:15px; }
footer .footer_box .l_box .info li span { position:relative; color:rgba(255, 255, 255, 0.80); font-weight:300; display:inline-block; }
footer .footer_box .l_box .info li span:not(:last-child):before { content:""; display:block; width:1px; height:10px; background-color:#aaa; position:absolute; right:0; top:50%; transform:translateY(-50%); }
footer .footer_box .l_box .info li a { color:rgba(255, 255, 255, 0.80); font-weight:300;}
footer .footer_box .l_box .fmenu { margin-top:30px; }
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:10px; background-color:#aaa; position:absolute; right:0; top:50%; transform:translateY(-50%); }
footer .footer_box .l_box .fmenu li a { position:relative; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.02em; line-height:1.3 }
footer .footer_box .l_box .fmenu li:first-child a:before { content:''; display:block; position:absolute; left:0; bottom:-3px; width:100%; height:1px; background:#fff; opacity:0.7 }
footer .footer_box .l_box .copyright { margin-top:10px; font-family:var(--mainFont); color:#666; font-weight:300; font-size:16px; line-height:1.3 }
footer .footer_box .r_box .sns { margin-top:70px; text-align:right; }
footer .footer_box .r_box .sns li { display:inline-block; }
footer .footer_box .r_box .sns li:not(:last-child) { margin-right:10px; }
footer .footer_box .r_box .sns li a { width:50px; height:50px; border:1px solid rgba(255,255,255, 0.1); border-radius:50px; display:flex; justify-content:center; align-items:center; transition:all 0.3s }
footer .footer_box .r_box .sns li a:hover { background:var(--mainColor); }
@media screen and (max-width:1280px){
    footer .footer_box .l_box .info ul { display:block; }
    footer .footer_box .l_box .info li:not(:last-child) { margin:0 0 15px 0; }
}
@media screen and (max-width:1024px){
    footer { padding:55px 40px 50px; }
}
@media screen and (max-width:860px){
    footer .footer_box { flex-wrap:wrap; }
    footer .footer_box .l_box { width:100%; }
    footer .footer_box .logo { text-align:center; }
    footer .footer_box .l_box .infobox { margin-top:40px; }
    footer .footer_box .l_box .info { text-align:center; }
    footer .footer_box .l_box .info li { font-size:15px; }
    footer .footer_box .l_box .info li strong { font-size:16px; padding-right:10px; }footer .footer_box .l_box .fmenu { margin-top:30px; }
    footer .footer_box .l_box .fmenu { text-align:center; margin-top:100px; }
    footer .footer_box .l_box .fmenu ul { justify-content:center; }
    footer .footer_box .l_box .fmenu li a { font-size:15px; }
    footer .footer_box .l_box .copyright { text-align:center; }
    footer .footer_box .r_box .sns  { margin-top:0; text-align:center; position:absolute; left:0; bottom:80px; width:100%; }
}
@media screen and (max-width:640px){
    footer { padding:55px 20px 50px; }
}

/* 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;}
.privacy > dl > dd table { margin-top:10px; border-top:1px solid #ddd; max-width:1200px; }
.privacy > dl > dd th { text-align:center; font-size:15px; font-weight:500; padding:10px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fafafa }
.privacy > dl > dd td { text-align:center; font-size:15px; font-weight:400; padding:10px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.privacy > dl > dd th:first-child,
.privacy > dl > dd td:first-child{ border-left:none }
.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:72px; bottom:110px; z-index:22; transition:all 0.3s }
.subbody .right-btn { bottom:110px; min-width:50px; }
.subbody.s_off .right-btn { bottom:320px;}
.subbody .right-btn .link { display:none }
.fp-viewing-LAST .right-btn { bottom:320px; }
.right-btn li:not(:last-child) { margin-bottom:20px; }
.right-btn li .link { transition:all 0.3s; width:50px; height:50px; border-radius:50px; border:1px solid rgba(234, 85, 4, 0); background:rgba(255,255,255,0.16) url(/img/main/write_icon.png) no-repeat center center; display:block; }
.fp-viewing-GIFT .right-btn li .link,
.fp-viewing-WELFARE .right-btn li .link,
.fp-viewing-NEWS .right-btn li .link,
.fp-viewing-LAST .right-btn li .link,
.subbody .right-btn li .link { background:rgba(255,255,255,0.16) url(/img/main/write_icon1.png) no-repeat center center; border:1px solid var(--mainColor)}
.right-btn li .link:hover { background-color:var(--mainColor); }
.fp-viewing-GIFT .right-btn li .link:hover,
.fp-viewing-WELFARE .right-btn li .link:hover,
.fp-viewing-NEWS .right-btn li .link:hover,
.fp-viewing-LAST .right-btn li .link:hover,
.subbody .right-btn li .link:hover { background:var(--mainColor) url(/img/main/write_icon.png) no-repeat center center; }
.right-btn li { text-align:center; }
.right-btn li .btn_top .icon { transition:all 0.3s; width:24px; height:24px; margin:0 auto; background:url(/img/main/top_icon.png) no-repeat center center; display:block; }
.right-btn li .btn_top .txt { transition:all 0.3s; text-align:center; display:block; margin-top:8px; font-family:var(--mainFont); color:#fff; font-size:14px; font-weight:300; line-height:1.3 }
.fp-viewing-GIFT .right-btn li .btn_top .txt,
.fp-viewing-WELFARE .right-btn li .btn_top .txt,
.fp-viewing-NEWS .right-btn li .btn_top .txt,
.fp-viewing-LAST .right-btn li .btn_top .txt,
.subbody .right-btn li .btn_top .txt { color:var(--mainColor); }
.fp-viewing-GIFT .right-btn li .btn_top .icon,
.fp-viewing-WELFARE .right-btn li .btn_top .icon,
.fp-viewing-NEWS .right-btn li .btn_top .icon,
.fp-viewing-LAST .right-btn li .btn_top .icon,
.subbody .right-btn li .btn_top .icon { background:url(/img/main/top_icon1.png) no-repeat center center; }
@media screen and (max-width:1400px){
    .right-btn { bottom:80px; right:32px; }
}
@media screen and (max-width:1280px){
    .right-btn { bottom:60px; }
}
@media screen and (max-width:1024px){
    .fp-viewing-LAST .right-btn { bottom:360px; }
    .right-btn { right:24px; }
}
@media screen and (max-width:860px){
    .fp-viewing-LAST .right-btn { bottom:400px; }
    .subbody.s_off .right-btn { bottom:400px;}
}
@media screen and (max-width:640px){
    .right-btn { right:12px; }
    .right-btn li:not(:last-child) { margin-bottom:15px; }
    .right-btn li .link { width:44px; height:44px; }
    .subbody .right-btn { min-width:44px; }
}