@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700&display=swap');
@import "../../vendors/bootstrap-3.3.7/dist/css/bootstrap.min.css";
@import "../../vendors/swiper-11.0.7/package/swiper-bundle.min.css";
@import "../../vendors/rd-navbar-2.1.8/dist/css/rd-navbar.css";
@import "nav.css?v=20260918f";  /* WTS-20 : @import 는 상위 파일의 ?ver 캐시버스터가 적용되지 않아 버전을 직접 붙인다 */
@import "slick.css";
@import "layout.css?v=20260928b";  /* 캐시버스터 (해외사업 배너 교체) */
@import "swiper.css";

@import "sub-content.css";
@import "ezsboard5.css";
@import "fullpage.css";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR'; font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-aLt.woff') format('woff');
	font-weight: 300;
}
@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-bRg.woff') format('woff');
	font-weight: 400;
}
@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-cBd.woff') format('woff');
	font-weight: 600;
}
@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-dEb.woff') format('woff');
	font-weight: 700;
}
@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-eHv.woff') format('woff');
	font-weight: 800;
}

@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-Thin.woff2') format('woff2');
	font-weight: 100;
}
@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-ExtraLight.woff2') format('woff2');
	font-weight: 200;
}
@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-Light.woff2') format('woff2');
	font-weight: 300;
}
@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-Regular.woff2') format('woff2');
	font-weight: 400;
}
@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-Medium.woff2') format('woff2');
	font-weight: 500;
}
@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-SemiBold.woff2') format('woff2');
	font-weight: 600;
}
@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-Bold.woff2') format('woff2');
	font-weight: 700;
}
@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-ExtraBold.woff2') format('woff2');
	font-weight: 800;
}
@font-face {
	font-family: 'SUIT'; font-style: normal;
	src: url('../font/SUIT-Heavy.woff2') format('woff2');
	font-weight: 900;
}

@-ms-viewport{width:auto; }

body {
	overflow-x: hidden;
	font-family:'NanumSquareNeo','Noto Sans KR', sans-serif;
	font-weight:600;
	font-size:13px;
	_overflow-x:hidden;
	-webkit-text-size-adjust:none;
	min-width:320px;
	overflow-x:hidden;
	word-break:keep-all;
	color:rgba(0, 0, 0, .9);
}

body.lang-en,
body.lang-en * {
	word-break: normal;
	overflow-wrap: normal;
}

body.lang-en .basicSet br,
body.lang-en .sub-contents br,
body.lang-en .contents br,
body.lang-en .container br {
	display: none;
}

/* Two consecutive <br> tags are an intentional paragraph break (see
   normalizeEnglishHtml() in include/header.html) and must stay visible even
   in English, unlike the single Korean line-wrap <br> tags hidden above. */
body.lang-en .basicSet br + br,
body.lang-en .sub-contents br + br,
body.lang-en .contents br + br,
body.lang-en .container br + br,
body.lang-en .basicSet br:has(+ br),
body.lang-en .sub-contents br:has(+ br),
body.lang-en .contents br:has(+ br),
body.lang-en .container br:has(+ br) {
	display: inline;
}

body.lang-en .history-section br,
body.lang-en .rd-history-section br {
	display: block;
}

/* English sentences are longer than the short Korean phrases these cards were
   sized for, so the body copy wrapped into many narrow, ragged lines with a
   lot of empty space on either side. A smaller size plus mid-word wrapping
   lets more text fit per line without touching the Korean layout. */
body.lang-en .core-value-ul .core-value-txt {
	font-size: 13px !important;
	hyphens: auto;
	-webkit-hyphens: auto;
	overflow-wrap: break-word;
}

/* The "(Sustainability)" etc. gloss next to each title is only useful in
   Korean, where the main title is Korean and the parenthetical gives the
   English term. Once the title itself is already translated to English
   ("Sustainability"), repeating it in parentheses is redundant. */
body.lang-en .core-value-title small,
body.lang-en .cv2-sub {
	display: none;
}

.i18n-en {
	display: none;
}

body.lang-en .i18n-ko {
	display: none;
}

body.lang-en .i18n-en {
	display: block;
}

body.lang-en span.i18n-en {
	display: inline;
}

body.lang-en b.i18n-en {
	display: inline;
}

.language-toggle {
	--toggle-pad: 4px;
	--toggle-thumb: 46px;
	position: absolute;
	right: 74px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 101;
	display: flex;
	align-items: center;
	width: 104px;
	height: 36px;
	padding: var(--toggle-pad);
	border: 1px solid rgba(0, 148, 222, .18);
	border-radius: 999px;
	background: rgba(255, 255, 255, .88);
	backdrop-filter: blur(10px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
	overflow: hidden;
	transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.language-toggle--mobile {
	display: none;
}

.language-toggle--menu {
	display: none;
}

.language-toggle--desktop {
	display: none;
}

.language-toggle::before {
	content: "";
	position: absolute;
	left: var(--toggle-pad);
	top: var(--toggle-pad);
	width: var(--toggle-thumb);
	height: calc(100% - (var(--toggle-pad) * 2));
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .16);
	transition: transform .28s cubic-bezier(.22, .8, .22, 1), background .25s ease, box-shadow .25s ease;
}

body.lang-en .language-toggle::before {
	transform: translateX(46px);
}

.language-toggle button {
	position: relative;
	z-index: 1;
	flex: 1 1 0;
	height: 30px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #4f6575;
	font-family: 'Montserrat', 'NanumSquareNeo', sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0;
	cursor: pointer;
	transition: color .22s ease;
}

.language-toggle button.is-active {
	color: #0094de;
}

.nav-bg .language-toggle,
.rd-navbar--is-stuck .language-toggle {
	border-color: rgba(0, 148, 222, .22);
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 8px 22px rgba(0, 82, 160, .1);
}

.nav-bg .language-toggle::before,
.rd-navbar--is-stuck .language-toggle::before {
	background: #0094de;
	box-shadow: 0 4px 12px rgba(0, 148, 222, .22);
}

.nav-bg .language-toggle button,
.rd-navbar--is-stuck .language-toggle button {
	color: #4f6575;
}

.nav-bg .language-toggle button.is-active,
.rd-navbar--is-stuck .language-toggle button.is-active {
	color: #fff;
}

.rd-navbar--is-stuck .language-toggle {
	transform: translateY(-50%);
}

.rd-navbar-fixed .rd-navbar-nav-wrap .language-toggle--mobile {
	display: flex;
	position: absolute;
	left: 15px;
	right: auto;
	top: auto;
	bottom: 78px;
	transform: none;
	z-index: 3;
	background: rgba(255, 255, 255, .94);
	border-color: rgba(0, 148, 222, .24);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
}

.rd-navbar-fixed .rd-navbar-nav-wrap .language-toggle--mobile::before {
	background: #0094de;
	box-shadow: 0 4px 12px rgba(0, 148, 222, .28);
}

.rd-navbar-fixed .rd-navbar-nav-wrap .language-toggle--mobile button {
	color: #4f6575;
}

.rd-navbar-fixed .rd-navbar-nav-wrap .language-toggle--mobile button.is-active {
	color: #fff;
}

@media (min-width: 1200px) {
	.allMenuWrap .language-toggle--menu {
		display: flex;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		transform: none;
		margin: 42px auto 0;
		background: rgba(255, 255, 255, .94);
		border-color: rgba(255, 255, 255, .72);
		box-shadow: 0 12px 28px rgba(0, 52, 110, .24);
	}

	.allMenuWrap .language-toggle--menu::before {
		background: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
	}

	.allMenuWrap .language-toggle--menu button {
		color: #4f6575;
	}

	.allMenuWrap .language-toggle--menu button.is-active {
		color: #0094de;
	}
}

/* 영문 GNB 도 국문처럼 1200px 까지 노출 (여백·드롭다운 배치는 nav.css / header.html fitGnbDropdowns) */

.nanumMy {font-family: 'Nanum Myeongjo', serif !important;}
.nanumSq {font-family:'NanumSquare', serif !important;}
.nanumNeo {font-family:'NanumSquareNeo', serif !important;}
.montSerrat {font-family:'Montserrat', sans-serif !important;}
.titilliumWeb {font-family: 'Titillium Web', sans-serif !important;}
.text_uppercase {text-transform:uppercase}
.text_lowercase {text-transform:lowercase}

div, p, ul, dl, h4, h5 {transition:margin 0.5s ease-in-out 0; }

p {
	line-height: 1.7;
	margin-bottom:0;
}
a, button {
	color:inherit;

}
a:hover,
a:focus,
a:active,
a.active {
	color:inherit;
	text-decoration:none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
}

ul, dl {padding:0; margin:0; }
li {list-style:none; }
button {border:0; }
img {max-width:100%; }

.mt5 {margin-top:5px !important; }
.mt10 {margin-top:7px !important; }
.mt20 {margin-top:10px !important; }
.mt30 {margin-top:15px !important; }
.mt40 {margin-top:20px !important; }
.mt50 {margin-top:25px !important; }
.mt60 {margin-top:30px !important; }
.mt70 {margin-top:40px !important; }
.mt80 {margin-top:80px !important; }
.mt90 {margin-top:90px !important; }
.mt100 {margin-top:100px !important; }
.mt110 {margin-top:110px !important; }
.mt120 {margin-top:120px !important; }
.mt160 {margin-top:160px !important; }

.mb5 {margin-bottom:5px !important; }
.mb10 {margin-bottom:7px !important; }
.mb20 {margin-bottom:10px !important; }
.mb30 {margin-bottom:15px !important; }
.mb40 {margin-bottom:20px !important; }
.mb50 {margin-bottom:25px !important; }
.mb60 {margin-bottom:30px !important; }
.mb70 {margin-bottom:40px !important; }
.mb80 {margin-bottom:50px !important; }
.mb90 {margin-bottom:50px !important; }
.mb100 {margin-bottom:50px !important; }

.pdt5 {padding-top:5px !important; }
.pdt10 {padding-top:7px !important; }
.pdt20 {padding-top:10px !important; }
.pdt30 {padding-top:15px !important; }
.pdt40 {padding-top:20px !important; }
.pdt50 {padding-top:25px !important; }
.pdt60 {padding-top:30px !important; }
.pdt70 {padding-top:40px !important; }
.pdt80 {padding-top:50px !important; }
.pdt90 {padding-top:50px !important; }
.pdt100 {padding-top:50px !important; }

.pdt5 {padding-bottom:5px !important; }
.pdt10 {padding-bottom:7px !important; }
.pdt20 {padding-bottom:10px !important; }
.pdt30 {padding-bottom:15px !important; }
.pdt40 {padding-bottom:20px !important; }
.pdt50 {padding-bottom:25px !important; }
.pdt60 {padding-bottom:30px !important; }
.pdt70 {padding-bottom:40px !important; }
.pdt80 {padding-bottom:50px !important; }
.pdt90 {padding-bottom:50px !important; }
.pdt100 {padding-bottom:50px !important; }
.pdt110 {padding-bottom:50px !important; }

.fs10 {font-size:6px; }
.fs11 {font-size:8px; }
.fs12 {font-size:9px; }
.fs13 {font-size:11px; }
.fs14 {font-size:12px; }
.fs15 {font-size:12px; }
.fs16 {font-size:12px; }
.fs18 {font-size:14px; }
.fs20 {font-size:15px; }
.fs22 {font-size:16px; }
.fs24 {font-size:18px; }
.fs25 {font-size:20px; }
.fs26 {font-size:20px; }
.fs28 {font-size:20px; }
.fs30 {font-size:24px; }
.fs32 {font-size:24px; }
.fs35 {font-size:24px; }
.fs38 {font-size:24px; }
.fs40 {font-size:25px; line-height:1em; }
.fs42 {font-size:25px; line-height:1em; }
.fs48 {font-size:25px; line-height:1em; }
.fs50 {font-size:35px; line-height:1em; }
.fs60 {font-size:40px; line-height:1.2em; }
.fs70 {font-size:45px; line-height:1em; }
.fs80 {font-size:50px; line-height:1em; }

.fw100 {font-weight:100; }
.fw200 {font-weight:200; }
.fw300 {font-weight:300; }
.fw400 {font-weight:400; }
.fw500 {font-weight:500; }
.fw600 {font-weight:600; }
.fw700 {font-weight:700; }
.fw800 {font-weight:800; }
.fwbold {font-weight:bold; }

.color-1{color: #26297e!important;}
.color-2{color: #0094de!important;}
.c-point-1 {color:#2e3573 !important}
.c-point-2 {color:#004eb7 !important}
.c-point-3 {color:#0068b7 !important}
.c-point-4 {color:#0081b7 !important}
.c-point-5 {color:#009fb7 !important}
.c-point-6 {color:#373895 !important}

.c-point-7 {color:#7373b5 !important}
.c-point-8 {color:#7180b0 !important}
.c-point-9 {color:#708fa9 !important}
.c-point-10 {color:#6e9da4 !important}
.c-point-11 {color:#6bba99 !important}
.c-point-12 {color:#69c993 !important}
.c-point-13 {color:#f09d00 !important}
.c-point-red {color:#ce2f5b !important}
.c-point-deepblue {color:#154a96 !important}
.c-point-skyblue {color:#1e95d4 !important}
.c-point-red-2 {color:#e60012 !important}
.c-point-forestgreen {color:#58b431 !important}
.c-point-blue {color:#004ea2 !important}

.c-white {color:#fff !important}
.c-grey-1 {color:#252525 !important}
.c-grey-2 {color:#303030 !important}
.c-grey-3 {color:#848688 !important}
.c-grey-4 {color:#dedede !important}
.c-grey-5 {color:#e5e5e5 !important}

.text-l, .txt_l, .txt-l {text-align:left !important}
.text-c, .txt_c, .txt-c {text-align:center !important}
.text-r, .txt_r, .txt-r {text-align:right !important}

.dis-inline {display:inline-block !important;}
.dis-block {display:block !important;}

.nanumMy {font-family: 'Nanum Myeongjo', serif !important;}
.nanumSq {font-family:'NanumSquare', serif !important;}
.montSerrat {font-family:'Montserrat', sans-serif !important;}

@media (min-width: 992px) {
	body {font-size:16px; }

	.mt5 {margin-top:5px !important; }
	.mt10 {margin-top:10px !important; }
	.mt20 {margin-top:20px !important; }
	.mt30 {margin-top:30px !important; }
	.mt40 {margin-top:40px !important; }
	.mt50 {margin-top:50px !important; }
	.mt60 {margin-top:60px !important; }
	.mt70 {margin-top:70px !important; }
	.mt80 {margin-top:80px !important; }
	.mt90 {margin-top:90px !important; }
	.mt100 {margin-top:100px !important; }
	.mt110 {margin-top:110px !important; }

	.mb5 {margin-bottom:5px !important; }
	.mb10 {margin-bottom:10px !important; }
	.mb20 {margin-bottom:20px !important; }
	.mb30 {margin-bottom:30px !important; }
	.mb40 {margin-bottom:40px !important; }
	.mb50 {margin-bottom:50px !important; }
	.mb60 {margin-bottom:60px !important; }
	.mb70 {margin-bottom:70px !important; }
	.mb80 {margin-bottom:80px !important; }
	.mb90 {margin-bottom:90px !important; }
	.mb100 {margin-bottom:100px !important; }
	.mb110 {margin-bottom:110px !important; }

	.pdt5 {padding-top:5px !important; }
	.pdt10 {padding-top:10px !important; }
	.pdt20 {padding-top:20px !important; }
	.pdt30 {padding-top:30px !important; }
	.pdt40 {padding-top:40px !important; }
	.pdt50 {padding-top:50px !important; }
	.pdt60 {padding-top:60px !important; }
	.pdt70 {padding-top:70px !important; }
	.pdt80 {padding-top:80px !important; }
	.pdt90 {padding-top:90px !important; }
	.pdt100 {padding-top:100px !important; }

	.pdb5 {padding-bottom:5px !important; }
	.pdb10 {padding-bottom:10px !important; }
	.pdb20 {padding-bottom:20px !important; }
	.pdb30 {padding-bottom:30px !important; }
	.pdb40 {padding-bottom:40px !important; }
	.pdb50 {padding-bottom:50px !important; }
	.pdb60 {padding-bottom:60px !important; }
	.pdb70 {padding-bottom:70px !important; }
	.pdb80 {padding-bottom:80px !important; }
	.pdb90 {padding-bottom:90px !important; }
	.pdb100 {padding-bottom:100px !important; }
	.pdb110 {padding-bottom:110px !important; }

	.fs10 {font-size:10px !important; }
	.fs11 {font-size:11px !important; }
	.fs12 {font-size:12px !important; }
	.fs13 {font-size:13px !important; }
	.fs14 {font-size:14px !important; }
	.fs15 {font-size:15px !important; }
	.fs16 {font-size:16px !important; }
	.fs18 {font-size:18px !important; }
	.fs20 {font-size:20px !important; }
	.fs22 {font-size:22px !important; }
	.fs24 {font-size:24px !important; }
	.fs25 {font-size:25px !important; }
	.fs26 {font-size:26px !important; }
	.fs28 {font-size:28px !important; }
	.fs30 {font-size:30px !important; }
	.fs32 {font-size:32px !important; }
	.fs35 {font-size:35px !important; }
	.fs38 {font-size:38px !important; }
	.fs40 {font-size:40px !important; line-height:1.2em; }
	.fs42 {font-size:42px !important; line-height:1em; }
	.fs48 {font-size:48px !important; line-height:1em; }
	.fs50 {font-size:50px !important; line-height:1em; }
	.fs60 {font-size:60px !important; line-height:1em; }
	.fs70 {font-size:70px !important; line-height:1em; }
	.fs80 {font-size:80px !important; line-height:1em; }
}

#boardWriteDocument td.Field img {margin-right:20px}

/* History timeline decade banner: at full max-content width the English
   title/quote ("Era of Foundation (1986-2001)" + quoted subtitle) is far
   longer than the Korean original and overflows the viewport. Let the
   single-column timeline track stretch so the banner has something to wrap
   within, shrink the title a bit, and let the subtitle wrap normally. */
body.lang-en .timeline {
	grid-template-columns: minmax(0, 1fr);
}

body.lang-en .decade-header {
	max-width: 100%;
	box-sizing: border-box;
}

body.lang-en .decade-header > .i18n-en {
	font-size: 18px;
}

/* On narrow screens the timeline's vertical guide line sits at left:16px;
   now that the banner stretches full-width in English it was starting past
   that line and running through it. Inset the timeline so the banner clears
   the line with a small gap, same as it already does in Korean. */
@media (max-width: 992px) {
	body.lang-en .timeline {
		padding-left: 28px;
	}
}

/* "Directions to Chilgok Enviro" etc. is much longer than the Korean title
   the fixed-width label column was sized for ("칠곡엔바이로 오시는길"),
   so it wrapped. Widen the label column for English at both breakpoints and
   give the direction-list column back the space it loses at desktop, where
   the two sit side by side. */
body.lang-en .map-direction-box .map-direction-title {
	width: 290px;
}
@media (min-width: 992px) {
	body.lang-en .map-direction-box .map-direction-title {
		width: 390px;
	}
	body.lang-en .map-direction-box .map-direction-txt {
		width: calc(100% - 434px);
	}
}

/* 클릭·터치 시 생기는 파란 포커스 테두리 제거
   - 마우스/터치로 누를 때(:focus 이지만 :focus-visible 아님)는 테두리를 없앤다
   - 입력칸은 클릭해도 :focus-visible 이 되므로 따로 제거 (부트스트랩 파란 그림자 포함)
   - Tab 키로 이동할 때의 포커스 표시는 웹 접근성(KWCAG) 때문에 유지 */
*:focus:not(:focus-visible) {
	outline: none !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
	outline: none !important;
	box-shadow: none !important;
}

html {
	-webkit-tap-highlight-color: transparent;
}