@charset 'utf-8';

/* ���� */
:root {
	--fm: 'Montserrat', sans-serif;
	--color: #1B3B86;
}
*{box-sizing:border-box; line-height: 1.3em; word-break:keep-all}
figure{margin: 0;}
.fbox{display:flex}
.w1720{width: 100%; max-width: 1720px; margin: 0 auto;}
.w1600{width: 100%; max-width: 1600px; margin: 0 auto;}


/* page */
.paging a{display:inline-block; text-align: center; line-height: 30px; border-radius:50%; border:none; color: #999; font-size:16px;}

.paging ul li.on a {
  color: #fff;
  background: #1B3B86;
  border-color: #1B3B86;
}

.paging .arr a{border:none}
.paging .arr a.first i{transform:translateX(-4px);}
.paging .arr a.last i{transform:translateX(6px);}
.paging .arr a.first i:first-of-type{transform:translateX(6px);}
.paging .arr a.last i:last-of-type{transform:translateX(-4px);}

/* 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{display:flex; align-items:center; justify-content:space-between; position:fixed; top: 0; left: 0; width: 100%; padding: 0 92px; height: 92px; border-bottom: 1px solid transparent; z-index: 500; transition:0.3s}
.header .logo{position:relative; z-index: 10;}
.header .logo a{display:inline-block; }
.header .m_btn{position:relative; z-index: 10; width: 40px; height: 40px; padding: 0 8px; cursor: pointer;}
.header .m_btn span{position:relative; display:inline-block; background: #fff; width: 15px; height: 2px; border-radius:2px; margin: 19px 0; transition:0.3s}
.header .m_btn span::before{content:""; position:absolute; top: -7px; left: 0; width: 23px; height: 2px; background: #fff; border-radius:2px; transition:0.3s}
.header .m_btn span::after{content:""; position:absolute; top: 7px; left: 0; width: 23px; height: 2px; background: #fff; border-radius:2px; transition:0.3s}
.header .gnb{position:absolute; top: 0; left: 50%; transform:translateX(-50%); width: 100%;}
.header .gnb > ul{display:flex; align-items:center; justify-content:center;}
.header .gnb > ul > li{position:relative; }
.header .gnb > ul > li > a{position:relative; display:inline-block; font-weight:600; font-size:20px; color: #fff; padding: 0 60px; line-height: 92px;}
.header .gnb > ul > li > a::after{content:""; position:absolute; bottom: 12px; left:50%; transform:translateX(-50%); width: 5px; height: 5px; border-radius:50%; background: #fff; opacity: 0; transition:0.3s}
.header .gnb > ul > li > ul{display:none; position:absolute; top: 92px; left: 50%; padding-top: 23px; width: 216px; transform:translateX(-50%); font-size:0; }
.header .gnb > ul > li > ul::before{content:""; position:absolute; top: 23px; left: 0; width: 100%; height: calc(100% - 23px); border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius:10px; background: #fff; z-index: -1; opacity: 0; transition:0.4s}
.header .gnb > ul > li > ul > li{background: #fff; }
.header .gnb > ul > li > ul > li:nth-of-type(1){padding-top: 17px; border-radius:10px 10px 0 0}
.header .gnb > ul > li > ul > li:last-of-type{padding-bottom:17px; border-radius:0 0 10px 10px}
.header .gnb > ul > li > ul > li > a{display:inline-block; width: 100%; vertical-align: top; padding: 8px 0; font-weight:500; font-size:18px; color: #666; text-align: center; transition:0.3s}

.header .header_ui{position:relative; z-index: 10; display:flex; align-items:center;}
.header .lang{margin-right: 30px;}
.header .lang .btn{ width: 40px; height: 40px; text-align: center; cursor: pointer;}
.header .lang .btn svg{margin-top: 9px;}
.header .lang ul{display:none; position:absolute; top: 40px; left: -10px; width: 60px;}
.header .lang ul li{width: 100%; font-size:0; text-align: center; margin-bottom:5px;}
.header .lang ul li a{display:inline-block; width: 100%; vertical-align: top; font-family: var(--fm); font-weight:500; font-size:16px;  color: #fff; line-height: 30px; background: var(--color); border-radius:15px; }
.header .lang ul li.on a{color: var(--color); background: #fff; border:1px solid #e9e9e9}



.m_gnb{position:fixed; top: 0; right: -100%; width: 100%; height: 100vh; background: #fff; z-index: 100; overflow: hidden; transition:0.6s}
.m_gnb.on{right: 0;}
.m_gnb .bg{position:relative; width: 377px; height: 100vh; background:url(/img/common/gnb_bg.png) 50% 50% /cover no-repeat;}
.m_gnb nav{width: calc(100% - 377px); height: 100vh; display:flex; align-items:center;}
.m_gnb nav > ul{padding-left: 100px;}
.m_gnb nav > ul > li{display:flex; align-items:center; font-size:0;}
.m_gnb nav > ul > li > a{ width: 302px; font-weight:600; font-size:50px; color: #222; opacity: 0.5; padding: 40px 0; transition:0.3s}
.m_gnb nav > ul > li > ul{display:none; width: calc(100% - 302px);}
.m_gnb nav > ul > li > ul > li{display:inline-block; vertical-align: top;}
.m_gnb nav > ul > li > ul > li > a{display:inline-block; vertical-align: top;font-weight:600; font-size:20px; color: var(--color); padding: 15px 25px;}
.m_gnb .close_gnb{position:absolute; top: 39px; right: 29px;width: 40px; height: 40px; text-align: center; cursor: pointer;}
.m_gnb .close_gnb span{position:relative; display:inline-block; vertical-align: top; width: 23px; height: 2px; margin: 18px 0;}
.m_gnb .close_gnb span::before{content:""; position:absolute; top: 0; left: 0; width: 23px; height: 2px; background: #222; border-radius:2px; transform:rotate(-45deg);}
.m_gnb .close_gnb span::after{content:""; position:absolute; top: 0; left: 0; width: 23px; height: 2px; background: #222; border-radius:2px; transform:rotate(45deg);}

.header.sub,
.header.scroll{background: rgba(0, 0, 0, 0.6);}
.header:hover{border-color:rgba(255, 255, 255, 0.10);}

.header .gnb > ul > li:hover > a::after{bottom: -2px; opacity: 1;}
.header .gnb > ul > li > ul > li > a:hover{color: var(--color); font-weight:600;}
.header .m_btn:hover span{width: 23px;}
.m_gnb nav > ul > li > a.on,
.m_gnb nav > ul > li > a:hover{color: var(--color); opacity: 1;}
.header .gnb > ul > li:hover > ul::before{opacity: 1; transition-delay:0.3s;}

.footer{border-top: 1px solid rgba(153, 153, 153, 0.15); background: rgba(255, 255, 255, 0.80); box-shadow: 0px 0px 20px 0px rgba(34, 34, 34, 0.05);}
.footer p{padding: 38px 0; text-align: center; font-family: var(--fm); font-weight:500; font-size:16px; line-height: 1.5em; opacity: 0.6;}



@keyframes zoom{
	0%{transform:scale(1.4);}
	100%{transform:scale(1)}
}
@keyframes fadeIn{
	0%{opacity: 0;}
	100%{opacity: 1;}
}





@media (max-height: 800px){
	.m_gnb nav{align-items:flex-start;padding-top: 80px; padding-bottom:80px; overflow-y:scroll;}
}
@media (max-width: 1720px){
	.w1720{padding: 0 50px;}
}

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

@media (max-width: 1500px){
	.header{padding: 0 42px;}
	.header .gnb > ul > li > a{padding: 0 40px;}
	
	.m_gnb .bg{width: 280px;}
	.m_gnb nav{width: calc(100% - 280px); }
	.m_gnb nav > ul{ padding-left: 50px;}
	.m_gnb nav > ul > li > a{font-size:44px; width: 260px;}
	.m_gnb nav > ul > li > ul{width: calc(100% - 260px);}
	.m_gnb nav > ul > li > ul > li > a{padding: 15px 10px;}
	
	.header .gnb > ul{margin-left: 100px;}
}

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

	.header{padding: 0 16px; height: 70px;}
	.header .gnb{display:none; }

	.header .lang{margin-right: 10px;}
}


@media (max-width: 1000px){
	.header{padding: 0 16px; height: 70px;}
	.header .gnb{display:none; }

	.m_gnb nav > ul{position:relative; width: 100%;}
	.m_gnb nav > ul > li{ width: 100%;}
	.m_gnb nav > ul > li > ul{position:absolute; top: 36px; left: 310px;}
	.m_gnb nav > ul > li > ul > li{display:block; }

}


@media (max-width: 800px){
	.m_gnb .bg{display:none; }
	.m_gnb nav{width: 100%; align-items:flex-start; padding-top: 80px;}
	.m_gnb .close_gnb{top: 20px; right: 20px;}
	
	
}

@media (max-width: 600px){
	.paging .arr a:not(:last-child){margin-right: 0;}
	.paging ul li:not(:last-child){margin-right: 0;}


	.m_gnb nav > ul{ padding-left: 16px;}
	.m_gnb nav > ul > li > a{font-size:35px; padding: 20px 0; width: 200px;}
	.m_gnb nav > ul > li > ul{width: calc(100% - 200px); top: 15px; left: 216px;}
	
	.footer p{font-size:12px; padding: 20px 0;}
}