@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*LAYOUT*/
html, body{height: 100%; margin: 0; padding:0; border:0;}
#wrap{position: relative; min-height: 100%;}
#wrap:after{content: ""; height: 110px; display: block;}
#footer{position:absolute; bottom:0;}
body:before,#wrap:before{content:'';float:left;height:100%;margin-top:-999em;} 
/*HEADER*/
#header{width:100%; height: 100px; background: #fff;position:relative; left:0;top:0; z-index:1000;}
#header:after{content:"";clear:both;display:block;}
#header #gnb{margin:0 auto;width:1024px; z-index:10; height:125px;}
#header #gnb ul{overflow:visible; float:right;}
#header #gnb ul:after{content:""; clear:both; display:block;}
#header #gnb .logo{position:absolute; top:35px;}
#header #gnb .gnbList > li{position:relative;float:left;width:150px; height:100px;text-align:center; z-index:999; }
#header #gnb .gnbList .mm{display: block; width:150px; height:100px; line-height:100px; color:#636262; font-weight: bold; font-size: 16px;}
#header #gnb .gnbList > li > a:hover,.gnbList > li.on > a{color:#000;}
#header #gnb .subnav{display:none; position:absolute; z-index:999; left:0;top:100px;padding-top:20px;}
#header #gnb .subnav li{width:150px; height: 40px; line-height: 40px;}
#header #gnb .subnav li a{color:#666; font-size:14px;text-align:center; font-weight: normal; display: block; width:100%; height: 100%;}
#header #gnb .subnav li a:hover{color:#000; font-weight: bold;}
#header .bgGnb{display:none;position:absolute;top:100px;left:0; background:#fff; width:100%;height:195px;z-index:998; opacity: 0.95;}

/*CONTAINER*/
#contianer{width:100%;}
/*FOOTER*/
#footer{width:100%; background: #fff; padding:40px 0;border-top:1px solid #e5e5e5;}
#footer #foot{width:1024px; margin: 0 auto;}
#footer #foot .copy{font-style: normal; color:#666; text-align: center; font-size: 12px; line-height: 1.5em;}
#footer #foot .copy a{color:#666;}
#footer #foot .footLogo{float:right;}
#footer #foot .footLogo img{width:100px; opacity:0.5;}

/*서브페이지레이아웃*/
.subVisual{width:100%; height: 231px; background: url(../../images/sub_visual.jpg) no-repeat center; margin:0 0 30px 0;}
#sub_contents{width:1024px; margin: 30px auto; padding-bottom: 50px;}
#sub_contents:after{content: ''; display: block; clear: both;}
.sub_left{float:left; width:230px;}
.sub_left_tit{width:230px; height: 140px; background:url(/images/left_tit_bg.jpg); text-align: center;}
.sub_left_tit .sub_left_tit_01{font-size: 30px; font-weight: 900; color:#fed000; padding-top: 38px;}
.sub_left_tit .sub_left_tit_02{font-size: 18px; font-weight: bold; color:#ffffff;padding-top: 10px;}
.sub_left_list ul li{display: block;}
.sub_left_list ul li a{display: block; width:228px; background:#f5f5f5; height: 50px; line-height: 50px;color:#666; font-size: 16px; text-align: center; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.sub_left_list ul li .active{background:#ffffff; height: 50px; color:#000; font-weight: 900;}
.sub_left_list ul li a:hover{background:#ffffff; height: 50px; color:#000; font-weight: 900;}

.sub_right{float: right; width:750px;position:relative;}
.sub_right .sub_right_tit{height:140px; border-top:2px solid #7f7f7f; border-bottom:1px solid #e5e5e5; background: url(/images/sub_tit_bg.gif) no-repeat 500px 40px;}
.sub_right_tit_01{font-size: 30px; color:#333; font-weight: bold; margin-top: 38px; margin-left:20px; }
.sub_right_tit_02{font-size: 18px; color:#333; margin-left:20px; margin-top: 15px;}
.sub_right_tit_03{font-size: 14px; color:#666; margin-left:20px; margin-top: 5px;}

.sub_right_contents{margin-top: 30px; width:750px;}