@charset 'utf-8';
/* °ψΕλ */
:root{
	--enF: 'Noto Sans', sans-serif;
	--numF:'Red Hat Display', sans-serif;
	--mColor: #0029FF;
}

body,table,input,textarea {font-family: 'Noto Sans', sans-serif;}

figure{margin: 0;}
.w1600{width: 100%; max-width: 1600px; margin: 0 auto;}
.w1520{width: 100%; max-width: 1520px; margin: 0 auto 0 200px;}
*{line-height: 1.3;}
/* privacy */
.policy{padding: 170px 0 200px;}
.policy .policy_txt{margin-top: 80px;}
.policy_txt > p{font-size:16px; line-height: 1.75; letter-spacing:-0.02em; color: #666; margin-bottom:50px;}
.policy_txt .ctn{margin-bottom:100px;}
.policy_txt .ctn:last-of-type{margin-bottom:0;}
.policy_txt .ctn h3{font-weight:700; font-size:26px; letter-spacing:-0.02em; color: var(--mColor); margin-bottom:50px;}
.policy_txt .box{margin-bottom: 50px;}
.policy_txt .box:last-of-type{margin-bottom:0;}
.policy_txt .box h4{font-weight:700; font-size:17px; letter-spacing:-0.02em; color: #333; margin-bottom:15px;}
.policy_txt .box ul li:last-of-type{margin-bottom:0 !important;}
.policy_txt .box > ul{}
.policy_txt .box > ul > li{font-size:16px; color: #666; letter-spacing:-0.02em; margin-bottom:15px;}
.policy_txt .box > ul > li.mb{margin-bottom:30px;}
.policy_txt .box > ul > li > ul{padding-left: 20px; margin-top: 10px;}
.policy_txt .box > ul > li > ul > li{font-size:16px; color: #666; letter-spacing:-0.02em; margin-bottom:10px;}
.policy_txt .box > ul.lh > li{line-height: 1.75em;}

.header{position:fixed; width: 100%; top: 0; left: 0; display:flex; justify-content:space-between; align-items:center; background: #fff; padding: 0 160px; z-index: 500;}
.header .bg{position:absolute; top: 95px; left: 0; width: 100%; height: 95px; background: #fff; box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.15); display:none; }
.header .logo{position:relative; z-index: 10;}
.header .logo a{display:inline-block; vertical-align: top;}
.header .gnb{position:absolute; top: 0; left: 50%; width: 100%; transform:translateX(-50%);}
.header .gnb > ul{display:flex; align-items:center; justify-content:center;}
.header .gnb > ul > li{}
.header .gnb > ul > li > a{display:inline-block; vertical-align: top; font-weight:600; line-height: 95px; padding: 0 40px; font-weight:600; font-size:19px; letter-spacing:-0.03em; color: #333; transition:0.3s}
.header .gnb > ul > li > a > span.hidden{display:none;}
.header .gnb > ul > li > a > span:not(.hidden){position:relative; }
.header .gnb > ul > li > a > span:not(.hidden)::after{content:""; position:absolute; top: 56px; left: 50%; width: 0; height: 3px; font-family: var(--enF); background: var(--mColor); transform:translateX(-50%); transition:0.4s}
.header .gnb > ul > li > ul{position:absolute; top: 95px; left: 0; width: 100vw; display:flex; align-items:center; justify-content:center;}
.header .gnb > ul > li > ul > li{}
.header .gnb > ul > li > ul > li > a{display:inline-block; vertical-align: top; line-height: 95px; padding: 0 30px; font-weight:bold; font-size:18px; color: #666;}
.header .header_ui{position:relative; z-index: 10; display:flex; align-items:center;}
.header .header_ui .lang{display:flex; align-items:center;}
.header .header_ui .lang li{}
.header .header_ui .lang li a{position:relative; line-height: 95px; padding: 0 11px; display:inline-block; vertical-align: top;  font-weight:bold; font-size:14px; color: #b7b7b7; transition:0.3s}
.header .header_ui .lang li a::after{content:""; position: absolute; top: 50%; right: -1px; width: 2px; height: 5px; background: #b7b7b7; transform:translateY(-50%);}
.header .header_ui .lang li.on a{color: var(--mColor);}
.header .header_ui .lang li:last-of-type a::after{display:none; }
.header .header_ui .m_btn{cursor: pointer; margin-left: 19px;}
.header .header_ui .m_btn img{}
.header .all{position:fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.80); backdrop-filter: blur(10px); z-index: 20; opacity: 0; filter:blur(10px); visibility:hidden; transition:0.8s}
.header .all.on{opacity: 1; filter:blur(0); visibility:visible;}
.header .all .close{position:absolute; top: 50px; right: 150px; width: 40px; height: 40px; text-align: center; cursor: pointer;}
.header .all .close svg{margin: 10px 0;}
.header .all .nav_all{display:flex; align-items:center; justify-content:center; height: 100vh; font-size:0;}
.header .all .nav_all > ul{ height: calc(100vh - 297px); overflow-y:auto;}
.header .all .nav_all > ul > li{position:relative; padding-bottom:40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom:80px;}
.header .all .nav_all > ul > li::after{content:""; position:absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; transition:0.6s}
.header .all .nav_all > ul > li:last-of-type{margin-bottom:0;}
.header .all .nav_all > ul > li > a{display:inline-block; width: 400px; vertical-align: top; font-weight:bold; font-size:42px; letter-spacing:-0.02em; color: #fff;}
.header .all .nav_all > ul > li > a span{display:none; }
.header .all .nav_all > ul > li > a .hidden{display:block; }
.header .all .nav_all > ul > li > ul{display:inline-block; vertical-align: top;}
.header .all .nav_all > ul > li > ul > li{display:inline-block; vertical-align: top;}
.header .all .nav_all > ul > li > ul > li > a{display:inline-block; vertical-align: top; font-weight:300; font-size:18px; letter-spacing:-0.02em; color: #ccc; padding: 17px 10px; color: #ccc; transition:0.3s}

.footer{position:relative; padding: 0 160px; border-top: 1px solid rgba(102, 102, 102, 0.2);}
.footer .top_btn{position:absolute; bottom: 120px; right: 55px; padding: 0 15px; cursor: pointer;}
.footer .top{display:flex; align-items:center; justify-content:space-between; border-bottom: 1px solid rgba(102, 102, 102, 0.12);}
.footer .top .f_logo{}
.footer .top .f_logo img{}
.footer .top ul{display:flex; align-items:center;}
.footer .top ul li{position:relative; margin-right: 63px;}
.footer .top ul li:last-of-type{margin-right: 0;}
.footer .top ul li::after{content:""; position:absolute; top: 50%; right: -32px; width: 3px; height: 3px; background: #333; transform:translateY(-50%); border-radius:50%;}
.footer .top ul li:last-of-type::after{display:none; }
.footer .top ul li a{display:inline-block; font-size:18px; font-weight:600; line-height: 130px; color: #333;}
.footer .bot{display:flex; align-items:flex-end; justify-content:space-between; padding: 80px 0 50px;}
.footer .bot .addr{}
.footer .bot .addr .txt{margin-bottom:45px;}
.footer .bot .addr .txt:last-of-type{margin-bottom:0;}
.footer .bot .addr .txt h4{font-size:16px; color: #444; margin-bottom:20px;}
.footer .bot .addr .txt ul{}
.footer .bot .addr .txt ul li{font-size:16px; color: #555; margin-bottom: 10px;}
.footer .bot .addr .txt ul li:last-of-type{margin-bottom:0;}
.footer .bot .addr .txt ul li span{font-weight:700; color: #222;}
.footer .bot .right{}
.footer .bot .right .copy{font-size:15px; color: #666; opacity: 0.7; margin-top: 40px;}
.footer .bot .right .family{position:relative; width: 315px; margin-left: auto;}
.footer .bot .right .family ul{position:absolute; bottom: 62px; width: 100%; left: 0;display:none;  border-radius: 6px; border: 1px solid rgba(102, 102, 102, 0.30); border-bottom: none; z-index: 5; background: #fff;}
.footer .bot .right .family ul li{}
.footer .bot .right .family ul li a{display:inline-block; width: 100%; vertical-align: top; line-height: 60px; padding: 0 25px; border-bottom: 1px solid rgba(102, 102, 102, 0.30);}
.footer .bot .right .family ul li:last-of-type a{border-bottom: none;}
.footer .bot .right .family p{position:relative; border-radius: 6px; border: 1px solid rgba(102, 102, 102, 0.30); background: #fff; padding:0 25px; line-height: 60px; cursor: pointer;}
.footer .bot .right .family p i{position:absolute; top: 50%; transform:translateY(-50%); right: 25px; transition:0.3s}
.footer .bot .right .family.on ul{border-radius:6px 6px 0 0}
.footer .bot .right .family.on p{border-radius:0 0 6px 6px}
.footer .bot .right .family.on p i{transform:translateY(-50%) rotate(180deg);}

@media (hover: hover){
	.header .gnb > ul > li > ul > li:hover > a,
	.header .gnb > ul > li:hover > a{color: var(--mColor);}
	.header .gnb > ul > li:hover > a > span:not(.hide)::after{width: 100%;}
	.header .all .nav_all > ul > li:hover::after{width: 100%;}
	.header .all .nav_all > ul > li > ul > li > a:hover{font-weight:500; color: #fff;}
}
@media (max-width: 1780px){
	.w1520{width: 100%; max-width: none; padding: 0 40px 0 140px; margin: 0;}

}
@media (max-width: 1600px){
	.w1600{padding: 0 60px;}
	.w1520{padding: 0 60px;}

	.header{padding: 0 60px;}
	.header .gnb > ul > li{position:static; }
	.header .gnb > ul > li > a{padding: 0 30px;}
	.header .gnb > ul > li > ul{left: 50%; transform:translateX(-50%); justify-content:center;}
	.header .gnb > ul > li > ul > li > a{font-size:16px; padding: 0 15px;}

	.header .all .nav_all > ul{width: 100%;}
	.header .all .nav_all > ul > li{padding-bottom:20px; margin-bottom: 24px;}
	.header .all .nav_all > ul > li > a{width: 100%; padding: 0 16px;}


	.header .all .nav_all > ul > li > ul{width: 100%; }
	.header .all .nav_all > ul > li > ul > li > a{padding: 11px 16px;}

	.footer{padding: 0 16px;}
	.footer .top_btn{right: 5px; bottom: 40px;}
	.footer .top ul li a{line-height: 80px;}
	.footer .bot{flex-wrap:wrap; padding: 40px 0 50px;}
	.footer .bot .addr{display:flex; flex-wrap:wrap; width: 100%;}
	.footer .bot .addr > .fbox,
	.footer .bot .addr > .txt{width: 100%; margin-bottom:50px;}
	.footer .bot .addr .fbox .txt h4{margin-bottom:10px;}
	.footer .bot .addr .fbox .txt{margin-bottom:20px;}
	.footer .bot .right{margin-top: 40px;}
	.footer .bot .right .family{margin-left: 0;}
	.footer .bot .right .copy{margin-top: 20px;}

	.policy{padding: 100px 0;}
	.policy .policy_txt{margin-top: 50px;}
	.policy_txt > p{margin-bottom:30px;}
	.policy_txt .box{margin-bottom:30px;}
	.policy_txt .box h4{margin-bottom:10px;}
	.policy_txt .ctn{margin-bottom:80px;}
	.policy_txt .ctn h3{margin-bottom:30px;}


}
@media (max-width: 1200px){
	.w1600{padding: 0 16px;}
	.w1520{padding: 0 16px;}

	.header{padding: 0 16px;}
	.header .bg{display:none; } 
	.header .gnb{display:none; }
	.header .header_ui .lang li a{line-height: 75px;}
	.header .all .close{right: 20px; top: 20px;}



	.policy .policy_txt{margin-top: 30px;}	
	.policy_txt .ctn{margin-bottom:50px;}
	.policy_txt .ctn h3{font-size:20px;}
}

@media (max-width: 1030px){
	.header .all{height: 100svh;}
	.header .all .nav_all > ul > li > a{font-size:32px;}
	.header .all .nav_all > ul > li > ul > li > a{padding: 6px 10px;}
	
	.footer .top ul li{margin-right: 42px;}
	.footer .top ul li::after{right: -24px;}
	.footer .top ul li:nth-of-type(1),
	.footer .top ul li:nth-of-type(2){display:none; }

	.footer .bot .addr > .fbox,
	.footer .bot .addr > .txt{width: 100%; margin-bottom:20px;}
	.footer .bot .addr .txt h4{margin-bottom:10px;}
	.footer .top ul li a{font-size:15px;}

	.policy{padding: 80px 0 100px;}
}

@media (max-width: 800px){
	.header .all .nav_all{align-items:flex-start; padding: 75px 0 40px;}
	.header .all .nav_all > ul{height: calc(100vh - 223px); min-height: 400px;}
	.header .all .nav_all > ul > li > a .hidden{margin-bottom:10px;}

	.footer .bot .right .copy{font-size:13px;}
	.footer .top_btn{top: 100px; bottom: auto;}
	.footer .bot{padding: 30px 0;}
	.footer .bot .right .copy{margin-top: 30px;}
}