/* CSS Document : layout */

/* top */
#topWrap{width:100%; float:left; background:#393a3e; position:relative; z-index:200;} /* 상단 메뉴*/

#mGnbWrap{width:100%; float:left; position:relative; z-index:200; margin:15px 0; background:#383a3e;}
.mLogo{width:18.7%; position:absolute; top:0; left:0; line-height:40px; vertical-align:middle;}
.mLogo img{vertical-align:middle;}


.mGnb{float:right; width:80%; position:relative; z-index:200;}/* 메인메뉴 너비*/
.mGnb ul{}
.mGnb ul li{position:relative; width:13%; z-index:200; text-align:right;} /* 메인로고 높이 : line-height */
.mGnb ul li:nth-child(2){width:22%;}
.mGnb ul li a{color:#4a4a4a; display:inline-block; width:100%; line-height:60px; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:17px;} /* 메인로고 높이 : height */
.mGnb ul li a:hover{color:#000;}
.mGnb ul li.on a{color:#000;}
.mGnb ul li.onM a{color:#000;}


.mGnb ul li .subM{width:100%; height:120px; position:absolute; top:50px; left:0; background:url(../images/menuBg02.png); display:none; z-index:200;} /* 상단메뉴 높이 : top */
.mGnb ul li .subM ul{width:100%; float:left; margin-top:20px;}
.mGnb ul li .subM ul li{width:100%; float:left; position:relative; z-index:200; border:none; margin:0; font-weight:normal; text-align:right; height:26px; }
.mGnb ul li .subM ul li a{color:#fff; text-decoration:none; background:none; line-height:26px; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:15px;}
.mGnb ul li .subM ul li a:hover{color:#5c5c5c; text-decoration:none;}
.mGnb ul li .subM ul li.on a{color:#5c5c5c; text-decoration:none;}
.mGnb ul li .subM ul li.on{background:none;}

#tmWrap{width:100%; position:absolute; background:url(../images/menuBg.png); background:#0c8de4; height:170px; z-index:3; top:114px; left:0; display:none;}  /* 상단메뉴 높이 : top */


#mGnbWrap .logOut{position:absolute; top:-5px; right:0;}
#mGnbWrap .logOut a{display:inline-block; padding:3px; border-radius:10px; color:#fff; background:#0c8de4; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:12px;}


#mGnbWrap  .bottom{width:100%; float:left; padding:20px 0; background:#4b4b4b; position:relative; text-align:center; }
#mGnbWrap  .bottom a{display:inline-block; padding:5px 10px; border:1px solid #fff; text-align:center; color:#fff; font-size:16px; margin:0 3px}

#topLogArea{width:100%; float:left; background:#0b8de3; height:34px;}
#topLogArea .mypage{float:right; color:#fff; line-height:34px; padding:0 10px; border-left:1px solid #fff; border-right:1px solid #fff; height:34px;}
#topLogArea .mypage a{line-height:34px; color:#fff; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:14px;}



/* footer */
#footerWrap{width:100%; float:left;}

.footPartnerWrap{width:100%;  float:left; background:#fff; padding:10px 5%; border-top:1px solid #192c30;}
.footPartner{text-align:center;}
.footPartner a{display:inline-block; padding:0 5px; line-height:30px;}
.footPartner a img{padding:5px 0;}

.copyWrap{width:100%; float:left; padding:20px 0; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; text-align:center;}
.copyWrap .coperation{width:100%; padding-bottom:20px; color:#919191; font-size:16px; float:left; font-weight:700; display:none;}
.copyWrap .copy{width:100%; color:#b9b9b9; line-height:24px; float:left; font-size:14px;}
.copyWrap .copy br{display:none;}
.copyWrap .copyright{width:100%; color:#b9b9b9; line-height:24px; float:left; font-size:14px;}


#mainContWrap{width:100%; float:left; position:relative;}
#subContWrap{width:100%; float:left;  padding:30px 0; min-height:400px;}


/* sub page Common*/
#subTopWrap{width:100%; float:left;}
.subTopTitWrap{width:100%; float:left; height:145px; border-top:1px solid #000002; background:url(../images/subTopBg01.jpg);}
.subTopTitWrap .subTopTit{width:100%; padding-top:40px; color:#fff; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; text-align:center; font-weight:bold; font-size:40px;}
.subTopTitWrap .subTopTit span{font-weight:normal; font-size:20px; line-height:40px;}

.subGnbWrap{width:100%; float:left; /*height:40px;*/ border-bottom:1px solid #e1e1e1; text-align:center;}
.subGnbWrap .homeIcon{display:inline-block; width:40px; text-align:center; height:40px; line-height:40px; border-left:1px solid #e1e1e1; position:absolute; top:0; left:50%; margin-left:-212px;}
.subGnbWrap .homeIcon img{vertical-align:middle;}
.subGnbWrap .subMenu01Wrap{display:inline-block; width:190px; text-align:center; height:40px; line-height:40px; border-left:1px solid #e1e1e1; position:relative; margin-left:41px;}
.subGnbWrap .subMenu02Wrap{display:inline-block; width:190px; text-align:center; height:40px; line-height:40px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; position:relative; float:none;}
.subGnbWrap .submmChoose{width:190px; padding-left:20px; background:url(../images/bletDown_01.png) no-repeat 170px 12px; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; text-align:left; font-size:16px;}
.subGnbWrap .submmArea{width:220px; height:250px; position:absolute; top:45px; left:-10px; z-index:10; display:none;}
.subGnbWrap .submmList{width:190px; background:rgba(255,255,255,1); font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; text-align:left; font-size:16px; position:absolute; top:40px; left:0; z-index:20; display:none;}
.subGnbWrap .submmList li{width:170px; padding-left:20px; line-height:30px; color:#333; position:relative;}
.subGnbWrap .submmList li a{color:#333; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; line-height:30px; font-size:16px;}
.subGnbWrap .submmList li a:hover{color:#color:#0b8de5;}
.subGnbWrap .submmList li.on a{color:#0b8de5;}



/* ****************** for mobile ***************** 
@media screen and (max-width : 1000px) {*/
	 
.mo	.mLogo{width:100%; position:relative; text-align:center; line-height:40px; z-index:1;}
.mo	.mLogo img{width:60%; max-width:296px;}
	
.mo	#mGnbWrap .moMenu{position:absolute; left:15px; top:10px; display:block; z-index:10;}
.mo	#mGnbWrap .moTel{position:absolute; right:15px; top:10px; display:block; z-index:10;}

.mo #mGnbWrap .logOut{position:absolute; top:2px; right:10%; display:none;}
.mo #mGnbWrap .logOut a{padding:5px 3px; border-radius:10px; margin-top:5px; font-size:11px;}

.mo .mGnb ul li.onlyMobile{display:block; background:#999; color:#fff;}
.mo .mGnb ul li.onlyMobile a{color:#fff;}



@media screen and (max-width : 480px) {
  
  .mo #mGnbWrap .logOut{right:11%;}
  .mo #mGnbWrap .logOut a{padding:5px 3px; border-radius:20px; font-size:11px;}
  
}

	
.mo	.mGnb{width:80%; position:absolute; top:0; left:0; z-index:200; background:#fff; display:none;}/* 메인메뉴 너비*/
.mo	.mGnb ul{}
.mo	.mGnb ul li{position:relative; width:96%; padding:0 2%; z-index:200; text-align:left;}
.mo	.mGnb ul li:nth-child(2){width:100%;}
.mo	.mGnb ul li a{color:#4a4a4a; display:inline-block; width:100%;  line-height:40px; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px;} /* 메인로고 높이 : height */
.mo	.mGnb ul li a:hover{color:#000;}
.mo	.mGnb ul li.on a{color:#000;}
	
.mo	.mGnb ul li .subM{width:100%; height:auto; position:relative; background:#0CF; display:none; z-index:200;} /* 상단메뉴 높이 : top */
.mo	.mGnb ul li .subM ul{width:100%; float:left; margin-top:0px;}
.mo	.mGnb ul li .subM ul li{width:94%; padding:0 3%; float:left; line-height:24px; height:24px; font-size:14px; text-align:left; position:relative; z-index:200; font-weight:normal;}
.mo	.mGnb ul li .subM ul li a{color:#000; text-decoration:none; background:none;}
.mo	.mGnb ul li .subM ul li a:hover{color:#5c5c5c; text-decoration:none;}
.mo	.mGnb ul li .subM ul li.on a{color:#5c5c5c; text-decoration:none;}
.mo	.mGnb ul li .subM ul li.on{background:none;}
	
.mo	#tmWrap{display:none;}

.mo #topLogArea{display:none;}
	
	
.mo	.mGnb .moSlideMenu{display:block; float:left; width:100%; padding:5px 0; background:#383a3e; position:relative;}
.mo	.mGnb .moSlideMenu li{text-align:center; float:left;}
.mo	.mGnb .moSlideMenu li:first-child{width:18.86%; position:absolute; top:5px; left:0;}
.mo	.mGnb .moSlideMenu li:nth-child(2){width:100%; position:relative;}
.mo	.mGnb .moSlideMenu li:nth-child(3){width:16.98%; position:absolute; top:5px; right:0;}
	
.mo	.moSlideMenu li img{width:100%;}
	
.mo	.moSlideMenu li:first-child img{max-width:60px;}
.mo	.moSlideMenu li:nth-child(2) img{max-width:204px;}
.mo	.moSlideMenu li:nth-child(3) img{max-width:54px;}


	
	
.mo	.copyWrap{width:100%; float:left; padding:20px 0; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; text-align:center; background:#363636;}
.mo	.copyWrap .coperation{width:100%; padding-bottom:20px; color:#999999; font-size:16px; float:left; font-weight:700;}
.mo	.copyWrap .copy{width:100%; color:#999999; line-height:24px; float:left; font-size:14px;}
.mo	.copyWrap .copyright{width:100%; color:#999999; line-height:24px; float:left; font-size:14px;}
	
.mo	.copyWrap .copy br{display:block; line-height:24px;}


	
/* sub page Common*/
.mo #subTopWrap{width:100%; float:left;}
.mo .subTopTitWrap{width:100%; float:left; height:145px; border-top:1px solid #000002; background:url(../images/subTopBg01.jpg); display:none;}
.mo .subTopTitWrap .subTopTit{width:100%; padding-top:40px; color:#fff; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; text-align:center; font-weight:bold; font-size:40px;}
.mo .subTopTitWrap .subTopTit span{font-weight:normal; font-size:20px; line-height:40px;}

.mo .subGnbWrap{width:100%; float:left; text-align:center; position:relative;}
.mo .subGnbWrap .homeIcon{display:none;}
.mo .subGnbWrap .subMenu01Wrap{display:none;}
.mo .subGnbWrap .subMenu02Wrap{width:100%; height:auto; float:left; text-align:center;  position:relative;}
.mo .subGnbWrap .submmChoose{display:none;}

.mo .subGnbWrap .submmArea{display:none;}

.mo .subGnbWrap .subMenu02Wrap .submmList{width:100%; height:auto; background:#0060ad; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px; position:relative; text-align:center; display:block; float:left; top:0; padding:10px 0;}
.mo .subGnbWrap .subMenu02Wrap .submmList li{display:inline-block; width:auto; float:none; padding:0 5px; line-height:26px; color:#fff;}
.mo .subGnbWrap .subMenu02Wrap .submmList li a{color:#5ed3ff; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:17px; line-height:26px;}
.mo .subGnbWrap .subMenu02Wrap .submmList li.on a{color:#fff;}

@media screen and (max-width : 400px) {	
	
.footPartner{width:307px; margin:0 auto;}
.footPartner a{padding:0 8px;}
.footpartner span.br01{display:none;}
.footpartner span.br02{display:block;}


.mo	.copyWrap .copy{font-size:13px; letter-spacing:-1px;}
.mo	.copyWrap .copyright{font-size:13px; letter-spacing:-1px;}
	
}
	
/*}*/