/****************************************************/
/************ another 2023 **************************/
/************ header style **************************/
/****************************************************/
#header{width:100%; height:70px; background:none; border-bottom:1px solid rgba(255,255,255,0.2); position:absolute; top:0; left:0; display:flex; align-items:center; color:#fff; justify-content: space-between; z-index:98; background:#fff; color:#303030; border-bottom:1px solid rgba(0,0,0,0.2);}
#header > div:first-child{display:flex; align-items: center;}
#header .logo{margin-left:70px; margin-right:70px; height:100%; display:flex; align-items:center; width:374px;}
#header .logo img{width:100%;}
#header .open_{display:none;}
#header .close_{display:block;}

#header .nav{padding-left:22px; padding-right:24px; font-weight:500; }
#header .nav > a{line-height:70px;}
#header .nav_list{display:flex; height:auto;}
#header .sub_nav_list{display:none; top:70px; padding-top:45px; padding-left:535px; padding-bottom:45px; font-weight:normal; position:absolute; width:100%; left:50%; transform:translateX(-50%); background:#fff; font-size:16px; color:#989898;  height:auto;}

#header .login_section{display:flex; align-items:center; gap:42px;}
#header .motor_logo{width:175px;}
#header .menu{width:70px; height:70px; border-left:1px solid rgba(255,255,255,0.2); position:relative;}
#header .menu img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); cursor:pointer;}

#header .open_{display:block;}
#header .close_{display:none;}

/*
#header.nav_open{background:#fff; color:#303030; border-bottom:1px solid rgba(0,0,0,0.2);}
#header.nav_open .open_{display:block;}
#header.nav_open .close_{display:none;}
*/

#header .hover .sub_nav_list{display:flex;}
#header .hover > a{font-weight:bold;}

#header .sub_nav_wrap{display:flex; flex-wrap:wrap; flex-direction: column; gap:20px 70px; height:144px; width:154px;}
#header .sub_nav_wrap > li{width:100%;}
#header .sub_nav_wrap > li:hover a{font-weight:bold; color:#CF001C;}
#header .sub_nav_wrap > li .normal_{display:inline;}
#header .sub_nav_wrap > li .hover_{display:none;}
#header .sub_nav_wrap > li:hover .normal_{display:none;}
#header .sub_nav_wrap > li:hover .hover_{display:inline;}

#header .sub_nav_wrap > li .pd_thum_img{position:absolute; left:457px; top:50%;transform:translate(-100%, -50%); opacity: 0; transition:opacity 0.5s;}
#header .sub_nav_wrap > li:hover .pd_thum_img{opacity: 1;}

#header .lit_nav_list{display:none;}

#header .button_wrap{position:absolute; right:79px; bottom:35px;  display: none;}
#header.nav_open .button_wrap{display: block;}
#header .button_wrap a{display:flex; /*justify-content: center; */padding-left:25px;align-items: center; background:#F1F1F1; border-radius: 34px; gap:17px; font-weight:500; width:184px; height:50px; color:#303030; font-size:14px;}
#header .button_wrap a + a{margin-top:13px;}

#sub_page  #header{background:#fff; color:#303030; border-bottom:1px solid rgba(0,0,0,0.2);}
#sub_page  #header .open_{display:block;}
#sub_page  #header .close_{display:none;}

#full_header{width:100%; height:100%; position:fixed; background:#fff; top:0; left:0; z-index:999; display:none;}
#full_header::after{content:''; width:100%; height:1px; background:#f0f0f0; position:absolute; top:110px; left:0;}
#full_header .close_icon{position:absolute; top:25px; right:25px; cursor: pointer;}
#full_header .logo_wrap{width:27.44%; height:100%; padding-top:60px; padding-left:66px; margin-right:86px;}

#full_header .nav_list{width:100%; border-left:1px solid #f0f0f0;}
#full_header .nav_list > .nav{width:16.22%; border-right:1px solid #f0f0f0; padding-top:68px;}
#full_header .nav_list > .nav:hover{background:#CF001C; color:#fff;}
#full_header .nav > a{display:block; width:100%; font-size:20px; font-weight: bold; padding-bottom:21px; color:#303030;}
#full_header .nav_list > .nav:hover > a{color:#fff;}
#full_header .nav a{padding-left:22px;}
#full_header .nav .sub_nav_wrap{padding-top:27.5px;}
#full_header .nav .sub_nav{line-height:40px; font-size:16px; color:#6C6C6C;}
#full_header .nav_list > .nav:hover .sub_nav{color:#fff;}
#full_header .nav .sub_nav .lit_nav_list{display:none; padding: 5px 0 10px;}
#full_header .nav .sub_nav .down_list{position:relative;}
#full_header .nav .sub_nav svg{margin-left:10px; cursor: pointer; margin-top:-2px}
#full_header .nav .sub_nav .rotate_{transform:rotate(180deg);}
#full_header .nav_list > .nav:hover svg path{fill:#fff; stroke:#fff;}

#full_header .nav_list > .nav .normal_{display:inline-block;}
#full_header .nav_list > .nav .hover_{display:none;}
#full_header .nav_list > .nav:hover .normal_{display:none;}
#full_header .nav_list > .nav:hover .hover_{display:inline-block;}

#full_header .nav .sub_nav .lit_nav_list li{padding-left:10px; line-height:30px; font-size:14px;}

/*깃플챗 홈페이지 채팅 상담 프로그램*/
#gitple-container { border-radius :30px;}

/* 통합 로그인 */
.login_form #total_frm{height:auto !important; border:none; margin-top:0;}
/* //통합 로그인 */

#full_header .member_wrap{display:none; flex-direction: column; color: #303030; font-weight: 500; font-size: 18px; padding:30px 40px; gap:50px;}
#full_header .member_wrap .member_btn{display:flex; gap:16px; flex-direction: column;}
#full_header .member_wrap .button_wrap{font-size:16px;}
#full_header .member_wrap .button_wrap a{display:flex; justify-content: center; align-items: center; background:#F1F1F1; border-radius: 34px; gap:17px; font-weight:500; width:184px; height:50px; color:#303030; }
#full_header .member_wrap .button_wrap a + a{margin-top:13px;}

/* 1632px */
@media screen and (max-width:1632px){
	#header .login_section{gap:20px;}
}
/* 1632px */

/* 1596px */
@media screen and (max-width:1596px){
	#header .logo{margin:0 30px;}
	#header .logo img{width:90%;}
	#header .login_section{gap:15px;}
	#header .nav{padding:0 15px;}
	#header .sub_nav_list{padding-left:468px;}
	#header .sub_nav_wrap > li .pd_thum_img{left:425px;}

	#full_header .nav a{padding-left:15px;}
	#full_header .logo_wrap{width:35.44%; padding-left:30px; padding-right:40px; margin-right:0;}
	#full_header .logo_wrap img{width:100%;}
	#full_header .nav .sub_nav{font-size:15px;}
	#header .motor_logo{width:160px;}
}
/* 1596px end */


/* 1365px */
@media screen and (max-width:1365px){
	#header .logo{width:310px;}
	#header .logo{margin:0 20px;}
	#header .logo img{width:90%;}
	#header .login_section{gap:10px;}
	#header .nav{padding:0 15px;}
	#header .sub_nav_list{padding-left:365px;}
	#header .sub_nav_wrap > li .pd_thum_img{left:340px;}
	#header .motor_logo{width:160px;}

	#full_header{flex-direction: column;}
	#full_header .logo_wrap{min-width:340px; width:40%; height:auto; padding-top:30px; padding-left:40px; padding-bottom:80px; padding-right:0;}
	#full_header .nav_list{flex-direction: column; border: none;}
	#full_header .nav_list > .nav{width:100%; padding:0px;}
	#full_header .nav .sub_nav{font-size:16px;}
	#full_header .nav .sub_nav_wrap{padding-top:0;}
	#full_header{height:100%; overflow-y: scroll;}
	#full_header::after{display: none;}
	#full_header .nav > a{width:100%; padding:30px 40px;}
	#full_header .nav .sub_nav_wrap{padding-left:20px;}

	#full_header .toggle_list{display: none; margin-top:17px;}
	#full_header .nav_list > .nav{border-top:1px solid rgba(0,0,0,0.2);}
	#full_header .nav_list > .nav:last-child{border-bottom:1px solid rgba(0,0,0,0.2);}
}
/* 1365px end */

/* 1266px */
@media screen and (max-width:1266px){
	#header .login_section{gap:30px;}
	#header .nav_list{display:none;}

	/*.product_resize #header .login_section{gap:15px;}
	.product_resize #header .nav_list{display:flex;}*/
}
/* 1266px end */

/* 1000px */
@media screen and (max-width:1000px){
	#header .login_section a:nth-child(1),
	#header .login_section a:nth-child(2),
	#header .login_section a:nth-child(3){display:none;}

	/*.product_resize #header .login_section a:nth-child(1),
	.product_resize #header .login_section a:nth-child(2),
	.product_resize #header .login_section a:nth-child(3){display:block;}*/
	#full_header .member_wrap{display:flex;}
}
/* 1000px end */

/* 700px */
@media screen and (max-width:700px){
	#header .login_section a:nth-child(4){display:none;}
	/*.product_resize #header .login_section a:nth-child(4){display:block;}*/
}
/* 700px end */

/* 570px */
@media screen and (max-width:570px){
	#header .logo{width:240px;}
	/*.product_resize #header .logo{width:310px;}*/
}
/* 570px end */