@charset 'utf-8';

/* °ψΕλ */
figure{margin: 0;}
*{word-break:keep-all; line-height: 1.2; letter-spacing: -0.02em; box-sizing:border-box;}
.pre{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;}
.w1600{width: 100%; max-width: 1600px; margin: 0 auto;}
.w1760.left{width: 100%; max-width: 1760px; margin-left: 0; margin-right: auto;}
/* 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{position:fixed; top: 0; left: 0; width: 100%; display:flex; align-items:center; padding: 0 62px 0 80px; transition:0.3s; z-index: 1500;}
.header.sub{border-bottom: 1px solid #1554a23b;}
.header .logo{position:relative; width: 186px; height: 50px; background:url(/img/common/logo.png) 50% 50% no-repeat; transition:0.3s}
.header .logo a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.header .gnb{width: calc(100% - 337px);}
.header .gnb > ul{display:flex; justify-content:flex-end}
.header .gnb > ul > li{position:relative; }
.header .gnb > ul > li::after{content:""; position:absolute; bottom: -3px; left: 50%; transform:translateX(-50%); background:url(/img/common/icon_gnb_arrow.png) 50% 50% no-repeat; width: 12px; height: 9px; z-index: -1; opacity: 0;}
.header .gnb > ul > li > a{display:inline-block; vertical-align: top;font-family: 'Red Hat Display', sans-serif; font-size:18px; color: #fff; line-height: 100px; padding: 0 25px; transition:0.3s}
.header .gnb > ul > li > a .gbr{display:none; }
.header .gnb > ul > li > ul{display:none; position:absolute; top: 100px; left: 50%; width: 200px; background: rgb(84,172,225); background: linear-gradient(270deg,rgba(26,96,171,1) 0%, rgba(84,172,225,1) 100%); border-radius:7px; padding: 26px 0; transform:translateX(-50%);} 

.header .gnb > ul > li > ul > li{}
.header .gnb > ul > li > ul > li a{display:inline-block; vertical-align: top; width: 100%; text-align: left; padding: 14px 20px; color: #fff; font-family: 'Inter', sans-serif; font-size:14px; letter-spacing:-0.02em;}
.header .gnb > ul > li > ul > li:hover > a{font-weight:500;}
.header .gnb > ul > li > ul > li .depth03{}
.header .gnb > ul > li > ul > li .depth03 > li{}
.header .gnb > ul > li > ul > li .depth03 > li > a{position:relative; padding: 6px 30px; font-size:12px;}
.header .gnb > ul > li > ul > li .depth03 > li > a:hover{font-weight:500;}
.header .gnb > ul > li > ul > li .depth03 > li > a::before{content:""; display:inline-block; position:absolute; top: 50%; left: 22px; width: 3px; height: 3px; background: #fff; border-radius:50%; transform:translateY(-50%);}
.header .gnb > ul > li > ul.sub_depth03 > li > a,
.header .gnb > ul > li > ul.sub_depth04 > li > a,
.header .gnb > ul > li > ul.sub_depth05 > li > a{text-align: center;}
.header .header_ui{position:relative; z-index: 10; display:flex; align-items:center;}
.header .header_ui .lang_btn{margin-left: 28px;}
.header .header_ui .lang_btn a{display:flex; align-items:center; justify-content:center; width: 63px; height: 30px; border:1px solid #ffffff73; border-radius:15px; font-size:14px; color: #ffffffc7; font-family: 'Red Hat Display', sans-serif; transition:0.3s} 
.header .header_ui .lang_btn a span{display:inline-block; vertical-align: top; width: 16px; height: 16px; background:url(/img/common/icon_lang.png) 50% 50% no-repeat; margin-right: 5px; transition:0.3s}
.header .header_ui .m_btn{position:relative; width: 60px; height: 60px; border-radius:50%; cursor: pointer; z-index: 10; transition:0.4s; background: transparent;}
.header .header_ui .m_btn .icon{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 15px; height: 15px;}
.header .header_ui .m_btn span{transition:0.4s} 
.header .header_ui .m_btn span::before{content:""; position:absolute; top: 0; left: 0; width: 4px; height: 4px; border-radius:2px; background: #fff; transition:0.4s}
.header .header_ui .m_btn span::after{content:"";position:absolute; bottom: 0; left: 0; width: 4px; height: 4px; border-radius:2px; background: #fff; transition:0.4s;}
.header .header_ui .m_btn span:last-of-type::before{left: auto; right: 0;}
.header .header_ui .m_btn span:last-of-type::after{left: auto; right: 0;}
.header .header_ui .all_nav{display:flex; align-items:center; position:fixed; top: 0; right: 0; width: 100%; height: 0; background:#1a5fa6;  transition:0.4s; overflow: hidden;}
.header .header_ui .all_nav::before{content:""; position:absolute; bottom: -192px; right: 0; width: 593px; height: 767px; background:url(/img/common/bg_all.png) 50% 50% no-repeat; }
.header .header_ui .all_nav > ul{display:flex;width: 100%; max-width: 1600px; margin: 0 auto;}
.header .header_ui .all_nav > ul > li{width: auto; margin-right: 145px;}
.header .header_ui .all_nav > ul > li:last-of-type{margin-right: 0;}
.header .header_ui .all_nav > ul > li > a{display:inline-block; vertical-align: top;font-weight:bold; font-size:40px; color: #fff; opacity: 0.2; margin-bottom: 100px; transition:0.4s}
/* .header .header_ui .all_nav > ul > li:last-of-type > a{margin-bottom:59px;} */
.header .header_ui .all_nav > ul > li > a .gbr{display:block; }
.header .header_ui .all_nav > ul > li > ul{ /* display:none;  */}
.header .header_ui .all_nav > ul > li > ul > li{position:relative; margin-bottom:26px;}
.header .header_ui .all_nav > ul > li > ul > li:last-of-type{margin-bottom:0;}
.header .header_ui .all_nav > ul > li > ul > li > a{position:relative; display:inline-block; vertical-align: top; font-weight:500; font-size:18px; letter-spacing:-0.01em; color: #fff; padding: 10px 0; opacity: 0.2;}
.header .header_ui .all_nav > ul > li > ul > li > a::after{content:""; position:absolute; bottom: 7px; left: 0; width: 0; height: 2px; background: #fff; transition:0.4s}
.header .header_ui .all_nav > ul > li:first-of-type > ul > li > a{opacity: 1;}
.header .header_ui .all_nav > ul > li > ul > li > a br{display:none; }
/* .header .header_ui .all_nav > ul > li > ul > li > ul{display:none; position:absolute; top: 3px; left: 160px;} */
.header .header_ui .all_nav > ul > li > ul > li > ul > li{position:relative; /* display:inline-block; vertical-align: top; */ /*  margin-right: 28px; */padding-left: 10px;}
.header .header_ui .all_nav > ul > li > ul > li > ul > li:last-of-type{margin-right: 0;}
.header .header_ui .all_nav > ul > li > ul > li > ul > li::before{content:""; display:inline-block; position:absolute; top: 50%; left: 0; width: 4px; height: 4px; background: #fff; border-radius:50%; opacity: 0; transform:translateY(-50%);}
.header .header_ui .all_nav > ul > li > ul > li > ul > li a{display:inline-block; vertical-align: top; font-weight:300; font-size:16px; color: #fff; letter-spacing:-0.01em; opacity: 0.5; padding: 8px 0;}

.header .header_ui .all_nav > ul > li > ul > li:hover > a,
.header .header_ui .all_nav > ul > li > ul > li.on > a,
.header .header_ui .all_nav > ul > li:hover > a,
.header .header_ui .all_nav > ul > li.on > a{opacity: 1;}
.header .header_ui .all_nav > ul > li > ul > li:hover > a::after,
.header .header_ui .all_nav > ul > li > ul > li.on > a::after{width: 100%;}
.header .header_ui .all_nav > ul > li > ul > li > ul > li:hover a{opacity: 1;}
.header .header_ui .all_nav > ul > li > ul > li > ul > li:hover::before{opacity: 1;}

.header .header_ui .all_nav > ul > li.on > a{opacity: 1;}
/* .header .header_ui .all_nav > ul > li:nth-of-type(2){order:3}
.header .header_ui .all_nav > ul > li:nth-of-type(3){order:5;}
.header .header_ui .all_nav > ul > li:nth-of-type(4){order:2}
.header .header_ui .all_nav > ul > li:nth-of-type(5){order:4} */


.header .header_ui .m_btn.on{background: #fff;}
.header .header_ui .m_btn.on span{opacity: 0;}
.header .header_ui .m_btn.on span:last-of-type{opacity: 1;}
.header .header_ui .m_btn.on span:last-of-type::before{left: auto; right: 6px; width: 3px; height: 15px; transform:rotate(45deg); background: #1a5fa6;}
.header .header_ui .m_btn.on span:last-of-type::after{left: auto; right: 6px; width: 3px; height: 15px;transform:rotate(-45deg); background: #1a5fa6;}
.header .header_ui .all_nav.on{height: 100%;}

.header.scroll,
.header.on{background: #fff;}
.header.scroll .logo,
.header.on .logo{background:url(/img/common/logoH.png) 50% 50% no-repeat;}
.header.scroll .gnb > ul > li > a,
.header.on .gnb > ul > li > a{color: #111111;}
.header.scroll .header_ui .lang_btn a,
.header.on .header_ui .lang_btn a{color: #111; border-color:#111}
.header.scroll .header_ui .lang_btn a span,
.header.on .header_ui .lang_btn a span{background:url(/img/common/icon_langH.png) 50% 50% no-repeat;}
.header.scroll .header_ui .m_btn span::before,
.header.scroll .header_ui .m_btn span::after,
.header.on .header_ui .m_btn span::before,
.header.on .header_ui .m_btn span::after{background: #111;}
.header .gnb > ul > li:hover::after{opacity: 1;}


.footer{position:relative; background: #f5f5f5;}
.footer .top_btn{position:absolute; top: -91px; right: 38px; cursor: pointer;}
.footer .top{display:flex; justify-content:space-between; padding: 76px 80px 54px; border-bottom: 1px solid #e9e9e9;}
.footer .top > nav{}
.footer .top > nav ul{display:flex;}
.footer .top > nav ul li{margin-right: 50px;}
.footer .top > nav ul li:last-of-type{margin-right: 0;}
.footer .top > nav ul li a{ font-family: 'Red Hat Display', sans-serif; font-size:17px; color: #111;}
.footer .top > ul{display:flex;}
.footer .top > ul li{font-weight:300; font-size:16px; color: #666; margin-right: 26px;}
.footer .top > ul li:last-of-type{margin-right: 0;}
.footer .top > ul li span{font-weight:600; color: #111;}
.footer .bot{display:flex; justify-content:space-between; padding: 54px 80px 76px;}
.footer .bot .info{}
.footer .bot .info h3{font-weight:600; font-size:17px; color: #111111; letter-spacing:-0.01em;}
.footer .bot .info ul{display:flex; margin-top: 26px;}
.footer .bot .info ul li{font-weight:300; font-size:16px; letter-spacing:-0.01em; color: #333; margin-right: 46px; margin-bottom:16px;}
.footer .bot .info ul:last-of-type{margin-top: 0; margin-bottom: 0;}
.footer .bot .info ul li:last-of-type{margin-right: 0; }
.footer .bot .f_logo{width: 186px; height: 50px; background:url(/img/common/f_logo.png) 50% 50% no-repeat;	}
.footer .flex_box{display:flex; justify-content:space-between; height: 55px; align-items:center; background: #064a90; padding: 0 80px;}
.footer .flex_box .copy{font-weight:300; font-size:14px; letter-spacing:0.01em; color: #fff; opacity: 0.6;}
.footer .flex_box ul li a{font-weight:300; font-size:14px; letter-spacing:-0.01em; color: #fff;opacity: 0.6;}

@media (max-width: 1760px){
	.w1760{padding: 0 50px;}
}

@media (max-width: 1600px){
	.w1600,
	.header{padding: 0 50px;}
	.header .header_ui .all_nav > ul{padding:  0 50px;}
	.header .header_ui .all_nav > ul > li{margin-right: 0; width: 20%;}
	/* .header .header_ui .all_nav > ul > li{width: 50%;} */
	.header .header_ui .all_nav > ul > li > a{font-size:35px; margin-bottom:50px;}
/* 	.header .header_ui .all_nav > ul > li:last-of-type > a{margin-bottom:15px;} */
	
	.footer .bot,
	.footer .top{padding: 40px 40px 40px;}
	.footer .flex_box{padding: 0 40px;}
	.footer .top{flex-wrap:wrap;}
	.footer .top > ul{margin-top: 20px;}
}
@media (max-width: 1400px){
	.header .header_ui .all_nav > ul > li > a{font-size:30px;}
}
@media (max-width: 1200px){
	.w1760,
	.w1600{padding: 0 16px;}
	.header{padding: 0 16px; justify-content:space-between}
	.header .gnb{display:none; }
	.header .header_ui .all_nav > ul{padding:  0 16px;}
/* 	.header .header_ui .all_nav > ul > li{width: 100%;}
	.header .header_ui .all_nav > ul > li:nth-of-type(2){order:2}
	.header .header_ui .all_nav > ul > li:nth-of-type(3){order:3;}
	.header .header_ui .all_nav > ul > li:nth-of-type(4){order:4}
	.header .header_ui .all_nav > ul > li:nth-of-type(5){order:5}
	.header .header_ui .all_nav > ul > li > a{padding: 16px 0;}
	
	.header .header_ui .all_nav > ul > li > ul > li > a::after{bottom: 7px;}
	.header .header_ui .all_nav > ul > li > ul > li > ul{top: 13px;}
	.header .header_ui .all_nav > ul > li > ul > li > ul > li a{padding: 10px 0;} */

	.header .header_ui .all_nav{top: 0; height: 100%; right: -100%;}
	.header .header_ui .all_nav.on{top: 0; right: 0;}
	.header .header_ui .all_nav > ul{flex-wrap:wrap;}
	.header .header_ui .all_nav > ul > li{width: 100%;}
	.header .header_ui .all_nav > ul > li > a{margin-bottom:0px; font-size:40px; padding: 16px 0;}
	.header .header_ui .all_nav > ul > li:last-of-type > a{margin-bottom:0px;}
	.header .header_ui .all_nav > ul > li > ul{display:none; }
	.header .header_ui .all_nav > ul > li > ul > li{margin-bottom:0px;}
	.header .header_ui .all_nav > ul > li > ul > li > a{padding: 10px 0; margin-bottom:0px; opacity: 1;}
	.header .header_ui .all_nav > ul > li > ul > li > ul{display:none; position:absolute; top: 3px; left: 130px;}
	.header .header_ui .all_nav > ul > li > ul > li > ul > li{display:inline-block; position:relative; vertical-align: top; margin-right: 8px;}
	.header .header_ui .all_nav > ul > li > ul > li > ul > li:last-of-type{margin-right: 0;}
	.header .header_ui .all_nav > ul > li > ul > li > ul > li a{font-size:15px;}

	.footer{padding-top: 20px;}
	.footer .bot,
	.footer .top{padding: 20px 16px 20px;}
	.footer .flex_box{padding: 0 16px;}
	.footer .bot{flex-wrap:wrap;}
	.footer .bot .info{order:3}
	.footer .bot .info ul{flex-wrap:wrap}
	.footer .bot .info ul li:first-of-type{width: 100%;}
	.footer .bot .f_logo{order:1; margin-bottom:20px;}
	.footer .top_btn{right: 16px;}
}

@media (max-width: 800px){
	.header .header_ui .all_nav{top: 0; height: 100%; right: -100%;}
	.header .header_ui .all_nav.on{top: 0; right: 0;}
	.header .header_ui .all_nav > ul > li > ul > li > ul{left: 130px;}
	.header .header_ui .all_nav > ul > li > ul > li > ul > li{margin-right: 8px;}
	.footer{padding-top: 0;}
	.footer .top > nav{display:none; }
	.footer .top > ul{margin-top: 0; flex-wrap:wrap}
	.footer .top > ul li:first-of-type{width: 100%; margin-bottom: 10px;}
	.footer .flex_box{flex-wrap:wrap; height: auto; padding: 20px 16px;}
	.footer .flex_box .copy{width: 100%; order:2; margin-top: 10px;}
}