@charset "utf-8";

/******************************  공통 영역  ******************************/
#wrap, #hd, #snb_area, .container { width: 100%; min-width: 1280px; }
#wrap {}
.container {}
.board_container {margin-bottom: 250px;}
.sector { width: 1200px; height: inherit; margin: 0 auto; }
.sector2 { width: 1000px; height: inherit; margin: 0 auto; }
.sector3 { width: 1200px; height: inherit; margin: 0 auto; }

@media screen and (max-width:1000px) {
	#wrap, #hd, #snb_area, .container { min-width: 0; }
	.sector, .sector2 { width: 88%; }
	.sector3 { width: 100%; }
	.board_container {margin-bottom: 35vw;}
}


/******************************  헤더  ******************************/
#hd {
	height: 90px;
	background: #fff;
	border-bottom: 1px solid #707070;
}

#hd .sector {
	position: relative;
}

#hd .logo {
	float: left;
	margin-top: 20px;
	width: 159px;
	height: 49px;
	background: url('../images/logo01_eng.png?v=1') no-repeat center center / contain;
}

#hd .logo2 {
	float: left;
	margin-top: 29px;
	margin-left: 21px;
	width: 140px;
	height: 33px;
	background: url('../images/logo02.png') no-repeat center center / contain;
}

#hd .logo3 {
	float: left;
	margin-top: 30px;
	margin-left: 21px;
	width: 109px;
	height: 32px;
	background: url('../images/logo03.png') no-repeat center center / contain;
}

#hd .gnb {
	float: right;
	margin-top: 35px;
	margin-right: 118px;
}

#hd .gnb > a {
	font-size: 18px;
	font-weight: bold;
	margin-left: 71px;
}

#hd .sitemap_btn {
	display: none;
	background: none;
}

#hd .language {
	position: absolute;
	top: 37px;
	right: 0;
	font-size: 16px;
	font-weight: bold;
	background: none;
}

#hd .language .triangle {
	position: relative;
	display: inline-block;
	top: 5px;
	width: 0;
	height: 0;
	margin-left: 5px;
	border-bottom: 7px solid transparent;
	border-top: 7px solid #000;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

#hd .language_select {
	display: none;
	position: absolute;
	top: 65px;
	right: -13px;
	width: 47.14px;
	padding: 5px 12px;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	z-index: 999999;
}

#hd .language_select > li {
	padding: 7px 0;
}

@media screen and (max-width:1000px) {
	#hd {
		height: 17vw;
	}

	#hd .logo {
		margin-top: 5.6vw;
		width: 21.2vw;
		height: 6.4vw;
		background-image: url('../images/m_logo01_eng.png?v=1');
	}

	#hd .logo2 {
		margin-top: 6.2vw;
		margin-left: 3.5vw;
		width: 20.8vw;
		height: 4.9vw;
		background-image: url('../images/m_logo02.png');
	}

	#hd .logo3 {
		margin-top: 6.4vw;
		margin-left: 3.1vw;
		width: 16.1vw;
		height: 4.7vw;
		background-image: url('../images/m_logo03.png');
	}

	#hd .gnb {
		display: none;
	}

	#hd .sitemap_btn {
		display: block;
		position: absolute;
		top: 6.1vw;
		right: 0;
		width: 6vw;
		height: 5vw;
		background: url('../images/m_menu_ico.png') no-repeat center center / contain;
	}

	#hd .language {
		top: 6.8vw;
		right: 8.9vw;
		font-size: 3.2vw;
	}

	#hd .language .triangle {
		top: 0.8vw;
		margin-left: 1vw;
		border-bottom: 1.4vw solid transparent;
		border-top: 1.4vw solid #000;
		border-left: 1vw solid transparent;
		border-right: 1vw solid transparent;
	}

	#hd .language_select {
		top: 14vw;
		right: 5.8vw;
		width: 11vw;
		padding: 1vw 2.8vw;
		font-size: 3.8vw;
	}

	#hd .language_select > li {
		padding: 2vw 0;
	}
}

/******************************  전체 메뉴  ******************************/
#snb_area {
	display: none;
	position: absolute;
	top: 91px;
	left: 0;
	width: 100%;
	padding: 25px 0;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.05);
	z-index: 99999;
}

#snb_area .snb_box {
	float: right;
	margin-right: 141px;
}

#snb_area .snb_box > li {
	float: left;
}

#snb_area .snb_box > li:nth-child(1) { margin-left: 0; /* background: red; */ }
#snb_area .snb_box > li:nth-child(2) { margin-left: 6px; /* background: orange; */ }
#snb_area .snb_box > li:nth-child(3) { margin-left: 11px; /* background: blue; */ }
#snb_area .snb_box > li:nth-child(4) { margin-left: 65px; /* background: green; */ }

#snb_area .snb_box > li > a {
	display: block;
	margin: 20px 0;
	font-size: 18px;
	text-align: center;
	line-height: 1.25;
}

@media screen and (max-width:1000px) {
	#snb_area {
		display: none;
	}
}


/******************************  사이트맵  ******************************/
#sitemap_area { display: none; }

@media screen and (max-width:1000px) {
	#sitemap_area { display: block; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; z-index: 999999; overflow-Y: auto; }

	#sitemap_area .sitemap_header {
		position: relative;
		height: 17vw;
		background: #fff;
		border-bottom: 1px solid #707070;
	}

	#sitemap_area .sitemap_header .sitemap_logo {
		position: absolute;
		top: 5.6vw;
		left: 6%;
		width: 21.2vw;
		height: 6.4vw;
		background: url('../images/m_logo01_eng.png') no-repeat center center / contain;
	}

	#sitemap_area .sitemap_header .sitemap_logo2 {
		position: absolute;
		top: 6.2vw;
		left: 30.8vw;
		width: 20.8vw;
		height: 4.9vw;
		background: url('../images/m_logo02.png') no-repeat center center / contain;
	}

	#sitemap_area .sitemap_header .sitemap_logo3 {
		position: absolute;
		top: 6.4vw;
		left: 54.9vw;
		width: 16.1vw;
		height: 4.7vw;
		background: url('../images/m_logo03.png') no-repeat center center / contain;
	}

	#sitemap_area .sitemap_header .close_btn {
		display: block;
		position: absolute;
		top: 6.1vw;
		right: 6%;
		width: 6vw;
		height: 5vw;
		background: url('../images/m_close_ico.png') no-repeat center center / contain;
	}

	#sitemap_area .sitemap_gnb {
		padding-bottom: 40vw;
	}

	#sitemap_area .sitemap_gnb dt, #sitemap_area .sitemap_gnb dd {
		padding: 0 5%;
		font-size: 4.4vw;
	}

	#sitemap_area .sitemap_gnb dt {
		line-height: 17vw;
		font-weight: bold;
	}

	#sitemap_area .sitemap_gnb dt + dd {
		padding-top: 5.4vw;
	}

	#sitemap_area .sitemap_gnb dd {
		padding-bottom: 5.4vw;
		background: var(--gray);
	}
}


/*************************************
//	푸터	//
*************************************/
#ft {
	padding: 50px 0;
	background: var(--main-color);
}

#ft .sector {
	display: flex;
	/* align-items: center; */
}

#ft_logo {
	width: 147px;
	margin-right: 100px;
}

#ft_logo > img {
	width: 100%;
}

.ft_info {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.45;
	letter-spacing: -0.015em;
	color: #fff;
}

.ft_info a {
	color: #fff;
}

.ft_copyright {}

@media screen and (max-width:1000px) {
	#ft {
		padding: 11.5vw 0 28vw;
	}

	#ft .sector {
		display: block;
	}

	#ft_logo {
		display: block;
		width: 34vw;
		margin-right: 0;
		margin-bottom: 8vw;
	}

	.ft_info {
		font-size: 3.6vw;
	}

	.ft_info .copyright {
		font-size: 3.2vw;
	}
}


/******************************  서브배너  ******************************/
#subbanner_area {
	height: 200px;
	background: var(--main-color) url('../images/sub_banner.png') no-repeat center center / cover;
	text-align: center;
	color: #fff;
}

#subbanner_area .title {
	padding-top: 40px;
	font-size: 34px;
	line-height: 1.33;
}

#subbanner_area .info {
	margin-top: 22px;
	font-size: 18px;
	line-height: 1.67;
}

@media screen and (max-width:1000px) {
	#subbanner_area {
		height: 42.8vw;
		background-image: url('../images/m_sub_banner.png');
	}

	#subbanner_area .title {
		padding-top: 7vw;
		font-size: 6vw;
	}

	#subbanner_area .info {
		margin-top: 1.5vw;
		font-size: 3.6vw;
	}
}


/******************************  서브메뉴  ******************************/
.sub_menu_area{
	border-bottom:1px solid #DDDDDD;
}

.sub_home_btn{
	float:left;
	width:62px;
	height:37px;
	padding-top:17px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	text-align:center;
}

.sub_home_btn > img{
	width:16px;
	cursor: pointer;
}

.sub_menu_box{
	position:relative;
	float:left;
	width:235px;
	height:54px;
	background:#fff;
	border-right:1px solid #DDDDDD;
	cursor:pointer;
}

.sub_sel_menu{
	float:left;
	width:100%;
	height:34px;
	padding-top:22px;
	text-indent:15px;
	font-size:16px;
	line-height:14px;
}

.sub_menu_arrow{
	position:absolute;
	top:19px;
	right:15px;
}

.sub_menu_arrow > img{
	width: 9px;
}

.sub_menu_list{
	display:none;
	position:absolute;
	left:-1px;
	top:54px;
	width:100%;
	border:1px solid #d9d9d9;
	background-color: #fff;
	z-index: 999;
}

.sub_menu_list li{
	float:left;
	width:100%;
	height:34px;
	padding-top:20px;
	font-size:16px;
	line-height:14px;
	text-indent:15px;
	background-color: #fff;
}

.sub_menu_list li:not(:last-child){
	border-bottom:1px solid #d9d9d9;
}


@media screen and (max-width:1000px) {
	.sub_home_btn{
		width:13.5vw;
		height: 13vw;
		padding-top:4.3vw;
		border-left:none;
		border-right:1px solid #DDDDDD;
		box-sizing: border-box;
	}

	.sub_home_btn > img{
		width:3.3vw;
	}

	.sub_menu_box{
		width:calc(50% - 6.75vw);
		height: 13vw;
		box-sizing: border-box;
	}

	.sub_sel_menu{
		height: 13vw;
		padding-top:4.7vw;
		text-indent:5vw;
		font-size:4vw;
		line-height:1;
		box-sizing: border-box;
	}

	.sub_menu_arrow{
		top:4.7vw;
		right:5vw;
	}

	.sub_menu_arrow > img{
		width: 2vw;
	}

	.sub_menu_list{
		top:13vw;
	}

	.sub_menu_list li{
		height:13vw;
		padding-top:4.7vw;
		font-size:4vw;
		line-height:1;
		text-indent:5vw;
		box-sizing: border-box;
	}

}