@charset 'utf-8';

/* ���� */
:root{
    --baseFont: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif;
	--engFont: 'Schibsted Grotesk', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif;
	--engFont2 : 'Poppins', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif;
	--pointFont: 'MiryangHaelmalgeunSangsang', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif;

	--mainColor: #0072BC;
	--mainRGB: 0, 114, 188;
	--grayBg: #F8F8F8;

	--headerH: 90px;
	--stickyT: calc(var(--headerH) - 1px);

	--vh: 100%;
	--resizeVH: 100vh;

	--aosP: 100px;
	--aosM: -100px;
	--aosT: 700ms;
}

*{ box-sizing: border-box; word-break: keep-all; line-height: 1.3; }

body.lock{ overflow: hidden; }
body{ font-size: 16px; }
body *{ font-size: inherit; }
.eng,
.eng *{ font-family: var(--engFont) !important; }
.kor,
.kor *{ font-family: var(--baseFont) !important; }
.point{ color: var(--mainColor) !important; }

/* inner */
.w1920{ max-width: 1920px; width: 100%; margin: 0 auto; }
.w1800{ max-width: 1840px; width: 100%; margin: 0 auto; padding: 0 20px; }
.w1720{ max-width: 1760px; width: 100%; margin: 0 auto; padding: 0 20px; }
.w1680{ max-width: 1720px; width: 100%; margin: 0 auto; padding: 0 20px; }
.w1600{ max-width: 1700px; width: 100%; margin: 0 auto; padding: 0 50px; }

/* slick */
.slick-slider{ overflow: hidden; }
.slick-track{ margin: 0; }
.slick-slide{ outline: none; }

/* aos */
[data-aos]{ transition-duration: var(--aosT); }

@media (hover: hover) and (pointer: fine) {
	:root{
		--resizeVH: var(--vh);
		--stickyT: 0;
	}
}

@media screen and (max-width: 1700px){
	:root{
		--headerH: 80px;
	}

	html{ font-size: 50%; }
}

@media screen and (max-width: 1280px){
	:root{
		--headerH: 70px;

		--aosP: 50px;
		--aosM: -50px;
	}

	html{ font-size: 40%; }
}

@media screen and (max-width: 1024px){
	/* inner */
	.w1600{ padding: 0 30px; }
}

@media screen and (max-width: 960px){
	/* inner */
	.w1600{ padding: 0 20px; }
}

@media screen and (max-width: 900px){
	html{ font-size: 35%; }
}


/* header */
header{
	--gridGap: 40px;
	--spanW: 405px;
	--downloadW: 400px;
}
header{ width: 100%; background: transparent; position: fixed; top: 0; left: 0; z-index: 999; transition: background 0.4s, top 0.4s; will-change: background, top; }
header::before{ content: ""; width: 100%; height: 1px; background: #DDD; position: absolute; bottom: 0; left: 0; opacity: 0; transition: opacity 0.4s; pointer-events: none; }
header .device{ display: none; opacity: 0; }
header .flex-box{ height: var(--headerH); display: flex; justify-content: space-between; align-items: center; }
header h1,
header .right{ position: relative; z-index: 10; }
header h1 a{ display: block; position: relative; }
header h1 a::after,
header h1 img{ transition: opacity 0.4s; }
header h1 a::after{ content: ""; background: url("/kr/img/common/logo.svg") no-repeat center center / contain; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
header h1 img{ width: auto; height: auto; filter: grayscale(1) brightness(10); -webkit-filter: grayscale(1) brightness(10); opacity: 1; }


header nav{ background: transparent; text-align: center; position: absolute; top: 0; left: 0; right: 0; transition: background 0.4s; }
header .depth01{ display: inline-flex; justify-content: center; }
header .depth01 > li > a{ height: var(--headerH); display: flex; justify-content: center; align-items: center; background: transparent; font-size: 20px; font-weight: 500; color: #FFF; text-stroke: 0.01em transparent; -webkit-text-stroke: 0.01em transparent; padding: 0 40px; position: relative; z-index: 10; transition: background 0.4s, color 0.4s, text-stroke-color 0.4s; }
header .depth01 > li > a::after{ content: ""; width: 120px; height: 3px; background: var(--mainColor); position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%) scaleX(0); transition: transform 0.4s; }
header .depth01 > li > a i{ flex-shrink: 0; width: 12px; height: 12px; background: #FFF; mask: url("/img/common/icon_target.svg") no-repeat center center / contain; -webkit-mask: url("/img/common/icon_target.svg") no-repeat center center / contain; margin-left: 10px; position: relative; transition: background 0.4s; }
header .depth01 > li > div{ width: var(--vw); background: #FFF; padding-top: var(--headerH); position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%); clip-path: inset(0 0 100% 0 ); -webkit-clip-path: inset(0 0 100% 0); transition: clip-path 0.5s; }

header .depth01 dl{ max-width: 1920px; width: 100%; height: var(--navH); margin: 0 auto; display: flex; }
header .depth01 dl dt{ flex-shrink: 0; display: flex; flex-direction: column; width: 24.41%; background: #F8F8F8; letter-spacing: -0.02em; text-align: left; padding: 60px; padding-left: 100px; }
header .depth01 dl dt strong{ display: block; flex: 1 0 auto; font-size: 4rem; font-weight: 600; color: #111; padding-bottom: 30px; }
header .depth01 dl dt a{ min-height: 100px; display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-weight: 500; color: #FFF; padding: 15px 40px; position: relative; z-index: 10; }
header .depth01 dl dt a i{ flex-shrink: 0; width: 9px; height: 15px; display: inline-block; background: url("/img/common/icon_banner_arrow.svg") no-repeat center center / contain; margin-left: 30px; }
header .depth01 dl dt a .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
header .depth01 dl dt a .bg img{ width: 100%; height: 100%; object-fit: cover; } 
header .depth01 dl dd{ flex: 1 1 auto; min-width: 0; }
header .depth01 dl dd ul{ padding: 40px 0; position: relative; }
header .depth01 dl dd ul::after{ content: ""; width: 1px; height: calc(var(--navH) - 80px); background: #E5E5E5; position: absolute; top: 40px; right: 0; pointer-events: none; }

header .depth02{ max-width: calc(100% / 3); width: 400px; text-align: left; position: relative; }
header .depth02 a{ display: block; font-family: var(--engFont); font-size: 18px; font-weight: 500; color: #777; line-height: 1.3; padding: 11px 0; padding-inline: 60px; position: relative; transition: color 0.4s; }
header .depth02 > li a.arrow::after{ content: ""; width: 9px; height: 15px; background: #777; mask: url("/img/common/icon_header_arrow.svg") no-repeat center center / contain; -webkit-mask: url("/img/common/icon_header_arrow.svg") no-repeat center center / contain; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); transition: background 0.4s; }
header .depth02 > li div{ width: 100%; height: var(--navH); position: absolute; top: 0; right: 0; transform: translateX(100%); opacity: 0; pointer-events: none; transition: opacity 0.5s; }

header .depth04 > li div{ display: none; }


header .right{ display: flex; align-items: center; margin-right: -15px; }
header .right > *:not(:last-child){ margin-right: 20px; }
header .right button{ background: none; border: none; padding: 15px; }

header .search{ padding: 10px !important; margin-right: 0 !important; }
header .search i{ display: inline-block; width: 20px; height: 20px; background: url("/img/common/icon_search.svg") no-repeat center center / contain; transform: translateY(2px); transition: filter 0.4s; }

header .lang{ position: relative; }
header .lang *{ font-family: var(--engFont); font-size: 18px; letter-spacing: -0.02em; }
header .lang button{ display: flex; align-items: center; font-weight: 500; color: #FFF; text-stroke: 0.015em transparent; -webkit-text-stroke: 0.015em transparent; transition: color 0.4s, text-stroke-color 0.4s; }
header .lang button i{ display: inline-block; width: 24px; height: 24px; background: url("/img/common/icon_lang.svg") no-repeat center center / contain; margin-right: 10px; transition: filter 0.4s; }
header .lang ul{ width: 60px; background: var(--mainColor); position: absolute; top: 100%; left: calc(50% + 17px); transform: translateX(-50%); display: none; }
header .lang ul li a{ min-height: 40px; display: flex; justify-content: center; align-items: center; font-weight: 500; color: #FFF; }

header .menu i{ display: block; width: 33px; height: 33px; background: url("/img/common/icon_menu.svg") no-repeat center center / contain; filter: invert(1); -webkit-filter: invert(1); transition: filter 0.4s; }

/* body - up */
body.up header{ top: calc(var(--headerH) * -1); }
body.up header .depth01 > li > div{ clip-path: inset(0 0 100% 0) !important; -webkit-clip-path: inset(0 0 100% 0) !important; }


/* header - scroll */
header.scroll{ background: #FFF; }
header.scroll::before{ opacity: 1; }
header.scroll h1 a::after{ opacity: 1; }
header.scroll h1 img{ opacity: 0; }
header.scroll .depth01 > li > a{ color: #111; text-stroke-color: #111; -webkit-text-stroke-color: #111; }
header.scroll .depth01 > li > a i{ background: #111; }
header.scroll .search i{ filter: invert(1); -webkit-filter: invert(1); }
header.scroll .lang button{ color: #111; text-stroke-color: #111; -webkit-text-stroke-color: #111; }
header.scroll .lang button i{ filter: invert(1); -webkit-filter: invert(1); }
header.scroll .menu i{ filter: unset; -webkit-filter: unset; }


/* header - hover */
header.hover::before{ opacity: 1; }
header.hover h1 a::after{ opacity: 0; }
header.hover h1 img{ opacity: 1; }
header.hover nav{ background: #061E3F; }
header.hover .depth01 > li > a{ color: #FFF; text-stroke-color: transparent; -webkit-text-stroke-color: transparent; }
header.hover .depth01 > li > a i{ background: #FFF; }
header.hover .search i{ filter: unset; -webkit-filter: unset; }
header.hover .lang button{ color: #FFF; text-stroke-color: transparent; -webkit-text-stroke-color: transparent; }
header.hover .lang button i{ filter: unset !important; -webkit-filter: unset !important; }
header.hover .menu i{ filter: invert(1); -webkit-filter: invert(1); }

@media screen and (hover: hover) and (pointer: fine){
	header .device{ opacity: 1; }

	header .depth01 li.all{ display: none; }
	
	header .depth01 > li:hover > a{ background: #FFF; color: var(--mainColor); text-stroke-color: var(--mainColor); -webkit-text-stroke-color: var(--mainColor); }
	header .depth01 > li:hover > a i{ background: var(--mainColor) !important; }
	header .depth01 > li:hover > div{ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
	header .depth02 li:hover > div{ opacity: 1; pointer-events: unset; }
	header .depth02 li:hover > a{ color: var(--mainColor); }
	header .depth02 li:hover > a.arrow::after{ background: var(--mainColor); } 
}

@media screen and (max-width: 1700px){
	header .depth01 > li > a{ font-size: 19px; padding: 0 30px; }	
	header .depth01 dl dt{ padding: 40px; padding-left: 70px; }
	header .depth01 dl dt a{ min-height: 85px; font-size: 19px; padding-inline: 30px; }
	header .depth01 dl dd ul{ padding: 30px 0; }
	header .depth01 dl dd ul::after{ height: calc(var(--navH) - 60px); top: 30px; }

	header .depth02 a{ padding-inline: 45px 30px; }

	header .lang button i{ width: 22px; height: 22px; }
	header .lang ul{ left: calc(50% + 16px); }
	header .menu i{ width: 30px; height: 30px; }
}

@media screen and (max-width: 1400px){
	header .depth01 > li > a{ padding: 0 25px; }
	header .depth01 dl dt{ padding: 40px; padding-left: 30px; }
	header .depth01 dl dt a{ min-height: 70px; font-size: 18px; padding-inline: 25px; }
	header .depth01 dl dt a i{ width: 7px; }
	header .depth01 dl dd ul{ padding: 25px 0; }
	header .depth01 dl dd ul::after{ height: calc(var(--navH) - 50px); top: 25px; }
	header .depth02 a{ padding-inline: 30px; }

	header .right > *:not(:last-child){ margin-right: 10px; }
}

@media screen and (max-width: 1280px){
	header .depth01 > li > a{ font-size: 18px; padding: 0 20px; }
	header .depth02 a{ font-size: 17px; }
	header .depth02 > li a.arrow::after{ width: 7px; height: 13px; }

	header .right{ margin-right: -10px; }
	header .right > *:not(:last-child){ margin-right: 5px; }
	header .right button{ padding: 10px; }

	header .lang button i{ width: 20px; height: 20px; }
	header .lang ul{ left: calc(50% + 15px); }
	header .menu i{ width: 27px; height: 27px; }
}

@media screen and (max-width: 1200px){
	header .depth01{ opacity: 0; pointer-events: none; }
}


/* search */
#search{
	--height: 95px;
	--padding: 60px;
	--icon: 25px;
}
#search{ width: 100%; background: var(--grayBg); padding-top: var(--headerH); position: fixed; top: 0; left: 0; z-index: 995; clip-path: inset(0 0 100% 0); -webkit-clip-path: inset(0 0 100% 0); transition: clip-path 0.4s; }
#search .inner{ padding: 50px 20px; }
#search .input{ max-width: 860px; margin: 0 auto; position: relative; }
#search .input input{ width: 100%; height: var(--height); background: #FFF; border: none; border-radius: 0; -webkit-border-radius: 0; font-size: 21px; font-weight: 500; color: #111; padding: 0 var(--padding); }
#search .input input::placeholder{ color: #AAA; }
#search .input button{ height: 100%; background: none; border: none; padding: 0 var(--padding); position: absolute; top: 0; right: 0; }
#search .input button i{ display: inline-block; width: var(--icon); height: var(--icon); background: #000; mask: url("/img/common/icon_search.svg") no-repeat center center / contain; -webkit-mask: url("/img/common/icon_search.svg") no-repeat center center / contain; }

/* body - search */
body.search header{ top: 0; }
body.search header::before{ opacity: 1; }
body.search header h1 a::after{ opacity: 0; }
body.search header h1 img{ opacity: 1; }
body.search header nav{ background: #061E3F; }
body.search header .depth01 > li > a{ color: #FFF; text-stroke-color: transparent; -webkit-text-stroke-color: transparent; }
body.search header .depth01 > li > a i{ background: #FFF; }
body.search header .search i{ background-image: url("/img/common/icon_search_close.svg"); filter: invert(1); -webkit-filter: invert(1); }
body.search header .lang button{ color: #FFF; text-stroke-color: transparent; -webkit-text-stroke-color: transparent; }
body.search header .lang button i{ filter: unset; -webkit-filter: unset; }
body.search header .menu i{ filter: invert(1); -webkit-filter: invert(1); }
body.search #search{ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }

@media screen and (max-width: 1700px){
	#search{
		--height: 85px;
		--padding: 40px;
	}
	#search .inner{ padding-block: 40px; }
	#search .input input{ font-size: 20px; }
}

@media screen and (max-width: 1280px){
	#search{
		--height: 75px;
		--padding: 25px;
		--icon: 22px;
	}
	#search .inner{ padding-block: 30px; }
	#search .input{ max-width: 800px; }
	#search .input input{ font-size: 19px; }
}

@media screen and (max-width: 900px){
	#search{
		--height: 60px;
		--icon: 20px;
	}
	#search .input input{ font-size: 18px; }
}




/* menu */
#menu{ width: 100%; height: 100%; background: #FFF; position: fixed; top: 0; left: 0; z-index: 1000; transform: translateY(100%); transition: transform 0.5s; }
#menu > div{ height: 100%; display: flex; flex-direction: column; }
#menu .mobile{ display: none; }

#menu .header .flex-box{ height: var(--headerH); display: flex; justify-content: space-between; align-items: center; background: #FFF; }  
#menu .header h3{ font-family: var(--engFont); font-size: 36px; font-weight: 700; color: var(--mainColor); }
#menu .header .close{ background: none; border: none; padding: 15px; margin-right: -15px; }
#menu .header .close i{ display: inline-block; width: 33px; height: 33px; background: url("/kr/img/common/icon_menu.svg") no-repeat center center / contain; }

#menu .nav{ height: calc(100% - var(--headerH)); padding-top: 10px; position: relative; z-index: 10; }
#menu .nav::before{ content: ""; height: 400px; background: url("/kr/img/common/menu_bg.svg") no-repeat center center / contain; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; transform: translateY(-50%); }
#menu .scroll{ height: 100%; overflow-x: clip; overflow-y: auto; }
#menu .scroll.os-theme-dark > .os-scrollbar-horizontal, 
#menu .scroll.os-theme-light > .os-scrollbar-horizontal{ display: none !important; }
#menu .scroll.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{ background: #000; border-radius: 0; }

#menu nav .w1720{ all: unset; }
#menu nav a{ display: block; line-height: 1.3; letter-spacing: -0.03em; }
#menu nav .depth01 li.all{ display: none; }
#menu nav .depth01 > li{ display: grid; grid-template-columns: 320px calc(100% - 320px); padding: 80px 0; }
#menu nav .depth01 > li:first-of-type{ padding-top: 50px; }
#menu nav .depth01 > li:not(:last-of-type){ border-bottom: 1px solid #EEE; }
#menu nav .depth01 > li .box p{ display: none; }
#menu nav .depth01 > li > a{ font-size: 4.4rem; font-weight: 600; color: #000; }
#menu nav .depth01 > li > a[target="_blank"]::after{ content: ""; display: inline-block; width: 40px; height: 40px; background: url("/kr/img/common/icon_menu_target.svg") no-repeat center center / contain; margin-left: 10px; vertical-align: middle; transform: translateY(-2px); }
#menu nav .depth02{ display: grid; grid-template-columns: repeat(5, 20%); margin: 0 -10px -50px; }
#menu nav .depth02 > li{ margin: 0 10px 50px; }
#menu nav .depth02 > li > a{ display: flex; align-items: center; font-size: 22px; font-weight: 400; color: #222; padding: 15px 10px 0; }
#menu nav .depth02 > li > a.arrow::after{ content: ""; flex-shrink: 0; display: inline-block; width: 14px; height: 9px; background: url("/kr/img/common/icon_menu_arrow.svg") no-repeat center center / contain; margin-left: 10px; vertical-align: middle; }
#menu nav .depth02 > li > div{ padding-top: 13px; margin-bottom: -7px; }
#menu nav .depth03 > li > a{ font-family: var(--engFont); font-size: 20px; font-weight: 300; color: #333; padding: 7px 10px; } 
#menu nav .depth03 > li > div{ padding: 3px 0; margin-bottom: 3px; }
#menu nav .depth04 > li > a{ font-size: 18px; font-weight: 300; color: #777; padding: 5px 10px; padding-left: 26px; position: relative; }
#menu nav .depth04 > li > a::before{ content: "-"; position: absolute; top: 5px; left: 10px; }

#menu .bottom{ padding-bottom: 60px; }
#menu .bottom .flex{ display: flex; margin: -15px 0; margin-left: -15px; }
#menu .bottom .flex > *{ font-size: 18px; padding: 15px; }
#menu .bottom a{ display: inline-block; font-weight: 500; color: #666; letter-spacing: -0.03em; line-height: 1.3; }
#menu .bottom p{ font-weight: 300; color: #888; }

/* body - open */
body.open{ overflow: hidden; }
body.open #menu{ transform: translateY(0); }

@media screen and (max-width: 1700px){
	#menu .header h3{ font-size: 32px; }
	#menu .header .close i{ width: 30px; height: 30px; }
	
	#menu nav .depth01 > li{ grid-template-columns: 280px calc(100% - 280px); padding: 60px 0; }
	#menu nav .depth01 > li > a[target="_blank"]::after{ width: 35px; height: 35px; }
	#menu nav .depth02 > li > a{ font-size: 20px; padding-top: 10px; }
	#menu nav .depth03 > li > a{ font-size: 19px; }
	
	#menu .bottom .flex > *{ font-size: 17px; }
}

@media screen and (max-width: 1600px){
	#menu nav .depth02{ grid-template-columns: repeat(3, calc(100% / 3)); margin-bottom: -30px; }
	#menu nav .depth02 > li{ margin-bottom: 30px; }
}

@media screen and (max-width: 1280px){
	#menu .header h3{ font-size: 28px; }
	#menu .header .close i{ width: 26px; height: 26px; }
	
	#menu nav .depth01 > li{ grid-template-columns: 240px calc(100% - 240px); padding: 40px 0; }
	#menu nav .depth01 > li:first-of-type{ padding-top: 40px; }
	#menu nav .depth01 > li > a[target="_blank"]::after{ width: 26px; height: 26px; }
	#menu nav .depth02 > li > a{ font-size: 19px; }
	#menu nav .depth03 > li > a{ font-size: 18px; }
	#menu nav .depth04 > li > a{ font-size: 17px; }
	
	#menu .bottom{ padding-bottom: 40px; }
	#menu .bottom .flex > *{ font-size: 16px; }
}

@media screen and (max-width: 1000px){
	#menu .column{ height: 100%; display: flex; flex-direction: column; }

	#menu .nav{ padding-top: 0; }
	#menu .pc{ display: none; }
	#menu .mobile{ display: block; }
	
	#menu nav{ flex: 1 0 auto; }
	#menu nav ul > li > div{ display: none; }
	#menu nav .depth01 li.all{ display: block; }
	#menu nav .depth01 > li{ display: block; border-bottom: 1px solid #EEE; padding: 0 !important; }
	#menu nav .depth01 > li:first-of-type{ border-top: 1px solid #EEE; }
	#menu nav .depth01 > li > a{ font-size: 28px; padding: 17px 10px; }
	#menu nav .depth01 > li > div{ border-top: 1px solid #EEE; }
	
	#menu nav .depth02{ display: block; margin: 0; padding: 10px 0; }
	#menu nav .depth02 > li{ margin: 0; }
	#menu nav .depth02 > li > a{ font-size: 20px; padding: 15px 10px; }
	#menu nav .depth02 > li > a.arrow::after{ width: 11px; height: 7px; margin-left: 15px; transform: translateY(-1px); transition: transform 0.4s; }
	#menu nav .depth02 > li > div{ background: var(--mainColor); padding: 10px 0; margin: 0; }
	
	#menu nav .depth03 > li > a{ font-size: 19px; color: #FFF; padding: 10px 20px; }
	#menu nav .depth03 > li > a.arrow::after{ content: ""; width: 11px; height: 7px; display: inline-block; background: url("/kr/img/common/icon_menu_arrow.svg") no-repeat center center / contain; filter: invert(1); -webkit-filter: invert(1); vertical-align: middle; margin-left: 15px; transform: translateY(-1px); transition: transform 0.4s; }
	#menu nav .depth03 > li > div{ padding: 0 0 10px; margin-bottom: 0; }
	
	#menu nav .depth04 > li > a{ font-size: 18px; color: rgba(255, 255, 255, 0.8); padding-left: 35px; }
	#menu nav .depth04 > li > a::before{ left: 20px; }
	
	#menu nav .depth02 > li.on > a.arrow::after,
	#menu nav .depth03 > li.on > a.arrow::after{ transform: translateY(-2px) rotate(-180deg); }
	
	#menu .bottom{ padding: 30px 0; }
}


/* footer */
footer .depth01 > li .box p{ display: none; }

@media screen and (hover: hover) and (pointer: fine){
	footer .depth01 li.all{ display: none }
}


/* floating menu */
#floating{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 970; pointer-events: none; }
#floating .sticky{ max-width: 100%; width: var(--vw); display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100vh; text-align: right; padding: 20px; position: sticky; top: 0; left: 0; }
#floating a{ width: 110px; height: 110px; background: linear-gradient(135deg, #0072BC, #003456); border-radius: 50%; display: inline-flex; flex-direction: column; justify-content: center; font-size: 16px; font-weight: 600; color: #FFF; text-align: center; pointer-events: auto; }
#floating a i{ display: block; height: 20px; background: url("/img/common/icon_quick_inquiry.svg") no-repeat center center / contain; margin-bottom: 10px; } 

@media screen and (max-width: 1700px){
	#floating a{ width: 95px; height: 95px; }
}

@media screen and (max-width: 1280px){
	#floating .sticky{ padding: 15px; }
	#floating a{ width: 85px; height: 85px; font-size: 15px; }
	#floating a i{ height: 18px; margin-bottom: 7px; }
}