@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

/* footer */
.ft_bottom{display: flex; flex-wrap: wrap; align-items: center;}
.ft_logo {float:left;padding: 10px 30px;}
.ft_logo img {width:100%; max-width: 120px;}
/* default */
* {margin:0; padding:0;}
li {list-style:none;}
a {text-decoration:none;}
body {font-family: 'Noto Sans KR', sans-serif;}
a, button, input, select {font-family: 'Noto Sans KR', sans-serif;}
img {display:block;}

/* mark */
.mark_wr {border-top:1px solid #ddd; height:70px;}
/******* 수정 .mark_box {width:812px; margin:0 auto;}
.mark_box ul li {width:203px; float:left;}*/
.mark_box {width:1300px; margin:0 auto;}
.mark_box ul li {width:33%; float:left;}
.mark_box ul li img {display:block; margin:0 auto;}

/* ft_site */
#ft {background-color:#313940; width:100%; height:200px; overflow:hidden;}
.ft_menu_wr {width:100%; height:51px;border-bottom:1px solid #6c6c6c !important;}
.ft_menu {width:1300px; height:51px; margin:0 auto; background-color:#313940;}
.ft_gomajor, .ft_data, .ft_gosite, .ft_ncsguide, .ft_busguide {display:block; width:260px; height:50px; float:left; background-color:#41494f;line-height:50px;}
.ft_gomajor select, .ft_gosite select {-webkit-appearance: none; /* ����Ƽ�� ���� ���߱� */ -moz-appearance: none; appearance: none; background: url('../img/select_arrow.png') no-repeat right; /* ȭ��ǥ ����� �̹��� */ 
	font-size:14px;  padding-left:20px; width:260px; height:50px; border-top:0; border-right:0; border-bottom:0; border-left:1px solid #6c6c6c;background-color:#41494f; color:#fff;}
.ft_gomajor select::-ms-expand { display: none; } /* IE 10, 11�� ����Ƽ�� ȭ��ǥ ����� */ 
.ft_gosite select::-ms-expand { display: none; } /* IE 10, 11�� ����Ƽ�� ȭ��ǥ ����� */ 
.ft_data a , .ft_ncsguide a , .ft_busguide a {background:url('../img/select_arrow.png') no-repeat right;font-size:14px; padding-left:20px;display:block;
	width:260px; height:51px; box-sizing:border-box; background-color:#41494f; color:#fff; border-left:1px solid #6c6c6c;}
.ft_busguide a {border-right:1px solid #6c6c6c;}

.ft_bottom {width:1300px; margin:0 auto; padding:19px; color:#d6d6d6; font-size:14px;}
.ft_privacy {width:800px; height:30px;}
.ft_privacy li {float:left; padding:0 20px;}
.ft_privacy li:after {overflow:hidden;}
.ft_privacy li a {color:#d6d6d6;}
.ft_add ul { height:30px;}
.ft_add ul li {float:left; padding: 0 20px;}
.ft_add p {padding:2px 20px;}

/* 수정 */
@media screen and (max-width:1299px){
	/* mark */
	.mark_wr {border-top:1px solid #ddd; background:#fff; height:auto;}
	.mark_box {width:100%; margin:0 auto;}
	.mark_box ul {width:99%; margin:0 auto;}
	.mark_box ul li {width:33%; float:left;}
	.mark_box ul li img {width:100%;}
}
/* 수정 끝 */

@media screen and (max-width:1023px) {

	/* ft_site */
	#ft {height:auto;}
	.ft_menu {width:100%;}
	.ft_gomajor, .ft_data, .ft_gosite, .ft_ncsguide {width:25%;}
	.ft_gomajor select, .ft_gosite select {width:100%;}
	.ft_data a, .ft_ncsguide a {width:100%;}
	.ft_busguide {display:none;}

	.ft_bottom {width:100%; margin:0 auto; padding:0; color:#d6d6d6; font-size:14px;}
	.ft_privacy {width:100%;}
	.ft_privacy li {float:left; padding:10px 20px 0px 20px;}
	.ft_privacy ul {overflow:hidden;}
	.ft_add ul {width:100%; padding:20px 0; height:auto; overflow:hidden;}
	.ft_add ul li {float:left; padding:0 20px;}
	.ft_add p {padding:2px 20px;}

}

@media screen and (max-width:480px){
	.mark {display:none;}

	.ft_gomajor, .ft_data, .ft_gosite, .ft_ncsguide {width:50%;}
	.ft_gosite select , .ft_ncsguide a {border-top:1px solid #6c6c6c;}
	.ft_privacy {display:none;}
}
