@charset "utf-8";

/* BASE */
* { font-family:'Pretendard',sans-serif; font-weight:300; color:#fff; letter-spacing:-0.05px; text-align:left; word-break:keep-all; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:transparent !important; }
body { margin:0; padding:0; background:#141414; overflow-x:hidden; box-sizing:border-box; }
a { text-decoration:none; cursor:pointer; }
ul, li { margin:0; padding:0; list-style:none; }
img { margin:0; padding:0; }
.clear { content:''; display:table; clear:both; }

/* SCROLLBAR */
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:#f5f5f5; }
::-webkit-scrollbar-thumb { background:#9f8be5; }

/* SELECTION */
::selection { background:#9f8be5; }
-webkit-::selection { background:#9f8be5; }
-moz-::selection { background:#9f8be5; }
-o-::selection { background:#9f8be5; }

.scroll-white { position:relative; width:max-content; color:rgba(255,255,255,0.205); background:linear-gradient(to right,#fff,#fff) no-repeat; background-clip:text; -webkit-background-clip:text; background-size:0%; transition:background-size cubic-bezier(.1,.5,.5,1) 0.5s; padding-bottom:5px; box-sizing:border-box; }
.scroll-black { position:relative; width:max-content; color:rgba(0,0,0,0.205); background:linear-gradient(to right,#141414,#141414) no-repeat; background-clip:text; -webkit-background-clip:text; background-size:0%; transition:background-size cubic-bezier(.1,.5,.5,1) 0.5s; padding-bottom:5px; box-sizing:border-box; }

/* HEADER */
header { position:fixed; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:1720px; height:80px; margin:0 auto; background:rgba(0,0,0,0); transition:all 0.25s ease-in-out; z-index:9000; }
.fixed { height:72px; top:10px; background:rgba(0,0,0,0.7); border-radius:30px; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); -moz-backdrop-filter:blur(10px); -o-backdrop-filter:blur(10px); }
.fixed > .logo { left:25px; }
.fixed > .button { right:20px; }
header > .logo { position:absolute; top:50%; left:0; transform:translateY(-50%); transition:all 0.25s ease-in-out; cursor:pointer; }
header > .logo > img { height:28px; margin-top:-1px; }
header > .menu { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-1px; }
header > .menu > a { position:relative; font-size:16px; font-weight:400; line-height:16px; margin-right:50px; transition:all 0.25s ease-in-out; }
header > .menu > a.current::after { position:absolute; content:''; width:12px; height:4px; border-radius:100px; background:#fff; top:50%; transform:translateY(-50%); margin-left:6px; }
header > .menu > a:last-child { margin-right:0; }
header > .menu > a::after { position:absolute; content:''; width:4px; height:4px; border-radius:100%; background:#fff; opacity:0; top:50%; transform:translateY(-50%); margin-left:5px; transition:all 0.25s ease-in-out; }
header > .menu > a:hover { }
header > .menu > a:hover::after { width:12px; height:4px; border-radius:100px; opacity:1; margin-left:6px; }
header > .button { position:absolute; top:50%; right:0; transition:all 0.25s ease-in-out; }
header > .button > .contact { float:left; border:2px solid #fff; border-radius:100px; transform:translateY(-50%); margin-right:15px; padding:11px 18px; transition:all 0.25s ease-in-out; box-sizing:border-box; cursor:pointer; }
header > .button > .contact::after { content:''; display:table; clear:both; }
header > .button > .contact > .box { float:left; height:16px; overflow:hidden; }
header > .button > .contact > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:16px; font-weight:500; line-height:17px; transition:0.3s; padding:0 2px; box-sizing:border-box; }
header > .button > .contact:hover > .box > .depth { top:-100%; }
header > .button > .contact > .box > .depth.black { color:#141414; }
header > .button > .contact:last-child { margin-right:0; }
header > .button > .contact > .shape { float:left; }
header > .button > .contact > .shape > img { height:10px; margin-top:3px; margin-left:7px; }
header > .button > .contact.kakao { background:#ffcd00; border:2px solid #ffcd00; right:50px; }
header > .button > .contact.kakao > .shape > img { height:13px; margin-top:1px; }
header > .mobile { display:none; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; }
header > .mobile > img { height:11px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	header { height:75px; }
	.fixed { width:calc(100% - 60px); height:68px; }
	.fixed > .logo { left:24px; }
	.fixed > .button { right:18px; }
	header > .logo { left:30px; }
	header > .logo > img { height:26px; }
	header > .menu > a { font-size:15px; line-height:15px; margin-right:47px; }	
	header > .button { right:30px; }
	header > .button > .contact { margin-right:12px; padding:10px 16px; }
	header > .button > .contact > .box { height:15px; }
	header > .button > .contact > .box > .depth { font-size:15px; line-height:15px; }
	header > .button > .contact > .shape > img { height:10px; margin-top:2px; margin-left:5px; }
	header > .button > .contact.kakao > .shape > img { height:13px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	header { height:70px; }
	.fixed { width:calc(100% - 40px); height:60px; }
	.fixed > .logo { left:22px; }
	.fixed > .button { right:16px; }
	header > .logo { left:20px; }
	header > .logo > img { height:24px; }
	header > .menu { transform:translateY(-50%); left:170px; transition:all 0.25s ease-in-out; }
	.fixed > .menu { left:170px; }
	header > .menu > a { font-size:14px; line-height:14px; margin-right:42px; }
	header > .menu > a.current::after { width:11px; height:3px; }
	header > .menu > a::after { width:3px; height:3px; margin-left:4px; }
	header > .menu > a:hover::after { width:11px; }	
	header > .button { right:20px; }
	header > .button > .contact { margin-right:10px; padding:9px 14px; }
	header > .button > .contact > .box { height:14px; }
	header > .button > .contact > .box > .depth { font-size:14px; line-height:14px; }
	header > .button > .contact > .shape > img { height:9px; margin-left:4px; }
	header > .button > .contact.kakao > .shape > img { height:12px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	header { height:62px; }
	.fixed { width:calc(100% - 20px); height:52px; top:8px; }
	.fixed > .logo { left:20px; }
	header > .logo { left:20px; }
	header > .logo > img { height:20px; }
	header > .menu { display:none; }
	header > .button { display:none; }
	header > .mobile { display:block; right:20px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	header { height:54px; }
	.fixed { width:calc(100% - 10px); height:44px; top:5px; }
	.fixed > .logo { left:15px; }
	header > .logo { left:15px; }
	header > .logo > img { height:18px; }
	header > .mobile { right:15px; }
	header > .mobile > img { height:10px; }
}

/* FOOTER */
footer { }
footer > .talk { position:relative; width:100%; max-width:1720px; height:580px; margin:120px auto 90px auto; border-radius:50px; background:#fafafa; overflow:hidden; }
footer > .talk > .content { }
footer > .talk > .content > .title-box { position:absolute; top:50%; left:100px; transform:translateY(-50%); margin-top:-20px; z-index:1000; }
footer > .talk > .content > .title-box > .title { width:100%; font-size:90px; font-family:'Funnel',sans-serif; font-weight:600; line-height:95px; }
footer > .talk > .content > .title-box > .title > img { height:60px; margin-right:15px; }
footer > .talk > .content > .title-box > .button-box { margin-top:90px; }
footer > .talk > .content > .title-box > .button-box > .button { width:240px; background:#9f8be5; border-radius:100px; padding:16px 32px 20px 32px; transition:all 0.25s ease-in-out; box-sizing:border-box; cursor:pointer; }
footer > .talk > .content > .title-box > .button-box > .button::after { content:''; display:table; clear:both; }
footer > .talk > .content > .title-box > .button-box > .button > .box { float:left; height:30px; overflow:hidden; }
footer > .talk > .content > .title-box > .button-box > .button > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:27px; font-weight:500; font-family:'Funnel',sans-serif; line-height:28px; letter-spacing:0.25px; transition:0.3s; }
footer > .talk > .content > .title-box > .button-box > .button:hover > .box > .depth { top:-100%; }
footer > .talk > .content > .title-box > .button-box > .button > .shape { float:left; }
footer > .talk > .content > .title-box > .button-box > .button > .shape > img { height:15px; margin-top:8px; margin-left:14px; }
footer > .talk > .content > .shape { }
footer > .talk > .content > .shape > .shape-1 { position:absolute; top:116px; right:100px; z-index:100; }
footer > .talk > .content > .shape > .shape-1 > img { height:405px; animation:f-vert 1.1s infinite alternate; }
@keyframes f-vert { 0% { margin-top:-16px; } 100% { margin-top:16px; } }
footer > .talk > .content > .shape > .shape-2 { position:absolute; top:-350px; right:150px; z-index:80; }
footer > .talk > .content > .shape > .shape-2 > img { height:750px; opacity:0.8; filter:blur(10px); }
footer > .talk > .content > .shape > .shape-3 { position:absolute; bottom:160px; right:560px; z-index:90; }
footer > .talk > .content > .shape > .shape-3 > img { height:125px; animation:f-turn 5s infinite linear; }
@keyframes f-turn { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
footer > .slogan { position:relative; width:100%; max-width:1720px; margin:0 auto; }
footer > .slogan > img { width:100%; }
footer > .company { position:relative; width:100%; max-width:1720px; margin:90px auto 50px auto; overflow:hidden; }
footer > .company > ul { width:calc(100% + 50px); margin-left:-25px; }
footer > .company > ul::after { content:''; display:table; clear:both; }
footer > .company > ul > li { float:left; width:calc(33.33% - 50px); height:610px; border-radius:30px; }
footer > .company > ul > li.sitemap { background:#222; margin:0 25px; padding:50px 60px; box-sizing:border-box; }
footer > .company > ul > li.sitemap > .link { margin-bottom:20px; }
footer > .company > ul > li.sitemap > .link:last-child { margin-bottom:0; }
footer > .company > ul > li.sitemap > .link > .box { display:block; height:42px; overflow:hidden; }
footer > .company > ul > li.sitemap > .link > .box.work { float:left; }
footer > .company > ul > li.sitemap > .link > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:40.25px; font-family:'Funnel',sans-serif; font-weight:500; line-height:40.25px; transition:0.3s; padding:0 2px; cursor:pointer; box-sizing:border-box; }
footer > .company > ul > li.sitemap > .link:hover > .box > .depth { top:-100%; }
footer > .company > ul > li.sitemap > .link > .count { float:left; background:#9f8be5; border-radius:100px; padding:5px 15px 7px 12px; margin-top:2px; margin-left:10px; box-sizing:border-box; }
footer > .company > ul > li.sitemap > .link > .count > .image { float:left; margin-top:5px; margin-right:4px; }
footer > .company > ul > li.sitemap > .link > .count > .image > img { height:17px; }
footer > .company > ul > li.sitemap > .link > .count > .num { float:left; font-size:25px; font-weight:500; font-family:'Funnel',sans-serif; line-height:25px; }
footer > .company > ul > li.sitemap > a.policy { position:absolute; bottom:50px; font-size:17px; font-weight:400; letter-spacing:0.25px; color:#909090; margin-bottom:0; }
footer > .company > ul > li.sitemap > a.policy > img { height:10px; margin-left:5px; }
footer > .company > ul > li.help { float:left; margin:0 25px; }
footer > .company > ul > li.help > ul { }
footer > .company > ul > li.help > ul::after { content:''; display:table; clear:both; }
footer > .company > ul > li.help > ul > li { float:left; width:100%; background:#222; font-size:21px; font-family:'Funnel',sans-serif; font-weight:400; line-height:21px; letter-spacing:0.5px; border-radius:30px; margin-bottom:50px; padding:50px 60px; box-sizing:border-box; }
footer > .company > ul > li.help > ul > li:last-child { margin-bottom:0; }
footer > .company > ul > li.help > ul > li.mail, footer > .company > ul > li.help > ul > li.call { height:125px; }
footer > .company > ul > li.help > ul > li.mail > img, footer > .company > ul > li.help > ul > li.call > img { height:21px; margin-bottom:-3px; margin-right:8px; }
footer > .company > ul > li.help > ul > li.call > span { font-size:21px; font-family:'Funnel',sans-serif; font-weight:400; line-height:21px; letter-spacing:0.25px; color:#909090; margin-left:10px; }
footer > .company > ul > li.help > ul > li.subs { height:260px; }
footer > .company > ul > li.help > ul > li.subs > .title { font-size:34.5px; font-family:'Funnel',sans-serif; font-weight:400; line-height:34.5px; letter-spacing:0.25px; }
footer > .company > ul > li.help > ul > li.subs > .title > .pc { font-size:34.5px; font-family:'Funnel',sans-serif; font-weight:400; line-height:34.5px; letter-spacing:0.25px; }
footer > .company > ul > li.help > ul > li.subs > .text { font-size:18px; font-weight:300; color:#909090; margin-top:10px; }
footer > .company > ul > li.help > ul > li.subs > .form { position:relative; width:100%; margin-top:30px; }
footer > .company > ul > li.help > ul > li.subs > .form > input { width:100%; height:54px; padding:0 0; font-size:19px; font-weight:400; line-height:52px; background:none; border:0; border-bottom:2px solid #909090; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:0; transition:all 0.3s ease-in-out; box-sizing:border-box; }
footer > .company > ul > li.help > ul > li.subs > .form > input:hover { border-color:#fff; }
footer > .company > ul > li.help > ul > li.subs > .form > input:focus { border-color:#fff; }
footer > .company > ul > li.help > ul > li.subs > .form > .button { position:absolute; top:20px; right:0; }
footer > .company > ul > li.help > ul > li.subs > .form > .button > img { height:14px; }
footer > .company > ul > li.about { float:left; background:#222; margin:0 25px; padding:60px; box-sizing:border-box; }
footer > .company > ul > li.about > .logo { }
footer > .company > ul > li.about > .logo > img { height:34px; }
footer > .company > ul > li.about > ul { margin-top:50px; }
footer > .company > ul > li.about > ul::after { content:''; display:table; clear:both; }
footer > .company > ul > li.about > ul > li { float:left; margin-bottom:20.5px; }
footer > .company > ul > li.about > ul > li:nth-child(odd) { width:125px; font-size:20px; font-family:'Funnel',sans-serif; font-weight:400; line-height:20px; letter-spacing:0.25px; }
footer > .company > ul > li.about > ul > li:nth-child(even) { width:calc(100% - 125px); font-size:17.5px; line-height:20px; }
footer > .company > ul > li.about > .copy { position:absolute; width:calc(100% - 120px); bottom:50px; font-size:16px; font-weight:400; line-height:22px; color:#909090; }
footer > .company > ul > li.about > .copy > span { font-size:15.5px; font-weight:300; line-height:22px; color:#909090; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	footer > .talk { width:calc(100% - 60px); height:550px; margin:110px auto 85px auto; }
	footer > .talk > .content > .title-box { left:90px; }
	footer > .talk > .content > .title-box > .title { font-size:85px; line-height:90px; }
	footer > .talk > .content > .title-box > .title > img { height:57px; margin-right:14px; }
	footer > .talk > .content > .title-box > .button-box { margin-top:90px; }
	footer > .talk > .content > .title-box > .button-box > .button { width:225px; padding:16px 30px; }
	footer > .talk > .content > .title-box > .button-box > .button > .box { height:28px; }
	footer > .talk > .content > .title-box > .button-box > .button > .box > .depth { font-size:25.5px; line-height:25.5px; }
	footer > .talk > .content > .title-box > .button-box > .button > .shape > img { height:14px; margin-top:7px; margin-left:13px; }
	footer > .talk > .content > .shape > .shape-1 { top:96px; right:90px; }
	footer > .talk > .content > .shape > .shape-1 > img { height:390px; }	
	footer > .talk > .content > .shape > .shape-2 { top:-320px; right:150px; }
	footer > .talk > .content > .shape > .shape-2 > img { height:740px; }
	footer > .talk > .content > .shape > .shape-3 { bottom:155px; right:525px; }
	footer > .talk > .content > .shape > .shape-3 > img { height:115px; }
	footer > .slogan { padding:0 30px; box-sizing:border-box; }
	footer > .company { width:calc(100% - 60px); margin:85px auto 40px auto; }
	footer > .company > ul { width:calc(100% + 40px); margin-left:-20px; }
	footer > .company > ul > li { position:relative; float:left; width:calc(33.33% - 40px); height:570px; }
	footer > .company > ul > li.sitemap { margin:0 20px; padding:48px 55px; }	
	footer > .company > ul > li.sitemap > .link { margin-bottom:18px; }
	footer > .company > ul > li.sitemap > .link > .box { height:40.5px; }
	footer > .company > ul > li.sitemap > .link > .box > .depth { font-size:38.5px; line-height:38.5px; }
	footer > .company > ul > li.sitemap > .link > .count { padding:4px 14px 6px 11px; margin-top:2px; margin-left:9px; }
	footer > .company > ul > li.sitemap > .link > .count > .image { margin-top:5px; margin-right:4px; }
	footer > .company > ul > li.sitemap > .link > .count > .image > img { height:16px; }
	footer > .company > ul > li.sitemap > .link > .count > .num { font-size:24px; line-height:24px; }
	footer > .company > ul > li.sitemap > a.policy { bottom:55px; font-size:15px; }
	footer > .company > ul > li.sitemap > a.policy > img { height:9px; }
	footer > .company > ul > li.help { margin:0 20px; }
	footer > .company > ul > li.help > ul > li { font-size:20px; line-height:20px; margin-bottom:40px; padding:45px 55px; }
	footer > .company > ul > li.help > ul > li.mail, footer > .company > ul > li.help > ul > li.call { height:115px; }
	footer > .company > ul > li.help > ul > li.mail > img, footer > .company > ul > li.help > ul > li.call > img { height:20px; }
	footer > .company > ul > li.help > ul > li.call > span { font-size:20px; line-height:20px; margin-left:9px; }
	footer > .company > ul > li.help > ul > li.subs { height:260px; }
	footer > .company > ul > li.help > ul > li.subs > .title { font-size:32px; line-height:32px; }
	footer > .company > ul > li.help > ul > li.subs > .title > .pc { display:none; }
	footer > .company > ul > li.help > ul > li.subs > .text { font-size:17px; }
	footer > .company > ul > li.help > ul > li.subs > .form { margin-top:47px; }
	footer > .company > ul > li.help > ul > li.subs > .form > input { height:52px; font-size:18px; line-height:50px; }
	footer > .company > ul > li.help > ul > li.subs > .form > .button { top:19px; }
	footer > .company > ul > li.help > ul > li.subs > .form > .button > img { height:13px; }
	footer > .company > ul > li.about { margin:0 20px; padding:48px 55px; }
	footer > .company > ul > li.about > .logo > img { height:32px; }
	footer > .company > ul > li.about > ul { margin-top:47px; }
	footer > .company > ul > li.about > ul > li { margin-bottom:18px; }
	footer > .company > ul > li.about > ul > li:nth-child(odd) { width:115px; font-size:19px; line-height:22px; }
	footer > .company > ul > li.about > ul > li:nth-child(even) { width:calc(100% - 115px); font-size:16.5px; line-height:22px; margin-top:1px; }
	footer > .company > ul > li.about > .copy { width:calc(100% - 110px); bottom:45px; font-size:15px; line-height:21px; }
	footer > .company > ul > li.about > .copy > br.pc { display:none; }
	footer > .company > ul > li.about > .copy > span { font-size:14.5px; line-height:21px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	footer > .talk { width:calc(100% - 40px); height:490px; margin:95px auto 75px auto; padding:0 30px; border-radius:40px; box-sizing:border-box; }
	footer > .talk > .content > .title-box { left:80px; margin-top:-15px; }
	footer > .talk > .content > .title-box > .title { font-size:77px; line-height:78px; }
	footer > .talk > .content > .title-box > .title > img { height:54px; margin-right:12px; }
	footer > .talk > .content > .title-box > .button-box > .button { width:198px; padding:14px 28px; }
	footer > .talk > .content > .title-box > .button-box > .button > .box { height:25px; }
	footer > .talk > .content > .title-box > .button-box > .button > .box > .depth { font-size:22.5px; line-height:22.5px; }
	footer > .talk > .content > .title-box > .button-box > .button > .shape > img { height:12px; margin-top:6px; margin-left:11px; }
	footer > .talk > .content > .shape > .shape-1 { top:90px; right:70px; }
	footer > .talk > .content > .shape > .shape-1 > img { height:340px; }
	@keyframes f-vert { 0% { margin-top:-14px; } 100% { margin-top:14px; } }
	footer > .talk > .content > .shape > .shape-2 { top:-300px; right:110px; }
	footer > .talk > .content > .shape > .shape-2 > img { height:670px; }
	footer > .talk > .content > .shape > .shape-3 { bottom:155px; right:440px; }
	footer > .talk > .content > .shape > .shape-3 > img { height:100px; }
	footer > .slogan { padding:0 20px; }
	footer > .company { width:calc(100% - 40px); margin:75px auto 30px auto; }
	footer > .company > ul { width:calc(100% + 30px); margin-left:-15px; }
	footer > .company > ul > li { float:left; width:calc(33.33% - 30px); height:490px; border-radius:25px; }
	footer > .company > ul > li.sitemap { margin:0 15px; padding:42px 45px; }	
	footer > .company > ul > li.sitemap > .link { margin-bottom:15px; }
	footer > .company > ul > li.sitemap > .link > .box { height:36px; }
	footer > .company > ul > li.sitemap > .link > .box > .depth { font-size:34px; line-height:34px; }
	footer > .company > ul > li.sitemap > .link > .count { padding:4px 13px 6px 11px; margin-top:2px; margin-left:9px; }
	footer > .company > ul > li.sitemap > .link > .count > .image { margin-top:5px; margin-right:4px; }
	footer > .company > ul > li.sitemap > .link > .count > .image > img { height:14px; }
	footer > .company > ul > li.sitemap > .link > .count > .num { font-size:22px; line-height:22px; }
	footer > .company > ul > li.sitemap > a.policy { bottom:42px; font-size:13px; }
	footer > .company > ul > li.sitemap > a.policy > img { height:8px; margin-left:4px; }
	footer > .company > ul > li.help { margin:0 15px; }
	footer > .company > ul > li.help > ul > li { border-radius:25px; font-size:18px; line-height:18px; margin-bottom:30px; padding:42px 42px; }
	footer > .company > ul > li.help > ul > li.mail, footer > .company > ul > li.help > ul > li.call { height:105px; }
	footer > .company > ul > li.help > ul > li.mail > img, footer > .company > ul > li.help > ul > li.call > img { height:17px; margin-bottom:-2px; margin-right:7px; }
	footer > .company > ul > li.help > ul > li.call > span { font-size:18px; line-height:18px; margin-left:8px; }
	footer > .company > ul > li.help > ul > li.subs { height:220px; }
	footer > .company > ul > li.help > ul > li.subs > .title { font-size:28px; line-height:28px; }
	footer > .company > ul > li.help > ul > li.subs > .text { font-size:15px; }
	footer > .company > ul > li.help > ul > li.subs > .form { margin-top:42px; }
	footer > .company > ul > li.help > ul > li.subs > .form > input { height:48px; font-size:16px; line-height:46px; }
	footer > .company > ul > li.help > ul > li.subs > .form > .button { top:18px; }
	footer > .company > ul > li.help > ul > li.subs > .form > .button > img { height:11px; }
	footer > .company > ul > li.about { margin:0 15px; padding:42px 45px; }
	footer > .company > ul > li.about > .logo > img { height:28px; }
	footer > .company > ul > li.about > ul { margin-top:40px; }
	footer > .company > ul > li.about > ul > li { margin-bottom:15px; }
	footer > .company > ul > li.about > ul > li:nth-child(odd) { width:97px; font-size:16.5px; line-height:20px; }
	footer > .company > ul > li.about > ul > li:nth-child(even) { width:calc(100% - 97px); font-size:15px; line-height:20px; }
	footer > .company > ul > li.about > .copy { width:calc(100% - 90px); bottom:42px; font-size:13.5px; line-height:18px; }	
	footer > .company > ul > li.about > .copy > span { font-size:13px; line-height:18px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	footer > .talk { width:calc(100% - 20px); height:440px; margin:70px auto 60px auto; border-radius:30px; }
	footer > .talk > .content > .title-box { height:calc(100% - 60px); top:60px; left:50px; transform:translateY(0); margin-top:0; }
	footer > .talk > .content > .title-box > .title { font-size:65px; line-height:66px; }
	footer > .talk > .content > .title-box > .title > img { height:46px; margin-right:10px; }
	footer > .talk > .content > .title-box > .button-box { position:absolute; bottom:65px; }
	footer > .talk > .content > .title-box > .button-box > .button { width:177px; padding:12px 25px; }
	footer > .talk > .content > .title-box > .button-box > .button > .box { height:22px; }
	footer > .talk > .content > .title-box > .button-box > .button > .box > .depth { font-size:20px; line-height:20px; }
	footer > .talk > .content > .title-box > .button-box > .button > .shape > img { height:11px; margin-top:5px; margin-left:8px; }
	footer > .talk > .content > .shape > .shape-1 { top:90px; right:50px; }
	footer > .talk > .content > .shape > .shape-1 > img { height:300px; }
	@keyframes f-vert { 0% { margin-top:-12px; } 100% { margin-top:12px; } }
	footer > .talk > .content > .shape > .shape-2 { top:-300px; right:90px; }
	footer > .talk > .content > .shape > .shape-2 > img { height:630px; }
	footer > .talk > .content > .shape > .shape-3 { bottom:150px; right:370px; }
	footer > .talk > .content > .shape > .shape-3 > img { height:85px; }
	footer > .slogan { padding:0 10px; }
	footer > .company { width:calc(100% - 20px); margin:60px auto 20px auto; }
	footer > .company > ul { width:calc(100% + 20px); margin-left:-10px; }
	footer > .company > ul > li { float:left; width:calc(50% - 20px); height:380px; border-radius:20px; }
	footer > .company > ul > li.sitemap { display:none; }
	footer > .company > ul > li.help { margin:0 10px; }
	footer > .company > ul > li.help > ul > li { border-radius:20px; font-size:16px; line-height:16px; margin-bottom:20px; padding:29px 30px; }
	footer > .company > ul > li.help > ul > li.mail, footer > .company > ul > li.help > ul > li.call { height:75px; }
	footer > .company > ul > li.help > ul > li.mail > img, footer > .company > ul > li.help > ul > li.call > img { height:16px; margin-bottom:-3px; margin-right:6px; }
	footer > .company > ul > li.help > ul > li.call > span { font-size:16px; line-height:16px; margin-left:6px; }
	footer > .company > ul > li.help > ul > li.subs { height:190px; }
	footer > .company > ul > li.help > ul > li.subs > .title { font-size:25px; line-height:25px; }
	footer > .company > ul > li.help > ul > li.subs > .text { font-size:13.5px; }
	footer > .company > ul > li.help > ul > li.subs > .form { margin-top:35px; }
	footer > .company > ul > li.help > ul > li.subs > .form > input { height:44px; font-size:14px; line-height:42px; }
	footer > .company > ul > li.help > ul > li.subs > .form > .button { top:16px; }
	footer > .company > ul > li.help > ul > li.subs > .form > .button > img { height:9px; }
	footer > .company > ul > li.about { margin:0 10px; padding:32px 30px; }
	footer > .company > ul > li.about > .logo > img { height:24px; }
	footer > .company > ul > li.about > ul { margin-top:30px; }
	footer > .company > ul > li.about > ul > li { margin-bottom:10px; }
	footer > .company > ul > li.about > ul > li:nth-child(odd) { width:90px; font-size:14px; line-height:19px; }
	footer > .company > ul > li.about > ul > li:nth-child(even) { width:calc(100% - 90px); font-size:13px; line-height:19px; }
	footer > .company > ul > li.about > .copy { width:calc(100% - 90px); bottom:32px; font-size:12px; line-height:16px; }	
	footer > .company > ul > li.about > .copy > span { font-size:11px; line-height:0; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	footer > .talk { width:calc(100% - 10px); height:330px; margin:50px auto 40px auto; }
	footer > .talk > .content > .title-box { height:calc(100% - 40px); top:40px; left:20px; }
	footer > .talk > .content > .title-box > .title { font-size:40px; line-height:40px; }
	footer > .talk > .content > .title-box > .title > img { height:28px; margin-right:6px; }
	footer > .talk > .content > .title-box > .button-box { bottom:50px; }
	footer > .talk > .content > .title-box > .button-box > .button { width:144px; padding:10px 20px; }
	footer > .talk > .content > .title-box > .button-box > .button > .box { height:18px; }
	footer > .talk > .content > .title-box > .button-box > .button > .box > .depth { font-size:16px; line-height:16px; }
	footer > .talk > .content > .title-box > .button-box > .button > .shape > img { height:9px; margin-top:4px; margin-left:7px; }
	footer > .talk > .content > .shape > .shape-1 { top:120px; right:15px; }
	footer > .talk > .content > .shape > .shape-1 > img { height:200px; }
	@keyframes f-vert { 0% { margin-top:-10px; } 100% { margin-top:10px; } }
	footer > .talk > .content > .shape > .shape-2 { top:-250px; right:30px; }
	footer > .talk > .content > .shape > .shape-2 > img { height:450px; }
	footer > .talk > .content > .shape > .shape-3 { bottom:110px; right:220px; }
	footer > .talk > .content > .shape > .shape-3 > img { height:58px; }
	footer > .slogan { padding:0 5px; }
	footer > .company { width:calc(100% - 10px); margin:40px auto 5px auto; }
	footer > .company > ul { width:100%; margin-left:0; }
	footer > .company > ul > li { width:100%; height:auto; }
	footer > .company > ul > li.help { margin:0; }
	footer > .company > ul > li.help > ul > li { font-size:13px; line-height:13px; margin-bottom:10px; padding:22px 15px; }
	footer > .company > ul > li.help > ul > li:last-child { margin-bottom:0; }
	footer > .company > ul > li.help > ul > li.mail, footer > .company > ul > li.help > ul > li.call { height:58px; }
	footer > .company > ul > li.help > ul > li.mail > img, footer > .company > ul > li.help > ul > li.call > img { height:13px; margin-bottom:-2px; margin-right:5px; }
	footer > .company > ul > li.help > ul > li.call > span { font-size:13px; line-height:13px; margin-left:5px; }
	footer > .company > ul > li.help > ul > li.subs { height:150px; }
	footer > .company > ul > li.help > ul > li.subs > .title { font-size:18px; line-height:18px; }
	footer > .company > ul > li.help > ul > li.subs > .text { font-size:12px; }
	footer > .company > ul > li.help > ul > li.subs > .form { margin-top:20px; }
	footer > .company > ul > li.help > ul > li.subs > .form > input { height:38px; font-size:12px; line-height:36px; }
	footer > .company > ul > li.help > ul > li.subs > .form > .button { top:14px; }
	footer > .company > ul > li.help > ul > li.subs > .form > .button > img { height:8px; }
	footer > .company > ul > li.about { margin:10px 0 0 0; padding:22px 15px; }
	footer > .company > ul > li.about > .logo > img { height:18px; }
	footer > .company > ul > li.about > ul { margin-top:20px; }
	footer > .company > ul > li.about > ul > li { margin-bottom:4px; }
	footer > .company > ul > li.about > ul > li:nth-child(odd) { width:75px; font-size:12px; line-height:19px; }
	footer > .company > ul > li.about > ul > li:nth-child(even) { width:calc(100% - 75px); font-size:11.5px; line-height:19px; }
	footer > .company > ul > li.about > .copy { position:relative; width:100%; bottom:auto; font-size:10.5px; line-height:14px; margin-top:20px; }	
	footer > .company > ul > li.about > .copy > span { font-size:10px; }
}

/* TYPE-4 OTHER */
@media only screen and (max-width:479px) {
	footer > .talk > .content > .title-box > .title > br { display:none; }
}

/* MOBILE MENU */
.popup-wrap { display:none; position:fixed; top:0; left:0; right:0; bottom:0; padding:0; background:rgba(0,0,0,0.8); justify-content:center; align-items:center; overflow-y:scroll; z-index:1000; }
.popup-wrap > .popup { width:100%; height:100%; margin:0; padding:0; box-sizing:border-box; }
.popup-wrap > .popup::-webkit-scrollbar { display:block; }
.popup-wrap > .popup > .popup-body { display:table; margin-left:calc(100% - 250px); width:250px; height:100%; background:#fff; }
.popup-wrap > .popup > .popup-body > .top { display:table-cell; width:100%; height:100%; vertical-align:top; }
.popup-wrap > .popup > .popup-body > .top > .popup-menu { padding:80px 40px 0 40px; text-align:left; box-sizing:border-box; }
.popup-wrap > .popup > .popup-body > .top > .popup-menu > a { display:block; margin:0; padding:0; width:100%; }
.popup-wrap > .popup > .popup-body > .top > .popup-menu > a.title { margin-top:30px; font-size:16px; font-weight:700; }
.popup-wrap > .popup > .popup-body > .top > .popup-menu > a.title:first-child { margin-top:0; }
.popup-wrap > .popup > .popup-body > .top > .popup-menu > a.title.contact { animation:text-color 1.5s infinite; }
@keyframes text-color {
     50% { color:#ff5432; }
     100% { color:#000; }
}
.popup-wrap > .popup > .popup-body > .top > .popup-menu > a:last-child { margin-bottom:0; }
.popup-wrap > .popup > .popup-body > .top > .call { position:relative; width:calc(100% - 40px); margin:80px 20px 10px 20px; padding:15px 20px; background:#000; border-radius:10px; font-size:14px; color:#fff; box-sizing:border-box; cursor:pointer; }
.popup-wrap > .popup > .popup-body > .top > .call > i { position:absolute; top:50%; transform:translateY(-50%); right:20px; font-size:12px; color:#fff; }
.popup-wrap > .popup > .popup-body > .top > .talk { position:relative; width:calc(100% - 40px); margin:0 20px; padding:15px 20px; background:#ff5432; border-radius:10px; font-size:14px; color:#fff; box-sizing:border-box; cursor:pointer; }
.popup-wrap > .popup > .popup-body > .top > .talk > i { position:absolute; top:50%; transform:translateY(-50%); right:20px; font-size:12px; color:#fff; }
.popup-wrap > .popup > .popup-foot { position:absolute; top:27px; right:25px; cursor:pointer; }
.popup-wrap > .popup > .popup-foot > span { }
.popup-wrap > .popup > .popup-foot > span > img { height:14px; }

/* RESPONSIVE TYPE-1 */
@media only screen and (max-width:1679px) {
}

/* RESPONSIVE TYPE-2 */
@media only screen and (max-width:1279px) {
}

/* RESPONSIVE TYPE-3 */
@media only screen and (max-width:1023px) {
}

/* RESPONSIVE TYPE-4 */
@media only screen and (max-width:767px) {
	.popup-wrap > .popup > .popup-body { margin-left:calc(100% - 220px); width:220px; }
	.popup-wrap > .popup > .popup-body > .top > .popup-menu { padding:70px 40px 0 40px; }
	.popup-wrap > .popup > .popup-body > .top > .popup-menu > a.title { margin-top:25px; font-size:15px; }
	.popup-wrap > .popup > .popup-body > .top > .call { margin:50px 20px 10px 20px; padding:14px 20px; border-radius:5px; font-size:13px; }
	.popup-wrap > .popup > .popup-body > .top > .call > i { font-size:11px; }
	.popup-wrap > .popup > .popup-body > .top > .talk { margin:0 20px; padding:14px 20px; border-radius:5px; font-size:13px; }
	.popup-wrap > .popup > .popup-body > .top > .talk > i { font-size:11px; }
	.popup-wrap > .popup > .popup-foot { top:24px; right:9px; cursor:pointer; }
}

/* SLIDER */
.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; }
.swiper-container-no-flexbox .swiper-slide { float:left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property: transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0px,0,0); transform:translate3d(0px,0,0); }
.swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto; }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; }
.swiper-invisible-blank-slide { visibility:hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform; }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y; }
.swiper-button-prev, .swiper-button-next { position:absolute; z-index:10; cursor:pointer; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity:0.35; cursor:auto; pointer-events:none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:10px; right:auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:10px; left:auto; }
.swiper-button-lock { display:none; }

/* FORM */
input:focus { outline:none; }
input::placeholder { color:#909090; }
input::-webkit-input-placeholder { color:#909090; }
input:-moz-input-placeholder { color:#909090; }
input:-o-input-placeholder { color:#909090; }
textarea:focus { outline:none; }
textarea::placeholder { color:#909090; }
textarea::-webkit-textarea-placeholder { color:#909090; }
textarea:-moz-textarea-placeholder { color:#909090; }
textarea:-o-textarea-placeholder { color:#909090; }