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

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

.inner { max-width:1400px; width:100%; margin:0 auto; }
.inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.sub_inner { max-width:1200px; width:100%; margin:0 auto; }
.sub_inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
@media screen and (max-width:1440px){
	.inner { padding:0 20px; }
}
@media screen and (max-width:1240px){
	.sub_inner { padding:0 20px; }
}



/* header */
header { position:fixed; width:100%; z-index:999; height:100px; border-bottom:1px solid rgba(51,51,51,0.2); transition: all .5s ease; }
header .topbox { position:relative; max-width:1400px; width:100%; margin:0 auto; }
header h1 { position:absolute; left:0; text-align:left; padding:50px 0 0 0; z-index:999; transition:all 0.3s ease-in-out; }
header h1 a { display:inline-block; width:195px; height:26px; transition:all 0.3s ease-in-out; }
header h1 a svg { }
.fp-viewing-Main header h1 svg .logo-1,
.fp-viewing-Overview header h1 svg .logo-1,
.fp-viewing-ContactUs header h1 svg .logo-1,
.fp-viewing-Last header h1 svg .logo-1,
.subBody header h1 svg .logo-1 { fill:#fff; transition:all 0.3s ease-in-out; }
.fp-viewing-Main header,
.fp-viewing-Overview header,
.fp-viewing-ContactUs header,
.fp-viewing-Last header,
.subBody header{ border-bottom:1px solid rgba(255,255,255,0.2); }
.fp-viewing-Business header,
.subBody header.fix { background-color:#fff; border-bottom:1px solid rgba(20,12,68,0.1); transform:translateY(0); }
.subBody header.fix.nav-up,
.subBody header.fix.system_gnb_off { transform:translateY(-120px); }
.subBody header.fix h1 svg .logo-1 { fill:#140c44; }
.fp-viewing-Business header:before { content:""; display:block; position:absolute; right:120px; top:0; z-index:9; width:1px; height:120px; border-right:1px solid rgba(51,51,51,0.2); }
.subBody header.fix:before { display:none; }
@media screen and (max-width:1645px){
	header .topbox { max-width:1645px; padding:0 122px; }
	header h1 { left:40px; }
}
@media screen and (max-width:1280px){
	header h1 { left:20px; }
}
@media screen and (max-width:1024px){	
	.fp-viewing-Business header:before { display:none;}
	header h1 { padding:30px 0 0 0; }
	header #navi { display:none; }
	header { height:80px; }
	header.fix { background-color:rgba(255,255,255,1); height:70px; }
	header.fix h1 { padding:28px 0 0 0; }
	header.fix h1 a svg .logo-1  { fill:#140c44 !important; transition:all 0.3s ease-in-out;}
	header.fix h1 a {  width:168px; height:22px; }
}
@media screen and (max-width:640px){
	header h1 a {  width:168px; height:22px; }
	header.fix h1 { padding:25px 0 0 0; }
}

header #navi { position:relative; z-index:9; }
header #navi #gnb { position:relative; margin-left:260px; }
header #navi #gnb > ul { position:relative; display:inline-block; vertical-align:middle; }
header #navi #gnb > ul > li { position:relative; display:inline-block; vertical-align:middle; margin:0 -2px; vertical-align:top; padding:0 32px; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > a { position:relative; z-index:3; font-weight:400; font-size:18px; color:#333; line-height:1; padding:55px 0; display:block; transition:all 0.3s ease-in-out;}
header #navi #gnb > ul > li.on > a { color:#333; }
header #navi #gnb > ul > li > .subDepth { opacity:0; position:absolute; left:50%; transform:translateX(calc(-50% - 0.5px)); top:0; text-align:center; z-index:-111; background-color:#fff; box-shadow:2px 2px 3px rgba(0,0,0,0.05), -2px -2px 3px rgba(0,0,0,0.05);  transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > .subDepth .depth2 { display:none; position:relative; width:100%; padding:156px 0 33px 0; background-color:#fff; }
header #navi #gnb > ul > li > .subDepth .depth2:before { content:""; display:block; width:0; height:1px; background-color:#e5f6fc; position:absolute; left:50%; top:120px; transform:translateX(calc(-50% - 0.5px)); transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > .subDepth > ul > li { margin:18px 0 0 0; }
header #navi #gnb > ul > li > .subDepth > ul > li:first-child { margin:0; }
header #navi #gnb > ul > li > .subDepth > ul > li > a { position:relative; display:inline-block; font-size:16px; letter-spacing:-0.02em; font-weight:400; line-height:1; color:#333; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > .subDepth > ul > li > a span { font-weight:400; }
header #navi #gnb > ul > li > .subDepth > ul > li > a:before,
header #navi #gnb > ul > li > .subDepth > ul > li.on > a:before { content:""; display:block; width:0; height:0; background-color:#00abe6; position:absolute; top:-4.5px; border-radius:50%; }
header #navi #gnb > ul > li > .subDepth > ul > li > a:hover,
header #navi #gnb > ul > li > .subDepth > ul > li.on > a { color:#00abe6; }
header #navi #gnb > ul > li > .subDepth > ul > li > a:hover:before,
header #navi #gnb > ul > li > .subDepth > ul > li.on > a:before { animation:gnb_point 0.7s 0.1s; animation-fill-mode:both; }
header #navi #gnb > ul > li > .subDepth > ul > li > ul { padding:10px 0 10px 0; }
header #navi #gnb > ul > li > .subDepth > ul > li > ul li { margin-top:7px; }
header #navi #gnb > ul > li > .subDepth > ul > li > ul li:first-child { margin:0; }
header #navi #gnb > ul > li > .subDepth > ul > li > ul li a { font-size:14px; letter-spacing:-0.02em; font-weight:300; color:#444; transition:all 0.3s ease-in-out; }
header #navi #gnb > ul > li > .subDepth > ul > li > ul li a:hover { color:#00abe6; }
header #navi #gnb > ul > li.on > .subDepth { opacity:1; z-index:2; }
header #navi #gnb > ul > li.on > .subDepth .depth2 { display:block; }
header #navi #gnb > ul > li.on > .subDepth .depth2:before { width:100%; }
header #navi #gnb > ul > li > .subDepth { width:145px; }
header #navi #gnb > ul > li > .subDepth.menu2 { width:165px; }
header #navi #gnb > ul > li > .subDepth.menu4 { width:155px; }
header #navi #gnb .member_box { display:inline-block; vertical-align:middle; }
header #navi #gnb .member_box li a { padding:19px 38px; font-size:16px; color:#222; line-height:1; font-weight:400; background-color:#f2f2f2; border-radius:28px; display:block; transition:all 0.3s ease-in-out; }
header #navi #gnb .member_box li.m { display:none; }

.fp-viewing-Main header #navi #gnb > ul > li > a,
.fp-viewing-Overview header #navi #gnb > ul > li > a,
.fp-viewing-ContactUs header #navi #gnb > ul > li > a,
.fp-viewing-Last header #navi #gnb > ul > li > a,
.subBody header #navi #gnb > ul > li > a { color:#fff; }
.fp-viewing-Main header #navi #gnb > ul > li.on > a,
.fp-viewing-Overview header #navi #gnb > ul > li.on > a,
.fp-viewing-ContactUs header #navi #gnb > ul > li.on > a,
.fp-viewing-Last header #navi #gnb > ul > li.on > a,
.subBody header #navi #gnb > ul > li.on > a { color:#333; }
.fp-viewing-Main header #navi #gnb > ul > li > .subDepth,
.fp-viewing-Overview header #navi #gnb > ul > li > .subDepth,
.fp-viewing-ContactUs header #navi #gnb > ul > li > .subDepth,
.fp-viewing-Last header #navi #gnb > ul > li > .subDepth { box-shadow:none; }
.subBody header.fix #navi #gnb > ul > li > a { color:#333; }

@media screen and (max-width:1645px){
	header #navi #gnb { margin-left:200px; }
}
@media screen and (max-width:1550px){
	header #navi #gnb { margin-left:0; text-align:center;  }
	header #navi #gnb > ul > li { padding:0 42px; }
	header #navi #gnb > ul > li > a { font-size:17px; }
	header #navi #gnb > ul > li > .subDepth > ul > li { margin:12px 0 0 0; }
	header #navi #gnb > ul > li > .subDepth > ul > li > a { font-size:15px; letter-spacing:-0.03em; }
	header #navi #gnb > ul > li > .subDepth > ul > li > ul { padding:8px 0; }
	header #navi #gnb > ul > li > .subDepth > ul > li > ul li { margin-top:5px; }
	header #navi #gnb > ul > li > .subDepth > ul > li > ul li a { font-size:13px; }
	header #navi #gnb > ul > li > .subDepth { width:130px; }
	header #navi #gnb > ul > li > .subDepth.menu2 { width:150px; }
	header #navi #gnb > ul > li > .subDepth.menu4 { width:140px; }
}
@media screen and (max-width:1440px){
	header #navi #gnb > ul > li { padding:0 30px; }
}
@media screen and (max-width:1280px){
	header #navi #gnb > ul > li { padding:0 24px; }
	header #navi #gnb > ul > li > a { font-size:16px; }
	header #navi #gnb > ul > li > .subDepth > ul > li { margin:12px 0 0 0; }
	header #navi #gnb > ul > li > .subDepth > ul > li > a { font-size:14px; }
	header #navi #gnb > ul > li > .subDepth > ul > li > ul { padding:8px 0; }
	header #navi #gnb > ul > li > .subDepth > ul > li > ul li { margin-top:5px; }
	header #navi #gnb > ul > li > .subDepth > ul > li > ul li a { font-size:13px; }
	header #navi #gnb > ul > li > .subDepth { width:120px; }
	header #navi #gnb > ul > li > .subDepth.menu2 { width:140px; }
	header #navi #gnb > ul > li > .subDepth.menu4 { width:130px; }
}
@media screen and (max-width:1180px){
	header #navi #gnb > ul > li { padding:0 20px; }
}
@media screen and (max-width:1100px){
	header #navi #gnb > ul > li { padding:0 17px; }
}

.language { position:absolute; top:55px; right:0; }
.language .sel { position:relative; z-index:2; width:14px; height:14px; cursor:pointer; display:block; }
.language .sel:before { content:"\e9d1"; display:block; font-family:"xeicon"; font-size:16px; color:#333; position:absolute; left:0; top:0; transition:all 0.3s ease-in-out; }
.language .box { position:absolute; right:0; top:0; display:none; width:200px; text-align:right; padding-right:26px; }
.language.on .box { display:block; }
.language .box ul { overflow:hidden; }
.language .box li { position:relative; display:inline-block; margin:0 0 0 6px; padding:0 0 0 11px; }
.language .box li:first-child { margin:0 0 0 0; padding:0 0 0 0; }
.language .box li:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:rgba(255,255,255,0.2); }
.language .box li:first-child:before { display:none; }
.language .box a { position:relative; }
.language .box a.kr span { font-family:'Pretendard', sans-serif; }
.language .box a.en span { font-family:'Josefin Sans', sans-serif; }
.language .box a.cn span { font-family:'Noto Sans SC', sans-serif; }
.language .box span { font-size:13px; font-weight:300; letter-spacing:-0.04em; color:#333; }
.language .box a.on span {font-weight:500; }
.language .box a.on:before { content:""; display:block; position:absolute; left:-1px; bottom:-1px; width:100%; height:6px; background-color:#00aeef; padding:0 0 0 2px; z-index:-1; }
.language .box .m { display:none; }
.fp-viewing-Main .language .box span,
.fp-viewing-Overview .language .box span,
.fp-viewing-ContactUs .language .box span,
.fp-viewing-Last .language .box span,
.subBody .language .box span,
.fp-viewing-Main .language .sel:before,
.fp-viewing-Overview .language .sel:before,
.fp-viewing-ContactUs .language .sel:before,
.fp-viewing-Last .language .sel:before,
.subBody .language .sel:before { color:#fff; }
.subBody header.fix .language .box span,
.subBody header.fix .language .sel:before { color:#333; }
.web .language .box li { animation:txtUp 0.2s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1645px){
	.language { right:10px; }
}
@media screen and (max-width:1400px){
	.language .box { width:60px; text-align:left; margin-top:-24px; }
	.language .box li { margin:9px 0 0 0; display:block; padding:0; }
	.language .box li:before { display:none; }
}

.quickTop { position:absolute; top:48px; right:30px; transition:all 0.3s ease-in-out; opacity:1; z-index:1 }
.quickTop.on { opacity:0; z-index:-111 }
.quickTop > ul > li { position:relative; display:inline-block; margin:0 0 0 1px; }
.quickTop > ul > li:first-child { margin:0 }
.quickTop > ul > li > a { position:relative; z-index:5; height:30px; font-size:13px; font-family:'Readex Pro', sans-serif; font-weight:600; color:#333; display:flex; align-items:center; border:1px solid rgba(0,0,0,0.6); padding:0 12px; border-radius:5px; transition:all 0.3s ease-in-out; }
.quickTop > ul > li.menu_e.on { }
.quickTop > ul > li.menu_e.on > a { color:#333; background-color:#fff; }
.quickTop > ul > li .ebooking_box { opacity:0; position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; padding:36px 0 0 0; text-align:center; z-index:-111; transition:all 0.3s ease-in-out; }
.quickTop > ul > li .ebooking_box.on { opacity:1; z-index:8; }
.quickTop > ul > li .ebooking_box .emenu { display:none; position:relative; width:100%; background-color:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.6); border-radius:5px; overflow:hidden; }
.quickTop > ul > li .ebooking_box.on .emenu { display:block; }
.quickTop > ul > li .ebooking_box .emenu li { position:relative;}
.quickTop > ul > li .ebooking_box .emenu li:before { content:""; display:block; position:absolute; left:9px; bottom:0; width:calc(100% - 18px); height:1px; background-color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out; }
.quickTop > ul > li .ebooking_box .emenu li:last-child:before { display:none; }
.quickTop > ul > li .ebooking_box .emenu li a { font-size:13px; font-family:'Readex Pro', sans-serif; font-weight:400; color:#fff; padding:11px 0; display:block; transition:all 0.3s ease-in-out; }
.quickTop > ul > li .ebooking_box .emenu li a:hover { color:#fff !important; background-color:#140c44; }
.fp-viewing-Main .quickTop > ul > li > a,
.fp-viewing-Overview .quickTop > ul > li > a,
.fp-viewing-ContactUs .quickTop > ul > li > a,
.fp-viewing-Last .quickTop > ul > li > a,
.subBody .quickTop > ul > li > a { color:#fff; border:1px solid rgba(255,255,255,0.6); }
.subBody header.fix .quickTop > ul > li > a { color:#333; border:1px solid rgba(0,0,0,0.6); }

.fp-viewing-Business .quickTop > ul > li .emenu,
.fp-viewing-Global .quickTop > ul > li .emenu,
.subBody header.fix .quickTop > ul > li .emenu { border:1px solid rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.7); }
.fp-viewing-Business .quickTop > ul > li .ebooking_box .emenu li a,
.fp-viewing-Global .quickTop > ul > li .ebooking_box .emenu li a,
.subBody header.fix .quickTop > ul > li .ebooking_box .emenu li a { color:#333; }
.fp-viewing-Business .quickTop > ul > li .ebooking_box .emenu li:before,
.fp-viewing-Global .quickTop > ul > li .ebooking_box .emenu li:before,
.subBody header.fix .quickTop > ul > li .ebooking_box .emenu li:before { background-color:rgba(0,0,0,0.05); }

@media screen and (max-width:1550px){
	.quickTop { position:absolute; top:15px; }
	.quickTop > ul > li { display:block; margin:5px 0 0 0; text-align:center; }
	.quickTop > ul > li > a { height:26px; padding:0 7px; }
	.quickTop > ul > li .ebooking_box { padding:30px 0 0 0; }
	.quickTop > ul > li .ebooking_box .emenu { background-color:rgba(255,255,255,1) !important; }
	.quickTop > ul > li .ebooking_box .emenu li a span { color:#140c44; }
	.quickTop > ul > li .ebooking_box .emenu li a:hover span { color:#fff; }
}
@media screen and (max-width:1024px){
	.quickTop > ul > li .ebooking_box { top:auto; bottom:0; width:100%; padding:0 0 32px 0; }
	.quickTop > ul > li .ebooking_box .emenu { border:1px solid rgba(0,0,0,0.2); }
	.quickTop > ul > li .ebooking_box .emenu li:before { background-color:rgba(0,0,0,0.05); }
	.quickTop > ul > li .ebooking_box .emenu li a { padding:9px 0; }
}
			
.quick_iframe { display:none; position:absolute; top:100px; padding-top:55px; left:0; width:100%; overflow:hidden; }
.quick_iframe.on { display:block; }
.quick_iframe .quick_box { opacity:0; position:relative; max-width:1000px; width:100%; margin:0 auto; /* animation:txtUp 1.0s 0.2s; animation-fill-mode:both;transition:all 0.3s ease-in-out; */}
.quick_iframe.on .quick_box { opacity:1; }
.quick_iframe .quick_box .btn_close {  position:absolute; width:30px; height:30px; top:12px; right:0px; text-align:center; cursor:pointer; background-repeat:no-repeat; z-index:55;}
.quick_iframe .quick_box .btn_close:before { content:""; display:block; width:18px; height:18px; background:url(/img/common/btn_close_a1.png) center center no-repeat; z-index:11; cursor:pointer;}
.quick_iframe .quick_body { position:relative; width:100%; height:700px;}
.quick_iframe .quick_body iframe { position:relative; min-width:700px; width:100%; height:100%; border:1px solid #1966ae; background:#fff; }
@media screen and (max-width:1640px){
	.quick_iframe{ top:90px; left:20px; width:calc(100% - 40px); }
}
@media screen and (max-width:760px){
	.quick_iframe{ top:60px; }
	.quick_iframe .quick_body { overflow:auto; height:650px; }
	.quick_iframe .quick_box .btn_close { top:-30px; right:-10px; }
}

.allBox { position:fixed; right:0; top:0; z-index:7; width:120px; height:120px; transition:all 0.3s ease-in-out; }
.allBox.on { top:0; }
.allmenu { position:absolute; left:50%; top:50%; width:22px; height:22px; transform:translate(-50%, -50%); }
.allmenu a { position:absolute; display:block; width:22px; height:22px; }
.allmenu span { width:3px; height:3px; background-color:#00abe6; display:block; margin-top:12px; float:right; border-radius:3px; transition:all 0.3s ease-in-out; }
.allmenu span:before { content:""; display:block; width:100%; height:3px; background-color:#333; position:absolute; left:0; top:5px; border-radius:3px; transition:all 0.3s ease-in-out; }
.allmenu span:after { content:""; display:block; width:16px; height:3px; background-color:#333; position:absolute; left:0; top:12px; 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:#333 !important; }
@media screen and (max-width:1024px){	
	header .allBox { width:70px; height:80px; }
	header.fix .allBox { width:70px; height:70px; }
	header.fix .allmenu span { background-color:#00abe6 !important; }
	header.fix .allmenu span:before,
	header.fix .allmenu span:after { background-color:#333 !important; }
}


.web #allmenuBox { opacity:0; visibility:hidden; position:fixed; left:0; top:0; z-index:-111; width:100vw; height:100vh; }
.web #allmenuBox .allCont { position:absolute; background:#fff; width:100%; height:100%;  }
.web #allmenuBox.on { opacity:1; visibility:visible; z-index:10000;  }
.web #allmenuBox.on .allCont { 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 .infobox { position:relative; height:100%; width:calc(100% - 1150px); float:left; }
.web #allmenuBox .infobox .mLogo { opacity:0; position:absolute; top:48%; left:170px; width:283px; height:38px; background:url(/img/common/img_logo.svg) center center no-repeat;}
.web #allmenuBox .infobox .mLogo:before { content:""; display:block; position:absolute; left:-170px; top:50%; width:0; height:1px; background:#999; }
.web #allmenuBox .infobox .quickTop { display:none; }
.web #allmenuBox .infobox p { opacity:0; position:absolute; top:48%; left:170px; margin-top:58px; font-size:15px; color:#150d45; font-weight:300; font-family:'Readex Pro', sans-serif; white-space:nowrap; }
.web #allmenuBox.on .infobox .mLogo { animation:ani_2 0.7s 0.3s; animation-fill-mode:both; }
.web #allmenuBox.on .infobox .mLogo:before { width:90px; transition:all 1.0s 1.0s ease-in-out; }
.web #allmenuBox.on .infobox p  { animation:ani_2 0.7s 0.6s; animation-fill-mode:both; }
.web #allmenuBox .infobox .family_site { position:absolute; left:170px; bottom:65px; width:700px; }
.web #allmenuBox .infobox .family_site.on { width:auto; }
.web #allmenuBox .infobox .family_site .btn_family .btn_f { position:relative; z-index:2; font-family:'Readex Pro', sans-serif; color:#140c44; font-size:18x; font-weight:500; padding-right:20px; cursor:pointer; }
.web #allmenuBox .infobox .family_site .btn_family .btn_f:before { content:""; display:block; width:10px; height:2px; background:#140c44; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all 0.3s ease-in-out; }
.web #allmenuBox .infobox .family_site .btn_family .btn_f:after { content:""; display:block; width:2px; height:10px; background:#140c44; position:absolute; right:4px; top:50%; transform:translateY(-50%); transition:all 0.3s ease-in-out; }
.web #allmenuBox .infobox .family_site .btn_family.on .btn_f:before { width:6px; transform:rotate(-45deg); right:2px; margin-top:2px; }
.web #allmenuBox .infobox .family_site .btn_family.on .btn_f:after { width:6px; height:2px; transform:rotate(45deg); right:2px; margin-top:-2px;}
.web #allmenuBox .infobox .family_site .btn_family .sbox { display:none; position:absolute; left:0; bottom:0; padding:0 0 2px 130px; } 
.web #allmenuBox .infobox .family_site .btn_family .sbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.web #allmenuBox .infobox .family_site .btn_family .sbox.on { display:block; }
.web #allmenuBox .infobox .family_site .btn_family .sbox li { float:left; margin:0 20px 0 0;  }
.web #allmenuBox .infobox .family_site.on .btn_family .sbox li { display:block; margin:22px 0 0 0; }
.web #allmenuBox .infobox .family_site .btn_family .sbox li:first-child { margin-top:0; }
.web #allmenuBox .infobox .family_site .btn_family .sbox li a { position:relative; color:#140c44; font-size:16px; }
.web #allmenuBox .infobox .family_site .btn_family .sbox li a:before { content:""; display:block; width:0; height:1px; background:#000; position:absolute; left:0; bottom:-2px; transition:all 0.3s ease-in-out; }
.web #allmenuBox .infobox .family_site .btn_family .sbox li a:hover:before { width:100%; }
.web #allmenuBox .menuCont { position:relative; height:100%; float:right; z-index:2; }
.web #allmenuBox .menuCont .af_menu { position:absolute; bottom:65px; left:0; padding-left:192px; width:100%; transition:all 0.5s 0.3s ease-in-out; }
.web #allmenuBox .menuCont.on .af_menu { padding-left:135px; }
.web #allmenuBox .menuCont .af_menu li { margin-left:24px; display:inline-block; }
.web #allmenuBox .menuCont .af_menu li:first-child { margin-left:0; }
.web #allmenuBox .menuCont .af_menu li a { color:#9c9c9e; font-size:15px; font-weight:300; }
.web #allmenuBox.on .menuCont .af_menu { animation:ani_3 0.7s 1.0s; animation-fill-mode:both; }
.web #allmenuBox .menuCont .menuBox { position:relative; height:100%; }
.web #allmenuBox .menuCont .menuBox .menuTop { position:relative; width:766px; height:100%; display:flex; align-items:center;  background-color:#fafafa; border-left:1px solid #e8e8e8; padding-left:192px; transition:all 0.5s 0.3s ease-in-out; }
.web #allmenuBox .menuCont .menuBox .menuTop:before { content:""; display:block; width:1px; height:0; background:#e8e8e8; position:absolute; left:634px; top:0; transition:all 0.5s 0.5s ease-in-out; } 
.web #allmenuBox .menuCont.on .menuTop { padding-left:135px; width:1150px; }
.web #allmenuBox .menuCont.on .menuTop:before { height:100%; }
.web #allmenuBox .menuBox .menuTop #gnb { }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li { position:relative; margin-top:70px; width:500px; }
.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:#9c9c9e; font-size:32px; font-weight:700; letter-spacing:0.03em; transition:all 0.3s ease-in-out; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover > a { color:#140c44; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li.hover:before { height:60px;  }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { display:none; position:absolute; left:500px; top:0; margin-top:-10%; width:100%; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth.menu5,
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth.menu6 { margin-top:-6%; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul { padding-left:140px; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { margin-top:42px; opacity:0; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li:first-child { margin-top:0; }
.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { color:#9c9c9e; font-size:20px; font-weight:500; letter-spacing:0.03em; white-space:nowrap; transition:all 0.3s ease-in-out;}
.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:#111; }
.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 .infobox .family_site,
.web #allmenuBox .menuCont .af_menu { display:block; }
@media screen and (max-height:800px) {
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li { margin-top:50px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { margin-top:-6%; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth.menu1 { margin-top:-2.5%; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth.menu5,
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth.menu6 { margin-top:-4%; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { margin-top:25px; }
	.web #allmenuBox .infobox .family_site,
	.web #allmenuBox .menuCont .af_menu { bottom:40px; }
}
@media screen and (max-width:1740px){
	.web #allmenuBox .infobox { width:calc(100% - 700px); }
	.web #allmenuBox .infobox .mLogo,
	.web #allmenuBox .infobox p,
	.web #allmenuBox .infobox .family_site { left:100px; }
	.web #allmenuBox .infobox .mLogo:before { left:-120px; }
	.web #allmenuBox .menuCont .menuBox .menuTop { width:500px; padding-left:80px;  }
	.web #allmenuBox .menuCont .menuBox .menuTop:before { left:415px; } 
	.web #allmenuBox .menuCont.on .menuTop { padding-left:50px; width:700px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li { margin-top:70px; width:366px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { left:260px; }
	.web #allmenuBox .menuCont .af_menu { padding-left:80px; }
	.web #allmenuBox .menuCont.on .af_menu { padding-left:50px; }
}
@media screen and (max-width:1280px){
	.web #allmenuBox .infobox { width:calc(100% - 620px); }
	.web #allmenuBox .infobox .mLogo { width:209px; height:28px; }
	.web #allmenuBox .infobox p { margin-top:35px; font-size:14px; }
	.web #allmenuBox .infobox .mLogo,
	.web #allmenuBox .infobox p,
	.web #allmenuBox .infobox .family_site { left:40px; }
	.web #allmenuBox .infobox .family_site .btn_family .btn_f { font-size:16px; padding-right:20px; }
	.web #allmenuBox .infobox .family_site .btn_family .sbox { padding:0 0 2px 110px; } 
	.web #allmenuBox .infobox .family_site .btn_family .sbox li { float:left; margin:0 12px 0 0;  }
	.web #allmenuBox .infobox .family_site.on .btn_family .sbox li { display:block; margin:17px 0 0 0; }
	.web #allmenuBox .infobox .family_site .btn_family .sbox li a { font-size:14px; }
	.web #allmenuBox .infobox .mLogo:before { left:-20px; top:0; width:1px; height:0; /*background-color:#140c44*/ }
	.web #allmenuBox.on .infobox .mLogo:before { width:1px; height:50px; transition:all 1.0s 0.5s ease-in-out; } 
	.web #allmenuBox .menuCont .menuBox .menuTop { width:410px; padding-left:50px;  }
	.web #allmenuBox .menuCont .menuBox .menuTop:before { left:315px; } 
	.web #allmenuBox .menuCont.on .menuTop { padding-left:30px; width:620px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li { margin-top:70px; width:286px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { left:200px; }
	.web #allmenuBox .menuCont .af_menu { padding-left:50px; }
	.web #allmenuBox .menuCont.on .af_menu { padding-left:30px; }
	.web #allmenuBox .menuCont .af_menu li { margin-left:15px; }
	.web #allmenuBox .menuCont .af_menu li a { font-size:14px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li { margin-top:50px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > a { font-size:26px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth { margin-top:-6%; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth.menu1 { margin-top:-2.5%; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth.menu5,
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth.menu6 { margin-top:-4%; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li { margin-top:25px; }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li > a { font-size:18px;  }
	.web #allmenuBox .menuBox .menuTop #gnb > ul > li > .subDepth > ul > li ul li a { font-size:14px; }
}

#allmenuBox .lang { position:absolute; right:0; top:0; z-index:12; }
#allmenuBox .language { right:170px; top:35px;  }
#allmenuBox .language .box { display:block; padding-right:0; width:200px; text-align:right; margin:0; }
#allmenuBox .language .box li { margin:0 0 0 6px; padding:0; display:inline-block; }
#allmenuBox .language .box li:before,
#allmenuBox .language .sel,
#allmenuBox .language .box .pc { display:none; }
#allmenuBox .language .box .m { display:block; font-family:'Readex Pro', sans-serif; color:#999; font-size:10px; }
#allmenuBox .language .box a { width:50px; height:50px; display:flex; align-items:center; justify-content:center; border:1px solid #f3f3f3; border-radius:50%; }
#allmenuBox .language .box a.on:before  { display:none; }
#allmenuBox .language .box a.on { background-color:#140c44; border:none; }
#allmenuBox .language .box a.on .m { color:#fff; }
.web #allmenuBox .language .box li { animation:txtUp 0.5s 0.5s; animation-fill-mode:both; }

.mobile #allmenuBox .language { right:60px; top:25px;  }
.mobile #allmenuBox .language .box li { margin:0 0 0 2px; }
.mobile #allmenuBox .language .box a { width:38px; height:38px; }
@media screen and (max-width:760px){
	.mobile #allmenuBox .language .box a { width:32px; height:32px; }
	.mobile #allmenuBox .language .box .m { font-size:9px; }
}

.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 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:22px; }
	.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; }
}

footer { background-color:#fff; padding:50px 0 60px 0; position:relative; }
footer .footer_box { position:relative; max-width:1400px; margin:0 auto; }
footer .footer_box .flogo {  text-align:left;}
footer .footer_box .flogo img { height:25px; }
footer .footer_box .t_info { position:relative; padding-bottom:40px; border-bottom:1px solid #eff1f2; }
footer .footer_box .t_info > ul { position:absolute; right:0; top:10px; }
footer .footer_box .t_info > ul > li { position:relative; display:inline-block; margin-left:27px; padding-left:33px; }
footer .footer_box .t_info > ul > li:first-child { margin-left:0; padding-left:0; }
footer .footer_box .t_info > ul > li:before { content:""; display:block; width:4px; height:4px; background:#e0e0e0; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:5px; }
footer .footer_box .t_info > ul > li:first-child:before { display:none; }
footer .footer_box .t_info > ul > li > a { color:#333; font-size:15px; font-weight:300; }
footer .footer_box .b_info { position:relative; margin-top:50px; }
footer .footer_box .b_info p { color:#666; font-size:15px; font-weight:300; letter-spacing:-0.02em; }
footer .footer_box .b_info p strong { color:#333; font-weight:500; display:inline-block; margin-right:8px; }
footer .footer_box .b_info p .bar { position:relative; display:inline-block; vertical-align:top; margin:1px 16px 0 16px; width:1px; height:12px; text-indent:-9999em; overflow:hidden; }
footer .footer_box .b_info p .bar:before { content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; left:0; top:0; }
footer .footer_box .b_info .copyright { margin-top:18px; font-family:'Readex Pro', sans-serif; color:#666; font-size:14px; font-weight:300; line-height:140%; }
footer .footer_box .b_info .btn_family { position:absolute; right:0; top:-5px; width:200px; text-align:left; border:1px solid #666; border-radius:5px; }
footer .footer_box .b_info .btn_family .btn_f { position:relative; z-index:2; font-family:'Readex Pro', sans-serif; color:#333; font-size:14px; font-weight:400; width:100%; height:54px; display:flex; align-items:center; padding:0 0 0 40px; cursor:pointer; }
footer .footer_box .b_info .btn_family .btn_f:before { content:""; display:block; width:10px; height:2px; background:#333; position:absolute; right:35px; top:50%; transform:translateY(-50%); }
footer .footer_box .b_info .btn_family .btn_f:after { content:""; display:block; opacity:1; width:2px; height:10px; background:#333; position:absolute; right:39px; top:50%; transform:translateY(-50%); transition:all 0.3s ease-in-out; }
footer .footer_box .b_info .btn_family.on .btn_f:after { opacity:0; }
footer .footer_box .b_info .btn_family .sbox { position:absolute; z-index:1; right:-1px; bottom:-1px; padding:20px 10px 65px 40px; width:calc(100% + 2px); display:none; background:#fff; border:1px solid #666; border-radius:5px; }
footer .footer_box .b_info .btn_family .sbox.on { display:block; }
footer .footer_box .b_info .btn_family .sbox li { margin-top:15px; overflow:hidden; }
footer .footer_box .b_info .btn_family .sbox li:first-child { margin-top:0; }
footer .footer_box .b_info .btn_family .sbox li a { color:#666; font-size:14px; font-weight:300; letter-spacing:-0.02em; display:block; }
footer .footer_box .b_info .btn_family .sbox li a:hover { color:#00abe6; }
footer .footer_box .b_info .btn_family .sbox li:nth-child(1) a { animation:vmLeft 0.5s 0.3s; animation-fill-mode:both; }
footer .footer_box .b_info .btn_family .sbox li:nth-child(2) a { animation:vmLeft 0.5s 0.5s; animation-fill-mode:both; }
footer .footer_box .b_info .btn_family .sbox li:nth-child(3) a { animation:vmLeft 0.5s 0.7s; animation-fill-mode:both; }
footer .footer_box .b_info .btn_family .sbox li:nth-child(4) a { animation:vmLeft 0.5s 0.9s; animation-fill-mode:both; }
footer .footer_box .b_info .btn_family .sbox li:nth-child(5) a { animation:vmLeft 0.5s 1.1s; animation-fill-mode:both; }
footer .footer_box .b_info .btn_family .sbox li:nth-child(6) a { animation:vmLeft 0.5s 1.3s; animation-fill-mode:both; }
@media screen and (max-width:1440px){
	footer .footer_box { padding:0 20px; }
}
@media screen and (max-width:1280px){
	footer .footer_box .t_info > ul { position:relative; right:auto; top:0; margin-top:25px; }
	footer .footer_box .t_info > ul > li { margin-left:10px; padding-left:18px; }
}
@media screen and (max-width:1024px){
	footer .footer_box .b_info p .bar.br { display:block; }
	footer .footer_box .b_info p .bar.br:before { display:none; }
}
@media screen and (max-width:760px){
	footer { padding:45px 0 50px 0; }
	footer .footer_box .t_info { padding-bottom:30px; }
	footer .footer_box .b_info { margin-top:35px; }
	footer .footer_box .b_info p { line-height:150%; }
	footer .footer_box .b_info p .bar { display:block; }
	footer .footer_box .b_info p .bar:before { display:none; }
	footer .footer_box .b_info .btn_family { top:-12px; width:130px; }
	footer .footer_box .b_info .btn_family .btn_f { height:35px; padding:0 0 0 10px; }
	footer .footer_box .b_info .btn_family .btn_f:before { right:10px; }
	footer .footer_box .b_info .btn_family .btn_f:after { right:14px; }
	footer .footer_box .b_info .btn_family .sbox { padding:20px 10px 50px 10px; }
	footer .footer_box .t_info > ul > li { margin-bottom:10px; }
}
@media screen and (max-width:640px){
	footer .footer_box .flogo img { height:22px; }
	footer .footer_box .t_info > ul > li { margin-bottom:0; }
	footer .footer_box .t_info > ul > li:last-child { margin-left:0; margin-top:15px; padding-left:0; display:block; }
	footer .footer_box .t_info > ul > li:last-child:before { display:none; }
}
@media screen and (max-width:480px){
	footer .footer_box .t_info > ul > li:nth-child(3), 
	footer .footer_box .t_info > ul > li:last-child { margin-left:0; margin-top:15px; padding-left:0; display:block; }
	footer .footer_box .t_info > ul > li:nth-child:before(3),
	footer .footer_box .t_info > ul > li:last-child:before { display:none; }
}



.btn_qbox { position:fixed; bottom:80px; right:60px; height:115px; z-index:22; }
.btn_qbox.active { bottom:324px; position:absolute; }
#wrap.active .btn_qbox .btn-top { opacity:1; z-index:1; top:0; bottom:0; }
.btn_qbox .btn-top { position:absolute; right:0; bottom:0; opacity:0; z-index:-1; transition:all 0.3s ease-in-out; }
.btn_qbox .btn-top a { display:flex; 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 .e_mail { position:absolute; right:0; bottom:0; z-index:2; }
.btn_qbox .e_mail .box { display:flex; width:50px; height:50px; justify-content:center; align-items: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 .e_mail .box span { display:flex; margin-left:58px }
.btn_qbox .e_mail .box span i { color:#ea002a; font-size:16px; }
.btn_qbox .e_mail .box img { }
.btn_qbox .e_mail .box strong { white-space:nowrap; opacity:0; vertical-align:middle; color:#ea002a; font-size:16px; font-weight:700; margin-left:8px;  }
.btn_qbox .e_mail:hover .box  { width:132px; }
.btn_qbox .e_mail:hover .box span { margin-left:0; opacity:0; }
.btn_qbox .e_mail:hover .box strong { opacity:1; }

.btn_qbox { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.btn_qbox .e_mail:hover .box span { animation:ani_5 0.2s 0.2s; 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:hover .box  { width:115px; }
	.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: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); }



.pop-bottom .pb-left { font-size:13px !important; }