@charset "utf-8";

#header{
	width:100%;
	height:100px;
	border-bottom:1px solid var(--gray06);
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
}

#header.on{
	background-color:var(--white);
	/* background-color: rgba(255,255,255,0.1); */
    backdrop-filter: blur(15px);
}

#header .header_wrapper{
	width:calc(100% - 200px);
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	align-items:center;
	height:100%;
}

#header .header_wrapper h1{
	display:block;
	/* z-index:11000; */
}

#header .header_wrapper h1 a figure{
	margin:0;
	padding:0;
	width:244px;
	height:100%;
}

#header.on .header_wrapper h1 a figure.w_logo{
	display:none;
}

#header .header_wrapper h1 a figure.logo{
	display:none;
}

#header.on .header_wrapper h1 a figure.logo{
	display:block;
}

#header .header_wrapper h1 a figure img{
	width:100%;
}

#header .header_wrapper .menu_wrapper{
	display:flex;
	align-items:center;
}

#header .header_wrapper .menu_wrapper nav .menu{
	display:flex;
	align-items:center;
}

#header .header_wrapper .menu_wrapper nav .menu .depth01 a{
	padding:30px;
	display:inline-block;
	height:100%;
	color:var(--white);
	font-size:1.125rem;
}

#header.on .header_wrapper .menu_wrapper nav .menu .depth01 a{
	color:var(--black);
}

#header .header_wrapper .menu_wrapper .call_hamburger{
	display:flex;
	align-items:center;
	margin-left:30px;
}

#header .header_wrapper .menu_wrapper .call_hamburger .call a{
	padding:13px 42px 13px 42px;
	border-radius:54px;
	background-color:var(--green01);
	display:inline-block;
	color:var(--white);
	font-weight:600;
	font-size:1.75rem;
}

#header .header_wrapper .menu_wrapper .call_hamburger .hamburger{
	display:none;
	height:22px;
	cursor:pointer;
	z-index:11000;
	flex-direction:column;
}

#header .header_wrapper .menu_wrapper .call_hamburger .hamburger span{
	display:inline-block;
	width:28px;
	height:2px;
	background-color:var(--white);
	transition:0.3s;
}

#header.on .header_wrapper .menu_wrapper .call_hamburger .hamburger span{
	background-color:var(--black);
}

.m_menu{
	display:none;
	position:absolute;
	width:100%;
	height:100vh;
	background-color:var(--green01);
	top:0;
	left:0;
	transition:0.3s;
	background-image:url(/img/symbol.png);
	background-position:right bottom;
	background-size:58%;
	background-repeat:no-repeat;
}

.m_menu .m_menu_logo{
	height:80px;
}

.m_menu .m_menu_logo a{
	display:flex;
	width:90%;
	align-items:center;
	height:100%;
	margin:0 auto;
}

.m_menu .m_menu_logo a figure{
	width:200px;
}

.m_menu .m_menu_logo a figure img{
	width:100%;
}

.m_menu .m_menu_nav{
	width:90%;
	margin:0 auto;
	height:100%;
	padding:150px 0;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	gap:50px;
}

.m_menu .m_menu_nav .depth01{
	width:100%;
	border-bottom:1px solid var(--green02);
}

.m_menu .m_menu_nav .depth01 a{
	color:var(--white);
	font-size:2.307rem;
	padding-bottom:20px;
	display:block;
	font-weight:600;
}


@media screen and (max-width:1400px){
	#header .header_wrapper{
		width:90%;
	}
}

@media screen and (max-width:1200px){
	#header .header_wrapper h1 a figure{
		width:200px;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger{
		margin-left:20px;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .call a{
		padding:10px 35px 9px 35px;
	}
}

@media screen and (max-width:1024px){
	#header{
		height:80px;
	}

	#header .header_wrapper .menu_wrapper nav{
		display:none;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger{
		gap:30px;
		margin-left:0;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .hamburger.on span:nth-child(1){
		transform:rotate(45deg);
		transform-origin:top left;
		background-color:var(--white);
	}
	
	#header .header_wrapper .menu_wrapper .call_hamburger .hamburger.on span:nth-child(2){
		display:none;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .hamburger.on span:nth-child(3){
		transform:rotate(-45deg);
		transform-origin:bottom left;
		background-color:var(--white);
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .hamburger{
		display:flex;
		justify-content:space-between;
	}

	.m_menu.active{
		display:block;
	}
}

@media screen and (max-width:640px){
	#header{
		height:70px;
	}

	#header .header_wrapper h1 a figure{
		width:160px;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .call a{
		padding:10px 30px 9px 30px;
		font-size:1.538rem;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger{
		gap:20px;
	}
}

@media screen and (max-width:460px){
	#header {
        height: 65px;
    }

	#header .header_wrapper h1 a figure{
		width:130px;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .call a{
		padding:8px 25px 7px 25px;
		border-radius:50px;
		font-size:1.384rem;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .hamburger{
		height:20px;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .hamburger span{
		width:26px;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger{
		gap:15px;
	}
}

@media screen and (max-width:360px){
	#header .header_wrapper h1 a figure{
		width:110px;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .call a{
		padding:8px 18px 7px 18px;
		font-size:1.23rem;
	}

	#header .header_wrapper .menu_wrapper .call_hamburger .hamburger span {
        width: 20px;
    }

	#header .header_wrapper .menu_wrapper .call_hamburger .hamburger {
        height: 17px;
    }
}


/*footer*/

#footer{
	background-color:#050505;
	padding:80px 0;
}

#footer .footer_top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:1px solid var(--gray03);
}

#footer .footer_top h4{
	font-size:3.125rem;
	font-weight:800;
	color:var(--white);
	line-height:1.2;
}

#footer .footer_top h4 strong{
	font-size:inherit;
	font-weight:inherit;
	color:var(--brown01);
}

#footer .footer_top .f_logo{
	width:244px;
}

#footer .footer_top .f_logo img{
	width:100%;
	filter: invert(38%) sepia(11%) saturate(19%) hue-rotate(1deg) brightness(99%) contrast(89%);
}

#footer .footer_bottom{
	display:flex;
	justify-content:space-between;
}

#footer .footer_bottom .f_left .f_btn{
	display:flex;
}

#footer .footer_bottom .f_left .f_btn li{
	padding-right:30px;
	margin-right:30px;
	border-right:1px solid var(--white);
}

#footer .footer_bottom .f_left .f_btn li:last-child{
	padding-right:0;
	margin-right:0;
	border-right:0;
}

#footer .footer_bottom .f_left .f_btn li a{
	color:var(--white);
	font-size:1.125rem;
	font-weight:600;
	transition:0.3s;
}

#footer .footer_bottom .f_left .f_btn li a:hover{
	opacity:0.7;
}

#footer .footer_bottom .f_left .f_information{
	display:flex;
	flex-direction:column;
	gap:20px;
	margin-top:60px;
}

#footer .footer_bottom .f_left .f_information .info{
	display:flex;
	gap:30px;
}

#footer .footer_bottom .f_left .f_information .info li{
	color:var(--gray06);
	font-size:1rem;

}

#footer .footer_bottom .f_left .f_information .info li strong{
	font-size:1.125rem;
	color:var(--white);
	font-weight:600;
	margin-right:20px;
}

#footer .copyright{
	font-size:0.875rem;
	color:var(--gray06);
	margin-top:60px;
}

#footer .copyright a{
	font-size:inherit;
	color:var(--white);
}

#footer .copyright .m_br{
	display:none;
}

#footer .copyright a:hover{
	color:var(--brown01);
}

#footer .footer_bottom .f_right .f_btn{
	margin-bottom:20px;
}

#footer .footer_bottom .f_right .f_btn a{
	padding:13.5px 40px;
	border-radius:5px;
	background-color:#111;
	display:flex;
	justify-content:space-between;
	color:var(--white);
	font-size:1.125rem;
	font-weight:600;
	width:345px;
	box-sizing:border-box;
	align-items:center;
}

#footer .footer_bottom .f_right .f_btn a .f_arr{
	width:38px;
	height:38px;
	background-color:#292929;
	border-radius:50%;
	text-align:center;
	font-size:1.125rem;
	font-weight:600;
	color:var(--white);
	line-height:2.25rem;
}

#footer .footer_bottom .f_right .familySite select{
	padding:22px 40px;
	border-radius:5px;
	background-color:#111;
	color:var(--white);
	font-size:1.125rem;
	font-weight:600;
	width:345px;
	box-sizing:border-box;
	border:0;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background-image: url('/img/icn_arr_down.png');
	background-position: center right 52px;
    background-repeat: no-repeat;
	cursor:pointer;
}

#footer select option,
#footer select option:checked,
#footer select option:hover{
	background-color:#333 !important;
	color:#fff !important;
	padding:10px 0;
}

@media screen and (max-width:1400px){
	#footer .footer_bottom{
		flex-direction:column;
		gap:40px;
	}

	#footer .footer_bottom .f_left .f_information{
		margin-top:40px;
	}

	#footer .footer_bottom .f_right{
		display:flex;
		gap:20px;
	}

	#footer .copyright{
		margin-top:40px;
	}

	#footer .footer_bottom .f_right .f_btn{
		margin-bottom:0;
	}

	#footer .footer_bottom .f_right .familySite select{
		background-position:center right 40px;
	}
}

@media screen and (max-width:1100px){
	#footer .footer_top h4{
		font-size:2.666rem;
	}

	#footer .footer_top{
		padding-bottom:40px;
		margin-bottom:40px;
	}

	#footer .footer_top .f_logo {
		width: 200px;
	}

	#footer .footer_bottom .f_left .f_btn li a{
		font-size:1rem;
	}

	#footer .footer_bottom .f_right .f_btn a{
		width:300px;
		padding:10px 30px;
	}

	#footer .footer_bottom .f_right .familySite select{
		padding:19px 30px;
		width:300px;
		background-position:center right 30px;
	}

	#footer .footer_bottom .f_right .f_btn a .f_arr{
		line-height:2.5rem;
	}

	#footer .footer_bottom .f_left .f_information .info li strong{
		font-size:1rem;
	}
}

@media screen and (max-width:960px){
	#footer{
		padding:60px 0;
	}

	#footer .footer_top h4 {
        font-size: 2.333rem;
    }

	#footer .footer_top .f_logo{
		width:180px;
	}

	#footer .footer_top {
        padding-bottom: 22px;
        margin-bottom: 30px;
    }

	#footer .footer_bottom .f_left .f_information .info{
		gap:20px;
	}

	#footer .footer_bottom .f_left .f_information{
		gap:10px;
		margin-top:30px;
	}

	#footer .footer_bottom{
		gap:30px;
	}

	#footer .footer_bottom .f_right .f_btn a{
		font-size:1rem;
		padding:9px 30px;
		width:280px;
	}

	#footer .footer_bottom .f_right .familySite select{
		font-size:1rem;
		padding:15px 30px;
		width:280px;
	}

	#footer .footer_bottom .f_right .f_btn a .f_arr{
		font-size:1rem;
		width:30px;
		height:30px;
		line-height:2rem;
	}

	#footer .copyright{
		margin-top:30px;
	}

	#footer .footer_bottom .f_left .f_btn li{
		padding-right:20px;
		margin-right:20px;
	}

	#footer .footer_bottom .f_left .f_information .info li strong{
		margin-right:10px;
	}
}

@media screen and (max-width:760px){
	#footer .footer_bottom .f_left .f_information .info{
		gap:10px;
		flex-direction:column;
	}

	#footer .footer_top h4{
		font-size:2.153rem;
	}

	#footer .footer_top .f_logo {
        width: 160px;
    }

	#footer .footer_bottom .f_left .f_btn{
		justify-content:center;
	}

	#footer .footer_bottom .f_left .f_btn li{
		padding-right:20px;
		margin-right:20px;
	}

	#footer .footer_bottom .f_left .f_information .info{
		flex-flow:wrap;
		justify-content:center;
	}

	#footer .footer_bottom .f_right{
		margin:0 auto;
		flex-direction:column;
		gap:10px;
		align-items: center;
	}

	#footer .copyright{
		text-align:center;
	}

	#footer .footer_bottom .f_right .familySite select{
		padding:16.5px 30px;
		background-size:13px auto;
		background-position:center right 35px;
	}

	#footer .footer_bottom .f_right .f_btn a .f_arr{
		line-height:2.3rem;
	}
}

@media screen and (max-width:640px){
	#footer .footer_top{
		flex-direction:column-reverse;
		gap:20px;
	}

	#footer .footer_top h4{
		text-align:center;
	}

	#footer .m_br{
		display:block;
	}

	#footer .footer_bottom .f_left .f_information .info li{
		text-align:center;
		line-height:1.5;
		word-break:keep-all;
	}
}

@media screen and (max-width:460px){
	#footer .footer_bottom .f_left .f_btn li{
		padding-right:10px;
		margin-right:10px;
	}

	#footer .footer_top .f_logo{
		width:140px;
	}

	#footer .footer_top h4{
		font-size:1.846rem;
	}

	
}

@media screen and (max-width:375px){
	#footer .footer_bottom .f_left .f_btn{
		flex-flow:wrap;
		width:80%;
		margin:0 auto;
	}

	#footer .footer_bottom .f_left .f_btn li{
		padding-right:20px;
		margin-right:20px;
	}

	#footer .footer_bottom .f_left .f_btn li:nth-child(2){
		padding-right:0;
		margin-right:0;
		border-right:0;
		margin-bottom:10px;
	}

	#footer .footer_bottom .f_left .f_btn li:first-child{
		margin-bottom:10px;
	}

	#footer .copyright .m_br{
		display:block;
	}

	#footer .footer_bottom .f_right{
		width:80%;
	}

	#footer .footer_bottom .f_right .f_btn{
		width:100%;
	}

	#footer .footer_bottom .f_right .f_btn a{
		width:100%;
	}

	#footer .footer_bottom .f_right .familySite{
		width:100%;
	}

	#footer .footer_bottom .f_right .familySite select{
		width:100%;
	}

	#footer .copyright {
        margin-top: 20px;
        line-height: 1.5;
    }

	#footer .footer_bottom{
		gap:20px;
	}

	#footer .footer_top {
        padding-bottom: 17px;
        margin-bottom: 20px;
    }

	#footer{
		padding:40px 0;
	}
}

@media screen and (max-width:320px){
	#footer .footer_bottom .f_right .f_btn a .f_arr{
		line-height:2.5rem;
	}

	#footer .footer_bottom .f_right{
		width:90%;
	}
}

/*quick_btn*/

.quick_btn{
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:100000;
}

.quick_btn.on{
	position:absolute;
	bottom:635px;
}

.quick_btn .quick{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.quick_btn .quick li a{
	width:60px;
	height:60px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.quick_btn .quick li.top_btn a{
	background-color:var(--white);
	background-image:url(/img/icn_top.png);
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:0 0 10px 0 rgba(0,0,0,.1);
}

.quick_btn .quick li.channel_talk a{
	background-color:var(--brown01);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:2px;
	cursor:pointer;
}

.quick_btn .quick li.channel_talk a .quick_txt{
	font-size:0.75rem;
	color:var(--white);
	font-weight:500;
}

.quick_btn .quick li.channel_talk a .channelTalk{
	width:28px;
	height:24px;
	display:block;
	background-image:url(/img/icn_talk.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.dIkpba{
	bottom:30px !important;
	right:30px !important;
}

.dwXkOv{
	width:60px !important;
	height:60px !important;
	border-radius:50% !important;
}

@media screen and (max-width:1124px){
	.quick_btn .quick li a{
		width:50px;
		height:50px;
	}

	.quick_btn .quick li.channel_talk a .channelTalk{
		width:23px;
		height:18px;
	}

	.quick_btn .quick li.channel_talk a .quick_txt{
		font-size:0.666rem;
	}

	.quick_btn .quick li.top_btn a{
		background-size:40%;
	}
}

@media screen and (max-width:765px){
	.quick_btn .quick li.channel_talk a .quick_txt{
		font-size:0.769rem;
	}

	.quick_btn .quick li.top_btn a{
		background-size:30%;
	}
}

@media screen and (max-width:640px){
	.quick_btn .quick li.channel_talk a .quick_txt{
		display:none;
	}
}

@media screen and (max-width:460px){
	.quick_btn{
		right:15px;
	}

	.quick_btn .quick li a{
		width:45px;
		height:45px;
	}
}