@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*LAYOUT*/
/*푸터고정 footer가 wrap안에 있을 때*/
html, body{height: 100%; margin: 0; padding:0; border:0;}
#wrap{position: relative; min-height: 100%;}
#wrap:after{content: ""; height: 113px; 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: #000; border-bottom: 2px solid #cc0000;position:fixed; 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:25px;}
/*GNB STYLE*/
#header #gnb .gnbList > li{position:relative;float:left;width:145px; height:100px;text-align:center; z-index:999; }
#header #gnb .gnbList > li > a{display: block; width:145px; height:100px; line-height:100px; color:#fff; font-weight: bold;}
#header #gnb .gnbList > li > a:hover,.gnbList > li.on > a{color:#c00;}
/*SUB GNB*/
#header #gnb .subnav{display:none; position:absolute; z-index:999; left:0;top:102px; border-left: 1px solid #212121; height: 280px;}
#header #gnb .sm05{border-right: 1px solid #212121;}
#header #gnb .subnav li{width:145px; height: 40px; line-height: 40px;}
#header #gnb .subnav li a{color:#ccc; font-size:14px;text-align:center;}
#header #gnb .subnav li a:hover{color:#fff; font-weight: bold;}
#header #gnb .subnav:hover{background: #212121;}
#header .bgGnb{display:none;position:absolute;top:102px;left:0; background:#161616; width:100%;height:285px;z-index:998; border-bottom: 1px solid #c00;}
/*CONTAINER*/
#contianer{width:100%;}
/*FOOTER*/
#footer{width:100%; background: #000; padding:30px 0;}
#footer #foot{width:1024px; margin: 0 auto;}
#footer #foot .copy{font-style: normal; color:#777; text-align: center; font-size: 12px; line-height: 1.5em;}
#footer #foot .copy a{color:#ccc;}
#footer #foot .footLogo{float:right;}
#footer #foot .footLogo img{width:80px; opacity:0.5;}

/*서브페이지레이아웃*/
.subVisual{width:100%; height: 231px; background: url(../../images/sub_visual.jpg) no-repeat center; margin: 101px 0 30px 0;}
.subContents{width:1024px; margin: 0 auto; padding-bottom: 70px;}
.subContents:after{content: ''; display: block; clear:both;}
.leftSide{width:260px; float:left;}
.leftSide .leftTitWrap{width:100%; height: 150px; background: url(../../images/sub_tit_bg.jpg) no-repeat 70px 0px;}
.leftSide .leftTitWrap p{color:#999; font-size: 16px; padding-top: 53px;}
.leftSide .leftTitWrap .leftTit{font-size: 40px; color:#333; font-weight: bold; }
.leftSide .listWrap{width:100%; border-top: 2px solid #c1133d; margin-top: 30px;}
.leftSide .listWrap .leftList{display: block; width:100%;}
.leftSide .listWrap .leftList li{display: block; height: 60px; line-height: 60px;border-bottom: 1px solid #ddd; text-indent: 20px;}
.leftSide .listWrap .leftList li a{display: block; color:#999; font-size: 16px; background: url(../../images/list_off.gif) no-repeat 230px 25px;}
.leftSide .listWrap .leftList li a:hover{color:#333; font-weight:bold; background: url(../../images/list_on.gif) no-repeat 230px 25px;}
.leftSide .listWrap .leftList li .activeList{color:#333; font-weight:bold; background: url(../../images/list_on.gif) no-repeat 230px 25px;}
.rightSide{width:734px; float:right;}
.rightSide .rightTitWrap {width:100%; border-bottom: 1px solid #ddd; height: 179px; background: url(../../images/sub_txt_bg.gif) no-repeat  536px 0px ; margin-bottom: 30px; }
.rightSide .rightTitWrap p, .rightSide .rightTitWrap p > a {font-size: 12px; color:#999;}
.rightSide .rightTitWrap p{padding-top: 57px;}
.rightSide .rightTitWrap .rightTit{font-size: 40px; color:#444;}