@charset 'utf-8';

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

body,html { min-height:100% }

.font_mu *,
.font_mu { font-family:museo-sans, sans-serif; }

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

/* header */
header { position:absolute; width:100%; z-index:999; }
body.intro header { opacity:0 }
header:after { content:""; display:block; opacity:0; position:absolute; left:0; top:100px; width:100%; height:1px; background:#ececec; z-index:2}
header.over:after { opacity:1; transition:all 0.3s ease-in-out; }
header h1 { position:absolute; text-align:left; padding:35px 0 0 100px; z-index:999; animation:intro_over1 2s 0.3s; animation-fill-mode:both;  }
header h1 a { display:inline-block; transition:all 0.3s ease-in-out; }
header h1 a svg { width:125px; height:auto }
header h1 a .logo-2 { fill:#fff; transition:all 0.3s ease-in-out; }
header.over h1 a .logo-2,
.subbody header h1 a .logo-2 { fill:#000; }
@media screen and (max-width:1400px){
    header h1 { padding:35px 0 0 60px; }
}
@media screen and (max-width:1024px){
	header h1 { padding:25px 0 0 40px; }
}
@media screen and (max-width:640px){
	header h1 { padding:20px 0 0 20px; }
    header h1 a svg { width:100px; }
}

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:150px; }
header #navi #gnb > ul > li > a { position:relative; display:flex; height:100px; justify-content:center; align-items:center; color:#fff; font-size:17px; font-weight:500; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > a:before { content:""; display:block; z-index:-1; position:absolute; left:0; top:0; width:100%; height:0; background-color:#ff7b0f; transition:all 0.3s ease-in-out; }
header.over #navi #gnb > ul > li > a,
.subbody header #navi #gnb > ul > li > a { color:#111; }
header #navi #gnb > ul > li > a:hover,
header #navi #gnb > ul > li.on > a { color:#fff; }
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:33px; padding-bottom:90px; }
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:17px; }
header #navi #gnb > ul > li > .subDepth > li > a { font-size:16px; color:#666; font-weight:300; transition:all 0.3s ease-in-out; display:inline-block; }
header #navi #gnb > ul > li > .subDepth > li > a:hover { color:#ff7b0f; font-weight:500; }
header.over #navi #gnb > ul > li > .subDepth > li { animation:gnbSub 0.6s 0.3s; animation-fill-mode:forwards; }
header .gnb_bg { min-height:0; position:absolute; top:0; left:0; width:100%; background-color:#fff; transition:all 0.3s ease-in-out; z-index:1; box-shadow:0 0 4px rgba(0,0,0,0.08); }
@media screen and (max-width:1280px){
    header #navi #gnb > ul > li { width:130px; }
}
@media screen and (max-width:1024px){
	header #navi { display:none }
}


.top-corporation { position:absolute; right:150px; top:32px; z-index:10; }
.top-corporation a { border:1px solid rgba(255,255,255,0.3); width:115px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50px; font-size:12px; color:#fff; font-weight:400; transition:all 0.3s ease-in-out; }
.top-corporation a:hover,
header.over .top-corporation a { background-color:#ff7b0f; border:1px solid #ff7b0f; color:#fff; font-weight:500; }
.subbody header .top-corporation a { border:1px solid rgba(17,17,17,0.3); color:#111; }
.subbody header .top-corporation a:hover,
.subbody header.over .top-corporation a { background-color:#ff7b0f; border:1px solid #ff7b0f; color:#fff; }
@media screen and (max-width:1400px){
    .top-corporation { right:100px; }
}
@media screen and (max-width:1280px){
    .top-corporation { right:70px; }
}
@media screen and (max-width:1024px){
	.top-corporation { top:22px; right:120px; }
}
@media screen and (max-width:640px){
	.top-corporation { top:19px; right:110px; }
    .top-corporation a { width:104px; height:32px; font-size:12px; }
}

.corporation-box { position:absolute; right:0; top:0; z-index:-1; max-width:640px; width:100%; background-color:#fff; opacity:0; transition:all 0.3s ease-in-out;  }
.subbody .corporation-box { background-color:#f9f9f9; }
.corporation-box.on { opacity:1; z-index:9990; right:0; }
.corporation-box .box { position:relative; }
.corporation-box .box .title { height:100px; display:flex; align-items:center; color:#111; font-weight:600; padding-left:60px; }
.corporation-box .box .title span { font-weight:600; }
.corporation-box .box ul { height:calc(100vh - 100px); }
.corporation-box .box li { position:relative; width:100%; height:33.33%; }
.corporation-box .box li .imgbox { position:relative; width:100%; height:100%; }
.corporation-box .box li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; z-index:3;}
.corporation-box .box li .arr { color:#fff; font-size:15px; font-weight:600; background-color:#ff7b0f; border-radius:100px; position:absolute; right:40px; top:50%; transform:translateY(-50%); opacity:1; transition:all 0.3s ease-in-out; z-index:6; width:150px; height:57px; display:flex; align-items:center; justify-content:center; }
.corporation-box .box li:hover .arr { right:40px; opacity:1; background-color:#fff; color:#ff7b0f;}
/*
.corporation-box .box li .imgbox:before { content:""; display:block; z-index:4; position:absolute; right:0; top:0; width:0; height:100%; background-color:rgba(255,123,15,0.5); transition:all 0.3s ease-in-out; }
.corporation-box .box li:hover .imgbox:before { width:100%; }
*/
.corporation-box .box .close { position:absolute; right:44px; top:45px; z-index:10 }

@media screen and (max-width:640px){
    .corporation-box .box .title { height:80px; padding-left:20px; }
    .corporation-box .box ul { height:calc(80vh - 80px); }
    .corporation-box .box .close { right:20px; top:32px; }
    .corporation-box .box li .arr { font-size:14px; right:20px; width:125px; height:45px; }
    .corporation-box .box li:hover .arr { right:20px; }
}
@media screen and (max-width:480px){
    .corporation-box .box ul { height:calc(70vh - 80px); }
}

/* animation */
.corporation-box .box .title h4 { overflow:hidden }
.corporation-box .box .title span { opacity:0; display:block }
.corporation-box.on .box .title span { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.corporation-box .box li .arr { opacity:0; }
.corporation-box.on .box li .arr { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; }

.corporation-box .box li .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; bottom:0; left:0; z-index:4; }
.corporation-box.on .box li .imgbox:after { height:0; transition:height 0.8s 0.35s, opacity 1.5s; }

header .language { position:absolute; right:100px; top:34px; z-index:10;}
header .language .icon { cursor:pointer; }
header .language .icon img { filter:brightness(0) invert(1); transition:all 0.3s ease-in-out; }
header .language .box { position:absolute; left:50%; top:31px; transform:translateX(-50%); display:none; }
header .language .box ul { border-radius:50px; background-color:#111; width:34px; text-align:center; padding:17px 0; }
header .language .box ul li:not(:last-child) { margin-bottom:10px; }
header .language .box ul li a { color:#fff; font-size:12px; font-weight:700; margin:0; padding:0; display:block; }
header .language .box li a:hover { color:#ff7b0f; }
header.over .language .icon img,
.subbody header .language .icon img { filter:brightness(0) invert(0); }
@media screen and (max-width:1400px){
    header .language { right:60px; }
}
@media screen and (max-width:1280px){
    header .language { right:30px; }
}
@media screen and (max-width:1024px){
	header .language { top:24px; right:80px; }
}
@media screen and (max-width:640px){
	header .language { top:19px; right:70px; }
}

.allmenu { position:absolute; z-index:7; right:35px; top:30px; display:none; }
.allmenu a { position:relative; width:28px; height:21px; display:block; }
.allmenu span { position:absolute; width:100%; height:3px; background-color:rgba(255,255,255,0.8); display:block; top:0; border-radius:5px; }
.allmenu span:before { content:""; display:block; width:100%; height:3px; background-color:rgba(255,255,255,0.8); position:absolute; left:0; top:9px; border-radius:5px; }
.allmenu span:after { content:""; display:block; width:100%; height:3px; background-color:rgba(255,255,255,0.8); position:absolute; left:0; top:18px; border-radius:5px; }
.subbody header .allmenu span,
.subbody header .allmenu span:before,
.subbody header .allmenu span:after { background-color:#111; }
@media screen and (max-width:1024px){
	.allmenu { position:absolute; z-index:7; display:block; }
}
@media screen and (max-width:640px){
	.allmenu { right:30px; top:25px; }
}

#allmenuBox { display:none }
.mobile #allmenuBox { display:block; position:fixed; right:-480px; top:0; max-width:480px; width:100%; height:100vh; background:#111; z-index:100000; transition:all 0.3s 0.1s ease-in-out; }
.mobile #allmenuBox.on { right:0; }
.mobile #allmenuBox h1 a .logo-2 { fill:#fff; }
.mobile #allmenuBox .menuBox { margin-top:60px; width:100%; text-align:center; padding:30px 20px 0 20px; }
.mobile #allmenuBox .menuBox .inner { padding:0; }
.mobile #allmenuBox .menuBox > ul > li { position:relative; margin-top:35px; text-align:center }
.mobile #allmenuBox .menuBox > ul > li:first-child { margin-top:0; }
.mobile #allmenuBox .menuBox > ul > li > a { position:relative; color:#fff; font-weight:600; font-size:22px; display:inline-block; }
.mobile #allmenuBox .menuBox > ul > li.hover > a { color:#ff7b0f; } 
.mobile #allmenuBox .menuBox > ul > li > .subDepth { position:relative; display:none; padding:25px 0 20px 0px; }
.mobile #allmenuBox .menuBox > ul > li > .subDepth > li { position:relative; margin-top:0; padding:12px 20px; border-radius:10px; }
.mobile #allmenuBox .menuBox > ul > li > .subDepth > li:first-child { margin-top:0; }
.mobile #allmenuBox .menuBox > ul > li > .subDepth > li > a { position:relative; color:#ccc; font-weight:300; font-size:16px; cursor:pointer; transition:all 0.3s }
.mobile #allmenuBox .menuBox > ul > li > .subDepth > li.on > a { color:#0898e3; }
.mobile #allmenuBox .btn_close { position:absolute; right:20px; top:20px; width:40px; height:40px; z-index:11; opacity:1; cursor:pointer; }
.mobile #allmenuBox .btn_close:before { content:""; display:block; width:28px; height:2px; background-color:#fff; position:absolute; left:0; top:0; margin:15px 0 0 8px; border-radius:5px; transform:rotate(45deg); }
.mobile #allmenuBox .btn_close:after { content:""; display:block; width:28px; height:2px; background-color:#fff; position:absolute; left:0; top:0; margin:15px 0 0 8px; border-radius:5px; transform:rotate(-45deg); }

@media screen and (max-width:640px){
    .mobile #allmenuBox .menuBox > ul > li > a { font-size:20px; }
}



footer { padding:0 100px 120px; }
footer .footer_box { position:relative; display:flex; justify-content:space-between; }
footer .footer_box .l_box dt { color:#111; font-size:90px; font-weight:900; text-transform:uppercase; }
footer .footer_box .l_box dd { margin-top:35px; color:#111; font-size:24px; font-weight:500; letter-spacing:-0.02em; line-height:1.4; }
footer .footer_box .l_box .logo { margin-top:118px; }
footer .footer_box .r_box { text-align:right; padding-top:128px; }
footer .footer_box .r_box .fmenu li:not(:last-child) { margin-bottom:15px; }
footer .footer_box .r_box .fmenu li a { font-size:20px; font-weight:700; color:#111; line-height:0.9; padding-right:29px; background:url(/img/common/arr_icon1.png) right center no-repeat; }
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:33px; }
footer .footer_box .r_box .infobox { margin-top:125px; }
footer .footer_box .r_box .infobox dt { color:#5c85c3; font-size:15px; font-weight:700; }
footer .footer_box .r_box .infobox dd { margin-top:25px; }
footer .footer_box .r_box .infobox li { display:inline-block; vertical-align:top; margin-bottom:16px; margin-left:35px; font-size:16px; font-weight:300; color:#111; line-height:1.4 }
footer .footer_box .r_box .infobox li.full { display:block; margin-bottom:0; }
footer .footer_box .r_box .infobox li strong { font-weight:500 }
footer .footer_box .r_box .fmenu_s { margin-top:50px; }
footer .footer_box .r_box .fmenu_s li { display:inline-block; }
footer .footer_box .r_box .fmenu_s li:not(:last-child) { margin-right:20px; }
footer .footer_box .r_box .fmenu_s li a { color:#5c85c3; font-size:15px; font-weight:700; }
footer .footer_box .r_box .copyright { margin-top:25px; font-size:16px; color:#111; font-weight:700; }
@media screen and (max-width:1400px){
    footer { padding:0 60px 100px; }
    footer .footer_box .l_box dt { font-size:70px; }
    footer .footer_box .l_box dd { margin-top:35px; font-size:22px; }
    footer .footer_box .l_box .logo { margin-top:100px; }
    footer .footer_box .l_box .logo img { width:150px; }
    footer .footer_box .r_box { padding-top:90px; }
    footer .footer_box .r_box .fmenu li:not(:last-child) { margin-bottom:15px; }
    footer .footer_box .r_box .fmenu li a { font-size:20px; padding-right:29px; }
    footer .footer_box .r_box .sns { margin-top:50px; }
    footer .footer_box .r_box .sns li:not(:last-child) { margin-right:25px; }
    footer .footer_box .r_box .infobox { margin-top:80px; }
    footer .footer_box .r_box .infobox dt { font-size:15px; }
    footer .footer_box .r_box .infobox dd { margin-top:20px; }
    footer .footer_box .r_box .infobox li { margin-bottom:16px; margin-left:32px;}
    footer .footer_box .r_box .copyright { margin-top:50px; }
}
@media screen and (max-width:1280px){
    footer .footer_box .l_box dt { font-size:55px; }
    footer .footer_box .l_box dd { margin-top:30px; font-size:20px; }
    footer .footer_box .l_box .logo { margin-top:80px; }
    footer .footer_box .l_box .logo img { width:110px; }
    footer .footer_box .r_box { padding-top:60px; }
    footer .footer_box .r_box .fmenu li:not(:last-child) { margin-bottom:14px; }
    footer .footer_box .r_box .fmenu li a { font-size:18px; padding-right:29px; }
    footer .footer_box .r_box .sns { margin-top:40px; }
    footer .footer_box .r_box .sns li:not(:last-child) { margin-right:20px; }
    footer .footer_box .r_box .infobox { margin-top:50px; }
    footer .footer_box .r_box .infobox dt { font-size:15px; }
    footer .footer_box .r_box .infobox dd { margin-top:15px; }
    footer .footer_box .r_box .infobox li { margin-bottom:16px; margin-left:30px; }
    footer .footer_box .r_box .copyright { margin-top:25px; }
}
@media screen and (max-width:1024px){
	footer { padding:0 40px 80px; }
    footer .footer_box .l_box { width:45% }
    footer .footer_box .l_box dt { font-size:40px; }
    footer .footer_box .l_box dd { margin-top:25px; font-size:18px; }
    footer .footer_box .l_box dd br { display:none }
    footer .footer_box .l_box .logo { margin-top:60px; }
    footer .footer_box .l_box .logo img { width:90px; }
    footer .footer_box .r_box { padding-top:40px; }
    footer .footer_box .r_box .fmenu li a { font-size:16px; padding-right:22px; }
    footer .footer_box .r_box .sns { margin-top:20px; }
    footer .footer_box .r_box .sns li:not(:last-child) { margin-right:15px; }
    footer .footer_box .r_box .infobox { margin-top:40px; }
    footer .footer_box .r_box .infobox li { margin-bottom:10px; margin-left:0; }
    footer .footer_box .r_box .infobox li:not(:last-child) { margin-right:20px; }
    footer .footer_box .r_box .fmenu_s { margin-top:35px; }
    footer .footer_box .r_box .copyright { margin-top:20px; }
}
@media screen and (max-width:760px){
    footer .footer_box { flex-wrap:wrap; }
    footer .footer_box .l_box { display:flex; flex-direction:column-reverse; align-items:center;}
    footer .footer_box .l_box { width:100% }
    footer .footer_box .l_box dl { text-align:center; }
    footer .footer_box .l_box dt br { display:none; }
    footer .footer_box .l_box .logo { margin-top:0; margin-bottom:30px; }
    footer .footer_box .r_box { text-align:center; width:100%; }
    footer .footer_box .r_box .sns { text-align:center; margin-top:30px;}
    footer .footer_box .r_box .infobox li br { display:none }
    footer .footer_box .r_box .fmenu ul { display:flex; justify-content:center; flex-wrap: wrap; gap:10px 0; }
    footer .footer_box .r_box .fmenu li:not(:last-child) { margin-bottom:0; margin-right:25px; }
}
@media screen and (max-width:640px){
	footer { padding:0 20px 60px; }
    footer .footer_box .l_box .logo { margin-bottom:20px; }
    footer .footer_box .l_box .logo img { width:60px; }
    footer .footer_box .l_box dt { font-size:30px; }
    footer .footer_box .l_box dd { margin-top:20px; font-size:16px; }
    footer .footer_box .r_box .fmenu li a { font-size:14px; padding-right:20px; }
}






.btn_qbox { position:fixed; bottom:100px; right:60px; height:105px; z-index:100; }
.btn_qbox .btn-top { position:absolute; right:0; bottom:0; opacity:0; transition:all 0.3s ease-in-out; }
body.active .btn_qbox .btn-top { opacity:1; }
.btn_qbox .btn-top a { display:flex; flex-direction:column; width:50px; height:50px; justify-content:center; align-items:center; text-align:center; background-color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.15), -1px -1px 2px rgba(0,0,0,0.15); border-radius:100px; transition:all 0.3s ease-in-out; overflow:hidden; }
.btn_qbox .btn-top a i { display:block; color:#222; font-size:18px; }
.btn_qbox .btn-top a span { display:block; color:#222; font-size:10px; }

.btn_qbox .e_mail { position:absolute; right:0; top:0; z-index:2; }
.btn_qbox .e_mail .box { display:flex; width:50px; height:50px; justify-content:center; align-items:center; background-color:#f5bf0f; box-shadow:1px 1px 2px rgba(0,0,0,0.15), -1px -1px 2px rgba(0,0,0,0.15); border-radius:100px; transition:all 0.3s ease-in-out; overflow:hidden; }
.btn_qbox .e_mail .box img { margin-left:-5px; }

.btn_qbox { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }

@media screen and (max-width:1440px){
	.btn_qbox { right:40px; }
}
@media screen and (max-width:1024px){
	.btn_qbox { right:20px; }
}
@media screen and (max-width:640px){
	.btn_qbox { bottom:60px; height:95px; }
	.btn_qbox .btn-top a,
	.btn_qbox .e_mail .box  { width:45px; height:45px; }
	.btn_qbox .e_mail .box span { margin-left:52px }
	.btn_qbox .e_mail .box strong { font-size:14px; }
}


/* privacy */
.privacy { color:#666; width:100%; overflow:hidden; box-sizing:border-box; padding:0; padding-bottom:10%; 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 .btn_link { position:relative; }
.privacy .btn_link:before { content:""; display:block; width:100%; height:1px; background-color:#666; position:absolute; left:0; bottom:-1px; }
.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; }

.btn_manual { margin:50px 0 -100px; }
.btn_manual a { color:#ff7b0f; font-size:30px; font-weight:700; line-height:1.3; }

.manual-box { padding:80px 100px; background:#fff; }
.manual-box .title { display:flex; justify-content:space-between; align-items:flex-end; }
.manual-box .title h4 { font-family:museo-sans, sans-serif; color:#111; font-size:70px; font-weight:700; line-height:1.3; }
.manual-box .title h4 strong { font-family:museo-sans, sans-serif;color:#111; font-weight:700; }
.manual-box .title h4 span { font-family:museo-sans, sans-serif; color:#ff7b0f; font-weight:700; }
.manual-box .title .m-location {  }
.manual-box .title .m-location span { position:relative; color:#999; font-size:16px; font-weight:400; line-height:1.3; display:inline-block; margin-right:14px; padding-right:14px; }
.manual-box .title .m-location a:last-child span { color:#111; font-weight:700; margin-right:0; padding-right:0; }
.manual-box .title .m-location span:before { content:""; display:block; position:absolute; right:-5px; top:50%; transform:translateY(-50%); width:4px; height:4px; background:#ff7b0f; border-radius:4px; }
.manual-box .title .m-location a:last-child span:before { display:none; }
.manual-box .listbox { margin-top:30px; background:#f9f9f9; padding:70px 48px; min-height:310px; }
.manual-box .listbox .scroll-box { max-height:310px; overflow:auto }
.manual-box .listbox .scroll-box > ul { display:flex; flex-wrap:wrap; gap:85px 37px; }
.manual-box .listbox .scroll-box > ul > li { width:calc((100% - 185px) / 6); text-align:center; }
.manual-box .listbox .scroll-box > ul > li span { display:block; margin-top:20px; color:#333; font-size:16px; font-weight:400; line-height:1.3; }
@media screen and (max-width:1440px){
	.btn_manual { margin:50px 0 -60px; }
	.btn_manual a { font-size:26px; }
	.manual-box { padding:80px 80px 60px; }
	.manual-box .title h4 { font-size:60px; }
	.manual-box .listbox .scroll-box > ul { gap:80px 30px; }
	.manual-box .listbox .scroll-box > ul > li { width:calc((100% - 120px) / 5); }
}
@media screen and (max-width:1280px){
	.btn_manual { margin:40px 0 -30px; }
	.btn_manual a { font-size:24px; }
	.manual-box { padding:70px 60px 40px; }
	.manual-box .title h4 { font-size:50px; }
	.manual-box .listbox > ul { gap:70px 20px; }
	.manual-box .listbox > ul > li { width:calc((100% - 80px) / 5); }
	.manual-box .listbox > ul > li img { height:60px; }
}
@media screen and (max-width:1024px){
	.btn_manual { margin:30px 0 -25px; }
	.btn_manual a { font-size:22px; }
	.manual-box { padding:60px 50px 30px; }
	.manual-box .title h4 { font-size:40px; }
	.manual-box .title .m-location strong,
	.manual-box .title .m-location span { font-size:15px; }
	.manual-box .title .m-location span { margin-right:10px; padding-right:10px; }
	.manual-box .title .m-location span:before { right:-5px; width:3px; height:3px; }
	.manual-box .listbox { margin-top:20px; padding:50px 30px; min-height:auto; }
	.manual-box .listbox .scroll-box { max-height:230px; }
	.manual-box .listbox .scroll-box > ul { gap:50px 15px; }
	.manual-box .listbox .scroll-box > ul > li { width:calc((100% - 45px) / 4); }
	.manual-box .listbox .scroll-box > ul > li img { height:45px; }
	.manual-box .listbox .scroll-box > ul > li span { margin-top:15px; font-size:14px; }
}
@media screen and (max-width:640px){
	.btn_manual a { font-size:20px; }
	.manual-box { padding:50px 20px 20px; }
	.manual-box .title { flex-wrap:wrap; }
	.manual-box .title h4 { font-size:26px; width:100%; }
	.manual-box .title .m-location { text-align:right; width:100%; }
	.manual-box .listbox { margin-top:15px; padding:30px 20px; }
	.manual-box .listbox .scroll-box > ul { gap:30px 10px; }
	.manual-box .listbox .scroll-box > ul > li { width:calc((100% - 20px) / 3); }
	.manual-box .listbox .scroll-box > ul > li img { height:40px; }
	.manual-box .listbox .scroll-box > ul > li span { margin-top:10px; font-size:14px; }
}

#manual { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.3s; }
#manual.on { opacity:1; visibility:visible; z-index:9999; }
#manual > div.cont { position:absolute; z-index:10; top:50%; left:50%; max-width:1400px; width:100%; transform:translate(-50%, -50%); }
#manual .bg { position:absolute; left:0; top:0; opacity: 0.5; background:#000; width:100%; height:100vh; }
#manual .btn_close { cursor:pointer; position:absolute; top:45px; right:45px; width:30px; height:30px; background:url(/img/manual/btn_close.png) right center no-repeat; }
@media screen and (max-width:1440px){
	#manual > div.cont { left:20px; max-width:auto; width:calc(100% - 40px); transform:translate(0, -50%); }
	#manual .btn_close { top:40px; right:40px; }
}
@media screen and (max-width:1280px){
	#manual .btn_close { top:25px; right:25px; }
}
@media screen and (max-width:640px){
	#manual .btn_close { top:15px; right:15px; background-size:20px auto; }
}