@charset 'utf-8';

/* °ψΕλ */
:root {
  --pColor:#367BC8;
  --pColorB:#3175BB;
  --pColorWhite:#4090E9;
}

.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.paging .arr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.paging .arr a:not(:last-child) {
  margin-right: 5px;
}

.paging .arr a.last,
.paging .arr a.first {
  letter-spacing: -10px;
}

.paging .arr a.last i,
.paging .arr a.first i {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}

.paging a {
  font-family: 'Saira';
  width: 30px;
  height: 30px;
  border: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
   font-size:16px;
   line-height: 1;
   font-weight:300;
}

.paging a i{line-height: unset;}

.paging ul {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.paging ul li:not(:last-child) {
  margin-right: 5px;
}

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

.paging a{border-radius:50%; border:none; color: #222; font-weight: 500;}

.paging ul li.on a {
  color: #fff;
  background:var(--pColorWhite);
  border-color: var(--pColorWhite);
}

/* .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);}
 */
*{box-sizing:border-box; line-height: 1.3; word-break:keep-all; }
figure{margin: 0;}
.w1700{width: 100%; max-width: 1700px; margin: 0 auto;	}
.w1600{width: 100%; max-width: 1600px; margin: 0 auto;	}
.w1500{width: 100%; max-width: 1500px; margin: 0 auto;	}
.pt{padding-top: 120px;}
.pt100{padding-top: 100px;}
/* 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; display:flex; justify-content:space-between; align-items:center; top: 0; left: 0; padding: 0 50px; height: 94px; margin: 35px 60px 0; width: calc(100% - 100px); z-index: 800; transition:0.4s}
.header .left{display:flex; width: 255px;}
.header .left .logo{}
.header .left .lang{position:relative; margin-left: 40px;}
.header .left .lang .lang_btn{cursor: pointer;}
.header .left .lang ul{display:none; position:absolute; top: -4px; left: -4px; width: 30px; height: 80px; background: var(--pColorB); border-radius:15px; z-index: -1; text-align: center;}
.header .left .lang ul li{}
.header .left .lang ul li:first-of-type{margin-top: 33px;}
.header .left .lang ul li a{font-family: 'Saira', sans-serif; font-weight:600; font-size:11px; color: #fff; padding: 4px 0; width: 100%; display:inline-block; vertical-align: top;}
.header .left .lang ul li:last-of-type a{font-weight: 200;}
.header .gnb{width: calc(100% - 355px);}
.header .gnb > ul{display:flex; justify-content:flex-end}
.header .gnb > ul > li{position:relative; }
.header .gnb > ul > li p{display:none; }
.header .gnb > ul > li > a{display:inline-block; font-family: 'Saira', sans-serif; font-weight:600; font-size:18px; padding: 0 45px; color: #fff; transition:0.3s;  line-height: 33px;}
.header .gnb > ul > li > ul{display:none; position:absolute; top: -32px; left: 0; width: 100%; background: #fff; border-radius: 0px 0px 20px 20px; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1); text-align: center; padding: 109px 0 32px; overflow: hidden;  z-index: -1;}
.header .gnb > ul > li > ul::after{content:""; position:absolute; top: 88px; left: 50%; transform:translateX(-50%); width: 0; height: 1px; background: #e8e8e8;  transition:0.3s}
.header .gnb > ul > li > ul::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--pColor);}
.header .gnb > ul > li > ul > li{}
.header .gnb > ul > li > ul > li > a{display:inline-block; vertical-align: top; width: 100%; font-size:16px; font-weight:300; color: #666; padding: 8px 0; opacity: 0;transition:0s}
.header .gnb > ul > li > ul.on > li > a{opacity: 1; transition:0.4s}


.header .header_ui .m_btn{width: 33px; height: 33px; cursor: pointer; margin-left: auto;}
.header .header_ui .m_btn span{position:relative; display:inline-block; width: 100%; height: 2px;background: transparent; margin-top: 15px;}
.header .header_ui .m_btn span::before{content:""; position:absolute; top: -5px; left: 0; width: 100%; height: 100%; background: #fff;}
.header .header_ui .m_btn span::after{content:""; position:absolute; top: 5px; left: 0; width: 100%; height: 100%; background: #fff;}
.header .header_ui .all_gnb_ctn{position:fixed; top: 0; right: -100%; width: 100%; height: 100%; max-width: 700px; background: var(--pColor); border-radius: 10px 0px 0px 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); transition:0.8s}
.header .header_ui .all_gnb_ctn::before{content:""; position:absolute; top: 0; right: 0; width: calc(100% - 15px); height: 100%; background: #fff; border-radius: 10px 0px 0px 10px; box-shadow: 1px 0px 24px rgba(0, 0, 0, 0.4);}
/* .header .header_ui .all_gnb_ctn::after{content:""; position:absolute; top: 50%; right: -1px; transform:translateY(-50%); background:url(/img/common/logo_all.svg) 50% 50% no-repeat;	background-size:cover; width: 82px; height: 696px;} */
.header .header_ui .all_gnb_ctn .gnb_close{position:absolute; top: 60px; right: 60px; width: 34px; height: 34px; font-size:26px; color: #000; cursor: pointer; z-index: 20; text-align: center;}
.header .header_ui .all_gnb_ctn .gnb_close i{margin-top: 4px;}
.header .header_ui .all_gnb_ctn .all_gnb{position:relative; z-index: 10; width: calc(100% - 140px); height: 100vh; margin-left: 90px; padding: 104px 0;overflow-y: auto;}
.header .header_ui .all_gnb_ctn .all_gnb::-webkit-scrollbar {
  display: none;
}

.header .header_ui .all_gnb_ctn .all_gnb{
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}

.header .header_ui .all_gnb_ctn .all_gnb > ul > li{position:relative; margin-bottom:70px;}
.header .header_ui .all_gnb_ctn .all_gnb > ul > li:last-of-type{margin-bottom:0;}
.header .header_ui .all_gnb_ctn .all_gnb > ul > li > p{width: 180px; font-weight:600; font-size:45px; letter-spacing:-0.02em; color: #000; cursor:default}
.header .header_ui .all_gnb_ctn .all_gnb > ul > li > p > span{display:block; font-family: 'Saira', sans-serif;font-size:16px; font-weight:500; color: var(--pColor); margin-bottom:10px; letter-spacing:-0.04em;} 
.header .header_ui .all_gnb_ctn .all_gnb > ul > li > a{display:none; }
.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul{ position:absolute; top: 0; left: 180px; width: calc(100% - 180px); padding-left: 52px; margin-top: 50px;}
.header .header_ui .all_gnb_ctn .all_gnb > ul > li:nth-of-type(1) > ul{margin-top: 32px;}
.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul > li{display:inline-block; vertical-align: top; margin-right: 30px; margin-bottom:15px;}
.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul > li > a{font-weight:300; font-size:16px; color: #333;}
.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul > li > a br{display:none; }

.header .header_ui .all_gnb_ctn.on{right: 0;}
.header svg path{transition:0.3s}
.header.scroll{background: #fff; margin: 0; width: 100%;}
.header.scroll .left .logo svg > path[fill="white"]{fill:var(--pColor)}
.header.scroll .left .lang .lang_btn svg path[stroke="white"]{stroke:var(--pColor)}
.header.scroll .left .lang .lang_btn.on svg path[stroke="white"]{stroke:#fff}
.header.scroll .header_ui .m_btn span::before,
.header.scroll .header_ui .m_btn span::after{background: #222;}
.header.scroll .gnb > ul > li > a{color: #222;}

.header.not{width: 100%; margin: 0;}
.header.not.scroll{background: transparent;}
.header.not.scroll .left .logo svg > path[fill="white"]{fill:#fff}
.header.not.scroll .left .lang .lang_btn svg path[stroke="white"]{stroke:#fff}
.header.not.scroll .left .lang .lang_btn.on svg path[stroke="white"]{stroke:#fff}
.header.not.scroll .header_ui .m_btn span::before,
.header.not.scroll .header_ui .m_btn span::after{background: #fff;}
.header.not.scroll .gnb > ul > li > a{color: #fff;}

/* ΗͺΕΝ */
.footer{position:relative; border-top: 1px solid #E8E8E8;}
.footer .fp-tableCell{background: #fff;}
.footer .pad_box{padding: 0 110px;}
.footer .top_btn{position:absolute; bottom: 100px; right: 37px; cursor: pointer;}
.footer .top{display:flex; align-items:center; justify-content:space-between; padding-bottom:70px; border-bottom: 1px solid #e8e8e8; padding: 60px 0 70px;}
.footer .top h2{font-family: 'Saira', sans-serif; font-style: normal; font-weight: 200; font-size:75px; line-height: 1.21em; color: #222; letter-spacing:-0.02em}
.footer .top h2 span{font-weight:500;}
.footer .top .link_btn{position:relative; text-align: center; z-index: 10;}
.footer .top .link_btn::before{content:""; position:absolute; top: 50%; left: 50%; width: 200px; height: 200px; background: #D9E2EC; border-radius:50%; transform:translate(-50%,-50%); z-index: -1; transition:0.4s}
.footer .top .link_btn h4{font-family: 'Saira', sans-serif; font-weight:600; font-size: 32px; color: #222; margin-top: 14px; white-space: nowrap; letter-spacing:-0.02em;}
.footer .top .link_btn p{font-weight:300; font-size:18px; color: #222; margin: 10px 0 15px; transition:0.4s}
.footer .top .link_btn .icon{}
.footer .top .link_btn .icon i{font-size:18px; color: #222;}
.footer .top .link_btn a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}

.footer .bot{display:flex; align-items:flex-start; justify-content:space-between; padding: 60px 0 70px;}
.footer .bot .left{display:flex; align-items:flex-start; }
.footer .bot .left .f_logo{background:url(/img/common/f_logo.svg) 50% 50% no-repeat; width: 246px; height: 28px;}
.footer .bot .left .sns{display:flex; align-items:center; margin-left: 30px;}
.footer .bot .left .sns li{position:relative; margin-right: 30px;}
.footer .bot .left .sns li::after{content:""; position:absolute; top: 8px; right: -15px; width: 1px; height: 10px; background: #eaeaea;}
.footer .bot .left .sns li:last-of-type{margin-right: 0;}
.footer .bot .left .sns li:last-of-type::after{display:none;}
.footer .bot .left .sns li a{padding: 4px 10px; display:inline-block; vertical-align: top;}
.footer .bot .left .sns li a:hover svg g path{fill:var(--pColor)}
.footer .bot .right{text-align: right;}
.footer .bot .right address{font-weight:500; font-size:16px; color: #222;}
.footer .bot .right .info{margin-top: 15px;}
.footer .bot .right .info li{display:inline-block; vertical-align: top; font-weight: 300; font-size:16px; color: #222; margin-right: 30px; margin-bottom: 15px;}
.footer .bot .right .info li:nth-of-type(2){margin-right: 0;}
.footer .bot .right .info li:last-of-type{display:block; margin-right: 0; margin-bottom: 0;}
.footer .bot .right .info li span{font-weight:500;}
.footer .copy_ctn{display:flex; align-items:center; justify-content:space-between; height: 60px; background: #F8F8F8; padding: 0 110px;}
.footer .copy_ctn p{font-family: 'Saira', sans-serif; font-weight:300; font-size:17px; color: #666; letter-spacing:-0.02em}
.footer .copy_ctn .policy_link{}
.footer .copy_ctn .policy_link a{font-weight:600; font-size:15px; color: #666;}

.footer.on{position:fixed; bottom: 0; left: 0; width: 100%; background: #fff; transition:1s; transform:translateY(100%);}
.footer.on.up{transform:translateY(0);}

@media (hover: hover){
	.header .gnb > ul > li:hover > a{color: var(--pColor);}
	.header .gnb > ul > li:hover > ul::after{width: calc(100% - 44px)}
	.header.not.scroll .gnb > ul > li:hover > a,
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul > li > a:hover,
	.header .gnb > ul > li > ul > li:hover > a {color: var(--pColor); font-weight:600;}

	.footer .top .link_btn:hover::before{background: var(--pColor);}
	.footer .top .link_btn:hover p{color: #fff;}
}

@media (max-width: 1700px){
	.w1700{padding: 0 50px;}
	.pt{padding-top: 120px;}
	.pt100{padding-top: 100px;}

	.header{margin: 20px 20px 0; width: calc(100% - 40px);}
	.header .gnb > ul > li > a{padding: 0 35px;}
	.header .header_ui{width: 60px;}
	.header .gnb{width: calc(100% - 315px);}

	.footer .top h2{font-size:55px;}
	.footer .copy_ctn,
	.footer .pad_box{padding: 0 60px 0 50px;}
	.footer .top_btn{right: 12px;}
}

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

@media (max-width: 1200px){
	.wrap{overflow-x: hidden;}
	
	.w1500,
	.w1600,
	.w1700{padding: 0 16px;}
	.pt{padding-top: 0;}
	.pt100{padding-top: 0;}
	.header .gnb{display:none; }
	.header{padding: 20px 16px; width: 100%; margin: 0; height: auto;}

	.footer .copy_ctn,
	.footer .pad_box{padding: 0 16px;}
	.footer .top{padding: 30px 0 40px;}
	.footer .top h2{width: 100%; font-size:40px;}
	.footer .top .link_btn{width: 180px; height: 180px; display:flex; flex-direction:column; justify-content:center; margin-left: auto;	}
	.footer .top .link_btn h4{font-size:24px;}
	.footer .top .link_btn::before{width: 160px; height: 160px;}
	.footer .top .link_btn p{margin: 5px 0;}
	.footer .bot{flex-wrap:wrap; padding: 30px 0;}
	.footer .bot .left{width: 100%;}
	.footer .bot .right{width: 100%; text-align: left; margin-top: 20px;}
	.footer .top_btn{bottom: 90px;}

	.footer.on{position:relative; bottom: auto; left: auto; transform:translateY(0);}
}



@media (max-width: 1000px){
	.header .header_ui .all_gnb_ctn .all_gnb{ padding: 183px 0;}
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li{margin-bottom:40px;}
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul{padding-left: 20px;}
	.header .header_ui .all_gnb_ctn{max-width: 600px;}
	.header .header_ui .all_gnb_ctn .all_gnb{margin-left: 30px; width: calc(100% - 45px);}
}

@media (max-width: 800px){
	
	.paging{margin-top: 0;}

	.header .header_ui .all_gnb_ctn .gnb_close{top: 16px; right: 16px;}
	.header .header_ui .all_gnb_ctn .all_gnb{padding:0; display:flex; flex-direction:column; justify-content:center; margin-left: 90px; width: calc(100% - 169px);}
	.header .header_ui .all_gnb_ctn .all_gnb > ul{position:relative; }
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li{position:static; }
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li > p{font-size:30px;}
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li > p > span{margin-bottom:6px;}
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li:nth-of-type(1) > ul,
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul{display:none; margin-top: 24px;}
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul > li{width: 100%; margin-right: 0; margin-bottom:0; padding: 7px 0;}

	.footer .bot .left .sns li{margin-right: 10px;}
	.footer .bot .left .sns li::after{right: -6px;}
	.footer .copy_ctn{display:flex; flex-wrap:wrap; height: auto; padding: 15px 16px;}
	.footer .copy_ctn .policy_link{width: 100%; order:-1}
	.footer .copy_ctn p{width: 100%; margin-top: 6px;}
	.footer .top{flex-wrap:wrap; padding: 93px 0 30px;}
	.footer .top h2{width: 100%;}
	.footer .top .link_btn{position:absolute; top: 0; right: 16px; width: 150px; height: 150px;}
	.footer .top .link_btn::before{width: 130px; height: 130px;}
	.footer .top .link_btn h4{font-size:19px;}
	.footer .top .link_btn p{font-size:16px;}
	.footer .top h2{font-size:38px;}
	.footer .bot .right .info li{margin-bottom:10px;}
	.footer .bot .right .info li:last-of-type{position:relative; padding-left: 39px;}
	.footer .bot .right .info li:last-of-type span{position:absolute; left: 0;}
}

@media (max-width: 500px){
	.header .header_ui .all_gnb_ctn .all_gnb{margin-left: 40px; width: calc(100% - 80px);}
	.header .header_ui .all_gnb_ctn .all_gnb > ul > li > ul > li > a{font-size:18px;}

	.footer .top{padding-top: 90px;}
}

@media (max-height: 600px){
	.header .header_ui .all_gnb_ctn .all_gnb{display:block;overflow-y: scroll; padding: 100px 0;} 
}

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

@keyframes fadeInUp{
	0%{transform:translateY(80px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes fadeInLeft{
	0%{transform:translateX(-180px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes fadeInRight{
	0%{transform:translateX(180px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes moveTxt{
	0%{
		opacity: 0;
		transform:scale(0.5);
	}
	50%{
		transform:scale(1.2);
	}
	100%{
		opacity: 1;
		transform:scale(1);
	}
}
@keyframes marginMove{
	0%{right: 0px;}
	100%{right: 6px;}
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes topUp{
	0%{top:60%; opacity: 0;}
	100%{top: 50%; opacity: 1;}
}