/* CSS Document : layout */

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

#mGnbWrap{width:100%; float:left; position:relative; z-index:200; margin:20px 0;}
.mLogo{width:170px; position:absolute; top:-5px; left:0; line-height:31px; vertical-align:middle;}
.mLogo img{vertical-align:middle;}


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


.mGnb ul li .subM{width:100%; height:120px; position:absolute; top:20px; 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:24px; padding-left:0;}
.mGnb ul li .subM ul li a{color:#fff; text-decoration:none; background:none; line-height:24px; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:13px;}
.mGnb ul li .subM ul li a:hover{color:#4f80ed; text-decoration:none;}
.mGnb ul li .subM ul li.on a{color:#4f80ed; text-decoration:none;}
.mGnb ul li .subM ul li.on{background:none;}

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


#mGnbWrap .logOut{position:absolute; top:3px; right:60px;}
#mGnbWrap .logOut a{display:inline-block; padding:5px; color:#fff; border:1px solid #fff; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:13px;}
#mGnbWrap .logOut a:hover{color:#4f80ed; border:1px solid #4f80ed;}

#mGnbWrap .foreigner{position:absolute; top:3px; right:0px;}
#mGnbWrap .foreigner a{display:inline-block; padding:5px; color:#fff; border:1px solid #fff; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:13px;}
#mGnbWrap .foreigner a:hover{color:#4f80ed; border:1px solid #4f80ed;}

#topLogArea{width:100%; float:left; background:#253c55; height:34px; display:none;}
#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; font-family: Nanum Square,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;}

.footPartnerWrap{width:100%; float:left; background:#fff; border-top:1px solid #e1e1e1;}
.footPartner{width:100%; float:left; text-align:center; position:relative;}
.footPartner a{display:inline-block; padding:10px 15px;}

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

.copyWrap .copyright{width:100%; color:#999999; line-height:24px; float:left; font-size:14px;}


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


/* 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:20px; 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;}


/* 외국인용 */
.foreignerWrap{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999; display:none;}
.foreignerWrap .fWrap{width:1200px; height:100%; margin:0px auto;}
.foreignerWrap .fWrap .foreignerClose{width:100%; height:40px; margin-top:20px; text-align:right;}
.foreignerWrap .fWrap .foreignerClose a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:26px; background:#4f80ed; color:#fff; text-align:center;}
.foreignerWrap .fWrap .foreigner{width:100%; height:90%; text-align:center; overflow-y:scroll; overflow-x:hidden;}