@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/* [2026-07-31 정리] 죽은 폰트 참조를 걷어냈다.
   · earlyaccess/notosanskr.css 와 @font-face 6블록은 모두 fonts.gstatic.com/ea/notosanskr/v2/ 를
     가리켰는데, 구글이 폐기한 경로라 요청 18건이 전부 CORS 로 실패하고 있었다(폰트 미적용).
     아래 css2 정식 주소 한 줄로 대체 — 이제 실제로 Noto Sans KR 이 적용된다.
   · earlyaccess/nanummyeongjo.css : 사이트 내 사용처 0건이라 삭제.
   · cdn.rawgit.com : 2019년 서비스 종료된 도메인 → jsdelivr 정식 주소로 직접 지정. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); /* 폰트 통일(2026-07-31) */
@import "../../vendors/bootstrap-3.3.7/dist/css/bootstrap.min.css";
@import "../../vendors/swiper-3.4.1/dist/css/swiper.min.css";
@import "../../vendors/swiper-11.0.7/package/swiper-bundle.min.css";
@import "../../vendors/font-awesome-4.7.0/css/font-awesome.min.css";
@import "../../vendors/rd-navbar-2.1.8/dist/css/rd-navbar.css";
/* [2026-07-31] jquery-ui-1.12.1.custom 은 서버에 없는 경로였다 → 404 가 호스팅 404 페이지(http)로
   리다이렉트되면서 HTTPS 페이지에 Mixed Content 오류를 남겼다. 실제 존재하는 1.10.4 로 교체. */
@import "../../vendors/jquery-ui-1.10.4/themes/base/jquery-ui.css"; /* datepicker */
@import "layout.css?v=20260731"; /* Header, Footer*/
@import "nav.css?v=20260731"; /* Nav */
@import "swiper.css"; /* Main Visual */
/* @import "main-content.css"; 헤더로 옮김 */
@import "sub-content.css"; /* Sub Content */
@import "ezsboard6.css"; /* board css */
@import "ezsboard5.css"; /* board css */
@import "slick.css"; /* Slick Carousel */
/*@import "beauty.css";  헤더로 옮김 */





@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-aLt.woff') format('woff');
	font-weight: 300;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF;
}
@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-bRg.woff') format('woff');
	font-weight: 400;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF;
}
@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-cBd.woff') format('woff');
	font-weight: 600;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF;
}
@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-dEb.woff') format('woff');
	font-weight: 700;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF;
}
@font-face {
	font-family: 'NanumSquareNeo'; font-style: normal;
	src: url('../font/NanumSquareNeoTTF-eHv.woff') format('woff');
	font-weight: 800;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF;
}

@font-face {
	font-family: 'JosefinSans'; font-style: normal;
	src: url('../font/JosefinSans-Light.woff') format('woff');
	font-weight: 400;
    unicode-range: U+0041-005A,U+0061-007A;
}

@font-face {
	font-family: 'JosefinSans'; font-style: normal;
	src: url('../font/JosefinSans-Regular.woff') format('woff');
	font-weight: 500;
    unicode-range: U+0041-005A,U+0061-007A;
}
@font-face {
	font-family: 'JosefinSans'; font-style: normal;
	src: url('../font/JosefinSans-Medium.woff') format('woff');
	font-weight: 600;
    unicode-range: U+0041-005A,U+0061-007A;
}
@font-face {
	font-family: 'JosefinSans'; font-style: normal;
	src: url('../font/JosefinSans-SemiBold.woff') format('woff');
	font-weight: 700;
    unicode-range: U+0041-005A,U+0061-007A;
}
@font-face {
	font-family: 'JosefinSans'; font-style: normal;
	src: url('../font/JosefinSans-Bold.woff') format('woff');
	font-weight: 800;
    
}

@-ms-viewport{width:auto; }

body {
	overflow-x: hidden;
	font-family:'Noto Sans KR', 'Poppins', Helvetica, Arial, sans-serif; /* 폰트 통일(2026-07-31) */
	font-weight:500;
	/*letter-spacing:-0.05em;*/
	word-break:normal;
	color:rgba(0, 0, 0, 1);
}

div, p, ul, dl, h4, h5 {transition:margin 0.5s ease-in-out 0; }

p {
	line-height: 1.65em;
	color:inherit;
	font-family:'Noto Sans KR', Helvetica, Arial, sans-serif; /* 폰트 통일(2026-07-31) */
}
a {
	color:inherit;
	-moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s;
}
a:hover,
a:focus,
a:active,
a.active {
	color:inherit;
	text-decoration:none;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: 'Poppins','Noto Sans KR',"JosefinSans",'NanumSquare', Helvetica, Arial, sans-serif; /* 폰트 통일(2026-07-31) */
	font-weight: 800;
	letter-spacing:0em;
}

::-moz-selection {
	text-shadow: none;
	color:#fff;
	background: #498cdf;
}
::selection {
	text-shadow: none;
	color:#fff;
	background: #498cdf;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}
body {
	webkit-tap-highlight-color: #498cdf;
}
@media (max-width: 320px) {
	body {min-width:320px; }
}

/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
.ui-to-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	-webkit-transform: translateY(180px);
	  -ms-transform: translateY(180px);
	      transform: translateY(180px);
	z-index: 999;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 28px;
	text-decoration: none !important;
	text-align: center;
	overflow: hidden;
	transition: .3s all ease;
	background:#bcbcbc;
	color: #999 !important;
	border:1px solid #d9d9d9;
}
@media (min-width: 992px) {
	.ui-to-top {
		right: 30px;
		/* [2026-08-01] OTCM 챗봇 런처가 PC 에서 화면 하단 20~102px 를 차지한다(외부 위젯이라
		   위치 변경 불가). 겹치지 않도록 챗봇 위로 띄운다. 국문과 동일 값. */
		bottom:132px;
		width: 50px;
		height: 50px;
		font-size: 30px;
		line-height: 46px;
		background:#666;
		color: #ffffff !important;
		border:0;
		border-radius:100%;
		box-shadow:0 3px 3px rgba(0, 0, 0, .12);
	}

	.ui-to-top:hover {
		text-decoration: none;
		background:#444;
		color: #ffffff;
	}

	.ui-to-top:focus {
		color: #ffffff;
	}

	.ui-to-top.active {
		-webkit-transform: translateY(0);
		  -ms-transform: translateY(0);
		      transform: translateY(0);
	}
}

html.lt-ie9 .ui-to-top {
	right: 15px;
	bottom: 15px;
	width: 50px;
	height: 50px;
	font-size: 30px;
	line-height: 46px;
	background:#666;
	color: #ffffff !important;
	border:0;
}
.ui-to-top:hover {
	text-decoration: none;
	background:#444;
	color: #fff !important;
}
.ui-to-top:focus {
	color: #ffffff;
}
.ui-to-top.active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.maven{font-family:'Maven Pro'!important;}
.color-1{color: #e87722;}
.color-2{color: #fff;}
.color-3{color: #c6c6c6;}
.color-4{color: #999;}
.color-5{color: #ff9326;}
.color-6{color: rgba(0,0,0,0.6);}
.color-7{color: rgba(0,0,0,0.4);}

h2{line-height: 1.4; font-size: 26px;}
@media(min-width:992px) {
	h2{font-size: 30px;}
}
