@charset 'utf-8';

/* °ψΕλ */
:root{
	--enF: 'Roboto', sans-serif;
	--enF02: 'Roboto Condensed', sans-serif;
	--colorB : #009DC7;
	--colorR : #E83B44
}
.fbox{display:flex;}
.w1400{margin: 0 auto; width: 100%; max-width: 1400px;}

*{line-height: 1.3; box-sizing:border-box; word-break:keep-all}
ul li:last-of-type{margin-right: 0 !important;}
/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:18px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:30px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; color: #111; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:20px;color:var(--colorB);font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-weight:300; font-size:18px; 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%; }
.sTxt h3 { font-size:18px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

.header{display:flex; align-items:center; justify-content:space-between; position:fixed; top: 0; left: 0; width: 100%; height: 100px; padding: 0 60px; z-index: 500; transition:0.2s}
.header::after{content:""; position:absolute; top: 99px; left: 50%; transform:translateX(-50%); height: 1px;  width: 0; background: #ddd; z-index: 1; transition:0s}
.header .bg{display:none; position:absolute; top: 0; left: 0; width: 100%; height: 360px; background: #fff; z-index: -2; }
.header .logo{}
.header .logo a{display:inline-block; }
.header .gnb{position:absolute; top: 0; left: 50%; transform:translateX(-50%);}
.header .gnb > ul{display:flex; align-items:center;}
.header .gnb > ul > li{position:relative; }
.header .gnb > ul > li > a{font-family: var(--enF); display:inline-block; padding: 0 50px; font-weight:bold; color: #fff; font-size:17px; line-height: 100px; transition:0.5s}
.header .gnb > ul > li > ul{display:none;position:absolute; top: 100px; left: 0; width: 100%; text-align: center; padding: 30px 0;}
.header .gnb > ul > li > ul > li{}
.header .gnb > ul > li > ul > li > a{display:inline-block; width: 100%; vertical-align: top; font-size:16px; color: #777; padding: 10px 0; }
.header .gnb > ul > li:nth-of-type(4) > ul > li > a{color: #444;}
.header .gnb > ul > li > ul > li > a span{transition:0.3s}
.header .gnb > ul > li > ul > li > ul{display:none; margin-top: -5px;}
.header .gnb > ul > li > ul > li:first-of-type > ul{display:block; }
.header .gnb > ul > li > ul > li:last-of-type > ul{padding-bottom:15px;}
.header .gnb > ul > li > ul > li > ul > li{}
.header .gnb > ul > li > ul > li > ul > li > a{display:inline-block; width: 100%; vertical-align: top; font-size:15px; color: #777; padding: 3px 0;}
.header .header_ui{display:flex; align-items:center;}
.header .header_ui .lang{margin-right: 62px;}
.header .header_ui .lang ul{display:flex; align-items:center;}
.header .header_ui .lang ul li{margin-right: 10px;}
.header .header_ui .lang ul li:first-of-type{margin-right: 7px;}
.header .header_ui .lang ul li i{position:relative; top: 2px; font-size:14px; color: #fff;}
.header .header_ui .lang ul li a{position:relative; font-weight:bold; font-size:12px; color: #fff; opacity: 0.3; font-family: var(--enF);}
.header .header_ui .lang ul li a::after{content:""; position:absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #fff;}
.header .header_ui .lang ul li.on{}
.header .header_ui .lang ul li.on a{opacity: 1;}
.header .header_ui .lang ul li.on a::after{width: 110%;}
.header .header_ui .m_btn{position:relative; width: 40px; height: 40px; text-align: center; padding: 9px 0; cursor: pointer; z-index: 11;}
.header .header_ui .m_btn span{position:relative; display:inline-block;  width: 9px; height: 21px;}
.header .header_ui .m_btn span::before{content:""; position:absolute; top: 7px; left: 0; width: 3px; height: 7px; background: #fff; transition:0.4s}
.header .header_ui .m_btn span::after{content:""; position:absolute; top: 0; left: 6px; width: 3px; height: 21px; background: #fff; transition:0.4s}
.header .header_ui .m_btn span:last-of-type::before{left: 6px;}
.header .header_ui .m_btn span:last-of-type::after{left: 0;}

.header .header_ui .all_menu{position:fixed; bottom: 0; left: 0; width: 100%; height: 0; background: #000; z-index: 10; overflow: hidden; transition:1s}
.header .header_ui .all_menu .lang{position:absolute; top: 42px; left: 60px; opacity: 0; transition:0.3s; margin-right: 0;}
.header .header_ui .all_menu .a_gnb{position:absolute; top: 50%; left: 0; padding: 0 210px; height: calc(100vh - 471px); transform:translateY(-50%); width: 100%;}
.header .header_ui .all_menu .a_gnb > ul{}
.header .header_ui .all_menu .a_gnb > ul > li{display:flex; align-items:center; margin-bottom:50px;}
.header .header_ui .all_menu .a_gnb > ul > li:last-of-type{margin-bottom:0;}
.header .header_ui .all_menu .a_gnb > ul > li > a{width: 285px; font-family:var(--enF); font-weight:600; font-size:40px; color: #fff;}
.header .header_ui .all_menu .a_gnb > ul > li > a span{opacity: 0;}
.header .header_ui .all_menu .a_gnb > ul > li > ul{width: calc(100% - 285px); font-size:0;}
.header .header_ui .all_menu .a_gnb > ul > li > ul > li{display:inline-block; vertical-align: top;}
.header .header_ui .all_menu .a_gnb > ul > li > ul > li > a{display:inline-block; vertical-align: top; font-weight:300; font-size:18px; color: #fff; width: 150px; /* padding: 0 33px; */ opacity: 0; margin-left: 40px; transition:0s}
.header .header_ui .all_menu .a_gnb > ul > li > ul > li > a span{transition: 0.3s;}
/* .header .header_ui .all_menu .a_gnb > ul > li:last-of-type > ul > li:first-of-type > a{margin-right: 30px;} */
.header .header_ui .all_menu .a_gnb > ul > li:nth-of-type(4) > ul > li{display:flex; align-items:center; }
.header .header_ui .all_menu .a_gnb > ul > li:nth-of-type(4) > ul > li > a{/* padding: 5px 33px; */ padding: 10px 0;}
.header .header_ui .all_menu .a_gnb > ul > li > ul > li > ul > li{display:inline-block; vertical-align: top;}
.header .header_ui .all_menu .a_gnb > ul > li > ul > li > ul > li > a{display:inline-block; vertical-align: top; font-weight:300; font-size:18px; color: #fff; /* padding: 0 20px; */ width: 150px; opacity: 0; transition:0s}
.header .header_ui .all_menu .a_gnb > ul > li > ul > li > ul > li > a span{transition:0.3s}
.header .header_ui .all_menu .b_logo{position:absolute; bottom: 80px; right: 210px; opacity: 0;  transition:0.3s;}
.header .header_ui .all_menu .b_logo p{font-family:var(--enF); font-weight:300; font-size:15px; color: #fff; text-align: center; margin-top: 55px;}

.header .header_ui .all_menu.on{top:0; height: 100%;}
.header .header_ui .all_menu.on .b_logo{transition-delay:2.2s; opacity: 1;}
.header .header_ui .all_menu.on .lang{transition-delay:1.1s; opacity: 1;}
.header .header_ui .all_menu.on .a_gnb > ul > li > a > span{animation:opacity 1.3s both}
.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li > a{margin-left: 0; opacity: 1; transition:0.8s 1.8s;}
.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li:nth-of-type(2) > a{transition-delay:1.9s;}
.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li:nth-of-type(3) > a{transition-delay:2s;}
.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li:nth-of-type(4) > a{transition-delay:2.1s;}
.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li:nth-of-type(5) > a{transition-delay:2.2s;}
.header .header_ui .all_menu .a_gnb > ul > li > ul > li.h a span{opacity: 0.3;}
.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li > ul > li > a{opacity: 1; transition:0.8s 1.8s;}
.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li > ul > li:nth-of-type(2) > a{transition-delay:1.9s;}
.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li > ul > li:nth-of-type(3) > a{transition-delay:2s;}

@keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}


.header .gnb > ul > li > ul > li > a{opacity: 0; transition:0.3s}
.header .gnb.on > ul > li > ul > li > a{opacity: 1; transition:0.5s}
.header .gnb > ul > li > ul > li > ul > li > a{opacity: 0; transition:0.3s}
.header .gnb.on > ul > li > ul > li > ul > li > a{opacity: 1; transition:0.5s}
.header .gnb.on > ul > li > ul > li:nth-of-type(1) > a{transition-delay:0.2s;}
.header .gnb.on > ul > li > ul > li:nth-of-type(2) > a{transition-delay:0.3s;}
.header .gnb.on > ul > li > ul > li:nth-of-type(3) > a{transition-delay:0.4s;}
.header .gnb.on > ul > li > ul > li:nth-of-type(4) > a{transition-delay:0.5s;}
.header .gnb.on > ul > li > ul > li:nth-of-type(5) > a{transition-delay:0.6s;}
.header .gnb.on > ul > li > ul > li > ul > li:nth-of-type(1) > a{transition-delay:0.2s;}
.header .gnb.on > ul > li > ul > li > ul > li:nth-of-type(2) > a{transition-delay:0.3s;}
.header .gnb.on > ul > li > ul > li > ul > li:nth-of-type(3) > a{transition-delay:0.4s;}


.header.s{background: #fff;}
.header.s .gnb > ul > li > a,
.header.c .gnb > ul > li > a{color: #111;}
.header.s .header_ui .lang ul li i,
.header.s .header_ui .lang ul li a,
.header.c .header_ui .lang ul li i,
.header.c .header_ui .lang ul li a{color: #111;}
.header.s .header_ui .lang ul li a::after,
.header.c .header_ui .lang ul li a::after{background: #111;}
.header.s .header_ui .all_menu .lang ul li i,
.header.s .header_ui .all_menu .lang ul li a,
.header.c .header_ui .all_menu .lang ul li i,
.header.c .header_ui .all_menu .lang ul li a{color: #fff;}
.header.s .header_ui .all_menu .lang ul li a::after,
.header.c .header_ui .all_menu .lang ul li a::after{background: #fff;}
.header.s .header_ui .m_btn span::after,
.header.s .header_ui .m_btn span::before,
.header.c .header_ui .m_btn span::after,
.header.c .header_ui .m_btn span::before{background: #111;}

/* .footer{padding: 75px 60px 49px;} */
.footer{position:relative; padding: 50px 60px;}
/* .footer .top{justify-content:space-between; margin-bottom:100px;} */
.footer .top{border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.footer .top .f_logo{margin-bottom:40px;}
.footer .top .f_logo img{}
.footer .top .contact{display:flex; align-items:flex-end}
.footer .top .contact li{font-family:var(--enF);font-weight:bold; font-size:30px; color: #111; margin-right: 39px;}
.footer .top .contact li:last-of-type{font-weight:400; font-size:16px; }
.footer .top .contact li span:not(.c){font-weight:600; font-size:16px;}
.footer .top .contact li .c{color: #999;}
.footer .bot{justify-content:space-between;}
.footer .bot{align-items:flex-start}
.footer .bot .addr{}
.footer .bot .addr h4{font-family: var(--enF02); font-weight:bold; color: var(--colorR); font-size:15px;}
/* .footer .bot .addr ul{margin-top: 20px;} */
.footer .bot .addr ul li{position:relative; font-weight:300; font-size:15px; line-height: 1.8; color: #111; padding-left: 108px;}
.footer .bot .addr ul li span{position:absolute; left: 0; font-weight:600; color: #111;line-height: 1.8;}
.footer .bot .addr ul li:first-child { padding-left:240px; }
.footer .bot .addr ul li em{position:relative; margin-right: 15px;}
.footer .bot .addr ul li em::after{content:""; position:absolute; top: 4px; right: -10px; width: 1px; height: 10px; background: #666;}
.footer .bot .addr ul li em:last-of-type::after{display:none; }

.footer .bot .box{display:flex; align-items:center;}

/* .footer .bot .box .family{position:relative; width: 170px; margin-bottom:70px; margin-left: auto;} */
.footer .bot .box .family{position:relative; width: 170px;  margin-left: auto;}
.footer .bot .box .family p{position:relative; font-family: var(--enF); font-weight:bold; font-size:16px; color: #111; padding:5px 0; cursor: pointer;}
.footer .bot .box .family p::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; background: #111; height: 1px;	}
/* .footer .bot .box .family p img{position:absolute; right: 0; top: calc(50% - 2px); transform:translateY(-50%) rotate(180deg); transition:0.3s} */
.footer .bot .box .family p img{position:absolute; right: 0; top: calc(50% - 2px); transform:translateY(-50%) rotate(0); transition:0.3s}
.footer .bot .box .family p.on img{transform:rotate(180deg);}
/* .footer .bot .box .family ul{display:none; position:absolute; bottom: 41px; left: 0; width: 100%; border-radius:5px; border:1px solid #111; padding: 5px 0; background: #fff;} */
.footer .bot .box .family ul{display:none; position:absolute; top: 41px; left: 0; width: 100%; border-radius:5px; border:1px solid #111; padding: 5px 0; background: #fff;}
.footer .bot .box .family ul li{}
.footer .bot .box .family ul li a{display:inline-block; width: 100%; padding: 5px 10px; font-family: var(--enF); font-weight:bold; font-size:16px; color: #111;}
/* .footer .bot .box .fbox ul{display:flex; margin-right: 92px;} */
.footer .bot .box .fbox ul{display:flex; margin-right: 40px;}
.footer .bot .box .fbox ul li{position:relative;  margin-right: 26px;}
.footer .bot .box .fbox ul li::after{content:""; position:absolute; top: 3px; right: -14px; width: 1px; height: 11px; background: #000; opacity: 0.3; }
.footer .bot .box .fbox ul li:last-of-type::after{display:none; }
.footer .bot .box .fbox ul li a{font-weight:600; font-size:15px; color: #111;}
.footer .bot .box .fbox ul li:last-of-type a{font-weight:300;}
.footer .copy{font-family: var(--enF); font-weight:300; font-size:15px; color: #111; margin-top: 26px;}


.footer .top_btn{position:absolute;top: -70px; right: 0; width: 60px; height: 70px; background: #111; cursor: pointer;}
.footer .top_btn img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.footer.s{}
.footer.s .top_btn{top: auto; bottom: 0;}

/* 20241113 */
.footer .right .ces{ margin-right: 30px;}
.footer .right .linkbox{ margin-top: 20px; font-size:18px; }
.footer .right .linkbox li:not(:last-child){ margin-right: 20px;}
.footer .right .linkbox li a{ color:#222; }
.footer .right .linkbox li a img{ margin-right: 10px;}




@media (hover: hover) {
	.header:hover{background: #fff; transition:0.5s}
	.header:hover::after{width: 100%; transition:0.5s 0.5s}
	.header:hover .gnb > ul > li > a{color: #111;}
	.header .gnb > ul > li > ul > li:hover > a span{color: var(--colorB);}
	.header .gnb > ul > li > ul > li > ul > li > a:hover span{color: var(--colorB);}
	.header:hover .header_ui .lang ul li i,
	.header:hover .header_ui .lang ul li a{color: #111;}
	.header:hover .header_ui .lang ul li a::after{background: #111;}
	.header:hover .header_ui .all_menu .lang ul li i,
	.header:hover .header_ui .all_menu .lang ul li a{color: #fff;}
	.header:hover .header_ui .all_menu .lang ul li a::after{background: #fff;}
	.header:hover .header_ui .m_btn span::after,
	.header:hover .header_ui .m_btn span::before{background: #111;}
	.header .header_ui .m_btn:hover span::before{top: 0; height: 21px; left: 6px;}
	.header .header_ui .m_btn:hover span:last-of-type::before{top: 0; left: 0; height: 21px;}
	.header .header_ui .m_btn:hover span::after{opacity: 0; left: 0;}
	.header .header_ui .m_btn:hover span:last-of-type::after{left: 6px;}
}

.header .header_ui .m_btn.on span::after{opacity: 0; left: 0; background: #fff;}
.header .header_ui .m_btn.on span:last-of-type::after{left: 6px; background: #fff;}
.header .header_ui .m_btn.on span::before{transform:rotate(45deg); left: 10px; height: 21px; top: 0; background: #fff;}
.header .header_ui .m_btn.on span:last-of-type::before{transform:rotate(-45deg); left: -3px; height: 21px; top: 0; background: #fff;}

@media (max-width: 1700px){
	.header .header_ui .all_menu .b_logo{right: 80px; bottom: 40px;}
	.header .header_ui .all_menu .b_logo p{margin-top: 30px;}
	.header .header_ui .all_menu .a_gnb{padding: 0 60px; height: calc(100vh - 400px);  max-height: 520px; overflow-y: auto;}

}

@media (max-width: 1400px){
	.w1400{padding: 0 40px;}

	.header{padding: 0 40px;}
	.header .gnb > ul > li > a{padding: 0 30px;}
	.header .header_ui .all_menu .a_gnb{padding: 0 40px; height: calc(100vh - 200px);	}
	.header .header_ui .all_menu .lang{left: 40px;}
	.header .header_ui .all_menu .b_logo{right: 40px;}
	
	.footer{padding: 50px 40px;}
	/* .footer{padding: 75px 40px 49px;}
	.footer .bot{align-items:flex-end;}
	.footer .bot .box .fbox{flex-wrap:wrap; text-align: right;}
	.footer .bot .box .fbox ul{width: 100%; margin-right: 0; justify-content:flex-end; margin-bottom:10px;}
	.footer .bot .box .fbox .copy{width: 100%;}
	.footer .bot .box .family{margin-bottom:50px; }*/
}

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


	.header{padding: 0 16px; height: 60px; background: #fff;}
	.header::after{display:none; }
	.header .gnb{display:none; }
	.header .header_ui .all_menu .lang{left: 16px; top: 22px;}
	.header .header_ui .all_menu .a_gnb{top: 40%; padding: 0 16px;}
	.header .header_ui .all_menu .a_gnb > ul > li > a{width: 240px;}
	.header .header_ui .all_menu .a_gnb > ul > li > ul{width: calc(100% - 240px);}
	.header .header_ui .all_menu .a_gnb > ul > li > ul > li > a{padding: 0 20px;}
	.header .header_ui .all_menu .b_logo{right: 16px; bottom: 20px;}

	.header .gnb > ul > li > a{color: #111;}
	.header .header_ui .lang ul li i,
	.header .header_ui .lang ul li a{color: #111;}
	.header .header_ui .lang ul li a::after{background: #111;}
	.header .header_ui .all_menu .lang ul li i,
	.header .header_ui .all_menu .lang ul li a{color: #fff;}
	.header .header_ui .all_menu .lang ul li a::after{background: #fff;}
	.header .header_ui .m_btn span::after,
	.header .header_ui .m_btn span::before{background: #111;}

	.footer{padding: 50px 16px;}
/* 	.footer .top{flex-wrap:wrap; margin-bottom:40px;} */
	.footer .top{flex-wrap:wrap;}
	.footer .top .f_logo{width: 100%; margin-bottom:20px; order:-1}
/* 	.footer .bot .box{width: 300px;} */
}

@media (max-width: 1000px){
	.header .header_ui .all_menu .a_gnb{top: 100px; transform:translateY(0);}
	.header .header_ui .all_menu .a_gnb > ul{position:relative; }
	.header .header_ui .all_menu .a_gnb > ul > li > a{width: 300px;}
	.header .header_ui .all_menu .a_gnb > ul > li > ul{display:none; position:absolute; width: auto; top: 4px; left: 300px;}
	.header .header_ui .all_menu .a_gnb > ul > li > ul > li{display:block; 	}
	.header .header_ui .all_menu.on .a_gnb > ul > li > ul > li > a{padding: 10px 0; font-size:20px;}

	.footer .bot{flex-wrap:wrap; width: 100%;}
	.footer .bot .addr ul{margin-top: 10px;}
	/* .footer .bot .box{width: 100%; display:flex; align-items:flex-end; margin-top: 40px;} */
	.footer .bot .box{width: 100%; display:flex; order:-1}
	.footer .bot .box .family{margin-bottom:0px; order:3}
	.footer .bot .box .fbox ul{justify-content:flex-start;}
	.footer .bot .box .fbox .copy{text-align: left;}
	.footer .top{margin-bottom:20px;}
	.header .header_ui .all_menu .a_gnb > ul > li:nth-of-type(4) > ul > li{display:block; margin-bottom: 10px;}
	.header .header_ui .all_menu .a_gnb > ul > li:nth-of-type(4) > ul > li > ul > li{display:block; }
	.header .header_ui .all_menu .a_gnb > ul > li > ul > li > ul > li > a{padding: 5px 0;}
}
@media (max-width: 800px){
	.header .header_ui .all_menu .a_gnb{top: 70px; max-height: 447px;}
	.header .header_ui .all_menu .a_gnb > ul > li > ul{width: 50%; left: 50%; top: 0;}
	.header .header_ui .all_menu .a_gnb > ul > li{margin-bottom:25px;}
	.header .header_ui .all_menu .a_gnb > ul > li > a{font-size:34px;	width: 50%;}
	
	.footer .bot .addr ul li{padding-left: 0; margin-bottom:6px;}
	.footer .bot .addr ul li:last-of-type{margin-bottom: 0;}
/*	.footer .bot .addr ul li:first-child { padding-left:0; }*/
	.footer .bot .addr ul li span{position:static; display:block; font-size:16px;}
	.footer .bot .box .fbox{width: calc(100% - 150px);}
	.footer .bot .box .family{width: 140px;}

	.footer .right{ margin-top: 30px;}
}
@media (max-width: 500px){
	.footer .bot .box{flex-wrap:wrap;}
	.footer .bot .box .fbox{width: 100%; margin-bottom:10px;}
	.footer .bot .box .family{margin-left: 0; margin-bottom:10px;}


	.header .header_ui .lang{margin-right: 40px;}
	.header .header_ui .m_btn span::before{width: 3.06px;}
}