@charset 'utf-8';
.body_hidden {height:100%; min-height:100%; overflow:hidden; touch-action:none;}

#wrap { min-height:calc(100vh - 280px); position:relative; background-color:#fff; overflow:hidden; }
@media screen and (max-width:1008px){
	#wrap { min-height:100%; }
}

.inner { max-width:1500px; width:100%; margin:0 auto; }
.inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.inner1720 { max-width:1700px; width:100%; margin:0 auto; }
@media screen and (max-width:1760px){
	.inner1720 { padding:0 20px; }
}
@media screen and (max-width:1540px){
	.inner { padding:0 20px; }
}


/* header */
header { position:fixed; width:100%; z-index:999; height:90px; background-color:rgba(0,0,0,0.5); transition: all .5s ease; }
header.nav-up { transform:translateY(-90px); }
header .topbox { position:relative; }
header h1 { position:absolute; left:100px; text-align:left; padding:30px 0 0 0; z-index:999; transition:all 0.3s ease-in-out; }
header h1 a { display:inline-block; width:162px; transition:all 0.3s ease-in-out; }
header h1 a svg { }
header h1 a svg .aif-1 { /* fill:#010101; */ fill:#fff; }
header h1 a svg .aif-3 { /* fill:#131063; */ fill:#fff; }
@media screen and (max-width:1280px){
	header h1 { left:80px; }
}
@media screen and (max-width:1024px){	
	header h1 { left:40px; }
	header h1 a { width:145px; }
}
@media screen and (max-width:640px){
	header { height:70px; }
	header.nav-up { transform:translateY(-70px); }
	header h1 { left:20px; padding:20px 0 0 0; }
	header h1 a { width:125px; }
}

header #navi { display:none }
header .top-rmenu { display:flex; justify-content:flex-end; position:absolute; right:100px; top:38px; }
@media screen and (max-width:1280px){
	header .top-rmenu { right:80px; }
}
@media screen and (max-width:1024px){	
	header .top-rmenu { right:40px; }
}
@media screen and (max-width:640px){
	header .top-rmenu { right:20px; top:28px; }
}



header .network { position:relative; }
header .network .sel { position:relative; z-index:2; padding:1px 25px; cursor:pointer; display:block; font-size:15px; font-weight:300; color:#fff; }
header .network .sel:before { content:"\eb3a"; display:block; font-family:"xeicon"; font-size:16px; color:#fff; position:absolute; left:0; top:0; }
header .network .sel:after { content:"\e942"; display:block; font-family:"xeicon"; font-size:16px; color:#fff; position:absolute; right:0; top:0; transition:all 0.3s ease-in-out; }
header .network.on .sel:after { transform:rotate(180deg); }
header .network .box { position:absolute; left:50%; top:-30px; transform:translateX(-50%); opacity:0; visibility:hidden; z-index:-5; width:180px; animation:ani_5 0.5s 0.1s; animation-fill-mode:both; }
header .network.on .box { opacity:1; visibility:visible; z-index:1; }
header .network.off .box { animation:ani_6 2s 1s; opacity:0; visibility:hidden; z-index:-5; }
header .network .box ul { padding:70px 10px 30px 30px; background-color:#111; border-radius:10px;  }
header .network ul li:not(:last-child) { margin-bottom:15px; }
header .network ul li a { color:rgba(255,255,255,0.3); font-size:15px; font-weight:300; }
header .network ul li a:hover { color:rgba(255,255,255,1); }
@media screen and (max-width:1024px){	
	header .network { display:none; }
}

.language { position:relative; margin:0 40px 0 45px; }
.language .sel { position:relative; z-index:2; padding:1px 25px; cursor:pointer; display:block; font-size:15px; font-weight:300; color:#fff; }
.language .sel:before { content:"\e9d1"; display:block; font-family:"xeicon"; font-size:16px; color:#fff; position:absolute; left:0; top:0; }
.language .sel:after { content:"\e942"; display:block; font-family:"xeicon"; font-size:16px; color:#fff; position:absolute; right:0; top:0; transition:all 0.3s ease-in-out; }
.language.on .sel:after { transform:rotate(180deg); }
.language .box { position:absolute; left:50%; top:-30px; transform:translateX(-50%); opacity:0; visibility:hidden; z-index:-5; width:126px; animation:ani_5 0.5s 0.1s; animation-fill-mode:both; }
.language.on .box { opacity:1; visibility:visible; z-index:1; }
.language.off .box { animation:ani_6 2s 1s; opacity:0; visibility:hidden; z-index:-5; }
.language .box ul { padding:70px 10px 30px 30px; background-color:#111; border-radius:10px;  }
.language ul li:not(:last-child) { margin-bottom:15px; }
.language ul li a { color:rgba(255,255,255,0.3); font-size:15px; font-weight:300; }
.language ul li a:hover { color:rgba(255,255,255,1); }
@media screen and (max-width:1024px){	
	.language { display:none; }
}



.allBox { transition:all 0.3s ease-in-out; }
.allBox.on { top:0; }
.allmenu { position:relative; padding-left:25px; }
.allmenu a {font-size:15px; font-weight:300; color:#fff; }
.allmenu span { transition:all 0.3s ease-in-out;  }
.allmenu span:before { content:""; display:block; width:15px; height:2px; background-color:#fff; position:absolute; left:0; top:4px; border-radius:3px; transition:all 0.3s ease-in-out; }
.allmenu span:after { content:""; display:block; width:15px; height:2px; background-color:#fff; position:absolute; left:0; top:10px; border-radius:3px; transition:all 0.3s ease-in-out; }
.fp-viewing-Main .allmenu span, 
.fp-viewing-Main .allmenu span:before,
.fp-viewing-Main .allmenu span:after,
.fp-viewing-Overview .allmenu span, 
.fp-viewing-Overview .allmenu span:before,
.fp-viewing-Overview .allmenu span:after,
.fp-viewing-ContactUs .allmenu span, 
.fp-viewing-ContactUs .allmenu span:before,
.fp-viewing-ContactUs .allmenu span:after,
.fp-viewing-Last .allmenu span, 
.fp-viewing-Last .allmenu span:before,
.fp-viewing-Last .allmenu span:after,
.subBody .allmenu span,
.subBody .allmenu span:before,
.subBody .allmenu span:after { background-color:#fff; }
.subBody header.fix .allmenu span { background-color:#00abe6 !important; }
.subBody header.fix .allmenu span:before,
.subBody header.fix .allmenu span:after { background-color:#fff !important; }


.web #allmenuBox { opacity:0; visibility:hidden; position:fixed; left:0; top:0; z-index:-11111;  background:url(/img/common/allmenu_bg.gif) no-repeat center / cover; transition:all 0.5s 0.3s ease-in-out; }
.web #allmenuBox .allCont { opacity:0;position:absolute; background:#fff; width:100%; height:100%; background:#fff; border-radius:100px 0 0; box-shadow:0 0 15px rgba(0,0,0,0.07); }
.web #allmenuBox.on { opacity:1; width:100vw; height:100vh; visibility:visible; z-index:10000;  }
.web #allmenuBox.on .allCont { opacity:1; animation:allBox 1.0s 0.2s; animation-fill-mode:both; }
.web #allmenuBox.off { animation:allBox_s 0.5s 0.1s; animation-fill-mode:both;  }
.web #allmenuBox .btn_close { position:absolute; right:120px; top:50px; width:22px; height:22px; background:url(/img/common/btn_close_a.png) center center no-repeat; z-index:11; opacity:0; cursor:pointer; }
.web #allmenuBox.on .btn_close {animation:ani_5 1.0s 0.8s; animation-fill-mode:both; }
.web #allmenuBox .menuCont { height:100%; }
.web #allmenuBox .menuBox { display:flex; align-items:center; width:100%; height:100%; }
.web #allmenuBox .menuBox .menuTop { padding:0 10%; width:100%; }
.web #allmenuBox .menuBox .menuTop #gnb { width:100%; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li { position:relative; height:115px; width:100%; border-bottom:1px solid #f1f1f1; display:flex; align-items:center; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:first-child { margin-top:0; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li:before { content:""; display:block; width:2px; height:0; background:#140c44; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all 0.3s ease-in-out; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { color:#ddd; font-size:54px; font-weight:800;  transition:all 0.3s ease-in-out; width:385px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover > a { color:#222; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { width:calc(100% - 385px); }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul { display:flex; flex-wrap:wrap; gap:12px 55px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { opacity:0; width:calc((100% - 165px) / 4); }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { color:#333; font-size:18px; font-weight:400; white-space:nowrap; transition:all 0.3s ease-in-out;}
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a span { font-family: 'Nunito Sans', sans-serif; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a:hover,
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li.on > a { color:#0642b0; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul { padding:10px 0 0 15px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li { margin-top:10px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a { font-size:16px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a:hover { color:#333; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(1) { animation:ani_2 0.7s 0.3s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(2) { animation:ani_2 0.7s 0.5s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(3) { animation:ani_2 0.7s 0.7s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(4) { animation:ani_2 0.7s 0.9s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(5) { animation:ani_2 0.7s 1.1s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(6) { animation:ani_2 0.7s 1.3s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(7) { animation:ani_2 0.7s 1.5s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(8) { animation:ani_2 0.7s 1.7s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(9) { animation:ani_2 0.7s 1.9s; animation-fill-mode:both; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:nth-child(10) { animation:ani_2 0.7s 2.1s; animation-fill-mode:both; }
.web #allmenuBox .leftbox { display:none }
@media screen and (max-width:1740px){
	.web #allmenuBox .btn_close { right:5%; }
	.web #allmenuBox .menuBox .menuTop { padding:0 6%; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li { height:100px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { font-size:45px; width:300px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { width:calc(100% - 300px); }
}
@media screen and (max-width:1400px){
	.web #allmenuBox .menuBox .menuTop { padding:0 4%; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { font-size:32px; width:190px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { width:calc(100% - 190px); }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { font-size:17px; }
}


.mobile #allmenuBox { position:fixed; right:-480px; top:0; max-width:480px; width:100%; height:100vh; background:#fff; z-index:10000; transition:all 0.3s 0.1s ease-in-out; }
.mobile #allmenuBox.on { right:0; }
.mobile #allmenuBox .infobox { }
.mobile #allmenuBox .infobox .mLogo { position:absolute; top:32px; left:35px; width:195px; height:25px; background:url(/img/common/img_logo.svg) center center no-repeat; }
.mobile #allmenuBox .infobox p { position:absolute; bottom:25px; left:35px; font-size:14px; color:#150d45; font-weight:300; font-family:'Readex Pro', sans-serif; letter-spacing:-0.02em; white-space:nowrap; }
.mobile #allmenuBox .infobox .quickTop { position:absolute; top:auto; bottom:50px; left:35px; display:block; }
.mobile #allmenuBox .infobox .quickTop > ul > li { display:inline-block; }
.mobile #allmenuBox .infobox .quickTop > ul > li > a { color:#333; border:1px solid rgba(0,0,0,0.6); font-size:13px; }
.mobile #allmenuBox .infobox .quickTop > ul > li.menu_e.on > a { color:#fff; background-color:#333; }
.mobile #allmenuBox .infobox .quickTop > ul > li li a { color:#333; }
.mobile #allmenuBox .btn_close { position:absolute; right:22px; top:30px; width:22px; height:22px; background:url(/img/common/btn_close_a.png) center center no-repeat; z-index:11; opacity:1; cursor:pointer; }
.mobile #allmenuBox #gnb { position:absolute; top:110px; left:0; width:100%; height:calc(100% - 160px); padding:0 40px; text-align:right; overflow:auto; }
.mobile #allmenuBox #gnb > ul > li { position:relative; margin-top:40px; }
.mobile #allmenuBox #gnb > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox #gnb > ul > li > a { position:relative; color:#140c44; font-weight:600; font-size:30px; display:inline-block; }
.mobile #allmenuBox #gnb > ul > li > .subDepth { position:relative; display:none; padding:25px 0 10px 0; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li { position:relative; margin-top:15px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li > a { color:#333; font-weight:400; font-size:19px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li > a span { font-family: 'Nunito Sans', sans-serif; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul { padding:4px 0 15px 0; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li { margin-top:10px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a { font-size:15px; }
.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a:hover { color:#666; }
.mobile #allmenuBox .infobox .family_site,
.mobile #allmenuBox .menuCont .af_menu { display:none; }
@media screen and (max-width:760px){
	.mobile #allmenuBox .infobox .mLogo { top:30px; left:20px; width:168px; height:22px; }
	.mobile #allmenuBox .infobox p { bottom:20px; left:15px; font-size:12px; }
	.mobile #allmenuBox .infobox .quickTop { bottom:45px; left:15px;  }
	.mobile #allmenuBox .infobox .quickTop li a { font-size:11px; height:26px; }
	.mobile #allmenuBox .btn_close { width:20px; height:20px; background-size:18px auto !important; }
	.mobile #allmenuBox #gnb { top:100px; width:100%; height:calc(100% - 200px); padding:0 20px; }
	.mobile #allmenuBox #gnb > ul > li { margin-top:25px; }
	.mobile #allmenuBox #gnb > ul > li > a { font-size:24px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth { padding:20px 0 10px 0; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li { margin-top:12px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li > a { font-size:16px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul { padding:0px 0 10px 0; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li { margin-top:8px; }
	.mobile #allmenuBox #gnb > ul > li > .subDepth > ul > li ul li a { font-size:13px; }
}

.mobile #allmenuBox .leftbox { position:absolute; left:40px; top:32px; z-index:12; display:block }
.mobile #allmenuBox .netw,
.mobile #allmenuBox .lang { display:inline-block; }
.mobile #allmenuBox .language { display:block;  margin:0 0 0 30px;}
.mobile #allmenuBox .language .sel { font-size:14px; }
.mobile #allmenuBox .language .sel,
.mobile #allmenuBox .language .sel:before,
.mobile #allmenuBox .language .sel:after { color:#333; }
.mobile #allmenuBox .language.on .sel { color:#fff; }
.mobile #allmenuBox .language.on .sel:after { transform:rotate(180deg); color:#fff; }
.mobile #allmenuBox .language.on .sel:before { color:#fff; }
.mobile #allmenuBox .language .box { top:-20px; width:95px; }
.mobile #allmenuBox .language .box ul { padding:50px 10px 20px 20px; border-radius:5px;  }
.mobile #allmenuBox .language ul li:not(:last-child) { margin-bottom:10px; }
.mobile #allmenuBox .language ul li a { color:rgba(255,255,255,0.5); font-size:14px; }

.mobile #allmenuBox .network { display:block; }
.mobile #allmenuBox .network .sel { font-size:14px; }
.mobile #allmenuBox .network .sel,
.mobile #allmenuBox .network .sel:before,
.mobile #allmenuBox .network .sel:after { color:#333; }
.mobile #allmenuBox .network.on .sel { color:#fff; }
.mobile #allmenuBox .network.on .sel:after { transform:rotate(180deg); color:#fff; }
.mobile #allmenuBox .network.on .sel:before { color:#fff; }
.mobile #allmenuBox .network .box { top:-20px; width:150px; }
.mobile #allmenuBox .network .box ul { padding:50px 10px 20px 20px; border-radius:5px;  }
.mobile #allmenuBox .network ul li:not(:last-child) { margin-bottom:10px; }
.mobile #allmenuBox .network ul li a { color:rgba(255,255,255,0.5); font-size:14px; }

footer { background-color:#000; padding:80px 100px; position:relative; z-index:2; }
footer .footer_box { position:relative; }
footer .footer_box .flogo { position:absolute; bottom:0; right:0; width:226px; }
footer .footer_box .b_info { position:relative; }
footer .footer_box .b_info .fbox ul {  }
footer .footer_box .b_info .fbox li { display:inline-block; vertical-align:top; margin-top:25px; font-size:18px; color:rgba(255,255,255,0.6);font-weight:300; line-height:1.3 }
footer .footer_box .b_info .fbox li:not(:last-child) { margin-right:35px; }
footer .footer_box .b_info .fbox li.full { display:block; margin-top:20px; margin-right:0; display:block; font-size:20px; color:rgba(255,255,255,0.8); }
footer .footer_box .b_info .fbox li strong { display:block; color:rgba(255,255,255,0.2); font-size:15px; font-family: 'Patua One', cursive; margin-bottom:10px; }
footer .footer_box .b_info .copyright { margin-top:90px; color:rgba(255,255,255,0.2); font-size:15px; font-weight:300; }
footer .footer_box .b_info .copyright a { color:rgba(255,255,255,0.8); display:inline-block; margin-left:5px; }

/* sns */
footer .footer_box .b_info .fbox li a { display: inline-block; }

@media screen and (max-width:1280px){
	footer { padding:80px 80px;  }
	footer .footer_box .flogo { width:200px; }
}
@media screen and (max-width:1024px){
	footer { padding:60px 40px;  }
	footer .footer_box .b_info .fbox li { margin-top:25px; font-size:17px; }
	footer .footer_box .b_info .fbox li:not(:last-child) { margin-right:30px; }
	footer .footer_box .b_info .fbox li.full { margin-top:15px; font-size:18px; }
	footer .footer_box .b_info .fbox li strong { font-size:15px; margin-bottom:8px; }
	footer .footer_box .b_info .copyright { margin-top:70px; font-size:15px; }
	footer .footer_box .b_info .copyright a { margin-left:5px; }
}
@media screen and (max-width:860px){
	footer .footer_box { text-align:center; display:flex; flex-direction:column-reverse;}
	footer .footer_box .flogo { position:relative; bottom:unset; right:unset; margin:0 auto }
	footer .footer_box .b_info { margin-top:30px; }
	footer .footer_box .b_info .copyright { margin-top:50px; }
}
@media screen and (max-width:640px){
	footer { padding:50px 10px;  }
	footer .footer_box .flogo { width:160px; }
	footer .footer_box .b_info .fbox li { margin-top:12px; font-size:15px; }
	footer .footer_box .b_info .fbox li:not(:last-child) { margin-right:25px; }
	footer .footer_box .b_info .fbox li.full { margin-top:12px; font-size:15px; }
	footer .footer_box .b_info .fbox li strong { font-size:15px; margin-bottom:2px; }
	footer .footer_box .b_info .copyright { margin-top:35px; }
}




#btn_top { position:absolute; top:110px; right:100px; z-index:22; }
/*
#btn_top.active { bottom:324px; position:absolute; }
#wrap.active #btn_top { opacity:1; z-index:1; top:0; bottom:0; }
*/
#btn_top a { display:flex; width:100px; height:100px; justify-content:center; align-items:center; text-align:center; border:1px solid rgba(255,255,255,0.2); border-radius:100px; transition:all 0.3s ease-in-out; }
#btn_top a i { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:13px }
#btn_top a:hover img { animation:ani_icon1 0.5s 0.1s; animation-fill-mode:both; }

#btn_top { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
@media screen and (max-width:1280px){
	#btn_top { right:80px; }
}
@media screen and (max-width:1024px){
	#btn_top { right:40px; }
	#btn_top a { width:80px; height:80px; }
	#btn_top a img { width:80% }
}
@media screen and (max-width:860px){
	#btn_top { top:50px; right:40px; }
}
@media screen and (max-width:640px){
	#btn_top { top:35px; right:20px; }
	#btn_top a { width:70px; height:70px; }
}


/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height:140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; 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:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; 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:#333; font-weight:700; margin:20px 0 10px; }
.sTxt p { margin-top:10px; }
.sTxt dt { margin-top:10px; }
.sTxt dd { margin:0 8px; }


.privacy .content_lv1{ margin-bottom:10px; font-size:16px; line-height:170%; color:#333; }
.privacy .content_lv2 { margin-bottom:10px; font-size:14px; line-height:170%; color:#333; padding-left:20px; }
.privacy table { }
.privacy th { padding:12px 20px; border:1px solid #ddd; background-color:#fafafa; font-weight:700; color:#333 }
.privacy td { padding:12px 20px; border:1px solid #ddd }

/* slick-slider 필수 css */
/* .slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;} */
.slick-slider{position:relative; display:block; user-select:text !important; }
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform:translate3d(0,0,0);}
.slick-slide img{display:block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list { transform:translate3d(0, 0, 0); }
.slick-slide { transform:translate3d(0,0,0); }




/* 쿠키 팝업 */
.cookie_pop{position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000050; visibility:visible; z-index:99999;}
.cookie_pop.off { visibility:hidden;  opacity:0; z-index:-11; }
.cookie_pop *{line-height: 1.7;}
.cookie_pop .bg_box{position:absolute; top: 50%; left: 50%; width: 100%; transform:translate(-50%,-50%); max-width: 1500px; box-sizing:border-box; padding: 100px 80px 75px; background-color:#fff; }
.cookie_pop .bg_box .tit{margin-bottom:60px;}
.cookie_pop .bg_box .tit h3{font-weight:bold; font-size:40px; letter-spacing:-0.015em; color: #222; text-align: center; margin-bottom:40px;}
.cookie_pop .bg_box .tit p{font-size:17px; color: #444;}
.cookie_pop .bg_box .tit p a{position:relative; top: -2px; font-size:14px; font-weight:600; color: #ed6d46;margin-left: 6px;}
.cookie_pop .bg_box .tit p a::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ed6d46; }
.cookie_pop .bg_box .slide_txt{display:none; margin-bottom:50px;}
.cookie_pop .bg_box .slide_txt dl{margin-bottom:24px;}
.cookie_pop .bg_box .slide_txt dl:last-of-type{margin-bottom:0;}
.cookie_pop .bg_box .slide_txt dl dt{font-weight:bold; font-size:17px; color: #444; margin-bottom:4px;}
.cookie_pop .bg_box .slide_txt dl dd{font-size:16px; color: #444;}
.cookie_pop .bg_box .pop_ui{display:flex; align-items:center; justify-content:space-between;}
.cookie_pop .bg_box .pop_ui .show{cursor: pointer;}
.cookie_pop .bg_box .pop_ui .show span{font-weight:bold; font-size:16px; color: #444;}
.cookie_pop .bg_box .pop_ui .show i{position:relative; top: 2px; font-size:17px; color: #ed6d46;}
.cookie_pop .bg_box .pop_ui .btn{display:flex;}
.cookie_pop .bg_box .pop_ui .btn a{width: 130px; height: 45px; line-height: 45px; border-radius:23px; text-align: center; font-weight:bold; font-size:14px; color: #fff; margin-right: 12px;}
.cookie_pop .bg_box .pop_ui .btn a:last-of-type{margin-right: 0;}
.cookie_pop .bg_box .pop_ui .btn a:not(.out){background: #ed6d46;}
.cookie_pop .bg_box .pop_ui .btn .out{background: #999999;}

/* 팝업미디어 */
@media (max-width: 1500px){
	.cookie_pop .bg_box{width: calc(100% - 32px); padding: 50px 30px 50px;}
	.cookie_pop .bg_box .slide_txt{max-height: 180px; overflow-y: scroll; }
	.cookie_pop .bg_box .tit p br{display:none; }

}

@media (max-width: 1280px){
	.cookie_pop .bg_box .tit{margin-bottom:30px;}
	.cookie_pop .bg_box .tit h3{font-size:30px; margin-bottom:20px;}
	.cookie_pop .bg_box .tit p{font-size:16px;}
	.cookie_pop .bg_box .slide_txt{margin-bottom:25px;}
}
@media screen and (max-width:640px){
	.cookie_pop .bg_box{padding: 20px 16px;}
	.cookie_pop .bg_box .tit{margin-bottom:15px;}
	.cookie_pop .bg_box .tit h3{font-size:24px; margin-bottom:10px;}
	.cookie_pop .bg_box .tit p a{display:inline-block; vertical-align: top; margin-left: 0;}
	.cookie_pop .bg_box .slide_txt{margin-bottom:10px;}
	.cookie_pop .bg_box .pop_ui{flex-wrap:wrap;}
	.cookie_pop .bg_box .pop_ui .btn{width: 100%; justify-content:flex-end; margin-top: 10px;}
}


/* animation */
.cookie_pop { opacity:0; }
.cookie_pop { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }


.font_noto_jp { font-family: 'Noto Sans JP', sans-serif;}
.font_noto_ch {  font-family: 'Noto Sans SC', sans-serif;}