@charset 'utf-8';

/* °ψΕλ */
*{line-height: 1.2; letter-spacing:-0.025em; word-break:keep-all; box-sizing:border-box;}
.w1200{width: 100%; max-width: 1200px; margin: 0 auto;}
.w1500{width: 100%; max-width: 1500px; margin: 0 auto;}
.w1600{width: 100%; max-width: 1600px; margin: 0 auto;}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; 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%; }
.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; }


.header{display:flex;position:fixed; top: 0; left: 0; width: 100%;  align-items:center; box-sizing:border-box; padding: 0 100px; z-index: 500;}

.header::after{content:''; position:absolute; top: 95px; left: 0; width: 100%; height: 1px; background: #eee; opacity: 0.3; z-index: -1; opacity: 0;}
.header::before,
.header .bg{display:none; position:absolute; top: 0; left: 0; width: 100%; height: 379px;background: #000; opacity: 0.8; z-index: -1;}
.header::before{content:''; display:block; height: 95px; opacity: 0; transition:0.4s}

.header .logo{position:relative; width: 153px; height: 27px; background:url(/img/common/logo.png) 50% 50% no-repeat; z-index: 20;}
.header .logo a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;} 
.header .gnb{width: calc(100% - 263px);}
.header .gnb > ul{display:flex; justify-content:center;}
.header .gnb > ul > li{position:relative; }
.header .gnb > ul > li > a{position:relative; display:inline-block; vertical-align: top; line-height: 95px; font-weight:500; font-size:18px; color: #fff; padding: 0 46px; transition:0.4s}
.header .gnb > ul > li > a::after{content:""; position:absolute; bottom: -1px; left: 50%; width: 0; height: 2px; background: #de0515; transition:0.4s; transform:translateX(-50%);} 
.header .gnb > ul > li > ul{display:none; position:absolute; top: 95px; left: 0; width: 100%; padding: 37px 0; z-index: 10; overflow: hidden; height: 284px;}
.header .gnb > ul > li:first-of-type > ul::before{content:''; position:absolute; top: 0; left: 0; width: 1px; height:284px !important; background: #eee; opacity: 0.3;}
.header .gnb > ul > li > ul::after{content:''; position:absolute; top: 0;right: 0; width: 1px; height: 284px !important; background: #eee; opacity: 0.3}
.header .gnb > ul > li > ul > li{}
.header .gnb > ul > li > ul > li > a{display:inline-block;vertical-align: top; width: 100%; text-align: center; font-weight:300; font-size:16px; color: #fff; opacity: 0.8; padding: 7px 0;}
.header .gnb > ul > li > ul > li:hover > a{color: #de0515; opacity: 1;}
.header .header_ui{width: 110px;}
.header .header_ui .lang{position:relative; z-index: 20;}
.header .header_ui .lang > li{position:relative; cursor: pointer;}
.header .header_ui .lang li img{vertical-align: middle; margin-right: 8px;}
.header .header_ui .lang li span{display:inline-block; font-weight:300; font-size:12px; color: #fff;vertical-align: middle;}
.header .header_ui .lang li span i{vertical-align: middle;}
.header .header_ui .lang li ul{display:none; position:absolute; top: 36px; left: 0; background: #fff; width: 100%; border-radius:5px; padding: 12px 0;}
.header .header_ui .lang li ul li{}
.header .header_ui .lang li ul li a{display:inline-block; vertical-align: top; width: 100%; text-align: center; padding: 5px 0; font-size:13px; color: #000; opacity: 0.7;}
.header .header_ui .m_btn{display:none; position:relative; width: 27px; height: 27px; text-align: center;cursor: pointer; z-index: 20;}
.header .header_ui .m_btn span{display:inline-block; vertical-align: top; position:relative; width: 27px; height: 3px; background: #fff; margin-top: 12px; transition:0.3s}
.header .header_ui .m_btn span::after{content:""; display:inline-block; vertical-align: top;  position:absolute; top: -8px; left: 0; width: 27px; height: 3px; background: #fff; transition:0.3s}
.header .header_ui .m_btn span::before{content:""; display:inline-block; vertical-align: top;  position:absolute; top: 8px; left: 0; width: 16px; height: 3px; background: #fff; transition:0.3s}
.header .header_ui .m_gnb{position:fixed; top: 0; right: -100%; width: 100%; max-width: 640px; height: 100%; background: #000000d6; transition:0.6s}
.header .header_ui .m_gnb > ul{margin-top: 85px;}
.header .header_ui .m_gnb > ul > li{}
.header .header_ui .m_gnb > ul > li > a{width: 100%; display:inline-block; vertical-align: top; font-weight:600; font-size:45px; letter-spacing:-0.025em; color: #fff; padding: 18px 56px;}
.header .header_ui .m_gnb > ul > li > ul{display:none; margin: 5px 0 14px;}
.header .header_ui .m_gnb > ul > li > ul > li{}
.header .header_ui .m_gnb > ul > li > ul > li > a{display:inline-block; width: 100%; vertical-align: top; padding: 8px 56px; font-weight: 300; font-size:18px; color: #fff;}

.header .gnb > ul > li:hover > a::after{width: 100%;}
.header.hover::after{opacity: 0.3;}
.header.hover .gnb > ul > li > a{padding: 0 3.92vw;}
.header.hover .gnb > ul > li:first-of-type > ul::before,
.header.hover .gnb > ul > li > ul::after{opacity: 0.3; height: 284px;}

.header.scroll::before{opacity: 0.8;}
.header.scroll .bg{top: 95px; height: 284px;}

.header .header_ui .m_btn.on span{background: transparent;}
.header .header_ui .m_btn.on span::before{width: 27px; top: 0; transform:rotate(45deg);}
.header .header_ui .m_btn.on span::after{top: 0; transform:rotate(-45deg);}
.header .header_ui .m_gnb.on{right: 0;}


.footer{position:relative; }
.footer .top_btn{position:absolute; top: 26px; right: 20px; width: 45px; height: 45px; text-align: center; border-radius:50%; background: #000; cursor: pointer; z-index: 10;}
.footer .top_btn img{margin: 15px 0;}
.footer .top{position:relative; display:flex; padding: 90px 100px 74px; background: #f9f9f9;}
.footer .top .f_logo{width: 235px; height: 40px; background:url(/img/common/f_logo.png) 50% 50% no-repeat; margin-right: 177px;}
.footer .top .addr{}
.footer .top .addr h3{font-weight:600; font-size:20px; color: #111; margin-bottom:20px;}
.footer .top .addr ul{display:flex; margin-bottom:10px;}
.footer .top .addr ul:last-of-type{margin-bottom:0;}
.footer .top .addr ul li{font-weight:200; font-size:15px; color: #777; margin-right: 40px;}
.footer .top .addr ul li:last-of-type{margin-right: 0;}
.footer .top .family{position:absolute; bottom: 74px; right: 100px; width: 200px; height: 50px; border:1px solid #e0e0e0; background: #f5f5f5; border-radius:5px; margin-top: 37px;}
.footer .top .family p{font-weight:500; font-size:15px; letter-spacing:0.025em; color: #111; line-height: 48px; padding-left: 38px;cursor: pointer; }
.footer .top .family p span{position:absolute; top: 50%; right: 28px; transform:translateY(-50%); color: #de0515;}
.footer .top .family ul{display:none; position:absolute; bottom: 54px; left: 0; width: 100%; border-radius:5px; border:1px solid #e0e0e0; background: #f5f5f5; padding: 10px 0;}
.footer .top .family ul li{}
.footer .top .family ul li a{display:inline-block; vertical-align: top; width: 100%; color: #111; font-size:15px; padding: 4px 16px;}
.footer .copy{background: #111111; text-align: center;}
.footer .copy p{ font-weight:200; font-size:14px; color: #fff; letter-spacing:0.05em; line-height: 80px; opacity: 0.5;}

@media (max-width: 1600px){
	.w1600{padding: 0 40px;}
	.header{padding: 0 40px;}
	.header .gnb > ul > li > a{padding: 0 30px;}

	.footer .top{padding: 90px 40px 74px;}
	.footer .top .f_logo{margin-right: 80px;}
	.footer .top .family{right: 40px; z-index: 20;}
}
@media (max-width: 1500px){
	.w1500{padding: 0 40px;}
}
@media (max-width: 1400px){
	.header.hover .gnb > ul > li > a{padding: 0 3vw;}
}

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

	.header{height: 56px; align-items:center; justify-content:space-between; padding: 0 16px;}
	.header::before{height: 56px}
	.header .gnb{display:none;}
	.header .header_ui{display:flex; width: auto;}
	.header .header_ui .m_btn{display:block; margin-left: 50px;}

	.footer .top{flex-wrap:wrap; padding: 60px 16px 40px;}
	.footer .top .f_logo{margin-right: 0}
	.footer .top .addr{width: 100%;margin-top: 30px;}
	.footer .top .family{right: 16px; bottom: 40px;}


}
@media (max-width:800px){
	.header .header_ui .m_gnb > ul > li > a{padding: 18px 16px; font-size:35px;}
	.header .header_ui .m_gnb > ul > li > ul{margin: 0;}
	.header .header_ui .m_gnb > ul > li > ul > li > a{padding: 8px 26px;}

	.footer .top .addr{}
	.footer .top .addr ul{flex-wrap:wrap;}
	.footer .top .addr ul li:last-of-type{width: 100%; margin-top: 10px;}
	.footer .top .family{position:relative; bottom: 0; right: 0; margin-top: 20px;}



}
@media (max-width:500px){
	.header .header_ui .m_btn{margin-left: 20px;}
	.header .header_ui .m_gnb > ul > li > a{padding: 18px 16px;}
	.header .header_ui .m_gnb > ul > li > ul > li > a{padding: 8px 16px;}
}