/* CSS Document : layout */

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

#mGnbWrap{width:100%; float:left; position:relative; z-index:200; margin:15px 0;}
.mLogo{width:18.7%; position:absolute; top:0; left:0; line-height:60px; 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.onlyMobile{display:none;}


.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 .moMenu{display:none;}
#mGnbWrap .moTel{display:none;}

.mGnb .moSlideMenu{display:none;}



#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:#d7d7d7; padding:5px 0;}
.footPartner{width:96%; margin:0 auto; line-height:0px; text-align:center; font-size:14px; line-height:30px;}
.footPartner a{ display:inline-block; padding:0 5px;}


.footpartner span.br01{display:block;}
.footpartner span.br02{display:none;}


.copyWrap{width:100%; float:left; padding:20px 0; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; text-align:center; position:relative;}
.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;}


.copyWrap .emaraton{position:relative; margin-top:20px; width:90%; margin-left:5%; float:left;}
.copyWrap .emaraton .emaratonBy{position:relative; width:100%; text-align:center; float:left;}
.copyWrap .emaraton .emaratonBy img{width:50%; max-width:162px;}
.copyWrap .emaraton .emaratonBubble{position:relative; width:100%; float:left; font-size:14px; padding-top:5px; text-align:center; font-size:13px; color:#CCC; display:none;}
.copyWrap .emaraton:hover .emaratonBubble{display:block;}

.copyWrap .goPc{position:absolute; right:2%; bottom:10px; }
.copyWrap .goPc a{display:inline-block; height:30px; line-height:30px; width:60px; border:1px solid #fff; color:#fff; font-size:14px; text-align:center;}

@media screen and (max-width : 320px) {
  .copyWrap .goPc a{width:40px; line-height:24px; height:24px; font-size:12px;}
}

#mainContWrap{width:100%; float:left;}
#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; line-height:24px; 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; z-index:1; line-height:36px;}
.mo	.mLogo img{}

	
.mo	#mGnbWrap .moMenu{position:absolute; left:2%; top:5px; display:block; z-index:10;}
.mo	#mGnbWrap .moTel{position:absolute; right:2%; top:5px; 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;}

.mo #mGnbWrap .goPC{position:absolute; top:5px; right:60px; z-index:10;}
.mo #mGnbWrap .goPC a{display:inline-block; width:34px; height:34px; line-height:34px; text-align:center; border-radius:10px; color:#fff; background:#253c55; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px;}


@media screen and (max-width : 480px) {
 .mo	.mLogo{width:60%; padding-left:16%; position:relative; text-align:center; line-height:30px !important; height:30px; z-index:1;}
 .mo	.mLogo img{height:30px;}
  
 .mo	#mGnbWrap .moMenu{top:0; left:1%;}
 .mo	#mGnbWrap .moMenu img{height:30px;}
  
 .mo	#mGnbWrap .moTel{top:2px; right:1%;}
 .mo	#mGnbWrap .moTel img{height:30px;}
  
 .mo #mGnbWrap .goPC{right:11%;}
 .mo #mGnbWrap .goPC a{width:24px; height:24px; line-height:24px; font-size:12px; border-radius:4px;}
  
}

	
.mo	.mGnb{width:80%; position:absolute; top:0; left:0; z-index:200; background:#6b9c0b; 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:#fff; 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:#244e06; 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:#252525;}
.mo	.copyWrap .coperation{width:100%; padding-bottom:20px; color:#fff; font-size:16px; float:left; font-weight:700;}
.mo	.copyWrap .copy{width:100%; color:#fff; line-height:24px; float:left; font-size:14px;}
.mo	.copyWrap .copyright{width:100%; color:#fff; 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:#6b9c0b; 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; color:#fff;}
.mo .subGnbWrap .subMenu02Wrap .submmList li a{color:#e6e6e6; 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 : 480px) {	
	
.mo .subGnbWrap .subMenu02Wrap .submmList li{display:inline-block; width:auto; float:none; padding:0 5px; color:#fff;}
.mo .subGnbWrap .subMenu02Wrap .submmList li a{color:#e6e6e6; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:15px; line-height:20px;}
	
}

@media screen and (max-width : 400px) {	
	
.footPartner{width:96%; 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;}
	
}
	
/*}*/