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

body,html{padding:0; margin:0; font-family:"맑은 고딕"; height:100%; background:#fff;}
ul,li,ol{list-style:none; margin:0; padding:0; list-style-position:outside;}
img{border:none; vertical-align:middle;}
a{text-decoration:none;}

#header{position:relative;}
#header .miniMenu{width:100%; display:block; height:30px; border-bottom:2px solid #d1aa55; background:#333333;}
#header .miniMenu .mMenuBox{width:1000px; margin:0 auto; font-size:11px; font-family:"돋움"; text-align:right;}
#header .miniMenu .mMenuBox li{display:inline-block; line-height:30px; vertical-align:middle; color:#fff; padding:0 20px; background:url(/images/icon_lineMiniMenu.png) no-repeat 100% 10px;}
#header .miniMenu .mMenuBox li a{color:#fff;}
#header .miniMenu .mMenuBox li:last-child{background:none;}

#header .logoArea{width:1000px; margin:0 auto; height:80px; background:#fff; line-height:80px; vertical-align:middle;}
#header .logoArea .logo{float:left; margin-left:20px;}
#header .logoArea .mainMenu{float:right;}
#header .logoArea .mainMenu table th{padding:0 20px; color:#333; font-size:14px; background:url(/images/icon_lineMenu.png) no-repeat 100% 50%;}
#header .logoArea .mainMenu table th:last-child{background:none;}
#header .logoArea .mainMenu table th a{color:#333;}


#mainCenter{width:100%; height:400px; background:#000 url(/images/main_bg.jpg) no-repeat 50% 50%; background-size:cover; clear:both;}
#mainCenter .bannerBox{width:1000px; height:400px; margin:0 auto; position:relative;}
#mainCenter .bannerBox .textBox{position:absolute; right:0; bottom:50px; padding:15px 30px;}
#mainCenter .bannerBox .textBox .bg{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:#000; opacity:0.6; -webkit-opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
#mainCenter .bannerBox .textBox .text{position:relative; z-index:2;}
#mainCenter .bannerBox .textBox h1{color:#fff; font-weight:normal; font-size:48px; margin:0;}
#mainCenter .bannerBox .textBox span{display:block; color:#fff; text-align:right; font-size:24px;}


#subBanner{width:100%; height:150px; background:#000 url(/images/main_bg.jpg) no-repeat 50% 50%; background-size:cover; clear:both;}
#subBanner .bannerBox{width:1000px; height:150px; margin:0 auto; position:relative;}
#subBanner .bannerBox .textBox{position:absolute; right:0; bottom:15px; padding:15px 30px;}
#subBanner .bannerBox .textBox .bg{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:#000; opacity:0.6; -webkit-opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
#subBanner .bannerBox .textBox .text{position:relative; z-index:2;}
#subBanner .bannerBox .textBox h1{color:#fff; font-weight:normal; font-size:38px; margin:0;}
#subBanner .bannerBox .textBox span{display:block; color:#fff; text-align:right; font-size:24px;}


#mainBbsArea{width:1000px; margin:0 auto; position:relative; padding:40px 0;}
#mainBbsArea .noticeBBS{float:left; width:290px; padding:10px;}
#mainBbsArea .noticeBBS ul li{font-size:12px; font-family:"돋움"; color:#666; position:relative; background:url(/images/icon_listdot.png) no-repeat 0 50%; padding-left:10px; line-height:30px;}
#mainBbsArea .noticeBBS ul li a{color:#666;}
#mainBbsArea .noticeBBS ul li span{float:right; color:#999; padding-right:5px;}

#mainBbsArea .galleryBBS{float:right; padding:10px; width:590px; margin-right:10px;}
#mainBbsArea .galleryBBS ul li{display:inline-block; margin-right:20px;}
#mainBbsArea .galleryBBS ul li:first-child{margin-left:5px;}
#mainBbsArea .galleryBBS ul li:last-child{margin-right:0;}
#mainBbsArea .galleryBBS ul li span{display:block;}
#mainBbsArea .galleryBBS ul li span.img{width:125px; height:85px; overflow:hidden; cursor:pointer;}
#mainBbsArea .galleryBBS ul li span.bbtitle{width:125px; font-size:12px; text-align:center; font-family:"돋움"; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
#mainBbsArea .galleryBBS ul li span.bbtitle a{color:#666;}


#mainBbsArea .bbsTitle{font-size:14px; color:#333; font-weight:bold; margin-bottom:30px;}
#mainBbsArea .bbsTitle span{float:right; font-size:12px; display:inline-block; background:url(/images/icon_more.png) no-repeat 100% 50%; padding-right:10px; cursor:pointer;}


#subPage{width:1000px; margin:0 auto; margin-top:30px; margin-bottom:80px;}
#subPage .subPageMenu{float:left; width:250px;}
#subPage .subPageMenu .menu{width:100%;}
#subPage .subPageMenu .menu .title{background:#d1aa55; position:relative; overflow:hidden; color:#fff; border-bottom:2px solid #ccc; font-size:18px; font-weight:bold; padding:20px; border-radius:15px; -webkit-border-radius:15px; behavior: url(/pie/PIE.htc);}
#subPage .subPageMenu .menu .title font{position:relative; z-index:2;}
#subPage .subPageMenu .menu .title .bgGs{position:absolute; z-index:1; bottom:0; left:0; width:100%; height:50%; background:#fff; opacity:0.2; -webkit-opacity:0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}

#subPage .subPageMenu .menu ul li{font-size:14px; border-bottom:1px solid #eaeaea;}
#subPage .subPageMenu .menu ul li:hover{background:url(/images/icon_more.png) no-repeat 90% 50%;}
#subPage .subPageMenu .menu ul li a{color:#666; padding:15px 20px; display:block; background:url(/images/icon_listdot.png) no-repeat 10px 50%;}

#subPage .subPageMenu .subCustomer{background:url(/images/title_customer.png) no-repeat 17px 22px; width:100%; height:155px; padding:70px 15px 0 14px; box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:10px;}
#subPage .subPageMenu .subCustomer span{display:block; font-size:30px; color:#d1aa55; line-height:30px;}
#subPage .subPageMenu .subLeftBanner{margin-top:10px; padding-left:15px; border-top:1px solid #eaeaea; padding-top:30px;}

#subPage .content{float:right; width:700px;}
#subPage .content .pageTitle{margin:0; margin-bottom:70px; margin-top:10px; color:#333; position:relative;}
#subPage .content .pageTitle span{font-weight:normal; font-size:12px; position:absolute; right:0; top:50%; color:#999; display:block; background:url(/images/icon_listdot2.png) no-repeat 0 50%; padding-left:10px;}

#subPage .content .compnayTextBox{font-size:13px; color:#555; line-height:24px; padding-left:5px; background:url(/images/img_compnay.png) no-repeat 99% 0%;}
#subPage .content .compnayTextBox .hello{font-size:18px;}
#subPage .content .compnayTextBox strong{font-size:24px; color:#000; font-weight:normal; line-height:30px;}
#subPage .content .compnayTextBox .centText{color:#d1aa55;}
#subPage .content .compnayTextBox .sign{display:block; text-align:right; margin-top:40px; font-size:18px; color:#000;}

#subPage .content .maps{border:1px solid #ccc;}
#subPage .content .contuctus{margin-top:20px; font-size:16px; line-height:26px;}
#subPage .content .contuctus span{display:block; color:#999;}
#subPage .content .contuctus span font{display:inline-block; width:60px; color:#333;}


#subPage .content .carglassisTextBox{display:block; position:relative;}
#subPage .content .carglassisTextBox .infoBox{margin-bottom:50px; font-family:"맑은 고딕";}
#subPage .content .carglassisTextBox .infoBox .title{background:url(/images/icon_arrow.png) no-repeat 0 32%; font-size:18px; color:#d1aa55; margin:0; padding-left:17px; padding-bottom:5px;}
#subPage .content .carglassisTextBox .infoBox .subtitle{font-size:13px; color:#999; display:block; margin-left:22px;}
#subPage .content .carglassisTextBox .infoBox .subtitle2{font-size:13px; color:#333; margin-top:40px; font-weight:bold; display:block; margin-left:22px;}
#subPage .content .carglassisTextBox .infoBox .info{font-size:13px; font-family:"맑은 고딕"; color:#666; padding-left:22px; padding-top:10px; display:block;}
#subPage .content .carglassisTextBox .infoBox .info table{width:95%; border:1px solid #eaeaea;}
#subPage .content .carglassisTextBox .infoBox .info table th{border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#ccc; padding:7px;}
#subPage .content .carglassisTextBox .infoBox .info table td{padding:7px; text-align:center; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#subPage .content .carglassisTextBox .infoBox .info table td.th{font-weight:bold; background:#f1f1f1;}
#subPage .content .carglassisTextBox .infoBox .info table th:last-child,
#subPage .content .carglassisTextBox .infoBox .info table td:last-child
{border-right:none;}
#subPage .content .carglassisTextBox .infoBox .info table tr:last-child td{border-bottom:none;}

#subPage .content .carglassisTextBox .infoBox .info ul.list1 li{margin-bottom:20px; list-style:circle;}
#subPage .content .carglassisTextBox .infoBox .info ul.list2 li{margin-bottom:20px; list-style:decimal; font-weight:bold;}
#subPage .content .carglassisTextBox .infoBox .info ul.list2 li span{display:block; font-weight:normal; margin-top:10px;}
#subPage .content .carglassisTextBox .infoBox .imgSet{padding-top:20px; display:block;}
#subPage .content .carglassisTextBox .infoBox .imgSet img{border:0; margin:2px 20px;}


#subPage .content .carglassisTextBox .glassMark{width:100%;}
#subPage .content .carglassisTextBox .glassMark td{padding:10px; box-sizing:border-box;}
#subPage .content .carglassisTextBox .glassMark td:first-child{padding-left:5px;}
#subPage .content .carglassisTextBox .glassMark td:last-child{padding-right:0px;}
#subPage .content .carglassisTextBox .glassMark td .markImg{width:100%; display:block; padding:10px; padding-bottom:0; border:1px solid #ccc; box-sizing:border-box;}
#subPage .content .carglassisTextBox .glassMark td .markImg .img{width:100%; display:block; border:1px solid #ccc;}
#subPage .content .carglassisTextBox .glassMark td .markImg .img img{width:100%;}
#subPage .content .carglassisTextBox .glassMark td .markImg .name{display:block; width:100%; padding-top:10px; padding-bottom:10px; text-align:center; font-weight:bold; color:#333; font-size:12px;}

#subPage .content .carglassisTextBox .howSet{width:100%;}
#subPage .content .carglassisTextBox .howSet td{padding:15px; vertical-align:top; width:50%; box-sizing:border-box;}
#subPage .content .carglassisTextBox .howSet td:first-child{padding-left:0;}
#subPage .content .carglassisTextBox .howSet td:last-child{padding-right:0;}
#subPage .content .carglassisTextBox .howSet td .setBox{width:100%; display:block; padding:0px; padding-bottom:0; border:1px solid #ccc; box-sizing:border-box;}
#subPage .content .carglassisTextBox .howSet td .setBox .img{width:100%; display:block; border-bottom:1px solid #ccc;}
#subPage .content .carglassisTextBox .howSet td .setBox .img img{width:100%;}
#subPage .content .carglassisTextBox .howSet td .setBox .text{width:100%; padding:10px 15px 15px 15px; box-sizing:border-box;}
#subPage .content .carglassisTextBox .howSet td .setBox .text h5{font-size:14px; font-weight:bold; color:#000; display:block; margin:0; margin-bottom:10px;}
#subPage .content .carglassisTextBox .howSet td .setBox .text span{font-size:11px; font-family:"돋움"; color:#666; display:block;}


.copyrighttopArea{height:155px; background:#e8e8e8;}
.copyrighttopArea .customer{float:left; background:url(/images/title_customer.png) no-repeat 17px 22px; width:250px; height:155px; padding:70px 15px 0 14px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.copyrighttopArea .customer span{display:block; font-size:30px; color:#d1aa55; line-height:30px;}
.copyrighttopArea .cpbox{float:right;}
.copyrighttopArea .cpbox ul li{display:inline-block; height:155px; line-height:155px; vertical-align:middle; padding:0 20px; background:url(/images/icon_bottomMenu.png) no-repeat 100% 50%;}
.copyrighttopArea .cpbox ul li:last-child{background:none; margin-right:0;}

#copyright{position:relative;}
#copyright .bottomArea{background:#585858; height:83px;}
#copyright .bottomArea .logo{float:left; height:83px; line-height:83px; vertical-align:middle; padding-left:15px;}
#copyright .bottomArea .copyrightText{float:right; font-size:12px; color:#bababa; width:700px; padding-top:22px;}
#copyright .bottomArea .copyrightText .add{display:block; margin-bottom:5px;}
#copyright .bottomArea .copyrightText .add span{display:inline-block; margin-right:30px;}

.wSetBox{width:1000px; margin:0 auto;}