@charset "utf-8";
/*공통*/
a{text-decoration:none;color:#333;}
#header{width:100%; position:relative; z-index:1000; background:#fafafa;}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #f0f0f0;  height: 27px;}
#header #top div{width:1200px; margin: 0 auto;}
#header #top .top_left{display: block; float:left;}
#header #top .top_left li{display: block; float:left;height: 27px; line-height: 27px; padding-right:20px; color:#fff; font-size: 12px;}

#header #top .top_right{display: block; float:right;}
#header #top .top_right li{display: block; float:left;height: 27px; line-height: 22px;  padding-left:20px;}
#header #top .top_right li a{font-size: 12px;}

.clear_fix:after{content:''; display:block; clear:both;}
/*기본세팅*/
#nav{margin:0 auto;width:1200px; z-index:10; height:90px; position: relative;}
#nav >ul{overflow:visible; float: right; margin-right: -45px;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:10px;}
#nav .depth {display: block; }
#nav .depth li {display: block; position:relative;}
#nav .depth > li{float:left; width:170px;}
#nav .depth .mm{display: block; font-size: 17px; margin: 32px auto; text-align: center; font-weight: 500; color:#232323;}
#nav .depth .subnav{height: 0px; opacity: 0; position:absolute; z-index:999999; left:0px;top:90px; overflow: hidden;}
#nav .depth .subnav li{text-align: center; width:170px; line-height: 32px; height: 32px;}
#nav .depth .subnav li a{color:#ccc;font-size: 14px; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#fff; }

 .bgGnb{background: url(/images/subnav_bg.png); height: 0px; width:100%; position:absolute;top:10px;left:0;z-index:-1; opacity: 0; }

#container{width:100%; margin: 0 auto; overflow: hidden; position: relative;}
#container:after{content: ''; clear: both; display: block;}
#container .contents_bg{background: url(/images/contents_bg.jpg) repeat-x center top; width: 100%; height: 521px; position: absolute; z-index: -1; top:0;}

#container .visual_blank{width: 1920px; height: 490px;margin: 0 auto; position: relative; z-index: -1;}
#container .m_visual_wrap{overflow: hidden; position:absolute; left: 50%; margin-left: -958px; width: 1920px; height: 490px;  }
/*#container .m_visual_wrap > img{position: absolute; bottom:0;}*/

#footer{width:100%; background: #fff; font-size: 12px; border-top: 1px solid #e5e5e5; padding: 30px 0;}
#foot{width:1200px; margin: 0 auto; overflow: hidden;}
#foot h1{width: 228px; text-align: center; float: left; overflow: hidden;}
#foot .info{float: left; overflow: hidden; margin-left: 26px;}
#foot .info address{font-style: normal; color:#232323;}
#foot .info .foot_copy p{margin-top: 10px; color:#232323;}
#foot .info .foot_copy a{color:#666; font-weight: bold;}
.kod_link{float: right; overflow: hidden; margin-top:18px;}



/*서브페이지*/
.blank_line{border-left:2px solid #999; margin: 0 10px; font-size: 25px;}
.subVisual{width:100%; height: 200px; background: url(/images/sub_vis.jpg) no-repeat center;}
.subVisual div{width: 1200px; height: 120px; padding-top: 80px; margin: 0 auto;}
.subVisual div h2{ font-size: 30px; color: #666;}
.subVisual div h2 span{color: #0d4565;}
.subVisual div .path{margin-top:40px;}
.subVisual div .path span{color: #0d4565;}

.subContents{width:1200px; margin: 0 auto; padding-bottom: 70px;}
.subContents:after{content: ''; display: block; clear:both;}
.leftSide{width:200px; float:left;}
.leftSide .leftTitWrap{width:200px; height: 145px; }
.leftSide .leftTitWrap .leftTit{font-size: 40px; color:#2e3956; font-weight: 700; padding-top: 75px; padding-left: 20px;}
.leftSide .listWrap{width:100%;border-top: 1px solid #ebebeb;}
.leftSide .listWrap .leftList{display: block; width:100%;}
.leftSide .listWrap .leftList li{display: block; height: 49px; line-height: 49px; text-indent: 20px;background: url(/images/side_mm_off.gif) no-repeat;}
.leftSide .listWrap .leftList li a{display: block; color:#999; font-size: 14px; }
.leftSide .listWrap .leftList li a:hover{color:#fff; background: url(/images/side_mm_on.gif) no-repeat;}
.leftSide .listWrap .leftList li .activeList{color:#fff; background: url(/images/side_mm_on.gif) no-repeat;}

.left_tel{margin-top: 20px; display: block; }

.rightSide{width:960px; float:right;}
.rightSide .rightTitWrap {width:100%;  height: 143px;position: relative;}
.rightSide .rightTitWrap .contents_top_img{position: absolute; top:32px; left: 39%;}

.rightSide  .rightContents{background:#fff; overflow: hidden;text-align:center; min-height: 662px; border: 1px solid #ebebeb; padding:20px 20px;  box-sizing:border-box;}
.rightSide  .rightContents .contents_bottom_img{margin: 0 auto;}
.rightSide .rightTitWrap p, .rightSide .rightTitWrap p > a {font-size: 12px; color:#999;}
.rightSide .rightTitWrap p{padding-top: 110px;}