@charset "utf-8";

html,body{height:100%;}

/* animation */
.ani{opacity:0;}
.animate .ani{animation:animate_opacity 1.2s forwards;}
.ani-top{opacity:0;transform:translateY(120px);}
.ani-top2{opacity:0;transform:translateY(120px);}
.ani-bottom{opacity:0;transform:translateY(-120px);}
.ani-left{opacity:0;transform:translateX(120px);}
.ani-right{opacity:0;transform:translateX(-120px);}
.ani-show{opacity:0;animation:animate_opacity 0.1s forwards;}
.ani-zoom{opacity:0;}
.animate .ani-zoom{animation:animate_zoom 1.2s forwards;}
.animate .ani-top,.animate .ani-bottom,.animate .ani-left,.animate .ani-right{animation:animate_TBLR 1.2s forwards;}
.animate .ani-top2{animation:animate_TBLR 2.4s forwards;}
.ani-height{opacity:0;height:0;}
.animate .ani-height{animation:animate_height 1.0s forwards;animation-delay:0.8s;}

@keyframes animate_height{
	0%{height:0;}
	100%{height:100%;}
}
@keyframes animate_opacity{
	0%{}
	100%{opacity:1;}
}
@keyframes animate_TBLR{
	0%{}
	100%{opacity:1;transform:translate(0,0);}
}
@keyframes animate_scale{
	0%{transform:scale(1.15);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@keyframes animate_zoom{
	0%{transform:scale(0.5);}
	100%{transform:scale(1);opacity:1;}
}

@keyframes rotate_ico{ 100% { transform:rotate(360deg);} }

@keyframes bounce {
	0% {transform:translateY(0px);}
	50% {transform:translateY(-2.5rem);}
	100% {transform:translateY(0);}
}
@-webkit-keyframes bounce {
	0% {transform:translateY(0px);}
	50% {transform:translateY(-2.5rem);}
	100% {transform:translateY(0);}
}

.animate .delay1{animation-delay:.1s;}
.animate .delay2{animation-delay:.2s;}
.animate .delay3{animation-delay:.3s;}
.animate .delay4{animation-delay:.4s;}
.animate .delay5{animation-delay:.5s;}
.animate .delay6{animation-delay:.6s;}
.animate .delay7{animation-delay:.7s;}
.animate .delay8{animation-delay:.8s;}
.animate .delay9{animation-delay:.9s;}
.animate .delay10{animation-delay:1s;}
.animate .delay11{animation-delay:1.1s;}
.animate .delay12{animation-delay:1.2s;}
.animate .delay13{animation-delay:1.3s;}
.animate .delay14{animation-delay:1.4s;}
.animate .delay15{animation-delay:1.5s;}
.animate .delay16{animation-delay:1.6s;}
.animate .delay17{animation-delay:1.7s;}
.animate .delay18{animation-delay:1.8s;}
.animate .delay19{animation-delay:1.9s;}
.animate .delay20{animation-delay:2s;}
.animate .delay21{animation-delay:2.1s;}
.animate .delay22{animation-delay:2.2s;}

body{width:100%;overflow-x:hidden;}
body #wrap ::-webkit-scrollbar{width:10px;height:10px}
body #wrap ::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}
body #wrap ::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:10px;background-clip:padding-box;border:3px solid transparent}
/* .fixed{overflow:hidden} */
/* .fixed #wrap{position:fixed;width:100%;overflow:hidden} */
.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:498}
.view_pc{}
.view_mo{display:none !important;}

br.pc{}
br.mo{display:none;}
@media all and (max-width:1200px){
	.fixed{overflow:hidden}
	.fixed #wrap{position:fixed;width:100%;overflow:hidden}
}
@media all and (max-width:720px){
	.view_pc{display:none !important;}
	.view_mo{display:block !important;}
	br.pc{display:none !important;}
	br.mo{display:block !important;}
}

.inner{position:relative;margin:0 auto;}
.inner::after{display:block;clear:both;content:''}

#container .inner{width:1320px;}

@media all and (max-width:1400px){
	#container .inner{width:100%;padding:0 3rem;}
}

#header{z-index:10;width:100%;height:10rem;padding:0 10rem;}
/* #header::after{display:block;clear:both;content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#E7E7E7;opacity:0.4;} */
#header > .inner{position:relative;height:100%;}

.header_logo{position:absolute;top:2.1rem;left:0;}
.header_logo a{display:block;width:31rem;height:5.8rem;background:url(../images/common/header_logo@2x.png) no-repeat 0 0 / 100% auto;text-indent:-9999px;font-size:0;}

.header_lang{position:absolute;top:3rem;right:0;vertical-align:top;z-index:2;}
.header_lang button{display:block;width:8rem;height:4rem;background:transparent linear-gradient(90deg, #0E4688 0%, #165AA9 100%) 0% 0% no-repeat;border:0 none;border-radius:5px;font-size:1.8rem;letter-spacing:-0.36px;color:#FFFFFF;}
.header_lang ul{display:none;position:absolute;top:4.1rem;left:0;width:100%;padding:1rem 0;background:#FFFFFF;box-shadow:0px 6px 8px #0000001A;border:1px solid #E0E0E0;border-radius:5px;}
.header_lang ul li + li{margin-top:1rem;}
.header_lang ul a{display:block;font-size:1.8rem;line-height:2.5rem;letter-spacing:-0.36px;color:#545454;text-align:center;}


.header_btn{display:none;position:absolute;top:2.8rem;left:0;width:4.4rem;height:4.4rem;border:0 none;background-color:transparent;cursor:pointer;text-indent:-9999px;font-size:0;z-index:2}
.header_btn.open{background:url(../images/common/header_btn_open.png) no-repeat 50% 50% / 100% 100%;}
.header_btn.close{left:3rem;background:url(../images/common/header_btn_close.png) no-repeat 50% 50% / 100% 100%;}

@media all and (max-width:1800px){
	#header{padding:0 5%;}
}
@media all and (max-width:1400px){
	#header{padding:0 3rem}
	.header_logo{top:2.4rem;}
	.header_logo a{width:27.8rem;height:5.2rem;}
}

@media all and (max-width:960px){
	.header_logo{position:relative;top:auto;left:auto;padding-top:2rem;}
	.header_logo a{width:32.1rem;height:6rem;margin:0 auto;}
	.header_lang button{font-size:2rem;letter-spacing:-0.4px;}
	.header_btn{display:block;}

}
.header_nav{padding-right:20rem;text-align:right;font-size:0;}
#gnb{display:inline-block;padding:0;}
#gnb::after{display:block;clear:both;content:'';}
#gnb > li{position:relative;float:left;width:21.2rem;overflow:visible;}
#gnb > li > a{position:relative;display:flex;justify-content:center;align-items:center;height:10rem;padding:0;text-align:center;font-size:2rem;letter-spacing:-0.4px;color:#545454;}
#gnb > li.on > a,#gnb > li > a:hover span,#gnb > li > a:focus span{font-weight:700;color:#0E4688;}
#gnb > li.on > a::after,#gnb > li > a:hover span::after,#gnb > li > a:focus span::after{display:block;}
#gnb > li > a::after{display:none;clear:both;content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#0E4688;}
#gnb > li .depth2{display:none;position:absolute;left:0;top:10rem;width:100%;background-color:#fff;z-index:10;background:#fff;box-shadow:0px 3px 10px #00000029;border-radius:0px 0px 10px 10px;}
#gnb > li .depth2 > li{position:relative;width:100%;text-align:center;}
#gnb > li .depth2 > li + li{border-top:1px solid rgba(112, 112, 112, 0.2)}
#gnb > li .depth2 a{display:block;padding:2rem 0;font-size:2rem;line-height:2.5rem;letter-spacing:-0.4px;color:#888888;}
#gnb > li .depth2 > li.on > a,#gnb > li .depth2 > li a:hover,#gnb > li .depth2 > li a:focus{color:#212121;}
#gnb > li.on .depth2{display:block;}

@media all and (max-width:1800px){
	.header_nav{padding-right:10%;}
}
@media screen and (max-width:1600px){
	.header_nav{padding-left:35rem;padding-right:12rem;}
	#gnb{display:block;width:100%;}
	#gnb > li{width:25%;}
	#gnb > li .depth2 a{font-size:1.8rem;}
}
@media screen and (max-width:1400px){
	.header_nav{padding-left:32rem;padding-right:11rem;}
}
@media screen and (max-width:960px){
	#gnb{display:none;}
}
/*
.active #header{position:fixed;background:#fff;}
.active .header_logo a{background-image:url(../images/_member/header_logo@2x.png)}
.active #header .header_util a{color:#666;}
.active #gnb > li > a span{color:#333333;}
.active #gnb > li.on > a span,.active #gnb > li > a:hover span,.active #gnb > li > a:focus span{color:#F6921E;}
.active #header .header_btn .t{background-color:rgba(0, 0, 0, 0.8);}
.active #header .header_btn .b{background-color:rgba(0, 0, 0, 0.8);}
.active #header .header_btn .m{background-color:rgba(0, 0, 0, 0.8);}

@media screen and (max-width:1200px){
	.active #header::after{display:block;clear:both;content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#E7E7E7;opacity:0.4;}
	.active #header .header_util a.l{border:1px solid #e8e8e8;color:#F7941D;}
	.active #header .header_util a.e{background:#aaaaaa;color:#fff;}
}
*/



/* Mobile Menu */
#mobileMenu{display:none;position:fixed;top:0px;right:0;width:100%;min-width:320px;height:100%;z-index:500;background:#fff;}
.mobile_head{height:10rem;padding:2rem 3rem;border-bottom:1px solid #e2e2e2;}
.mobile_head .mobile_logo{}
.mobile_head .mobile_logo a{display:block;width:32.1rem;height:6rem;margin:0 auto;background:url(../images/common/header_logo@2x.png) no-repeat 0 0 / 100% auto;text-indent:-9999px;font-size:0;}
.mobile_head .header_lang{right:3rem;}

.fixed #mobileMenu{}
#mobileMenu > .inner{position:relative;overflow-y:auto;width:100%;height:calc(100% - 10rem);padding:0;background-color:#fff;-webkit-overflow-scrolling:touch}
.mnb{position:relative;}
.mnb > li > a{position:relative;display:block;padding:3.2rem 3rem;font-size:2.8rem;font-weight:700;line-height:3.6rem;letter-spacing: -0.56px;color: #212121;}
.mnb > li > a.active{color:#0E4688;}
.mnb > li.parent > a::after{display:block;clear:both;content:'';position:absolute;top:50%;right:2.6rem;width:3rem;height:2.3rem;margin-top:-1.1rem;transition:all .3s;background:url(../images/common/mnb_arrow_off.png) no-repeat 50% 50% / 100% auto;}
.mnb > li.parent > a.active::after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);background-image:url(../images/common/mnb_arrow_on.png);}

.mnb .depth2{display:none;padding:5rem 3rem;background:#F8F8F8;}
.mnb .depth2 li{}
.mnb .depth2 li + li{margin-top:3rem;}
.mnb .depth2 li a{position:relative;display:block;font-size:2.4rem;line-height:3rem;letter-spacing: -0.48px;color: #333333;}


#footer{position:relative;padding:7.2rem 10rem;background-color:#232323}
#footer > .inner{width:100%;padding:0 40rem;}
.footer_logo{position:absolute;top:0;left:0;text-align:center;}
.footer_logo strong,.footer_logo span{display:block;font-family:'NotoSansKR';}
.footer_logo strong{font-size:26px;line-height:36px;letter-spacing:-1.56px;color:#FFFFFF;opacity:0.6;}
.footer_logo span{font-size:15px;line-height:22px;letter-spacing:5.25px;color:#9A9A9A;opacity:0.8;}

.footer_info{clear:both;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.2);}
.footer_info::after{display:block;clear:both;content:'';}
.footer_info p{position:relative;float:left;margin-right:8px;font-size:14px;line-height:24px;letter-spacing:-0.28px;color:#E0E0E0;}
.footer_info p.break.all{clear:both;padding-left:0;}
.footer_info p.break.all::after{display:none;}
.footer_copy{font-size:14px;line-height:18px;letter-spacing:-0.28px;color:#888888;}

.footer_info p + p{padding-left:8px;}
.footer_info p + p::after{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#E0E0E0}

.footer_links{position:absolute;top:0;right:0;width:33rem;}
.footer_links dl{display:flex;}
.footer_links dl + dl{margin-top:2.5rem;}
.footer_links dl dt,.footer_links dl dd{padding-top:5px;}
.footer_links dl dt{width:98px;font-size:14px;line-height:24px;letter-spacing:-0.28px;color:#E0E0E0;}
.footer_links dl dd::after{display:block;clear:both;content:'';}
.footer_links dl dd{position:relative;}
.footer_links dl.lang dd.btn{padding-top:0;}
.footer_links dl.lang dd.btn a{float:left;display:flex;justify-content:center;align-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #919191;font-size:14px;font-weight:700;line-height:24px;letter-spacing:-0.28px;color:#919191;}
.footer_links dl.lang dd.btn a:hover,.footer_links dl.lang dd.btn a:focus{border-color:#0E4688;background-color:#0E4688;color:#fff;}
.footer_links dl.lang dd.btn a + a{margin-left:1rem;}
.footer_links dl.link dd.btn a{clear:both;display:block;float:left;font-size:14px;line-height:24px;letter-spacing:-0.28px;color:#E0E0E0;opacity:0.5;}
.footer_links dl dd.list{display:none;}

.footer_top{position:fixed;bottom:8rem;right:10.7rem;z-index:10;}
.footer_top a{display:block;width:7rem;height:7rem;box-shadow:3px 3px 7px #00000040;border-radius:0px 10px 10px 10px;background:#1867C4 url(../images/common/footer_top.png) no-repeat 50% 50% / 3rem 3rem;text-indent:-9999px;font-size:0;}

@media all and (max-width:1800px){
	#footer{padding:7.2rem 5%;}
	#footer > .inner{padding:0 34rem}
	.footer_logo strong{font-size:24px;}
	.footer_logo span{padding-left:3px;font-size:14px;letter-spacing:4.5px;}
	.footer_links{width:30rem;right:-3rem;}
	.footer_top{bottom:5rem;right:5rem;}
}
@media all and (max-width:1600px){
	#footer > .inner{padding-right:2rem;padding-bottom:4rem;}
	.footer_links{width:auto;top:auto;right:2rem;bottom:0;}
	.footer_links::after{display:block;clear:both;content:'';}
	.footer_links dl{float:left;}
	.footer_links dl + dl{margin-top:0;margin-left:3rem;}
	.footer_links dl dt{width:auto;padding-right:2rem;}
}

@media all and (max-width:1400px){
	#footer{padding:6rem 3rem 4rem}
	#footer > .inner{}
	.footer_top{bottom:3rem;right:3rem;}
}
@media all and (max-width:1200px){
	#footer{}
	#footer > .inner{padding:0 0 4rem}
	.footer_logo{position:relative;top:auto;left:auto;display:inline-block;margin-bottom:2rem;}
	.footer_logo strong{font-size:22px;}
	.footer_logo span{font-size:13px;letter-spacing:3.8px;}

}
@media all and (max-width:960px){
	.footer_info p{font-size:13px;}
	.footer_copy{font-size:13px;}

	.footer_info p.break.md{clear:both;padding-left:0;}
	.footer_info p.break.md::after{display:none;}
}
@media all and (max-width:720px){
	#footer{padding:5rem 3rem;}
	#footer > .inner{padding:0 0 9.5rem}
	.footer_logo{display:block;width:37.2rem;height:6.6rem;margin:0 auto 4rem;background:url(../images/common/footer_logo@2x.png) no-repeat 50% 0 / 100% 100%;text-indent:-9999px;font-size:0;}

	.footer_info p{font-size:2.2rem;line-height:3.2rem;letter-spacing:-0.44px;}
	.footer_copy{font-size:2.2rem;line-height:3.2rem;letter-spacing:-0.44px;}

	.footer_info p + p{padding-left:8px;}
	.footer_info p + p::after{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#E0E0E0}

	.footer_info p.break.sm{clear:both;padding-left:0;}
	.footer_info p.break.sm::after{display:none;}

	.footer_links dl dt,.footer_links dl dd{padding-top:0;}
	.footer_links dl dt{display:none;}
	.footer_links dl dd.btn{display:none;}
	.footer_links dl dd.list{display:block;vertical-align:top;}
	.footer_links dl dd.list button{display:block;position:relative;background:transparent;border:0 none;height:3rem;font-size:2.4rem;letter-spacing:-0.4px;color:#E0E0E0;text-align:left;}
	.footer_links dl dd.list button::after{display:block;clear:both;content:'';position:absolute;top:50%;right:5px;width:14px;height:10px;margin-top:-5px;background:url(../images/common/footer_links_arrow.png) 50% 50% no-repeat;transition:all .2s ease;}
	.footer_links dl dd.list.selected button::after{transform:rotate(180deg);}
	.footer_links dl dd.list ul{display:none;position:absolute;bottom:4rem;left:0;width:100%;padding:2rem 1.5rem;border:1px solid #E0E0E0;border-radius:5px;background:#fff;}
	.footer_links dl dd.list ul li + li{margin-top:1rem;}
	.footer_links dl dd.list ul a{display:block;font-size:2.2rem;line-height:2.5rem;letter-spacing:-0.4px;color:#888888;;}

	.footer_links dl{display:block;}
	.footer_links dl.lang{width:20rem;}
	.footer_links dl.link{width:25rem;}

}
@media all and (max-width:480px){

}