/*데스크탑*/
/*헤더*/
#hd .header-area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    height: 125px;
    z-index: 9;
    flex-direction: column;
    background-color: rgba(255,255,255,1.0);
    transition: top var(--transition-duration) var(--transition-smooth);
}
body.nav-condensed #hd .header-area {
    border-bottom: solid 1px var(--sub-color-10);
    top: -46px;
}
#hd .header-area.fixed {	
	transition-duration: 0.3s;
}
#hd .header-area-bg.fixed, .header-area-bg.fixedscroll {
	transition-duration: 0.3s;
}
#hd .header-area-bg {
	background-color:rgba(255,255,255,0.0);
	transition-duration: 1.0s;
	transition-property: background-color;
}
#hd .header-area-bg.fixed {
	background-color: rgba(255,255,255,1.0);
	border-bottom: solid 1px var(--sub-color-10);
	transition-duration: 0.3s;
}
#hd .header-area-bg {
    position: absolute;
    z-index: 1000;
    width: 100%;
    margin: 45px auto 0;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    border-bottom: solid 1px rgba(255,255,255,0.0);
    padding: 0 15px;
}
#hd .header-area-bg-border {
    border-bottom: solid 1px var(--sub-color-10);
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
}
.bs-top {
	width:100%;
	max-width:var(--max-width);
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.bs-top-1 {
	text-align:left;
	margin-top: var(--font-size-16-20);
}
.bs-top-1 img {
	width:var(--width-160-250);
	height:auto;
	transition-duration: 0.3s;
}
.bs-top-2 {
	width:100%;
	text-align:center; 
	margin: 0 0 0 var(--width-50-350);
	transition-duration: 0.3s;
	display:block;
	opacity: 1;
}
.main-menu {
	width:100%;
	height: 100%;
	display:flex;
	font-weight:700;
	font-size:var(--font-size-15-18);
	letter-spacing: -0.6px;
	justify-content:space-between;
	align-items:flex-start;
	margin-left:0;
	margin-right:0;
	padding-top:0px;
}
.main-menu .mm {
	width: 16.66666666666667%;
}
.main-menu .mm a { 
	position: relative;
	color: var(--sub-color-1);
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 140%;
    flex-direction: column;
}
.main-menu .mm a:hover { 
	color: var(--main-color);
}
.main-menu .mm a:after{
	content:'';
	width:0;
	height:3px;
	background: var(--main-color);
	position: absolute;
	transition:all 0.2s ease-in-out;
	z-index:1;
	left: 50%;
	bottom:0;
}
.main-menu .mm:hover > a:after {
	width: 100%;
	left:0%;
}
.dropdown.sub li a {
    color: var(--sub-color-1);
    font-size: var(--font-size-13-15);
    font-weight: 400;
    height: auto;
    line-height: 140%;
}
.dropdown.sub li a:hover { 
	color: var(--sub-color-1);
    font-weight: 400;
}
.dropdown {
    width: 100%;
    height: 380px;
    left: 0;
    z-index: 100;
    display: inline-block;
    color: #000;
    opacity: 1;
    padding: 30px 15px 0 15px;
    border-left: solid 1px var(--sub-color-10);
}
.var(--fonts1)-menu .mm:last-child .dropdown {
	border-right: solid 1px var(--sub-color-10);	
}
.dropdown.sub li {
	margin:0 8px 0 0;
	font-size:var(--font-size-13-15);
	font-weight:500;
	color:#333;
	padding:6px 0;
}
.bs-top-3 {
    display: flex;
    width: auto;
    height: 80px;
    font-size: var(--font-size-13-15);
    align-items: center;
}
.bs-top-3 a {
	white-space:nowrap;
}
.bs-top-3-border {
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
}
.bs-top-3 a {
	color:#fff;
	font-size:16px;
	opacity:0.8;
	font-weight:500;
	cursor:pointer;
}
.bs-top-3 a:hover {
	color:#fff;
	font-size:16px;
	opacity:0.8;
	font-weight:500;
}
.m_menu_btn_pc, .m_menu_btn_pc:hover {
    height: 30px;
    display: block;
    color: var(--sub-color-1);
    opacity: 0.8;
    font-weight: 400;
    cursor: pointer;
    padding-left: 15px;
}
.m_menu_btn_pc.material-symbols-outlined {	
	font-size:30px;
	font-weight:300;
}

/*모바일메뉴*/
.m_menu_btn_mo {
	display: none;
}
.top_nav_m {
	display: none;
}

/*전체메뉴*/
.all_menu_pc {
    position: fixed;
    opacity: 0;
    z-index: -1;
    top: 0;
    right: -1050px;
    width: 50%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: opacity 0.5s ease 0s;
    padding: 100px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 0;
}
.all_menu_pc_ov {
	opacity:1;
	z-index:999999;
	width:100%;
	right:0px;
}
.all_menu_pc_btn {
    position: absolute;
    top: 100px;
    right: 100px;
    z-index: 9;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 30px;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.all_menu_pc_btn .material-symbols-outlined {
    font-size: 50px;
    font-weight: 200;
}
.all_menu_pc_title {
    text-align: left;
    width: 200px;
    line-height: 60px;
    margin-left: 0px;
    border-bottom: 0px solid #CCC;
}
.all_menu_pc_title img {
    width: 250px;
	filter: brightness(0) invert(1);
}
.all_menu_pc_in_wrap {
    padding: 100px 0px 50px 0px;
    border-left: 0px solid #CCC;
    border-right: 0px solid #CCC;
	margin-left: -var(--font-size-16-20);
    margin-right: -var(--font-size-16-20);
}
.all_menu_pc_in {
	display:inline-block;
	width:16.66666666666667%;
	vertical-align:top;
	padding:var(--font-size-16-20);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	white-space: nowrap;
}
.all_menu_pc_in_title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    letter-spacing: -0.07em;
    padding-left: 0px;
    padding-bottom: var(--font-size-16-20);
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    margin-bottom: var(--font-size-16-20);
}
.all_menu_pc_in a {
	color:#fff;
}
.all_menu_pc_in_sub {
    display: block;
    font-size: var(--font-size-15-18);
    color: #fff;
    line-height: 36px;
    padding: 5px 0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.all_menu_pc_in_sub:hover,.all_menu_pc_in_sub:focus {
	background-color:var(--main-color);
	color:#fff;
}
.all_menu_pc_in2 {
    display: flex;
    width: 100%;
    font-size: var(--font-size-13-15);
    color: var(--sub-color-12);
    padding: 0 0 0 0;
    border-top: 0px solid #CCC;
    margin-left: 0px;
    gap: var(--gap-5-10);
    flex-direction: column;
}
.footer_add2 {
	margin-bottom:10px;
	text-align:left;
}
.footer_add1>span {
	padding-right:15px;
		text-align:left;
}
.footer_add2>span {
	padding-right:15px;
		text-align:left;
}
.footer_copy2 {
	text-align:left;
}


/*데스크탑, 와이드*/
@media all and (max-width:1536px) {

}

/*타블렛 가로, 노트북*/
@media all and (max-width:1280px) {
	.dropdown {
		padding: 30px 5px 0 5px;
	}
}

/*타블렛 가로, 노트북*/
@media screen and (max-width: 1024px) {
	.bs-top {
		display: flex;
		align-items: center;
		padding: 0;
		height: 100%;
	}
	.bs-top-1 {
		margin-top: 0px;
	}
	.bs-top-2 {
		display: none;
        opacity: 0;
        transition-duration: 0.3s;
	}
	.bs-top-3 {
		margin-top: 0px;
	}
	.bs-top-3-border a {
		display:none;
	}
	body.nav-condensed #hd .header-area {
		top: -46px;
	}
	.m_menu_btn_pc {
		display:none;
	}
	.m_menu_btn_mo {
		display:block;
	}
	.m_menu_btn_mo {
        cursor: pointer;
	}
	.top_nav_m {
		position:fixed;
		right:-1280px;
		display:block;
	}
	.m_menu_all {
		position:fixed;
		right:-1280px;
		background-color:#eee;
		height:100%;
		width:90%;
		z-index:99;
		-webkit-transition:all 1.5s;
		-moz-transition:all 1.5s;
		-ms-transition:all 1.5s;
		-o-transition:all 1.5s;
		transition:all 1.5s;
	}
	.m_menu_bg_sliding {
		right:0 !important;
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-ms-transition:all 0.5s;
		-o-transition:all 0.5s;
		transition:all 0.5s;
	}
	.m_menu_all_top {
		display: flex;
		height: 60px;
		background-color: var(--sub-color-9);
		border-bottom: 1px solid #eee;
		padding: 0 var(--font-size-16-20);
		align-items: center;
		justify-content: space-between;
	}
	.m_menu_all_top>a {
		display: block;
	}
	.m_menu_all_top>a img {
		width: var(--width-160-250);
		height: auto;
		transition-duration: 0.3s;
	}
	.m_menu_all_top>p {
		display: block;
		cursor: pointer;
	}
	.m_menu_all_name {
		background-color:var(--sub-color-13);
		padding-top:5px;
	}
	.m_menu_all_name>ul {
		padding:10px var(--font-size-16-20) var(--font-size-16-20) var(--font-size-16-20);
	}
	.m_menu_all_name>ul>.main {
		padding:4px 10px 0px 10px;
		line-height:40px;
		font-size:var(--font-size-16-20);
		font-weight:500;
		color: rgba(94, 54, 187, 1.0);
		display: flex;
        align-items: center;
	}
	.m_menu_all_name>ul>.sub:not(:last-child) {
        border-bottom: 1px solid var(--sub-color-10);
    }
	.m_menu_all_name>ul>.main:last-child {
		border-bottom:none;
	}
	.m_menu_all_name>ul>.main5 a {
        color: var(--main-color);
        font-weight: 600;
    }
	.m_menu_all_name>ul>.main>p {
		width: 6px;
		height: 15px;
		margin-right: 10px;
		background: var(--main-color);
		border-radius: 10px;
	}
	.m_menu_all_name>ul>.sub {
		padding:5px 10px 10px 0;
		font-size:var(--font-size-14-16);
		text-align: left;
		display: flex;
        flex-wrap: wrap;
	}
	.m_menu_all_name>ul>.sub>a {
		position: relative;
		padding: 0 8px;
		margin: 4px 0;
	}
	.m_menu_all_name>ul>.sub>a:not(:last-child)::after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%); /* 세로 중앙 정렬 */
		width: 1px;
		height: 60%; /* 원하시는 높이 비율(px 지정도 가능) */
		background-color: var(--sub-color-10);
	}
	.m_menu_all_tel {
		width:100%;
		padding:var(--font-size-16-20) 0 var(--font-size-16-20) var(--font-size-16-20);
		font-size:var(--font-size-15-18);
		display:inline-flex;
		font-weight:500;
		background-color:var(--main-color);
		align-items:center;
		gap: var(--gap-10-20);
	}
	.m_menu_all_tel .tel-area, .m_menu_all_tel .fax-area {
		display: flex;
		align-items: center;
		gap: var(--gap-5-10);
	}
	.m_menu_all_tel .tel {
		width: 20px;
		height: 20px;
		color: #fff;
	}
	.m_menu_all_tel .fax {
		width: 20px;
		height: 20px;
		color:#fff;
	}
	.m_menu_all_tel a {
		color:#fff;
	}
	#all_bg2 {
		position:fixed;
		left:0;
		width:100%;
		height:100%;
		background-color:#000;
		opacity:0.6;
		display:none;
	}
	.bs-top-3-border {
        padding: 0;
	}	
}

/*모바일 가로, 타블렛 세로*/
@media screen and (max-width: 768px) {
	#hd .header-area-bg {
		height: 60px !important;
	}
	#hd .header-area-bg-border {
		height: 60px;
	}
	.bs-top-3 {
		height: 60px;
	}
	#wrapper {
		margin-top: 105px;
	}
	#hd .header-area {
		height: 105px;
	}
}

/*모바일 가로, 타블렛 세로*/
@media screen and (max-width: 640px) {
	#hd_qnb li.naver-expert a span, #hd_qnb li.kakaotalk a span {
		display: none;
	}
}

/*모바일 세로*/
@media screen and (max-width: 480px) {
}