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


*{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		}


/* layout*/
#wrap{width:100%; min-width:1153px; }
.center{width:1153px; margin:0 auto;}
.mCenter{width:1153px; margin:0 auto;}
.subCent{width:1153px; margin:0 auto;}

a:hover{text-decoration:none !important;}

.hide{display:none;}

#topWrap{width:100%; min-width:1153px; float:left; position:fixed; top:0; left:0; z-index:200; background:#ffffff;} 

#mTopWrap{width:100%; float:left; position:relative; border-top:4px solid #c3d600; position:relative; z-index:100; background:#ebebeb; padding:10px 0;}
.mTopTxt{ float:left; font-size:14px; color:#7c7c7c; line-height:25px;}

.logGnbWrap{display:inline-block; float:right;}
.logGnb{float:left; font-size:14px; color:#6d6d6d; position:relative;}
.logGnb a{padding:0 10px; color:#6d6d6d; position:relative; display:inline-block; text-indent:-999999; width:30px; height:25px; background-repeat:no-repeat; background-position:center center; margin:0 10px; float:left;}
.logGnb a.cart{background-image:url(../images/layout/top_icon_cart.png);}
.logGnb a.login{background-image:url(../images/layout/top_icon_login.png);}
.logGnb a.search{background-image:url(../images/layout/top_icon_search.png);}
.logGnb a.logout{background-image:url(../images/layout/top_icon_logout.png);}
.logGnb a.myinfo{background-image:url(../images/layout/top_icon_my.png);}

.logOut{display:inline-block; padding-right:30px; line-height:25px; color:#2b2b2b; font-size:14px; float:left;}
.logOut span{font-weight:600;}
.logOut a.btnLogout{padding:0 10px; color:#b2b2b2; box-sizing:border-box; border:1px solid #b2b2b2; position:relative; display:inline-block; text-indent:0; width:auto; line-height:21px; height:23px; margin:2px 10px 0; font-size:12px;}
.logOut a.btnLogout:hover{background:#b2b2b2; color:#ffffff;}

.brightLink{display:inline-block; float:left; padding-right:20px;}
.brightLink a.brightz{display:inline-block; width:110px; height:25px; background:url(/images/layout/bright_logo.png) no-repeat center center;}


#mGnbWrap{width:100%; float:left; position:relative; z-index:999999; background:rgba(255,255,255,1);}


.mGnb{float:float; position:relative; z-index:200; text-align:center; margin-left:0px; width:100%;}/* ���θ޴� �ʺ�*/
.mGnb .mLogo{float:left; padding:20px 0;}
.mGnb ul.nav{float:right; width:960px; box-sizing:border-box; padding:0px; text-align:center; position:relative; z-index:90;}
.mGnb ul.nav li{position:relative; z-index:100; /*padding:0px 30px;*/ width:16%; display:inline-block; text-align:left;} /* ���ηΰ� ���� : line-height */
.mGnb ul.nav li:nth-child(6){width:8%;}
.mGnb ul.nav li:nth-child(7){width:12%;}
.mGnb ul.nav li a{color:#3f3f3f; display:inline-block; padding:20px 10px; font-size:18px; line-height:48px; position:relative;} /* ���ηΰ� ���� : height */
.mGnb ul.nav li a::after{position:absolute; width:100%; height:5px; border-radius:3px; bottom:0; left:0; background:#c3d600; content:''; opacity:0;}
.mGnb ul.nav li a:hover::after{opacity:1; transition:0.3s; }
.mGnb ul.nav li a:hover{color:#c3d600; text-decoration:none;}
.mGnb ul.nav li.on a{color:#c3d600;}
.mGnb ul.nav li.on a::after{opacity:1;}


.mGnb ul.nav li .subM{width:100%; position:absolute; z-index:200; top:60px; left:0%;  display:none;} /* ��ܸ޴� ���� : top */
.mGnb ul.nav li .subM ul{width:100%; float:left; background:rgba(195,214,0,.7); padding:10px 0; }
.mGnb ul.nav li .subM ul li{width:100%; float:left; line-height:24px; font-size:13px; text-align:left; padding:5px 10px; box-sizing:border-box; border:none; text-align:left;}
.mGnb ul.nav li .subM ul li a{color:#fff; padding:0px 10px; font-size:16px; line-height:24px; display:block;}
.mGnb ul.nav li .subM ul li a::after{display:none;}
.mGnb ul.nav li .subM ul li a:hover{color:#000; text-decoration:none;}
.mGnb ul.nav li .subM ul li.on a{color:#000; text-decoration:none;}
.mGnb ul.nav li .subM ul li.on{background:none;}

.subGnbWrap{width:960px; position:absolute;left:190px; top:88px; box-sizing:border-box; padding:10px 0 10px 0; background:#ffffff; border-top:1px solid #dbdbdb; float:left; display:none;} 
.subGnbWrap .subGnb{width:100%; float:left; display:none;}
.subGnb ul.sNav{width:100%; float:left; text-align:left;}
.subGnb ul.sNav li{width:20%; float:left;}
.subGnb ul.sNav li:nth-child(5n+1){clear:both;}
.subGnb ul.sNav li .sNavTit{display:inline-block; width:100%; padding-bottom:10px; color:#5e8601; font-weight:600; font-size:17px; float:left; letter-spacing:-1px; box-sizing:border-box; padding-left:10px;}
.subGnb ul.sNav li .sNavTit a{color:#5e8601; font-size:17px; display:inline-block; width:100%;}
.subGnb ul.sNav li ul{width:100%; float:left;}
.subGnb ul.sNav li ul li{width:100%; float:left; padding:2px 0; box-sizing:border-box; padding-left:10px;}
.subGnb ul.sNav li ul li a{display:inline-block; width:100%; float:left; color:#535353; font-size:14px; line-height:24px;}
.subGnb ul.sNav li ul li a:hover{color:#c3d600;}

.subGnb ul.sNav80{width:80%; float:left; text-align:left;}
.subGnb ul.sNav80 li{width:25%; float:left;}
.subGnb ul.sNav80 li:nth-child(4n+1){clear:both;}

.subGnb ul.sNav20{width:20%; float:left; text-align:left;}
.subGnb ul.sNav20 li{width:100%; float:left;}


.subGnb ul.sNav4 li{width:25%;}
.subGnb ul.sNav4 li:nth-child(5n+1){clear:none;}
.subGnb ul.sNav5 li{width:18%;}
.subGnb ul.sNav6 li{width:16%;}
.subGnb ul.sNav6 li:nth-child(5n+1){clear:none;}

#tmWrap{width:100%; position:absolute; background:rgba(255,255,255,1); border-bottom:3px solid #c3d600; height:330px; border-top:1px solid #dbdbdb; z-index:10; top:133px; left:0; display:none;}  /* ��ܸ޴� ���� : top */




#footWrap{width:100%; float:left; position:relative; z-index:1; background:#1e2327; padding:50px 0;}
.fCenter{width:1120px; margin:0 auto; position:relative;}
.fMenuWrap{width:100%; float:left; padding:0px 0 20px; position:relative;}
.fMenuWrap .fMenu{float:left; position:relative;}
.fMenuWrap .fMenu li{display:inline-block; padding-right:80px; position:relative; line-height:32px;}
.fMenuWrap .fMenu li::after{position:absolute; content:""; display:inline-block; width:2px; height:12px; top:10px; left:-39px; background:#f1f1f1;}
.fMenuWrap .fMenu li:first-child::after{display:none;}
.fMenuWrap .fMenu li a{font-size:13px; line-height:32px; color:#ffffff;}

.fMenuWrap .familySite{position:absolute; top:0; right:0;}
.fMenuWrap .familySite .familyBox{width:150px; height:32px; box-sizing:border-box; border:1px solid #ffffff; padding:8px 10px; position:relative; z-index:1;}
.fMenuWrap .familySite .familyBox .site{width:100%; position:relative; z-index:1; line-height:14px; font-size:14px; color:#ffffff;}
.fMenuWrap .familySite .familyBox .btn{display:inline-block; width:30px; height:30px; position:absolute; top:0; right:0; z-index:2;}
.fMenuWrap .familySite .familyBox .btn span{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.fMenuWrap .familySite .familyBox .btn .siteShow{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;background-image:url(../images/layout/bletD.png);}
.fMenuWrap .familySite .familyBox .btn .siteHide{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;background-image:url(../images/layout/bletU.png); display:none;}

.fMenuWrap .fSiteWrap{width:150px; position:absolute; top:31px; box-sizing:border-box; z-index:2; display:none;}
.fMenuWrap .fSiteWrap ul{width:150px; box-sizing:border-box; float:left; border:1px solid #c3d600; background:#c3d600;}
.fMenuWrap .fSiteWrap ul li{width:100%; padding:2px 0; text-align:center; font-size:13px; line-height:20px;}
.fMenuWrap .fSiteWrap ul li a{color:#2e2e2e;}
.fMenuWrap .fSiteWrap ul li a:hover{color:#ffffff;}

.fMenuWrap .fSiteOut{width:170px; height:300px; position:absolute; left:-10px; top:31px;background:rgba(255,255,255,0); z-index:1; display:none;}




#fSitemapWrap{width:100%; float:left; padding:50px 0; background:#ffffff; border-top:1px solid #e8e8e8;}
.fSitemap{float:left; width:100%; text-align:center;}
.fSitemap ul{float:none; display:inline-block;}
.fSitemap ul li{float:left; width:20%; box-sizing:border-box; padding:0 0 0 50px; text-align:left;}
.fSitemap ul li a{font-size:16px; font-weight:600; line-height:30px; padding-bottom:10px; display:inline-block;}

.fSitemap ul.sub{float:left; width:100%;}
.fSitemap ul.sub li{padding:0px; float:left; width:100%;}
.fSitemap ul.sub li a{font-size:14px; font-weight:normal; line-height:24px; padding-bottom:0px; display:inline-block;}

.copyWrap{position:relative; float:left; width:100%; position:relative;}
.copyright{position:relative; float:left; color:#ffffff; font-size:13px; line-height:20px;}
.fSns{position:absolute; right:0; top:0; width:150px; text-align:center;}
.fSns a{display:inline-block; margin:0 4px;}




#academyBottom{width:100%; float:left; padding:10px 0; text-align:center; height:50px; background:#c3d600;}
#academyBottom .academyBCenter{display:inline-block; padding-left:40px; background:url(../images/academy/icon_tel.png) no-repeat left center; line-height:30px; color:#ffffff; font-size:20px; font-weight:600;}
#academyBottom .academyBCenter span{display:inline-block; padding-left:10px; font-weight:400; font-size:14px;}

/* sub page */