@charset "utf-8";
/* CSS Document */

a#topBtn{
	position: fixed; /* 포지션 고정 */
	right: 2%; /* 오른쪽에서 2% - %도 할수 있음*/
	bottom: 5px; /* 밑에서 5px */
	display: none; /* 보여지지 없음 - 기본적으로 안보여지게 */
	z-index: 9999; /* 포지션을 먼저 지정후 z-좌표(레이어) : 9999입니다. */
}

/* 웹폰트 CSS */
@font-face{font-family:'Nanum Gothic Bold'; src:url(../webfont/NanumGothicBold.ttf);}
@font-face{font-family:'Nanum Gothic ExtraBold'; src:url(../webfont/NanumGothicExtraBold.ttf);}
@font-face{font-family:'Nanum Gothic Light'; src:url(../webfont/NanumGothicLight.ttf);}
@font-face{font-family:'Nanum Gothic'; src:url(../webfont/NanumGothic.eot);}
@font-face{font-family:'Nanum Gothic'; src:url(../webfont/NanumGothic.woff);}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	font-family:'Nanum Gothic', sans-serif, Nanum Gothic,나눔고딕,"Nanum Gothic","맑은 고딕", Gulim,굴림;
	line-height:150%;
	
	background-color:#e9ebee;
}

/*-------------------------------------------- topMenu 관련 - 시작 --------------------------------------------*/

.topMenu {
	display:inline-table;
	width:100%;
	background-color:#191919;
	font-size:14px;	
	color:#fff;
	padding:6px 0;
}

.topMenuIn {
	width:95%;
	max-width:1100px;
}

.topMenuLeft {
	display:inline-block;
	float:left;
	text-align:left;
	width:50%;
}

.topMenuLeft a:link,.topMenuLeft a:visited,.topMenuLeft a:active,.topMenuLeft a:hover {
	font-size:14px;
	font-weight:500;
	color:#ddd;
	text-decoration:none;
}

.topMenuRight {
	display:inline-block;
	text-align:right;
	float:right;
	width:50%;
}

/*-------------------------------------------- topMenu 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- mainMenu 관련 - 시작 --------------------------------------------*/

.mainMenu {
	display:inline-table;
	width:100%;
	background-color:#000;
	font-size:14px;	
	color:#fff;
	padding:1% 0;
}

.subMenu {
	display:inline-table;
	width:100%;
	font-size:14px;	
	color:#fff;
	padding:1% 0;
}

.mainMenuIn {
	width:95%;
	max-width:1100px;
}

.mainMenuLeft {
	display:inline-block;
	float:left;
	text-align:left;
	width:20%;
	max-width:210px;
}

.logo {
	width:100%;
}

.mainMenuRight,.subMenuRight {
	display:inline-block;
	text-align:right;
	vertical-align:middle;
	padding-top:2%;
	float:right;
	width:80%;
}

.mainMenuRight a:link,.mainMenuRight a:visited,.mainMenuRight a:active {
	color:#999;
	text-decoration:none; 
	font-size:18px;
	padding-left:50px;
}

.subMenuRight a:link,.subMenuRight a:visited,.subMenuRight a:active {
	color:#191919;
	text-decoration:none; 
	font-size:18px;
	padding-left:50px;
}

.mainMenuRight a:hover {
	color:#fff;
	text-decoration:none; 
	font-size:18px;
}

.subMenuRight a:hover {
	color:#298ec5;
	text-decoration:none; 
	font-size:18px;
}

.gnb, .gnb ul, .gnb li, .menu_toggle_btn {
	display:none;
}

/*-------------------------------------------- mainMenu 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- footer 관련 - 시작 --------------------------------------------*/

.footer {
	width:100%;
	background-color:#000;
}

.footerIn {
	display:inline-table;
	width:95%;
	max-width:1100px;
}

.footerInMo {
	display:none;
	padding:3% 0;
	width:95%;
	font-size:9pt;
	color:#999;
	line-height:130%;
	font-family:Gulim, 굴림, 'Gulim', '굴림';
	font-weight:100;
}

.footerInMo a {
	color:#fff;
	text-decoration:none;
}

.footerLeft {
	display:inline-block;
	float:left;
	text-align:left;
	width:20%;
	padding-top:2%;
}

.footerLeft img {
	width:100%;
}

.footerRight {
	display:inline-block;
	text-align:right;
	float:right;
	padding:3% 0;
	width:80%;
	font-size:9pt;
	color:#999;
	line-height:130%;
	font-family:Gulim, 굴림, 'Gulim', '굴림';
	font-weight:100;
}

/*-------------------------------------------- footer 관련 - 끝 --------------------------------------------*/

/* PC용 CSS */
@media all and (max-width:960px){

.mainMenuRight a:link,.mainMenuRight a:visited,.mainMenuRight a:active,.subMenuRight a:link,.subMenuRight a:visited,.subMenuRight a:active {
	font-size:16px;
	padding-left:20px;
}

.mainMenuRight a:hover,.subMenuRight a:hover { 
	font-size:16px;
}

}

/* 태블릿용 CSS */
@media all and (min-width:768px){

}

/* 모바일용 CSS */
@media all and (max-width:768px){

.topMenuLeft {
	display:block;
	text-align:center;
	width:100%;
}

.topMenuRight {
	display:none;
}

.mainMenuRight a:link,.mainMenuRight a:visited,.mainMenuRight a:active,.subMenuRight a:link,.subMenuRight a:visited,.subMenuRight a:active {
	font-size:14px;
	padding-left:14px;
}

.mainMenuRight a:hover,.subMenuRight a:hover { 
	font-size:14px;
}

.mainMenuLeft {
	display:block;
	width:100%;
	max-width:none;
	text-align:center;
	padding:3% 0;
}

.logo {
	width:70%;
}

.mainMenuRight,.subMenuRight {
	display:none;
}

.footerIn {
	display:none;
}

.footerInMo {
	display:block;
}

/* 토글메뉴 영역 */

.menu_toggle_btn {
	display:block;
}

.gnb {
	display:none;
	width:100%;
	background:url(../img/gnbBg.png) center no-repeat;
	padding:2% 0;
}

.gnb a:link,.gnb a:visited,.gnb a:active, .gnb a:hover {
	font-size:16pt;
	color:#fff;
	text-decoration:none;
}

.gnb ul {
	display:block;
	padding:0;
}

.gnb li{
	display:block;
	font-size:9pt;
	color:#000;
	font-weight:300;
	padding:2% 0;
}

}