.navi_wrap {position:fixed; width:100%; height:100px; box-sizing:border-box; z-index:10000; transition:all 0.2s ease 0s;}
.navi_bg {background:rgba(19,19,19,.98); transition:all 0.2s ease 0s;}
.navi_bg_2 {background:rgba(19,19,19,.98); transition:all 0.2s ease 0s;}
.navi {position:relative; width:100%; height:100px; box-sizing:border-box; padding:0px 50px;}
.navi_logo {position:relative; float:left; width:70px; height:100px; background:url("../img/inc/top_logo.png") no-repeat 0px 50%; background-size:70px 70px;}
.navi_logo a {display:block; width:70px; height:100px;}
.navi_menu {position:relative; float:left; height:100px; box-sizing:border-box; margin-left:50px;}
.navi_menu ul li {position:relative; float:left; height:100px; box-sizing:border-box; margin-right:44px;}
.navi_menu ul li a {display:block; height:100px; color:rgba(255,255,255,.8); font-size:19px; font-weight:600; line-height:100px; transition:all 0.2s ease 0s;}
.navi_menu ul li a:hover {color:rgba(255,255,255,1);}
.navi_menu ul li:last-child {margin-right:0px;}
.navi_menu ul li a.on_link {color:#3efeff;}
.navi_util {position:relative; float:right; height:100px; box-sizing:border-box;}
.navi_util ul li {position:relative; float:right; box-sizing:border-box; margin-left:20px;}
.navi_util ul li a {display:block; height:100px; color:rgba(255,255,255,.8); line-height:100px; font-size:16px; font-weight:400; transition:all 0.2s ease 0s;}
.navi_util ul li a:hover {color:rgba(255,255,255,1);}

.navi_sub_wrap {position:absolute; width:100%; left:0px; top:-2000px; box-sizing:border-box; padding:10px 50px 55px 170px; background:rgba(19,19,19,.98); scroll-behavior:smooth;}
.navi_sub_pos {top:100px;}
.navi_sub_pos_mobile {top:0px;}
.navi_sub_box {position:relative; box-sizing:border-box;}
.navi_sub_column {position:relative; float:left; margin-right:50px;}
.navi_sub_tit {position:relative; box-sizing:border-box; height:22px;}
.navi_sub_tit a {font-size:17px; font-weight:600; color:#3efeff;}
.navi_sub_tit_none {position:relative; box-sizing:border-box; height:22px;}
.navi_sub_tit_mobile {position:relative; box-sizing:border-box; height:22px;}
.navi_sub_tit_mobile a {font-size:17px; font-weight:600; color:#3efeff;}

.navi_sub_tit_2 {display:inline-block; font-size:17px; font-weight:600; color:#fff; box-sizing:border-box; padding-top:22px; padding-bottom:5px;}
.navi_sub_txt {position:relative; box-sizing:border-box;}
.navi_sub_txt a {display:inline-block; font-size:14px; font-weight:300; color:rgba(255,255,255,.75); line-height:130%; margin-bottom:4px; transition:all 0.2s ease 0s; word-break:keep-all;}
.navi_sub_txt a:hover {color:rgba(255,255,255,1);}

.navi_bt_wrap {position:absolute; width:22px; height:25px; top:27px; right:20px; display:none;}
.navi_bt>span{
  display:block;
  width:22px;
  height:3px;
  margin-top:4px;
  margin-bottom:4px;
  background-color:rgba(255,255,255,.8);
  transition: transform 0.5s, opacity 0.5s;
}
.navi_bt_wrap.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.navi_bt_wrap.active span:nth-child(2){opacity:0;}
.navi_bt_wrap.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.navi_util_mobile {position:absolute; display:none; height:20px; right:64px; top:29px; box-sizing:border-box;}
.navi_util_mobile ul li {position:relative; float:right; height:20px; box-sizing:border-box; margin-left:14px;}
.navi_util_mobile ul li a {display:block; height:20px; color:rgba(255,255,255,.8); line-height:20px; font-size:15px; font-weight:600; transition:all 0.2s ease 0s; letter-spacing:-0.5px;}
.navi_util_mobile ul li a:hover {color:rgba(255,255,255,1);}

.body_scroll_none {overflow-y:hidden;}
.scroll_top_bt {position:fixed; width:64px; height:64px; right:50px; bottom:50px; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1);  background:rgba(19,19,19,.9) url("../img/svg/top_bt.svg") no-repeat 50% 50%; background-size:16px; cursor:pointer; transition:all 0.2s ease 0s; z-index:9000;}
.scroll_top_bt:hover {border:solid 1px rgba(255,255,255,.25);}

.foot_wrap {position:relative; width:100%; box-sizing:border-box; border-top:solid 1px rgba(255,255,255,.08); margin-top:80px; padding-bottom:90px;}
.foot_cont_box {position:relative; width:1220px; box-sizing:border-box; margin:0 auto; padding-top:45px;}
.foot_util_wrap {position:relative; width:100%; box-sizing:border-box;}
.foot_util_wrap a {display:inline-block; font-size:16px; font-weight:400; color:rgba(255,255,255,.7); letter-spacing:-0.3px; margin-right:15px; transition:all 0.2s ease 0s;}
.foot_util_wrap a:hover {color:rgba(255,255,255,1);}
.foot_util_wrap a:last-child {margin-right:0px;}
.foot_add_wrap {position:relative; width:70%; box-sizing:border-box; font-size:14px; font-weight:300; color:rgba(255,255,255,.6); letter-spacing:-0.1px; line-height:160%; margin-top:20px; word-break:keep-all;}
.foot_col {display:inline-block; padding:0 5px; color:rgba(255,255,255,.2);}
.foot_col_2 {display:inline-block; font-size:12px; padding-top:8px; color:rgba(255,255,255,.4); letter-spacing:0.2px;}
.foot_col_3 {display:inline-block;}
.foot_logo {position:absolute; width:178px; height:56px; right:0px; top:50px; background:url("../img/inc/bottom_logo.png") no-repeat; background-size:178px 56px;}
.foot_logo a {display:inline-block; width:80px; height:56px;}
.foot_social {position:absolute; width:263px; height:26px; right:0px; top:125px; box-sizing:border-box;}
.foot_social ul li {position:relative; float:left; height:26px; margin-right:10px; font-size:12px; font-weight:300; color:rgba(255,255,255,.4); line-height:26px; letter-spacing:0.2px;}
.foot_social ul li.foot_s1 {box-sizing:border-box; padding-left:29px; background:url("../img/inc/social_1.png") no-repeat 0px 50%; background-size:24px 24px;}
.foot_social ul li.foot_s2 {box-sizing:border-box; padding-left:28px; background:url("../img/inc/social_2.png") no-repeat 0px 50%; background-size:24px 24px;}
.foot_social ul li.foot_s3 {width:26px; box-sizing:border-box; background:url("../img/inc/social_4.png") no-repeat 0px 50%; background-size:26px 26px;}
.foot_social ul li a {display:block; width:100%; height:26px;}
.foot_social ul li:last-child {margin-right:0px;}

/* 레이어 CSS */
.lay_bg {position:fixed; width:100%; height:100vh; left:0px; top:0px; box-sizing:border-box; background:rgba(19,19,19,.95); z-index:20000; padding-top:50px; padding-bottom:50px; overflow-y:auto;}
.laybox_wrap {position:relative; width:440px; margin:0 auto; box-sizing:border-box; border-radius:14px; background:#2b2b2b; box-shadow:0px 0px 20px 5px rgba(0,0,0,.04);}
.lay_wrap {position:relative; width:100%; box-sizing:border-box; padding:70px 40px 50px 40px; border-radius:14px;}
.lay_close {position:absolute; width:40px; height:40px; right:12px; top:12px; box-sizing:border-box; background:rgba(43,43,43,.97) url("../img/svg/close.svg") no-repeat 50% 50%; background-size:16px; cursor:pointer; opacity:0.6; transition:all 0.3s ease 0s; border-radius:5px;}
.lay_close:hover {opacity:1;}
.lay_tit {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,1); font-size:22px; letter-spacing:-0.5px; font-weight:600; padding-bottom:20px;}
.lay_line {position:relative; width:16px; height:3px; background:rgba(255,255,255,.3);}
.lay_txt {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.7); font-size:14px; letter-spacing:-0.1px; font-weight:300; line-height:150%; padding-top:20px; word-break:keep-all; padding-bottom:26px;}
.lay_loginbox {position:relative; width:100%; box-sizing:border-box;}
.lay_loginbox ul li {position:relative; width:100%; height:60px; box-sizing:border-box; margin-bottom:5px;}
.lay_loginbtbox {position:relative; width:100%; box-sizing:border-box; font-size:14px; letter-spacing:-0.3px; font-weight:400; color:rgba(255,255,255,.7); margin-top:32px;}
.lay_loginbtbox_2 {position:relative; width:100%; box-sizing:border-box; font-size:14px; letter-spacing:-0.3px; font-weight:400; color:rgba(255,255,255,.7); margin-top:8px;}
.lay_loginbt {position:absolute; right:0px; top:0px; box-sizing:border-box; font-size:14px; letter-spacing:-0.3px; font-weight:400; color:rgba(255,255,255,.9); cursor:pointer; transition:all 0.2s ease 0s;}
.lay_loginbt:hover {color:#24cdd2;}
.lay_result_none {position:relative; width:100%; box-sizing:border-box; border-radius:5px; border:solid 1px rgba(255,255,255,.1); padding:36px 30px; font-size:14px; line-height:150%; color:rgba(255,255,255,.6); text-align:center; font-weight:300; word-break:keep-all; margin-top:14px; margin-bottom:20px;}
.lay_col {display:inline-block; font-size:16px; font-weight:400; color:#fff; padding-bottom:8px;}
.lay_result_box {position:relative; width:100%; box-sizing:border-box; padding-bottom:20px; border-bottom:solid 1px rgba(255,255,255,.1); margin-top:14px;}
.lay_result_tit {position:relative; width:100%; box-sizing:border-box; padding-bottom:2px; font-size:14px; color:rgba(255,255,255,.6); font-weight:300;}
.lay_result_txt {position:relative; width:100%; box-sizing:border-box; font-size:16px; color:rgba(255,255,255,1); font-weight:300; letter-spacing:0.3px;}
.lay_result_box_2 {position:relative; width:100%; box-sizing:border-box; padding-bottom:30px; padding-top:20px;}
.lay_result_bt {position:relative; width:100%; height:60px; box-sizing:border-box; border-radius:5px; border:solid 1px rgba(255,255,255,.1); font-size:14px; color:rgba(255,255,255,.8); text-align:center; font-weight:300; cursor:pointer; padding-top:18px; transition:all 0.2s ease 0s;}
.lay_result_bt:hover {border:solid 1px rgba(255,255,255,.2); color:rgba(255,255,255,1);}

/* 문의 */
.lay_inq_tel {position:relative; width:100%; box-sizing:border-box; font-size:14px; letter-spacing:-0.2px; font-weight:300; color:rgba(255,255,255,.7); word-break:keep-all; margin-bottom:16px;}
.lay_inq_col {display:inline-block; font-size:16px; letter-spacing:normal; font-weight:300; color:rgba(255,255,255,.9); padding-bottom:4px;}
.lay_inq_box {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); border-radius:5px; background:url("../img/inc/social_1.png") no-repeat 10px 50%; background-size:24px; padding:16px 16px 16px 44px; font-size:15px; letter-spacing:normal; font-weight:300; color:rgba(255,255,255,.7); margin-bottom:5px; line-height:130%;}
.lay_inq_box_2 {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); border-radius:5px; background:url("../img/inc/social_2.png") no-repeat 10px 50%; background-size:24px; padding:16px 16px 16px 44px; font-size:15px; letter-spacing:normal; font-weight:300; color:rgba(255,255,255,.7); margin-bottom:5px; line-height:130%;}
.lay_inq_box_3 {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); border-radius:5px; background:url("../img/inc/social_4.png") no-repeat 10px 50%; background-size:26px; padding:16px 16px 16px 44px; margin-bottom:5px; line-height:130%; word-break:break-all;}
.lay_inq_box_3 a {font-size:15px; letter-spacing:normal; font-weight:300; color:rgba(255,255,255,.7); transition:all 0.2s ease 0s;}
.lay_inq_box_3 a:hover {color:rgba(255,255,255,1);}


/* 레이어 폼 */
.inputForm_login
{
	font-size:18px;
	font-weight:400;
	letter-spacing:normal;
	color:rgba(255,255,255,.9);
	height:60px;
	width:100%;
	box-sizing:border-box;
	font-family:Pretendard,NotoSansKR,HelveticaNeue,'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif;
	padding-left:15px;
	background-color:transparent;
	border-radius:5px;
	border:solid 1px rgba(255,255,255,.15);
	transition:all 0.15s ease 0s;
}
input.inputForm_login::-webkit-input-placeholder{color:rgba(255,255,255,.6); font-size:15px; font-weight:400; letter-spacing:-1px;}
input.inputForm_login::-moz-placeholder{color:rgba(255,255,255,.6); font-size:15px; font-weight:400; letter-spacing:-1px;}
input.inputForm_login:-moz-placeholder{color:rgba(255,255,255,.6); font-size:15px; font-weight:400; letter-spacing:-1px;}
input.inputForm_login:-ms-input-placeholder{color:rgba(255,255,255,.6); font-size:15px; font-weight:400; letter-spacing:-1px;}
.inputForm_login:focus {background-color:#2d2d2d; border:solid 1px rgba(255,255,255,.2);}

.inputForm_login_bt {width:100%; height:60px; box-sizing:border-box; cursor:pointer; border-radius:5px; border:solid 1px rgba(255,255,255,.15); color:rgba(255,255,255,.9); font-size:15px; letter-spacing:-0.3px; font-weight:600; transition:all 0.2s ease 0s; background:#2b2b2b;}
.inputForm_login_bt:hover {border:solid 1px rgba(255,255,255,.25); color:rgba(255,255,255,1);}


/* 태블릿 CSS */
@media all and (max-width:1260px){
	.navi_wrap {height:80px;}
	.navi {height:80px; padding:0px 20px;}
	.navi_logo {width:56px; height:80px; background-size:56px 56px;}
	.navi_logo a {width:56px; height:80px;}
	.navi_menu {display:none;}
	.navi_util {display:none;}
	.navi_sub_wrap {padding:70px 20px 130px 20px; height:100vh; overflow-y:auto;}
	.navi_util_mobile {display:block;}
	.navi_sub_tit_mobile {margin-top:22px;}
	.navi_sub_tit_none {height:0px;}	
	.navi_sub_column {float:none; margin-right:25px;}	
	.navi_bt_wrap {display:block;}
	.navi_sub_txt a {font-weight:400; color:rgba(255,255,255,.7); margin-bottom:8px; font-size:14.5px;}
	.navi_sub_tit_2 {padding-bottom:7px;}
	.scroll_top_bt {width:60px; height:60px; right:20px; bottom:20px; background:rgba(19,19,19,.9) url("/img/svg/top_bt.svg") no-repeat 50% 50%; background-size:12px; border-radius:2px;}
	
	.foot_wrap {padding-bottom:70px;}
	.foot_cont_box {width:100%; padding-left:20px; padding-right:20px; padding-top:37px;}
	.foot_util_wrap {text-align:center;}
	.foot_util_wrap a {font-size:15px;}
	.foot_logo {position:relative; margin:0 auto; top:0px; margin-top:12px;}
	.foot_social {position:relative; margin:0 auto; top:0px; margin-top:10px;}
	.foot_add_wrap {position:relative; width:80%; margin:0 auto; left:0px; top:0px; text-align:center; font-size:13px; color:rgba(255,255,255,.5); letter-spacing:-0.4px; margin-top:17px;}
	.foot_col {padding:0 3px; color:rgba(255,255,255,.2);}
	.foot_col_2 {font-size:11px; padding-top:6px; color:rgba(255,255,255,.3); letter-spacing:normal;}
	
	.lay_bg {padding-top:20px; padding-bottom:100px;}
	.laybox_wrap {width:440px;}
	.lay_wrap {width:100%; box-sizing:border-box; padding:70px 23px 50px 23px;}
	.lay_tit {font-size:20px; letter-spacing:-0.3px;}
	.lay_txt {padding-bottom:25px; color:rgba(255,255,255,.6);}
	.lay_close {right:11px; top:11px;}
	.lay_loginbtbox {letter-spacing:-0.1px; font-weight:300; color:rgba(255,255,255,.6); height:48px; margin-top:30px;}
	.lay_loginbtbox_2 {letter-spacing:-0.1px; font-weight:300; color:rgba(255,255,255,.6); height:48px; margin-top:10px;}
	.lay_loginbt {left:0px; right:auto; top:23px; letter-spacing:-0.1px;}
	
}


/* 모바일 CSS */
@media all and (max-width:480px){
	.navi_wrap {height:80px;}
	.navi {height:80px; padding:0px 20px;}
	.navi_logo {width:56px; height:80px; background-size:56px 56px;}
	.navi_logo a {width:56px; height:80px;}
	.navi_menu {display:none;}
	.navi_util {display:none;}
	.navi_sub_wrap {padding:70px 20px 130px 20px; height:100vh; overflow-y:auto;}
	.navi_util_mobile {display:block;}
	.navi_sub_tit_mobile {margin-top:22px;}
	.navi_sub_tit_none {height:0px;}	
	.navi_sub_column {float:none; margin-right:25px;}	
	.navi_bt_wrap {display:block;}
	.navi_sub_txt a {font-weight:400; color:rgba(255,255,255,.7); margin-bottom:8px; font-size:14.5px;}
	.navi_sub_tit_2 {padding-bottom:7px;}
	.scroll_top_bt {width:60px; height:60px; right:20px; bottom:20px; background:rgba(19,19,19,.9) url("/img/svg/top_bt.svg") no-repeat 50% 50%; background-size:12px; border-radius:2px;}
	
	.foot_wrap {padding-bottom:70px;}
	.foot_cont_box {width:100%; padding-left:20px; padding-right:20px; padding-top:37px;}
	.foot_util_wrap {text-align:center;}
	.foot_util_wrap a {font-size:15px;}
	.foot_logo {position:relative; margin:0 auto; top:0px; margin-top:12px;}
	.foot_social {position:relative; margin:0 auto; top:0px; margin-top:10px;}
	.foot_add_wrap {position:relative; width:100%; margin:0 auto; left:0px; top:0px; text-align:center; font-size:13px; color:rgba(255,255,255,.5); letter-spacing:-0.4px; margin-top:17px;}
	.foot_col {padding:0 3px; color:rgba(255,255,255,.2);}
	.foot_col_2 {font-size:11px; padding-top:6px; color:rgba(255,255,255,.3); letter-spacing:normal;}
	
	.lay_bg {padding-top:20px; padding-bottom:80px;}
	.laybox_wrap {width:calc(100% - 40px);}
	.lay_wrap {width:100%; box-sizing:border-box; padding:70px 23px 50px 23px;}
	.lay_tit {font-size:20px; letter-spacing:-0.3px;}
	.lay_txt {padding-bottom:25px; color:rgba(255,255,255,.6);}
	.lay_close {right:11px; top:11px;}
	.lay_loginbtbox {letter-spacing:-0.1px; font-weight:300; color:rgba(255,255,255,.6); height:48px; margin-top:30px;}
	.lay_loginbtbox_2 {letter-spacing:-0.1px; font-weight:300; color:rgba(255,255,255,.6); height:48px; margin-top:10px;}
	.lay_loginbt {left:0px; right:auto; top:23px; letter-spacing:-0.1px;}
	
}