@charset 'utf-8';

/* °ψΕλ */
body *{line-height: 1.4em; letter-spacing:-0.02em;}
figure{margin: 0;}
.w1500{width: 100%; max-width: 1500px; margin: 0 auto; box-sizing:border-box}
.w1720{width: 100%; max-width: 1720px; margin: 0 auto; box-sizing:border-box}
.pro{font-family: 'Readex Pro', sans-serif !important;}


.scroll_down{position:absolute; width: 100px; bottom: 40px; text-align: center;}
.scroll_down figure{}
.scroll_down i{font-size:14px; color: #fff; opacity: 0.5; margin-top: 12px; animation:scrollMove 1.2s infinite alternate}

@keyframes scrollMove{
	0%{transform:translateY(-6);}
	100%{transform:translateY(12px);}
}

/* 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%; }
.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 */
.header{position:fixed; top: 0; left: 0; display:flex; flex-wrap:wrap; align-items:center; width: 100%; padding: 0 0 0 100px; box-sizing:border-box; z-index: 500; transition:0.3s}
.header.down{opacity: 0;}
.header .logo{position:relative; width: 145px; height: 39px; background:url(/img/common/logo_white.svg) 50% 50% no-repeat; background-size:contain; margin-left: 50px;}
.header .logo a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.header .gnb{width: calc(100% - 295px);}
.header .gnb > ul{display:flex; justify-content:flex-end;}
.header .gnb > ul > li{position:relative; }
.header .gnb > ul > li::after{content:''; position:absolute; bottom: 12px; left: 50%; width: 0; height: 1px; background-color: #fff; opacity: 0.5; transform:translateX(-50%); transition:0.3s}
.header .gnb > ul > li > a{display:inline-block; padding: 0 60px; box-sizing:border-box; font-size:21px; color: #fff; line-height: 100px; transition:0.3s}
.header .gnb > ul > li > ul{position:absolute; width: 100%; height: auto; padding-bottom:40px; opacity: 0; visibility:hidden}
.header .gnb > ul > li > ul::after{content:''; position:absolute; top: -100px; left: 0; height: 0; width: 100%; background-color: #0058ad; z-index: -1; transition:0.8s}
.header .gnb > ul > li > ul > li{}
.header .gnb > ul > li > ul > li > a{display:inline-block; padding: 8px 0; width: 100%; font-weight:200; font-size:19px; color: #fff; text-align: center; opacity: 0; transition:0.8s; }
.header .m_btn{position:relative; width: 100px; height: 100px; text-align: center; cursor: pointer; z-index: 1;}
.header .m_btn::before{content:''; position:absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(0); background-color: #0058ad; opacity: 0; transition:0.4s}
.header .m_btn span{position:relative; display:inline-block; vertical-align: top; width: 25px; height: 2px; background-color: transparent; margin: 49px 0;}
.header .m_btn span::before{content:''; position:absolute; top: -4px; left: 0; width: 100%; height: 100%; background-color: #fff; transition:0.4s}
.header .m_btn span::after{content:''; position:absolute; top: 4px; left: 0; width: 100%; height: 100%; background-color: #fff; transition:0.4s}

/* menu */
.menu{display:none; align-items:center;  position:fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000;}
.menu > div{display:flex; align-items:center;}
.menu .m_logo{width: 39px; height: 145px; background:url(/img/common/logo_white_v2.svg) 50% 50% no-repeat; background-size:contain; margin-right: 70px; margin-left: -109px;}
.menu .img_box{margin-right: 125px;}
.menu nav{}
.menu nav > ul{display:flex; flex-wrap:wrap;}
.menu nav > ul > li{width: 33.33%; margin-bottom:120px;}
.menu nav > ul > li > a{display:inline-block; font-weight:600; font-size:35px; color: #fff; margin-bottom:28px;}
.menu nav > ul > li:nth-of-type(n + 4){margin-bottom:0;}
.menu nav > ul > li > ul{}
.menu nav > ul > li > ul > li{margin-bottom:12px;}
.menu nav > ul > li > ul > li:last-of-type{margin-bottom:0;}
.menu nav > ul > li > ul > li > a{font-weight:300; font-size:20px; color: #999; transition:0.4s}

/* on */
.header.scroll{background: #fff;}
.header.scroll .logo{background:url(/img/common/logo_blue.svg) 50% 50% no-repeat; background-size:contain}
.header.scroll .gnb > ul > li > a{color: #111111;}
.header.scroll .gnb > ul > li.on2 > a,
.header.scroll .gnb > ul > li.on > a{color: #fff;}
.header.scroll .m_btn span::before{background-color: #0058ad;}
.header.scroll .m_btn span::after{background-color: #0058ad;}

.header.scroll.open .logo{background:url(/img/common/logo_white.svg) 50% 50% no-repeat; background-size:contain}
.header.scroll.open .m_btn span::before{background-color: #fff;}
.header.scroll.open .m_btn span::after{background-color: #fff;}

.header .gnb > ul > li.on2::after,
.header .gnb > ul > li.on::after{width: 15px;}
.header .gnb > ul > li.on > ul{opacity: 1; visibility:visible}
.header .gnb > ul > li.on > ul::after{height: calc(100% + 100px);}
.header .gnb > ul > li.on > ul > li > a{opacity: 1;}
.header .gnb > ul > li.on > ul > li:nth-of-type(1) > a{transition-delay:0.2s}
.header .gnb > ul > li.on > ul > li:nth-of-type(2) > a{transition-delay:0.3s}
.header .gnb > ul > li.on > ul > li:nth-of-type(3) > a{transition-delay:0.4s}
.header .gnb > ul > li.on2 a{background-color: #0058ad;}

.header .m_btn.open span::before{top: 0; transform:rotate(45deg);}
.header .m_btn.open span::after{top: 0; transform:rotate(-45deg);}





/* footer */
.footer{background-color: #001b33; box-sizing:border-box; padding: 105px 0 65px;}
.footer .top{width: 100%;}
.footer .top .f_logo{width: 145px; height: 39px; background:url(/img/common/logo_white.svg) 50% 50% no-repeat; background-size:contain;}
.footer .flex-box{display:flex; justify-content:space-between; margin: 50px 0;}
.footer .flex-box .info{}
.footer .flex-box .info dl{display:inline-block; vertical-align: top; margin-right: 40px;}
.footer .flex-box .info dl:first-of-type{width: 100%; margin-bottom:26px; margin-right: 0;}
.footer .flex-box .info dl:last-of-type{margin-right: 0;}
.footer .flex-box .info dl dt{font-size:17px; text-transform: uppercase; color: #fff; opacity: 0.8; margin-bottom:9px;}
.footer .flex-box .info dl dd{font-weight:200; font-size:17px; color: #ffffff; opacity: 0.5;;}
.footer .flex-box .info dl dd address{ line-height: 1.7em}
.footer .flex-box .link{width: 100%; font-size:0; text-align: right;}
.footer .flex-box .link dl{display:inline-block; width: 16.6%; max-width: 160px; vertical-align: top; text-align: left; }
.footer .flex-box .link dl:last-of-type{margin-right: 0; width: auto; max-width: none;}
.footer .flex-box .link dl dt{font-size:15px; color: #fff; opacity: 0.8; margin-bottom:26px;}
.footer .flex-box .link dl dd{margin-bottom:16px;}
.footer .flex-box .link dl dd:last-of-type{margin-bottom:0;}
.footer .flex-box .link dl dd a{font-weight:200; font-size:15px; color: #fff; opacity: 0.5;}
.footer .bot{display:flex; flex-wrap:wrap; justify-content:space-between; width: 100%; border-top: 1px solid #ffffff20; box-sizing:border-box; padding-top:38px;}
.footer .bot p{font-size:15px; color: #fff; opacity: 0.5;}
.footer .bot ul{display:flex;}
.footer .bot ul li{position:relative; margin-right: 40px;}
.footer .bot ul li::after{content:''; position:absolute; top: 5px; right: -21px; width: 1px; height: 10px; background: #fff; opacity: 0.2;}
.footer .bot ul li:last-of-type{margin-right: 0;}
.footer .bot ul li:last-of-type::after{display:none; }
.footer .bot ul li a{font-size:15px; color: #fff; opacity: 0.8;}

@media (hover: hover){
	.header .m_btn:hover::before{transform:translate(-50%,-50%) scale(1); opacity: 1;}
	.header.scroll .m_btn:hover span::before{background-color: #fff;}
	.header.scroll .m_btn:hover span::after{background-color: #fff;}
	.menu nav > ul > li > ul > li > a:hover{color: #0071c7;}
}

@media screen and (max-height: 500px){
	.header.open{background: #000;}
	.header.open::after{content:''; position:absolute; top: 0; left: 0; height: 80px; width: 100%; background: #000;}
	.menu nav{max-height: 375px; height: 100%; overflow-y:auto;	}
	.menu nav > ul{margin: 120px 0;}
	.menu nav > ul > li > a{font-size:26px;}
}

@media screen and (max-width: 1720px){
	.w1720{padding: 0 40px;}
	.menu .m_logo{margin-left: 0;}
}
@media screen and (max-width: 1600px){
	.header .gnb > ul > li > a{padding: 0 35px; font-size:17px;}
	.header .gnb > ul > li > ul > li > a{font-size:14px;}
	.header .gnb > ul > li > ul{padding-bottom:20px;}
}

@media screen and (max-width: 1500px){
	.w1500{padding: 0 40px;}

	.menu .img_box{margin-right: 50px;}
	.menu .m_logo{margin-right: 40px;}
	.menu nav > ul > li{margin-bottom:80px;}
	.menu nav > ul > li > a{font-size:30px;}
	
	.header{padding: 0 0 0 40px;}
	.header .gnb{width: calc(100% - 265px);}
	.header .gnb > ul > li > a{line-height: 70px;}
	.header .m_btn{width: 70px; height: 70px;}
	.header .m_btn span{margin: 39px 0;}


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

	.header{padding: 0 0 0 16px;}
	.header .logo{z-index: 10; margin-left: 0;}
	.header .gnb{width: calc(100% - 205px);}
	.header .gnb > ul{display:none; }
	.header .m_btn{height: 60px; width: 60px;}
	.header .m_btn span{margin: 29px 0;}
	
	.menu .img_box{display:none; }
	.menu .m_logo{display:none; }
	.menu nav{width: 100%; text-align: center;}
	
	.footer{padding: 40px 0 30px;}
	.footer .flex-box{margin: 40px 0 30px; flex-wrap:wrap; font-size:0;}
	.footer .flex-box .info{width: 100%;}
	.footer .flex-box .link{text-align: left;}
	.footer .flex-box .info dl{width: 33.33%; margin-right: 0;}
	.footer .flex-box .info dl:first-of-type{width: 33.33%;}
	.footer .flex-box .link dl{max-width: none;}
	.footer .bot{padding-top: 30px;}
}
@media screen and (max-width: 1000px){
	.footer .flex-box{margin: 20px 0 20px;}
	.footer .flex-box .link{display:none; }
	.footer .flex-box .info dl{width: 50%; margin-right: 0;}
	.footer .flex-box .info dl:first-of-type{width: 100%;}
}

@media screen and (max-width: 800px){
	.menu nav > ul > li{width: 100%; margin-bottom:0px;}
	.menu nav > ul > li > ul{display:none; }
	.menu nav > ul > li > a{margin-bottom:0; padding: 10px 0; width: 100%;}
	
}