html{overflow:auto}
body{background:#fff}
#wrap {width:100%; min-width:1100px;}
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1100px; margin:0 auto; position:relative;}
/*header*/
#header{width:100%; height:96px; z-index:100; border-bottom:1px solid #dae0e5;}
.main #header {position:absolute;}
.sub #header {position:absolute;}
.headerWrap h1{width:176px; padding-top:20px; float:left;}
/* quick menu */
#quick{width:50px; height:153px; position:absolute; left:50%; margin-left:600px; }
#quick ul{width:50px;}
#quick ul li{width:60px; height:60px; margin-bottom:1px; text-align:center; color:#fff; vertical-align:middle;}
/*visual*/
#mainVisual{width:100%; position:relative; z-index:1; !important; overflow:hidden;}
#mainVisual .mainSlide { min-width:1100px;}
#mainVisual li {text-align:center; left:50%; margin-left:-960px;}
/*메인비주얼 좌우 버튼*/
#mainVisual .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:block; width:39px; height:50px; position:absolute; left:0; top:48%; z-index:99; background:url('/images/main/arrows.png') no-repeat left top;}
#mainVisual .bx-controls-direction .bx-next {font-size:0; line-height:0; display:block; width:39px; height:50px; position:absolute; right:0; top:48%; z-index:99; background:url('/images/main/arrows.png') no-repeat right top;}
/*메인비주얼 블릿*/
#mainVisual .bx-controls {position:absolute; width:105px; left:50%; margin-left:-550px; top:817px;}
#mainVisual .bx-pager {text-align:center; position:relative; top:-40px; z-index:99;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width:35px; height:19px; background:url('/images/main/pager_off.png') no-repeat left top;}
#mainVisual .bx-pager-item .bx-pager-link.active {background:url('/images/main/pager_on.png') no-repeat left top;}
.visualText {position:absolute; width:1100px; left:50%; margin-left:-550px; top:50%; margin-top:-16%; z-index:100;}
.visualText h3 {font-family:'Roboto'; font-weight:500; color:#fff; font-size:106px; letter-spacing:-4px;}
.visualText p {font-size:22px; line-height:28px; color:#fff; margin-bottom:30px;}
.visualText .btn_catalog {display:block; width:148px; height:52px; line-height:52px; background:url('/images/main/btn_ecatalog.png') no-repeat 0 0; color:#fff; font-size:22px; padding-left:90px;}
.visualButton {position:absolute; width:487px; top:50%; margin-top:-16%; right:50%; margin-right:-550px; z-index:100;}
.visualButton .v_btn {text-align:center; display:block; width:198px; height:122px; font-size:30px; font-weight:300; color:#fff; padding:35px 0 25px 0;}
.visualButton .v_btn b {font-weight:500; line-height:18px;}
.visualButton .v_btn span {display:block; font-weight:300; font-size:22px; margin-top:30px;}
.visualButton .v_btn01 {display:block; width:198px; height:122px; background:url('/images/main/bg_trbtn.png') no-repeat 0 0; float:right;}
.visualButton .v_btn02 {background:#1faecd; clear:both; margin-left:91px; float:left;}
.visualButton .v_btn03 {background:#1fcdaa; float:left;}
.visualButton .notice {width:289px; background:url('/images/main/bg_latest.png') no-repeat 0 0; height:182px; clear:both;}
.visualButton .notice .latest.basic {width:174px; padding-left:105px;}
.visualButton .notice .latest.basic li {margin-left:0 !important; text-align:left !important;}
#subVisual {height:400px; overflow:hidden; text-align:center; background:url('/images/sub/bg_subvisual.jpg') no-repeat center top; display:table;}
#subVisual .visualTitle {display:table-cell; vertical-align:middle;}
#subVisual .visualTitle h2 {color:#fff; font-weight:400; font-size:40px; padding-top:3%;}
#subVisual .visualTitle p {color:#fff; font-weight:300; font-size:22px;}
/*sub contents*/
#container {width:100%; overflow:hidden;}
/*contents*/
#contents {width:1100px; margin:60px auto 150px auto;}
.titleArea {text-align:center; margin-bottom:75px;}
.titleArea h3 {font-size:40px; font-weight:500; color:#0a4e9a;}
.titleArea h4 {font-size:22px; margin-top:15px; font-weight:400; color:#999;}
.titleArea.gbasic h3 {font-size:34px; color:#666;}
.titleArea.gbasic h3 .board_cg {font-size:46px; background:url('/images/sub/bg_cgblue.png') repeat-x left top; color:#0a4e9a; background-size:100% 2px;}
.contentsArea {width:1070px; padding:0 15px; font-weight:300; line-height:30px;}
/*sub navigation bar*/
#SNB {width:100%; border-bottom:1px solid #dfdfdf; height:49px; line-height:49px;}
.SNBWrap {width:1100px; margin:0 auto;}
.SNBWrap span {display:block; float:left; font-size:16px; font-weight:500;}
.SNBWrap .home {background:url('/images/sub/snb_arrow.png') no-repeat right top; padding:17px 45px 17px 0;}
.SNBWrap .dep {background:url('/images/sub/snb_arrow.png') no-repeat right top; padding:0 55px 0 30px; color:#777;}
.SNBWrap .current.prd_cate {background:url('/images/sub/snb_arrow.png') no-repeat right top;}
.SNBWrap .current.prd_cate .page {padding:0 50px 0 30px; color:#777; background:url('/images/sub/ico_snb_gray.png') no-repeat 82% center;}
.SNBWrap .current.prd_cate ul {left:-20px;}
.SNBWrap .current {float:left; position:relative;}
.SNBWrap .current .page {padding:0 67px 0 30px; cursor:pointer; color:#222; background:url('/images/sub/ico_snb.png') no-repeat 90% center; min-width:80px;}
.SNBWrap .current ul {display:none; background:#fff; background:#fff; position:absolute; left:-10px; top:49px; border:1px solid #dfdfdf; padding:10px 15px; z-index:100; min-width:85%;}
.SNBWrap .current ul li {line-height:34px;}
.SNBWrap .current ul li a {font-size:16px; color:#777; font-weight:300; display:block; background:url('/images/sub/ico_snb_off.png') no-repeat left 15px; padding:0 15px;}
.SNBWrap .current ul li a:hover {color:#0a4e9a; font-weight:500; background:url('/images/sub/ico_snb_on.png') no-repeat left 15px;}
/* 회사소개 */
.contentsArea.ceoMessage .imgArea {text-align:center;}
.contentsArea.ceoMessage .imgArea p {position:relative; width:410px; margin:0 auto; line-height:70px;}
.contentsArea.ceoMessage .imgArea p span {font-size:24px;}
.contentsArea.ceoMessage .imgArea p img {position:absolute; right:0; top:0px;}
.contentsArea.ceoMessage .light {text-align:center; margin:50px 0 30px 0;}
.contentsArea.location dl.f {margin-bottom:80px;}
.contentsArea.location dl dt {font-size:26px; color:#0a4e9a; font-weight:400; background:url('/images/sub/ico_location.png') no-repeat left center; padding-left:35px; margin-bottom:15px;}
.contentsArea.location dl dd {font-size:16px; font-weight:400; color:#333;}
.contentsArea.location dl dd.address {background:url('/images/sub/ico_add.png') no-repeat left 8px; margin-top:10px; padding-left:20px;}
.contentsArea.location dl dd.tel {background:url('/images/sub/ico_tel.png') no-repeat left 8px; padding-left:20px;}
.contentsArea.location dl dd.fax {background:url('/images/sub/ico_fax.png') no-repeat left 8px; padding-left:20px;}
.contentsArea.location dl dd.mail {background:url('/images/sub/ico_mail.png') no-repeat left 8px; padding-left:20px;}
/* 제품소개 */
#Board .prdType01 {width:100%;}
#Board .prdType01 h4.subject {font-size:32px; font-weight:500; margin-bottom:45px; overflow:hidden; line-height:33px;}
#Board .prdType01 table {width:100%; border:1px solid #6a8baf;}
#Board .prdType01 table th {background:#87a4c4; border-left:1px solid #6a8baf; border-right:1px solid #6a8baf; color:#fff; font-weight:400;}
#Board .prdType01 table td {color:#555; font-weight:300;}
#Board .prdType01 table th, #Board .prdType01 table td {text-align:center; font-size:18px; padding:5px;}
#Board .prdType01 #DivContents {width:100%;}
#Board .prdType01 .bx-wrapper {position:relative;}
#Board .prdType01 .prdSlider li {height:593px; padding:9px; background:#fff; border:1px solid #d0d0d0; text-align:center;}
#Board .prdType01 .prdSlider li div {position:relative; width:100%; height:100%; text-align:center;}
#Board .prdType01 .prdSlider li img {max-width:100%; /*width:1050px; height:593px;*/ max-height:593px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#Board .prdType01 .prd-pager {padding-top:20px;}
#Board .prdType01 .prd-pager a {display:inline-block; text-align:center; border:1px solid #d0d0d0; margin-right:11px;}
#Board .prdType01 .bx-controls-direction a {display:block; text-indent:-9999px; overflow:hidden; background:url('/images/sub/prd_arrow.png') no-repeat 0 0; width:65px; height:70px; position:absolute; top:271.5px;}
#Board .prdType01 .bx-controls-direction a.bx-prev {background-position:0 top; left:10px;}
#Board .prdType01 .bx-controls-direction a.bx-next {background-position:0 bottom; right:10px;}
.contentsArea .tab {margin-bottom:30px;}
.contentsArea .tab ul {overflow:hidden;}
.contentsArea .tab ul li {min-width:116px; height:38px; padding:0 20px; float:left; margin-right:5px; border:1px solid #d0d0d0; background:#fff; text-align:center; line-height:38px;}
.contentsArea .tab ul li a {display:block; color:#222; font-weight:300;}
.contentsArea .tab ul li.tab_on {background:#0a4e9a; border:1px solid #0a4e9a;}
.contentsArea .tab ul li.tab_on a {color:#fff;}
.contentsArea #pjtTab li {min-width:80px;}
/*foot*/
#foot{width:100%; background:#fff; padding:20px 0; border-top:1px solid #dfdfdf;}
.footWrap {width:1100px; height:100px; margin:0 auto; position:relative; font-size:12px; text-align:center;}
.footWrap .logoArea {margin-bottom:15px;}
.footWrap .logoArea a {padding:0 10px;}
.footWrap .footCnt address {float:left;}
.footWrap .footCnt address span{padding-right:7px; margin-right:7px; color:#777;}
.footWrap .footCnt p {color:#777; font-size:11px; line-height:28px;}
.footWrap .footCnt a {color:#777; font-size:11px; line-height:28px;}
.footWrap .footCnt .secret {float:left; position:relative; left:-10px; top:4px;}
/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute; z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0; border-top:1px solid #222; border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:110px; text-align:left;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}