@charset "utf-8";

* {
	letter-spacing: -0.02em;
}

html {
    width: 100%;
    height: 100%;
}

body {
	font-size: 0.75em;
}

dl, ol, ul {
	margin: 0;
	padding: 0;
}

a {
	letter-spacing: -0.8px;
}

p {
	margin: 0;
}

.container {
	max-width: 1360px;
	padding-right: 0;
	padding-left: 0;
}

#container.fix {

}

.dropdown-toggle::after {
	display: none;
}

#top_btn {
	display: none;
}

#gnb_open,
header#m_hd {
	display: none;
}

img.mobile {
	display: none;
}

.img img {
	max-width: 100%;
}

.map .root_daum_roughmap .wrap_map {
	height: 100%;
}

.map .root_daum_roughmap .wrap_controllers,
.map .root_daum_roughmap .map_border,
.map .wrap_btn_zoom {
	display: none;
}

/*───────────────────────────────────────────────────────────
    header
───────────────────────────────────────────────────────────*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: solid 1px #e3e3e3;
	background: #fff;
	transition-duration: 0.4s;
    transition-property: transform;
	z-index: 9990;
}

#header.fix,
#m_hd.fix {
	transform: translateY(-100%);
}

#header.fixUp,
#m_hd.fixUp {
	border-bottom: solid 1px #e3e3e3;
	transform: translateY(0);
}

#header:before,
#m_hd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
    transform: translateY(-120%);
    transition-property: transform;
    transition-duration: 0.4s;
}

#header.hover:before,
#m_hd.hover:before {
    transform: translateY(0);
}

.topArea {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1360px;
	height: 148px;
	margin: 0 auto;
}

.topArea h1 {
	margin: 0;
}

#header.fixUp .topArea h1 a,
#header.hover .topArea h1 a,
.topArea h1 a {
	display: block;
	font-size: 0;
	width: 184px;
	height: 87px;
	margin: 0;
	background: url(../img/logo.png) no-repeat 0 0;
    background-size: 184px auto;
}


/*───────────────────────────────────────────────────────────
    nav
───────────────────────────────────────────────────────────*/
#lnb {
	padding-left: 50px;
}

#lnb h2 {
	display: none;
}

#gnb_1dul {
    display: flex;
    align-items: center;
    height: 148px;
}

#header.hover #gnb_1dul a,
#header.fixUp #gnb_1dul a,
#gnb_1dul a {
	font-size: 19px;
	font-weight: 500;
	color: #000;
}

/* 1차 카테고리 */
#gnb_1dul li.gnb_1dli {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
}

#gnb_1dul li.gnb_1dli + li.gnb_1dli {
	margin-left: 90px;
}

#gnb_1dul li.gnb_1dli > a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0;
}

#gnb_1dul li.gnb_1dli_on > a {
	color: #5d2e00 !important;
}

#gnb_1dul li.gnb_1dli .bg,
#gnb_1dul li.gnb_1dli .gnb_2dul {
	display: none;
}

/* 2차 카테고리 */
#gnb_1dul li.gnb_1dli .gnb_2dul li {
	padding: 5px 0
}

#gnb_1dul li.gnb_1dli .gnb_2dul li a {
	display: block;
	font-weight: 300;
}

#gnb_1dul li.gnb_1dli .gnb_2dul li:hover a {
	color: #5d2e00 !important;
}


/*───────────────────────────────────────────────────────────
    로그인
───────────────────────────────────────────────────────────*/
.top_login {

}

.top_login ul {
	display: flex;
}

.top_login li {
	position: relative;
}

.top_login li + li {
	padding-left: 20px;
	margin-left: 20px;
}

.top_login li + li::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
	width: 1px;
	height: 12px;
	background: #dadada;
	z-index: 1;
}

.top_login li a {
	font-size: 18px;
	color: #000;
}


/*───────────────────────────────────────────────────────────
    서브 상단 이미지
───────────────────────────────────────────────────────────*/
/* 서브 이미지 */
.sub_vs {
	display: table;
	width: 100%;
	/* height: 240px; */
	text-align: center;
	padding-top: 240px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
	/* background-image: url(../img/sub_bg.jpg); */
}

/* 서브 타이틀 */
.sub_vs .sub_tit {
	display: table-cell;
	vertical-align: middle;
}

.sub_vs .sub_tit strong {
	display: block;
	font-size: 49px;
	font-weight: bold;
}

.sub_vs .sub_tit p {
	font-size: 28px;
	padding-top: 10px;
}


/*───────────────────────────────────────────────────────────
    footer
───────────────────────────────────────────────────────────*/
footer {
	font-size: 19px;
	color: #000;
	padding: 50px 0;
	background: #fff;
}

footer .inner {
	position: relative;
	display: flex;
	width: 1360px;
	margin: 0 auto;
}

footer h2 {

}

footer h2 img {
	width: 168px;
}

footer .ft_info {
	padding-left: 70px;
}

footer .ft_info .privacy {
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	padding-right: 30px;
	margin-bottom: 15px;
	background: url(../img/ico_privacy.png) no-repeat 100% 50%;
}

footer .ft_info p {
	line-height: 1.8;
}

footer .ft_info p br {
	/* display: none; */
}

footer .ft_info p span {
	position: relative;
	/* padding-left: 15px; */
}

footer .ft_info p span:first-child {
	/* padding-left: 0; */
}

footer .ft_info p span + span {
	padding-left: 16px;
}

footer .ft_info p span + span:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 55%;
    position: absolute;
    top: 50%;
    left: 8px;
    background: #000;
    transform: translateY(-50%);
}

footer .ft_info p.copy {
	font-size: 16px;
	color: #898989;
	padding-top: 15px;
}

footer .cert {
	position: absolute;
	bottom: 0;
	right: 0;
}

footer .cert ul {
	display: flex;
    align-items: center;
}

footer .cert li + li {
	padding-left: 15px;
}