/* top */
.navi_wrap {position:fixed; width:100%; height:90px; left:0px; top:0px; background:rgba(0,0,0,.7); z-index:10000; backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); transition:all 0.3s ease 0s;}
.navi_wrap.navi_hide {transform:translateY(-100%); background-color:transparent;}
.navi_logo {position:absolute; width:100px; height:90px; left:40px; top:0px; background:url('../img/svg/logo.svg') no-repeat 0px 50%; background-size:100px; padding-top:20px;}
.navi_logo a {display:block; width:100px; height:50px;}
.navi_menu {position:absolute; height:90px; right:40px; top:0px; padding-top:25px;}
.navi_menu ul li {position:relative; float:left; height:40px; margin-right:40px;}
.navi_menu ul li:last-child {margin-right:0px;}
.navi_menu ul li a {display:block; height:40px; font-size:17px; color:rgba(255,255,255,.55); padding-top:12px; line-height:100%; letter-spacing:normal; font-family:NanumSquare,Pretendard,HelveticaNeue,'¸¼Àº °íµñ','malgun gothic','Apple SD Gothic Neo','Apple SD »êµ¹°íµñ Neo','Microsoft NeoGothic','Droid sans',sans-serif; transition:all 0.3s ease 0s; font-weight:800;}
.navi_menu ul li a:hover {color:rgba(255,255,255,1);}
.on_link {color:rgba(255,255,255,1) !important;}

.mavi_mobile_bt {position:absolute; width:20px; height:30px; right:20px; top:30px; background:url('../img/svg/ham.svg') no-repeat 100% 50%; background-size:18px; display:none; cursor:pointer;}

.navi_sub_wrap {position:fixed; width:100%; height:0px; left:0px; top:0px; box-sizing:border-box; background:rgba(0,0,0,.8); z-index:11000; scroll-behavior:smooth; opacity:1; transition:all 0.6s ease 0s; overflow-y:hidden; backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px);}
.mavi_mobile_close {position:absolute; width:20px; height:30px; right:20px; top:15px; background:url('../img/svg/close_2.svg') no-repeat 100% 50%; background-size:16px; cursor:pointer;}
.navi_sub_height_mobile {height:100vh;}

.navi_sub_cont {position:relative; width:100%; padding:30px 20px 30px 20px;}
.navi_sub_cont ul li {position:relative; float:left; width:110px; margin-right:40px; padding-top:35px;}
.navi_sub_tit {position:relative; display: inline-block; width:100%; font-size:16px; font-weight:800; letter-spacing:normal; padding-bottom:9px; line-height:100%; font-family:NanumSquare,Pretendard,HelveticaNeue,'¸¼Àº °íµñ','malgun gothic','Apple SD Gothic Neo','Apple SD »êµ¹°íµñ Neo','Microsoft NeoGothic','Droid sans',sans-serif;}
.navi_sub_cont ul li a {display:inline-block; font-size:14.5px; font-weight:800; letter-spacing:normal; line-height:100%; color:rgba(255,255,255,.7); padding:2px 0px; margin-bottom:7px; font-family:NanumSquare,Pretendard,HelveticaNeue,'¸¼Àº °íµñ','malgun gothic','Apple SD Gothic Neo','Apple SD »êµ¹°íµñ Neo','Microsoft NeoGothic','Droid sans',sans-serif;}
.navi_sub_logo {position:absolute; width:76px; height:30px; left:20px; top:16px; background:url('../img/svg/logo.svg') no-repeat 0px 50%; background-size:76px; opacity:.7;}
.navi_sub_logo a {display:block; width:100%; height:30px;}

.body_scroll_none {overflow-y:hidden;}

/* sub_menu */
.sub_menu_wrap {position:fixed; width:200px; left:40px; top:174px;}
.sub_menu_wrap ul li {position:relative; width:100%; margin-bottom:7px;}
.sub_menu_wrap ul li a {display:block; padding:6px 10px 6px 0px; font-size:16px; font-weight:800; color:rgba(255,255,255,.6); letter-spacing:-0.2px;; line-height:100%; font-family:NanumSquare,Pretendard,HelveticaNeue,'¸¼Àº °íµñ','malgun gothic','Apple SD Gothic Neo','Apple SD »êµ¹°íµñ Neo','Microsoft NeoGothic','Droid sans',sans-serif; transition:all 0.3s ease 0s;}
.sub_menu_wrap ul li a:hover {color:#fff;}
.sub_menu_wrap ul li a.on_link_sub {color:#fff !important;}

/* sub_menu mobile */
.sub_menu_mobwrap {position:absolute; width:100%; left:0px; top:100px; z-index:5000; overflow-x:auto; overflow-y:hidden; white-space:nowrap; font-size:0; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; display:none;}
.sub_menu_mobwrap::-webkit-scrollbar {display:none !important;}
.sub_menu_mobwrap ul li {position:relative; display:inline-block; margin-right:23px;}
.sub_menu_mobwrap ul li:last-child {margin-right:20px;}
.sub_menu_mobwrap ul li:first-child {margin-left:20px;}
.sub_menu_mobwrap ul li a {display:block; padding:6px 0px 6px 0px; font-weight:800; color:rgba(255,255,255,.6); letter-spacing:-0.2px;; line-height:100%; font-family:NanumSquare,Pretendard,HelveticaNeue,'¸¼Àº °íµñ','malgun gothic','Apple SD Gothic Neo','Apple SD »êµ¹°íµñ Neo','Microsoft NeoGothic','Droid sans',sans-serif;}
.sub_menu_mobwrap ul li a.on_link_submob {color:#fff !important;}

/* footer */
.footer_wrap {position:relative; width:100%; font-size:14px; font-weight:300; color:rgba(255,255,255,.7); text-align:left; line-height:160%; letter-spacing:normal; padding:50px 40px 100px 40px; border-top:solid 1px rgba(255,255,255,.1); word-break:keep-all;}
.footer_col {display:inline-block; font-size:11px; padding-top:20px; font-weight:300; color:rgba(255,255,255,.5); font-family:NanumSquare,Pretendard,HelveticaNeue,'¸¼Àº °íµñ','malgun gothic','Apple SD Gothic Neo','Apple SD »êµ¹°íµñ Neo','Microsoft NeoGothic','Droid sans',sans-serif;}
.footer_col_2 {padding-left:5px; padding-right:5px; color:rgba(255,255,255,.4); font-size:11px;}
.footer_logo {position:absolute; width:80px; height:40px; right:40px; bottom:40px; background:url('../img/svg/logo.svg') no-repeat 0px 0px; background-size:80px; opacity:.2;}


/* ÅÂºí¸´ CSS */
@media all and (max-width:1600px){
	.navi_wrap {height:60px;}
	.navi_menu {display:none;}
	.navi_logo {width:76px; height:60px; left:20px; background-size:76px; padding-top:10px; background-position:0px calc(50% + 1px);}
	.navi_logo a {display:block; width:70px; height:40px;}
	.mavi_mobile_bt {right:20px; top:15px; display:block;}
	.navi_sub_cont {padding:30px 20px 30px 20px;}
	
	.sub_menu_wrap {display:none;}
	.sub_menu_mobwrap {display:block;}
	.sub_menu_mobwrap ul li a {font-size:14.5px;}
	
	.footer_wrap {font-size:13px; padding:40px 20px 90px 20px; color:rgba(255,255,255,.6);}
	.footer_logo {width:70px; right:20px; bottom:20px; background-size:70px;}
}


/* ¸ð¹ÙÀÏ CSS */
@media all and (max-width:480px){
	.navi_wrap {height:60px;}
	.navi_menu {display:none;}
	.navi_logo {width:76px; height:60px; left:20px; background-size:76px; padding-top:10px; background-position:0px calc(50% + 1px);}
	.navi_logo a {display:block; width:70px; height:40px;}
	.mavi_mobile_bt {right:20px; top:15px; display:block;}
	.navi_sub_cont {padding:60px 20px 30px 20px;}
	.navi_sub_cont ul li {float:none;}
	
	.sub_menu_wrap {display:none;}
	.sub_menu_mobwrap {display:block;}
	.sub_menu_mobwrap ul li a {font-size:14px;}
	
	.footer_wrap {font-size:13px; padding:40px 20px 90px 20px; color:rgba(255,255,255,.6);}
	.footer_logo {width:70px; right:20px; bottom:20px; background-size:70px;}
}