@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:''}
#header .inner,#footer .inner{width:128rem;}
@media all and (max-width:1400px){
	#header .inner,#footer .inner{width:100%;}
}
/* Header */
#header{position:absolute;top:0;left:0;width:100%;height:8rem;overflow:hidden;transition:height .3s, background-color .1s, box-shadow .3s;z-index:50;}
/* #header.scrolling {background-color:rgba(0,0,0,.6);box-shadow:0 0 15px rgb(0 0 0 / 15%)} */
#headerGlobal{position:relative;height:8rem;}
#headerGlobal::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.15);z-index:50;}
#header .inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;height:8rem;transition:height .3s, background-color .3s;}
.header_logo{position:absolute;top:1.2rem;left:0;}
.header_logo a{display:block;font-family:'Open Sans';font-size:2.3rem;font-weight:700;color:#fff;}
.header_logo a img.on {position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0}
.hover .header_logo a{color:#000;}
.hover .header_logo a img {opacity: 0;}
.hover .header_logo a img.on {opacity: 1;}
.gnb{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:128rem;height:100%;overflow:hidden;margin:0 auto;padding:0 6rem 0 26rem;transition:overflow .3s ease;flex-shrink:2;}
.gnb .menu{position:relative;width:25%;}
.gnb .menu-link{display:flex;justify-content:center;align-items:center;width:100%;height:8rem;font-size:2rem;font-weight:500;color:#fff;transition:color .3s ease;}
.gnb .menu-link:hover{font-weight:700;}
.gnb .menu.active .menu-link{color:#2D5F26;}
/*
.header:not(.scrolling):not(.hover) .menu .menu-link{opacity:.8;}
.header:not(.scrolling):not(.hover) .menu.active .menu-link{opacity:1;}
.header:not(.scrolling):not(.hover) .menu .menu-link::after{content:"";position:absolute;bottom:30px;left:50%;width:60%;height:2px;visibility:hidden;opacity:0;background-color:#fff;transform:translateX(-50%);transition:visibility .3s, opacity .3s;}
.header:not(.scrolling):not(.hover) .menu:hover .menu-link::after, .header:not(.scrolling):not(.hover) .menu.active .menu-link::after{visibility:visible;opacity:1;}
.header:not(.scrolling):not(.hover) .menu.active .menu-link{font-weight:500;color:#fff!important;}
*/
.gnb .depth{position:absolute;top:8rem;left:0;width:100%;height:0;overflow:hidden;visibility:hidden;opacity:0;transition:visibility .5s, opacity .5s, height .5s;}
#header.show .gnb .depth{height:26.5rem;visibility:visible;opacity:1;}
.gnb .menu.active .depth:before{visibility:visible;opacity:1;}
.gnb .depth .depth-item{position:relative;margin-bottom:2rem;text-align:center;z-index:50;}
.gnb .depth .depth-item:first-child{padding-top:3rem;}
.gnb .depth .depth-link{display:block;font-size:1.6rem;letter-spacing: -0.48px;color: #FFFFFF;line-height:2rem;}
.gnb .depth .depth-link:hover{font-weight:700;}
.header_menu a{display:none;position:fixed;top:1.5rem;right:1.5rem;width:7rem;height:7rem;background:url(../images/common/header_menu_ico.png) no-repeat 50% 50% / 5rem 5rem;/* -webkit-tap-highlight-color:transparent; */cursor:pointer;text-indent:-9999px;font-size:0;z-index:1001;}
.header_btn{display:block;position:absolute;top:2.6rem;right:0;width:3.2rem;height:3.2rem;border:0 none;background-color:transparent;cursor:pointer;z-index:99}
.header_btn em{display:block;text-indent:-9999px;}
.header_btn .m,
.header_btn .t,
.header_btn .b{display:block;position:absolute;right:0;height:2px;border-radius:5px;background-color:rgba(255, 255, 255, 0.8);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header_btn .m{margin:0 auto;}
.header_btn .m{width:2.3rem;}
.header_btn:hover .m{width:3.2rem;}
.hover .header_btn .m,
.hover .header_btn .t,
.hover .header_btn .b{background-color:rgba(0, 155, 117, 1);}
.header_btn .t,.header_btn .b{width:3.2rem;}
.header_btn .t{-webkit-transform:translateY(-0.9rem);-ms-transform:translateY(-0.9rem);transform:translateY(-0.9rem);}
.header_btn .b{-webkit-transform:translateY(0.9rem);-ms-transform:translateY(0.9rem);transform:translateY(0.9rem);}
.fixed .header_btn .m{background-color:rgba(255, 255, 255, 0) !important;}
.fixed .header_btn .t{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.fixed .header_btn .b{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
@media all and (max-width:1400px){
	.header_logo{left:3rem;}
	.header_btn{right:3rem;}
}
/* Hover */
@media all and (min-width:1024px){
	#header.show{height:calc(8rem + 26.5rem)}
	#header.hover{background-color:#030D60;}
	#header.has-simbol.show::before{visibility:visible;opacity:1;transform:translateY(0);}
	#header.hover #headerGlobal{background-color:#fff;}
	#header.hover .inner{justify-content:space-between;z-index:50;}
	#header.hover .gnb{overflow:visible;}
	#header.hover .menu-link{color:#212121;}
	#header.hover .menu-link:hover{color:#2D5F26;}
	#header.hover .header_lang a{color:#212121;}
}
/*
body.open{overflow:hidden;}
body.open #header.scrolling{background-color:rgba(0,0,0,0);}
 */
@media all and (max-width:1023.98px){
	#headerGlobal::after,.gnb{display:none;}
	.mobile_open_btn,.header_menu a{display:block;}
	.hover .header_btn .m,
	.hover .header_btn .t,
	.hover .header_btn .b{background-color:rgba(255, 255, 255, 0.8);}
	.hover .header_logo a{color:#E9F600;}
	.hover .header_logo a b{color:#FFF}
	.header_logo a img {width: 120px;}
	.hover .header_logo a img {opacity: 1 !important}
	.hover .header_logo a img.on {opacity: 0 !important}
}
/* 전체메뉴 */
#mobileMenu{display:none;position:fixed;top:0px;right:0;width:100%;min-width:320px;height:100%;z-index:500;background:#030D60}
.fixed #mobileMenu{}
.mobile_head .mobile_logo{position:absolute;top:4.8rem;left:5rem;}
.mobile_head .mobile_logo a{display:inline-block;font-family:'Open Sans';font-size:3rem;font-weight:700;color:#fff;}
.mobile_head .mobile_logo a b{color:#FFF;}
.mobile_head .header_btn{top:4.4rem;right:5rem;width:5rem;height:5rem;}
.mobile_head .header_btn .t,
.mobile_head .header_btn .b{width:5rem;}
.mobile_user,.mo_menu_close{display:none;}
.mnb{position:absolute;top:50vh;left:50%;transform:translateY(-50%);width:128rem;margin-left:-64rem;}
.mnb > li{float:left;padding-right:9rem;}
.mnb .menu-link{display:block;font-size:2.8rem;font-weight:700;color: #FFFFFF;line-height:3.5rem;}
.mnb .depth{margin-top:4rem;}
.mnb .depth-item + .depth-item{margin-top:2rem;}
.mnb .depth-link{display:block;font-size:2.3rem;color: #FFFFFFB3;line-height:2.9rem;}
.mnb .depth-link:hover {color: #fff}
@media screen and (max-width:1200px){
	#mobileMenu{overflow-y:auto;}
	#mobileMenu .inner{}
	.mobile_head{height:8rem;padding:1.8rem 3.4rem;border-bottom:1px solid rgba(255,255,255,.15);}
	.mobile_head .mobile_logo{position:relative;top:auto;left:auto;}
	.mobile_head .mobile_logo a{font-size:3.3rem;}
	.mobile_head .mobile_logo a b{color:#FFF;}
	.mobile_head .mobile_logo img {width: 120px;}
	.mobile_head .header_btn{top:2rem;right:3rem;width:4rem;height:4rem;}
	.mobile_head .header_btn .t,.mobile_head .header_btn .b{width:4rem;}
	.mnb{position:relative;top:auto;left:auto;transform:translateY(0);width:auto;margin-left:0;padding:5rem;}
	.mnb > li{float:none;padding-right:0;}
	.mnb > li + li{margin-top:7rem;}
	.mnb .menu-link{font-size:3rem;line-height:3.8rem;}
	.mnb .depth{margin-top:3rem;}
	.mnb .depth-item + .depth-item{margin-top:1.5rem;}
	.mnb .depth-link{font-size:2.4rem;line-height:3rem;}
}
#footer{position:relative;padding:0;background-color:#2B2B2B}
#footerTop{padding:3rem 0;border-bottom:1px solid rgba(255,255,255,0.2);}
.footer_addr{float:left;font-size:1.6rem;color: #AAAAAACC;line-height:2.2rem;}
.footer_nav{float:right;font-size:0;}
.footer_nav::after{display:block;clear:both;content:'';}
.footer_nav > li{display:inline-block;}
.footer_nav > li + li{margin-left:2rem;}
.footer_nav > li a{font-size:1.6rem;letter-spacing: -0.32px;color: #CCCCCC;line-height:2.2rem;}
#footerGlobal{padding:3rem 0 5.7rem;}
#footerGlobal .footer_addr{display:none;}
.footer_logo{float:left;margin-right:5rem;}
.footer_logo img{height:5.5rem;}
.footer_copy{float:left;padding-top:0.6rem;line-height:3.6rem;font-size:1.6rem;letter-spacing: -0.32px;color:#aaa;}
.footer_links{position:absolute;top:0;right:0;width:22rem;}
.footer_links button{display:block;width:100%;height:5rem;padding:0 2rem;line-height:auto;border:1px solid rgba(255,255,255,0.8);background:#2B2B2B;font-size:1.6rem;letter-spacing: -0.32px;color:rgba(255,255,255,0.8);text-align:left;}
.footer_links button::after{display:block;clear:both;content:'';position:absolute;top:50%;right:2rem;width:1.5rem;height:0.8rem;margin-top:-0.4rem;background:url(../images/common/footer_links_arrow@2x.png) no-repeat 50% 50% / 100% 100%;transition:all .2s ease;opacity:0.8;}
.footer_links button:hover,
.footer_links.selected button{border-color:rgba(255,255,255,1);color:rgba(255,255,255,1);}
.footer_links button:hover::after,
.footer_links.selected button::after{opacity:1;}
.footer_links.selected button::after{transform:rotate(180deg);}
.footer_links.selected .hidden_box{display:block;}
.footer_links .hidden_box{display:none;width:100%;position:absolute;bottom:5rem;left:0;background-color:#fff;z-index:50;}
.footer_links .hidden_box li a{display:block;height:4rem;line-height:4rem;padding:0 2rem;font-size:1.6rem;letter-spacing: -0.32px;color: #333333;}
@media all and (max-width:1400px){
	#footer{padding:0 4rem;}
}
@media screen and (max-width:960px){
	#footerTop .inner{}
	#footerTop .footer_addr{display:none;}
	.footer_nav{float:none;}
	.footer_nav > li a{font-size:1.8rem;}
	.footer_logo{float:none;margin:0 0 1rem;padding:0;}
	.footer_copy{float:none;padding:0;line-height:2.4rem;}
	#footerGlobal .footer_addr{float:none;display:block;margin:0 0 3rem;}
}
@media screen and (max-width:720px){
	#footer{padding:0 3rem;}
	.footer_links{position:relative;top:auto;right:auto;margin-top:4rem;}
}
/* 레이어팝업 */
.modal_wrap{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:all .2s ease;z-index:1001;}
.modal_area{position:absolute;top:50%;left:50%;width:102rem;max-width:calc(100% - 10rem);max-height:calc(100vh - 10rem);margin:0 auto;overflow-x:visible;transform:translate(-50%,-50%);/* transform:translate(calc(-50% + 0.5px),calc(-50% + 0.5px));*/z-index:999;background-color:#fff;}
/* overflow-y:auto;*/
.modal_wrap ::-webkit-scrollbar{width:16px}
.modal_wrap ::-webkit-scrollbar-thumb{border:5px solid transparent;background-clip:padding-box;border-radius:8px;min-height:48px;background-color:rgba(51, 51, 51, 0.3)}
.modal_wrap ::-webkit-scrollbar-thumb:hover{background-color:rgba(51, 51, 51, 0.5)}
.modal_wrap ::-webkit-scrollbar-track{background-color:rgba(51, 51, 51, 0)}
.modal_wrap ::-webkit-scrollbar-track:hover{background-color:rgba(51, 51, 51, 0.1)}
.fixed{overflow:hidden}
.modal_wrap.active{opacity:1;visibility:visible;transform:scale(1.0);transition:visibility 0s linear 0s,opacity 0.25s 0s,transform 0.25s;}
body.show-modal{overflow:hidden;}
.modal_head{position:relative;height:11.5rem;padding:6rem 5rem 0;}
.modal_head::after{display:block;clear:both;content:'';position:absolute;bottom:0;left:5rem;right:5rem;height:1px;background:rgba(112, 112, 112, 0.5);}
.modal_head .modal_title{font-size:3rem;font-weight:700;letter-spacing: -0.6px;color: #333333;line-height:3.6rem;}
.modal_head .modal_close{position:absolute;top:2.2rem;right:3rem;width:2.6rem;height:2.6rem;line-height:2.6rem;border:0 none;cursor:pointer;background:url(../images/common/modal_close.png) no-repeat 50% 50% / 100% 100%;background-color:transparent;text-indent:-9999px;font-size:0;}
.modal_body{position:relative;max-height:calc(100vh - 10rem - 11.5rem);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-padding:0}
.modal_body::after{display:block;clear:both;content:'';}
.modal_content{padding:2.8rem 5rem 5rem;}
.modal_content::after{display:block;clear:both;content:'';}
.modal_content .text{font-size:1.8rem;letter-spacing: -0.36px;color: #333333;line-height:1.55;}
.modal_content .text + .info{margin-top:5rem;}
.modal_content .info{}
.modal_content .info dt{margin-bottom:1.2rem;font-size:1.8rem;font-weight:700;letter-spacing: -0.36px;color: #333333;line-height:1.55;}
.modal_content .info dd{font-size:1.6rem;letter-spacing: -0.32px;color: #333333;line-height:1.75;}
.modal_content .info dd strong{display:block;}
.modal_content .info dd strong.color{color:#030D60}
.modal_content .info dd + dt{margin-top:3rem}
.modal_content .info dd + dd{margin-top:2rem}
.modal_content .info dd p{padding-left:1.2rem;}
/*.modal_body.on .modal_content{padding-right:20px;}*/
.modal_wrap .form-submit .btns{text-align:right;}
.modal_wrap .search_bar{margin:4px 0 20px;}
.modal_wrap .search_bar .input{width:100%;}
.modal_780 .modal_area{width:780px !important;}

.modal_area.history .modal_head {height: 7.5rem;}
.modal_area.history .modal_head::after {display: none;}
.modal_area.history .hst_lst {display: flex; gap: 4rem;}
.modal_area.history .hst_lst .title {color: #030D60; margin-top: 3rem; font-size: 3rem; font-weight: bold; line-height: 1.2;}
.modal_area.history .hst_lst ul {margin-top: 3rem; padding-bottom: 4rem; width: 100%; border-bottom: 1px solid #D6D6D6;}
.modal_area.history .hst_lst:last-child ul {border-bottom: 0;}
.modal_area.history .hst_lst ul li {}
.modal_area.history .hst_lst ul li + li {margin-top: 1.5rem}
.modal_area.history .hst_lst ul li span {display: inline-block; margin-right: 2.6rem}

@media screen and (max-width:720px){
	.modal_head{padding:6rem 3rem 0;}
	.modal_head::after{left:3rem;right:3rem;}
	.modal_head .modal_close{top:3rem;width:3rem;height:3rem;line-height:3rem;}
	.modal_content{padding:2.8rem 3rem 5rem;}

	.modal_area.history .hst_lst {flex-direction: column; gap: 2rem;}
	.modal_area.history .hst_lst ul {margin-top: 0}
	.modal_area.history .hst_lst ul li {font-size: 1rem; display: flex;}
	.modal_area.history .hst_lst ul li + li {margin-top: 0.8rem}
	.modal_area.history .hst_lst ul li span {margin-right: 1.2rem}
}