@charset "utf-8";
/* 상단 레이아웃 */
#header{position:fixed;top:0;left:0;width:100%;z-index:1001;width:100%;height:50px;box-shadow:0 1px 0px rgba(255,255,255,.3);letter-spacing:0}
#header:hover{background-color:rgba(0,0,0,.7);backdrop-filter:blur(30px)}
#header.fixed{background-color:rgba(0,0,0,.7);backdrop-filter:blur(30px)}
#hd_h1{position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb{display:none;height:40px;font-weight:400;text-align:right}
#tnb ul{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;height:40px;}
#tnb li{display:inline-block;}
#tnb a{display:block;padding:0 10px;font-size:11px;color:#888;line-height:20px}
#tnb a:hover,#tnb a:active,#tnb a:focus{color:#c8ff64}

#logo{overflow:hidden;position:absolute;left:20px;height:50px;line-height:50px}
#logo a{display:inline-block;vertical-align:middle}
#logo img{display:inline-block;width:auto;height:30px;vertical-align:middle}

/* 메인메뉴 */
#gnb .gnb_1dli{display:none}
#gnb_all{overflow-x:hidden;overflow-y:auto;display:none;position:fixed;z-index:10000;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,1)}
#gnb_all .inner{max-width:1000px;width:100%;margin:0 auto}
#gnb_all h2{margin:60px 0 20px;font-size:30px;font-weight:700;color:#fff;text-align:center;line-height:1.2}
#gnb_all .bg{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
#gnb_all .gnb{width:100%;padding:0 10px 3rem}
#gnb_all .gnb_1da,#gnb_all .gnb_2da,#gnb_all .gnb_1dli,#gnb_all .gnb_2dli,#gnb_all .gnb_1dul,#gnb_all .gnb_2dul,#gnb_all .gnb_2dul .gnb_2dul_box{margin:0;padding:0;border:0;background-color:rgba(0,0,0,0)}
#gnb_all #gnb_1dul{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}
#gnb_all .gnb_1dli{width:50%;padding:20px 10px 0}
#gnb_all .gnb_1da{display:inline-block;width:100%;padding:10px 0;border:solid 1px #fff;font-size:14px;color:#fff;text-align:center}
#gnb_all .gnb_1da:after{margin:0}
#gnb_all .gnb_2dul{display:block;position:relative;top:0;min-width:auto;margin-top:10px;padding:0}
#gnb_all .gnb_2dli{display:block}
#gnb_all .gnb_2da{display:block;padding:5px 0;border-bottom:solid 1px #404040;font-weight:500;font-size:13px;color:#818181;line-height:1;transition:0.3s}
#gnb_all .gnb_close_btn{position:absolute;top:20px;right:20px;z-index:10001;width:35px;height:35px;border:0;background-color:rgba(0,0,0,0)}
#gnb_all .gnb_close_btn .bar{display:block;position:absolute;left:0;top:15px;width:inherit;height:2px;background-color:#fff;transition:transform .3s ease,  top .3s ease, left .3s ease;-webkit-transition:transform .3s ease,  top .3s ease, left .3s ease;-moz-transition:transform .3s ease,  top .3s ease, left .3s ease}
#gnb_all .gnb_close_btn .bar:nth-child(1){top:15px;transform:translateY(0) rotate(45deg);-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg)}
#gnb_all .gnb_close_btn .bar:nth-child(2){opacity:0;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s}
#gnb_all .gnb_close_btn .bar:nth-child(3){top:15px;transform:translateY(0) rotate(-45deg);-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg)}
#gnb_all .gnb_member{display:block}
#header #gnb_all .gnb_mnal{display:none}

.gnb_member{display:block;position:absolute;top:50%;right:56px;z-index:999;margin-top:-15px;text-align:center}
.gnb_member a{display:block;width:30px;height:30px;border-radius:50%;background-color:#fff}
.gnb_member i{font-size:15px;color:#000;line-height:30px}
.gnb_member a:hover i,.gnb_member a:focus i{color:#00a870}
#hd_member{display:none;position:absolute;top:0;right:0;width:160px;padding-left:40px}
#hd_member li{float:left;width:40px}
#hd_member li a:focus i,#hd_member li a:hover i{color:#00a870}
#hd_member i{font-size:18px;color:#000;line-height:36px;text-align:center}
#hd_member .btn_close{display:block;position:absolute;top:0;left:0;width:36px;height:36px;background-color:#fff;border:0;line-height:36px}
#hd_member .btn_close i{line-height:36px}
#hd_member .btn_close:focus i,#hd_member .btn_close:hover i{color:#00a870}

.gnb_search{display:none;position:absolute;top:50%;right:56px;z-index:999;margin-top:-15px;text-align:center}
.gnb_search a{display:block;width:30px;height:30px;border-radius:50%;background-color:#1d9344}
.gnb_search a:focus,.gnb_search a:hover{background-color:#fff}
.gnb_search i{font-size:15px;color:#fff;line-height:30px}
.gnb_search a:focus i,.gnb_search a:hover i{color:#1d9344}

#header .gnb_mnal{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;position:absolute;top:50%;bottom:0;right:10px;z-index:999;width:30px;height:30px;margin-top:-15px}
#header .gnb_menu_btn{position:relative;width:100%;height:100%;border:0;border-radius:50%;background-color:#2f51a6}
#header .gnb_menu_btn .bar{display:block;position:absolute;left:0;right:0;width:inherit;width:10px;height:1px;margin:0 auto;background-color:#fff;transition:transform .3s ease,  top .3s ease, left .3s ease;-webkit-transition:transform .3s ease,  top .3s ease, left .3s ease;-moz-transition:transform .3s ease,  top .3s ease, left .3s ease}
#header .gnb_menu_btn .bar:nth-child(1){top:calc(50% - 5px)}
#header .gnb_menu_btn .bar:nth-child(2){top:calc(50% - 1px);opacity:1;transition:opacity .1s ease .125s, left .2s ease;-webkit-transition:opacity .1s ease .125s, left .2s ease;-moz-transition:opacity .1s ease .125s, left .2s ease}
#header .gnb_menu_btn .bar:nth-child(3){top:calc(50% + 3px)}
#header .gnb_menu_btn:hover .bar:nth-child(2){left:5px}
#header .gnb_menu_btn:hover,#header .gnb_menu_btn:focus{background-color:#fff}
#header .gnb_menu_btn:hover .bar,#header .gnb_menu_btn:focus .bar{background-color:#2f51a6}

@media screen and (min-width:360px){
	.gnb_member{right:102px}
	.gnb_search{display:block;right:56px}
}
@media screen and (min-width:480px){
	#gnb_all h2{margin-bottom:30px;font-size:36px}
	#gnb_all h2 br{display:none}
	#gnb_all .gnb{padding:0 20px}
	#gnb_all .gnb_1dli{padding:20px}
	#gnb_all .gnb_2dul{margin-top:20px}
	#gnb_all .gnb_2da{padding:10px 0}
}
@media screen and (min-width:550px){
	#header{height:70px}
	#logo{overflow:hidden;height:70px;line-height:70px}
	#logo img{height:40px}
	.gnb_member{right:132px;margin-top:-18px}
	.gnb_member a{width:36px;height:36px}
	.gnb_member i{font-size:18px;line-height:36px}
	.gnb_search{right:76px;margin-top:-18px}
	.gnb_search a{display:block;width:36px;height:36px}
	.gnb_search i{font-size:18px;line-height:36px}
	#header .gnb_mnal{right:20px;width:36px;height:36px;margin-top:-18px}
	#header .gnb_menu_btn .bar{width:16px;height:2px;}
	#header .gnb_menu_btn .bar:nth-child(1){top:calc(50% - 7px)}
	#header .gnb_menu_btn .bar:nth-child(2){top:calc(50% - 1px)}
	#header .gnb_menu_btn .bar:nth-child(3){top:calc(50% + 5px)}
}
@media screen and (min-width:767px){
	#gnb_all h2{margin:100px 0 50px;font-size:60px}
	#gnb_all .gnb_1dli{width:33.333%}
	#gnb_all .gnb_1da{font-size:20px}
	#gnb_all .gnb_2da{font-size:15px}
	#gnb_all .gnb_1da:lang(en){font-size:15px}
}
@media screen and (min-width:1000px){
	#header{height:90px}
	#logo{height:80px;line-height:80px}
	#logo img{height:40px}

	#gnb{display:block;width:100%;text-align:center}
	#gnb > h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
	#gnb #gnb_1dul{display:inline-block;position:relative}
	#gnb .gnb_1dli{display:inline-block}
	#gnb .gnb_mypage{display:none}
	.gnb_1da{display:block;padding:0 1rem;font-size:1rem;font-weight:500;color:#fff;text-align:center;text-decoration:none;line-height:90px}
	#gnb .gnb_1dli:hover .gnb_1da,#gnb .gnb_1dli:focus .gnb_1da{color:#387eff}
	.gnb_2dul{display:none;position:absolute;z-index:9999;top:90px;left:0;width:100%;height:60px;margin:0;text-align:left}
	#gnb .gnb_2dul{top:90px}
	.gnb_2dul_box{display:block;position:relative;width:100%;margin:0;padding:0}
	.gnb_2dli{display:inline-block}
	.gnb_2da{display:block;padding:0 5px;font-size:0.9rem;line-height:60px;color:#fff;text-align:left;letter-spacing:-0.03rem}
	.gnb_2da:hover{font-weight:500;color:#00c994}
	.gnb_3dul{display:none}
	.gnb_1dli0 .gnb_2dul{left:-10%}
	.gnb_1dli1 .gnb_2dul{left:18%}
	.gnb_1dli2 .gnb_2dul{left:44%}
	.gnb_1dli3 .gnb_2dul{left:64%}
	.gnb_1dli4 .gnb_2dul{left:68%}
	#gnb .gnb_1dli5{display:none}
	#gnb .gnb_1dli6{display:none}
	#gnb .gnb_1dli7{display:none}
	#gnb .gnb_1dli8{display:none}
	#gnb .bg{display:inline-block !important;position:absolute !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important}
	.gnb_1dli:hover .gnb_2dul,.gnb_1dli:focus .gnb_2dul,.gnb_1dli_over .gnb_2dul,.gnb_1dli_on .gnb_2dul,.gnb_2dul:hover{display:block}
	#gnb_snb{display:none;position:absolute;z-index:1000;top:90px;left:0;width:100%;height:60px;margin:0;border-top:1px solid rgba(255,255,255,.05);background-color:rgba(0,0,0,.7);backdrop-filter:blur(30px)}

	#gnb_all h2{margin:150px 0 50px}
	#gnb_all .gnb{padding:0}
	#gnb_all .gnb_1dli{width:20%}
	#gnb_all .gnb_1da{line-height:40px}
	#gnb_all .gnb_2dul{height:auto}
	#gnb_all .gnb_1dli0 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli1 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli2 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli3 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli4 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli5 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_2dul_box{width:100%}
	#gnb_all .gnb_close_btn{top:28px;right:22px;width:35px;height:35px}

	.gnb_member{right:142px}
	.gnb_search{right:86px}
	#header .gnb_mnal{right:30px}
	#hd_member{right:-10px}
}
@media screen and (min-width:1200px){
	#logo img{height:45px}
	#gnb{padding-right:0;text-align:center}
	.gnb_1dli1 .gnb_2dul{width:700px}

	#gnb_all .inner{max-width:80%}
	#gnb_all .gnb_1dli0 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli1 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli2 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli3 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli4 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli5 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_close_btn{top:38px;right:38px;width:35px;height:35px}

	.gnb_member{right:170px;margin-top:-25px}
	.gnb_member a{display:block;width:50px;height:50px}
	.gnb_member i{font-size:20px;line-height:50px}
	#hd_member{width:240px;padding-left:60px}
	#hd_member li{width:60px}
	#hd_member i{font-size:20px;line-height:50px}
	#hd_member .btn_close{width:50px;height:50px;line-height:50px}
	#hd_member .btn_close i{line-height:50px}
	.gnb_search{right:100px;margin-top:-25px}
	.gnb_search a{width:50px;height:50px}
	.gnb_search i{font-size:20px;line-height:50px}
	#header .gnb_mnal{width:50px;height:50px;margin-top:-25px}
}
@media screen and (min-width:1400px){
	#header{height:110px}
	#logo{left:60px;height:100px;line-height:100px}
	.gnb_1da{padding:0 1rem;line-height:110px;font-size:1.1rem}
	#gnb .gnb_2dul{top:110px}
	#gnb_snb{top:110px}
	.gnb_2dul{height:60px}
	.gnb_2da{padding:0 5px;letter-spacing:0}
	.gnb_member{right:220px}
	.gnb_search{right:140px}
	#header .gnb_mnal{right:60px}

	#gnb_all .gnb_1dli0 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli1 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli2 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli3 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli4 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli5 .gnb_2dul{width:100%;left:0}
}
@media screen and (min-width:1600px){
	#logo img{height:auto}
	.gnb_1da{padding:0 1rem;font-size:1.1rem}
	.gnb_2dul{height:70px}
	.gnb_2da{font-size:0.85rem;line-height:70px}
	.gnb_1dli1 .gnb_2dul{width:800px}
	#gnb_snb{height:70px}

	#gnb_all .gnb_1dli0 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli1 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli2 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli3 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli4 .gnb_2dul{width:100%;left:0}
	#gnb_all .gnb_1dli5 .gnb_2dul{width:100%;left:0}
}
@media screen and (min-width:1900px){
	.gnb_member{right:240px}
	.gnb_search{right:150px}
}

/* 중간 레이아웃 */
#container{position:relative;display:block;width:100%;overflow:hidden}
#gnb_qa{display:none;position:absolute;top:-7vw;right:-7vw;z-index:10;width:28vw;height:28vw;padding:17vw 0 0 6%;border-radius:50%;background-color:rgba(19,189,126,.5);color:#fff;text-align:left;}
#gnb_qa a{display:flex;justify-content:space-around;align-items:center;width:150px;height:40px;margin-top:10px;border-radius:25px;background-color:#fff;font-weight:600;color:#444}
#gnb_qa i{color:#13bd7e}
@media screen and (min-width:1000px){
	#gnb_qa{display:block;}
}
@media screen and (min-width:1200px){
	#gnb_qa{padding:16vw 0 0 6%}
	#gnb_qa a{width:170px;height:50px;margin-top:20px;}
}
@media screen and (min-width:1900px){
	#gnb_qa{top:-133px;right:-133px;width:530px;height:530px;}
}


/* 하단 레이아웃 */
#footer{display:block;width:100%;background-color:#222;color:#aaa}
#footer .inner{position:relative;max-width:1600px;width:90%;margin:0 auto}
#footer a{color:rgba(255,255,255,0.7)}
#footer #fnb{display:block;width:100%;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
#footer #fnb a{display:inline;padding-right:5px;font-size:0.95rem;line-height:1.5}
#footer #fnb a:before{content:"";display:none;width:3px;height:3px;margin:0 0.5rem;border-radius:50%;background-color:rgba(255,255,255,0.5);vertical-align:middle}
#footer #fnb a:first-child:before{display:none}
#footer #fnb strong{font-size:0.95rem;font-weight:500;color:#fff}
#footer .ft_copy_wr{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:flex-start;padding:2rem 0}
#footer .ft_logo{display:none;width:20%;padding-right:3rem}
#footer .ft_logo img{max-width:100%;height:auto}
#footer .ft_address{font-size:1rem;line-height:1.6}
#footer .ft_copy{padding-top:1rem;font-size:0.9rem;font-weight:200;color:rgba(255,255,255,0.4)}
@media screen and (min-width:767px){
	#footer #fnb a{padding-right:0}
	#footer #fnb a:before{display:inline-block}
	#footer .ft_logo{display:block;width:22%}
	#footer .ft_address_wr{width:78%}
}
@media screen and (min-width:1000px){
	#footer #fnb{padding:1.5rem 0}
}
@media screen and (min-width:1600px){
	#footer #fnb{padding:2rem 0}
}

#top_btn{display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:999999;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background-color:#3059c7;color:#fff}
@media screen and (min-width:767px){
	#top_btn{display:block}
}

.animate__animated.animate__bounce{--animate-duration:2s}
:root{--animate-duration:800ms;--animate-delay:2s}