@charset 'utf-8';
/* °ψΕλ */
.clip {position: absolute; clip: rect(0,0,0,0); width: 1px; height: 1px;overflow: hidden;}
body{overflow-x:hidden}
*{letter-spacing:-0.025em; line-height: 1.2; word-break:keep-all;}
p{line-height: 1.5;}
.work{font-family: 'Work Sans', sans-serif;}
.noto{font-family: 'Noto Sans KR', sans-serif !important;}
.w1380{width: 100%; max-width: 1380px; margin: 0 auto; box-sizing:border-box}
/* .cursor{position: fixed; top: 0;left: 0;width: 25px;height: 25px;border-radius: 50%;background-color: transparent; border: 5px solid #47d5cd; transform: translate(-50%, -50%); user-select: none; pointer-events: none; box-sizing:border-box; z-index: 1000;} */
/* .cursor.on{width: 50px !important; height: 50px !important; opacity: 0.4 !important; background: #47d5cd !important;}
.cursor.click{width: 100px !important; height: 100px !important; background: #47d5cd !important;}
.cursor.click_prev::after{content:'Prev'; position:absolute; z-index: 10; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size:15px; color: #000;}
.cursor.click_next::after{content:'Next'; position:absolute; z-index: 10; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size:15px; color: #000;}
.more_cur,
.drag_cur{position:fixed; top: 0; left: 0; display:flex; justify-content:center; width: 100px; height: 100px;border-radius: 50%; background-color: #47d5cd; border: 5px solid #47d5cd; transform: translate(-50%, -50%); user-select: none; pointer-events: none; box-sizing:border-box; z-index: 1000; text-align: center; opacity: 0;}
.drag_cur i{font-size:15px; color: #000; vertical-align: middle; line-height: 90px;}
.more_cur span,
.drag_cur span{font-family: 'Work Sans', sans-serif; font-style: italic; font-size:15px; color: #000; vertical-align: middle; line-height: 90px;}
.radius_cur{position:fixed; top: 0; left: 0; width: 50px; height: 50px; background-color: #47d5cd; border-radius:50%;  transform: translate(-50%, -50%); user-select: none; pointer-events: none; z-index: 1000;} */

.paging a{border-radius:50%; border:none; color: #666666;}

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

.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; }

/* btn */
.btn{position:relative; display:inline-block; vertical-align: top; z-index: 11;}
.btn a{display:inline-block; }
.btn a,
.btn p{font-family: 'Work Sans', sans-serif; font-weight:300; font-size:15px; letter-spacing:-0.015em; color: #fff; line-height: 60px; margin-top: 0;}
.btn span{position:absolute; top: 0; right: -25px; width: 60px; height: 60px; border-radius:50%; border:1px solid #fff; opacity: 0.1; z-index: -1; transition:0.4s}
.btn i{position:relative; margin-left: 12px; color: #fff; line-height: 60px;}
.btn.c a{color: #333;}
.btn.c span{color: #333; border-color:#2c2dab; opacity: 0.15;}
.btn.c i{color: #333;}
body.color{background: #eaf1f7;}
figure{margin: 0;}
.btn:hover span{background: #3eb0b6; border:1px solid #3eb0b6; opacity: 1;}


/* header */
.header{position:absolute; top: 0; left: 0; width: 100%; height: 90px; display: flex; align-items: center; padding-left: 50px; box-sizing:border-box;}
.header .logo{position:relative; width: 153px; height: 41px; background:url(/img/common/logo.png) 50% 50% no-repeat; background-size:cover; z-index: 600;}
.header .logo a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.header .fix{position:fixed; top: 0; right: 0; width: 100%; max-width: 1060px; display:flex; flex-wrap:wrap; justify-content:flex-end; background: transparent; transition:0.3s; z-index: 500;}
.header .fix .gnb{padding: 0 46px;}
.header .fix .gnb > ul{display:flex; flex-wrap:wrap;}
.header .fix .gnb > ul > li{position:relative;}
.header .fix .gnb > ul > li > a{display:inline-block; vertical-align: top; padding: 0 35px; font-size:20px; color: #fff; box-sizing:border-box; line-height: 90px; transition:0.3s; font-weight:bold;}
.header .fix .gnb > ul > li > ul{display:none; position:absolute; top: 76px; left: 0; width: 100%; padding: 16px 0; background: #fff; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box;}
.header .fix .gnb > ul > li > ul > li{}
.header .fix .gnb > ul > li > ul > li > a{display:inline-block; vertical-align: top; font-size:15px; color: #555555; width: 100%; text-align: center; padding: 10px 4px; box-sizing:border-box; transition:0.2s; line-height: 1.4;}
.header .lang{width: 90px; height: 90px; background: #2526a9; text-align: center; z-index: 10;}
.header .lang a{position:relative; display:inline-block; vertical-align: middle; width: 100%; height: 100%; line-height: 90px; font-weight:bold; font-size:13px; color: #fff;}
.header .lang a span{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 62px; height: 62px; background:url(/img/common/leng_icon.png) 50% 50% no-repeat; background-size:cover; opacity: 1;}/* 
.header .lang a span::before{content:''; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); border:2px solid #fff; border-radius:50%; width: 70px; height: 70px;}
.header .lang a span::after{content:''; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); border:2px solid #fff; border-radius:50%; width: 40px; height: 40px;} */
.header .lang a:hover span{opacity: 1;}/* 
.header .lang a::before{content:''; position:absolute; top: 21px; left: calc(50% + 2px); transform:translateX(-50%); width: 9px; height: 9px; background: #47d5cd; border-radius:50%; opacity: 0; transition:0.3s}
.header .lang a::after{content:''; position:absolute; top: 24px; left: calc(50% - 2px); transform:translateX(-50%); width: 9px; height: 9px; background: #fff;border-radius:50%; opacity: 0; transition:0.3s} */
.header .lang a i{position:relative; top: -1px; right: 0; display:inline-block; vertical-align: middle; height: 8px; margin-left: 7px; transition:0.2s}
.header .m_btn{display:none; width: 60px; height: 60px; background: #2526a9; text-align: center; cursor: pointer; z-index: 10;}
.header .m_btn span:not(.clip){display:inline-block; vertical-align: top; position:relative; width: 30px; height: 2px; background: #fff; margin: 29px 0; transition:0.4s}
.header .m_btn span:not(.clip)::before{content:''; position:absolute; top: -8px; left: 0; width: 100%; height: 100%; background: #fff; transition:0.4s}
.header .m_btn span:not(.clip)::after{content:''; position:absolute; top: 8px; left: 0; width: 100%; height: 100%; background: #fff; transition:0.4s}
.header .m_nav{display:none; position:fixed; top: 0; right: -100%; width: 100%; height: 100vh
; max-width: 600px; background: #2526a9; transition:0.4s}
.header .m_nav::before{content:''; position:absolute; bottom: 0; left: 0; background:url(/img/sub/mo_bg.png) 50% 50% no-repeat; background-size:cover; width: 705px; height: 452px; z-index: -1;}
.header .m_nav > ul{position:absolute; top: 50%; left: 0; transform:translateY(-50%); width: 100%; overflow-y: auto;}
.header .m_nav > ul > li{width: 300px; margin: 30px 0;}
.header .m_nav > ul > li > a{display:inline-block; vertical-align: top; width: 100%; font-size:35px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 10px 16px; box-sizing:border-box;}
.header .m_nav > ul > li > ul{display:none; position:absolute; top: 37px; left: 300px; width: calc(100% - 300px); }
.header .m_nav > ul > li > ul > li{}
.header .m_nav > ul > li > ul > li > a{display:inline-block; vertical-align: top; width: 100%; font-size:24px; color: #fff; font-weight: 500; padding: 10px 16px; box-sizing:border-box;}
.header .m_nav > ul > li > ul > li > a br{display:none; }

.header .fix.scroll,
.header .fix.on{background: #fff;}

.header.sc .fix .gnb > ul > li > a,
.header .fix.scroll .gnb > ul > li > a,
.header .fix.on .gnb > ul > li > a{color: #222;}

.header .fix.up{top: -100%;}

.header .m_btn.on span:not(.clip){background: transparent;}
.header .m_btn.on span:not(.clip)::before{transform:rotate(45deg); top: 0;}
.header .m_btn.on span:not(.clip)::after{transform:rotate(-45deg); top: 0;}
.header .m_nav.on{right: 0;}

.header.sc .logo{background:url(/img/common/c_logo.png) 50% 50% no-repeat; background-size:cover;}


/* footer; */
.footer{position:relative; background: #151515; box-sizing:border-box; padding-bottom: 70px;}
.footer .top_btn{position: absolute; top: 170px; right: 120px; text-align: center; color: #fff; opacity: 0.2; cursor: pointer;}
.footer .top_btn p{font-weight:300; font-size:14px; color: #fff; letter-spacing:-0.015em; margin-top: 5px;}
.footer .f_partner{background: #ffffff;margin-bottom:70px;}
.footer .f_partner ul{width: 100%; max-width: 1380px; margin: 0 auto; display:flex; flex-wrap:wrap; align-items:center; height: 100px;}
.footer .f_partner ul li{width: 25%; text-align: center;}
.footer .info .w1380{display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer .info .left{width: 50%;}
.footer .info .left .f_logo{width: 194px; height: 51px; background:url(/img/common/f_logo.png) 50% 50% no-repeat; background-size:cover; margin-bottom:40px;}
.footer .info .left dl{display:inline-block; vertical-align: top; font-family: 'Work Sans', sans-serif; margin-right: 40px; }
.footer .info .left dl.w100{width: 100%; margin-bottom:8px; margin-right: 0;}
.footer .info .left dl.mt{width: 100%; margin-top:20px; margin-right: 0;}
.footer .info .left dl dt{display:inline-block; vertical-align: middle;font-weight:300; font-size:15px; letter-spacing:-0.015em; color: #fff; opacity: 0.4; margin-right: 12px;}
.footer .info .left dl dd{display:inline-block; vertical-align: middle; font-weight:300; font-size:15px; color: #fff; line-height:1.7 } 
.footer .info .left dl dd address{font-family: 'Noto Sans KR', sans-serif; font-weight:400; opacity: 0.8;}
.footer .info .right ul{display:flex; flex-wrap:wrap; justify-content: flex-end}
.footer .info .right ul li{width: 50%; margin-bottom:24px;}
.footer .info .right ul li a{display:inline-block; vertical-align: top; width: 100%; text-align: right; font-size:23px; color: #fff; opacity: 0.8;}
.footer .info .right ul li a:hover{opacity: 1;}
.footer .info .border_box{display:flex; justify-content:space-between; width: 100%; border-top: 1px solid #ffffff20; box-sizing:border-box; padding-top: 30px; margin-top: 46px;}
.footer .info .border_box .link{} 
.footer .info .border_box .link a{font-weight:300; font-size:14px; color: #fff; opacity: 0.3; letter-spacing:-0.015em;}
.footer .info .border_box .copy{font-weight:300; font-size:14px; color: #fff; opacity: 0.3; letter-spacing:-0.015em;}

@media (hover :hover){
	.header .fix .gnb > ul > li > ul > li:hover > a{font-weight:500; color: #151515;}
	.header .lang:hover a i{top: -5px; right: -2px;}
	
	.footer .top_btn:hover{opacity: 1;}
	.footer .info .border_box .link a:hover{opacity: 1;}
}

@media screen and (max-width: 1740px){
	.footer .top_btn{width: 40px; height: 40px; top:110px; right: 5px;}
}

@media screen and (max-width: 1380px){
	.footer .f_partner ul{box-sizing:border-box; padding: 0 36px;}
	.w1380{padding: 0 36px;}
	.footer .top_btn{top: -40px; right: 0; opacity: 1;}
}


@media screen and (max-width: 1200px){
	.header{padding-left: 16px; height: 60px;}
	.header .fix{max-width: 120px;}
	.header .fix .gnb{display:none;}
	.header .lang{height: 60px; width: 60px;}
	.header .lang a{line-height: 60px;}
	.header .m_btn,
	.header .m_nav{display:block;}
	.header .lang a span{height: 45px; width: 45px; opacity: 1;}

	.footer .f_partner ul,
	.w1380{padding: 0 16px;}
	
	.footer .info{position:relative; }
	.footer .top_btn{top: 0; right: 16px; width: auto; height: auto; opacity: 0.3;}
	.footer .info .left{width: 100%;}
	.footer .info .right{display:none; }
}

@media screen and (max-width: 1000px){
	.footer{padding-bottom:40px;}
	.footer .f_partner{margin-bottom:40px;}
	.footer .f_partner ul{height: auto; padding: 20px 0;}
	.footer .f_partner ul li{width: 50%; margin-bottom:20px;}
	.footer .f_partner ul li:nth-of-type(n + 3){margin-bottom:0;}
	.footer .info .border_box{padding-top: 24px; margin-top: 30px;}
	*{cursor: unset !important;}
	.more_cur,
	.drag_cur,
	.cursor{display:none;}
}

@media screen and (max-width: 800px){
	.footer .info .left{font-size:0;}
	.footer .info .left .f_logo{margin-bottom:20px;}
	.footer .info .left dl{width: 50%; margin-right: 0; box-sizing:border-box; margin-bottom:10px;}
	.footer .info .left dl.w100{margin-bottom:15px;}
	.footer .info .border_box{flex-direction:column; margin-top: 15px; padding-top: 15px;}
	.footer .info .border_box .copy{margin-top: 10px;}
}

@media screen and (max-width: 600px){
	.header .m_nav > ul > li > a{font-size:40px;}
	.header .m_nav > ul > li > ul > li > a{font-size:20px;}
}