html{overflow:auto}
body{background:#fff}
#wrap {width:100%; min-width:1100px;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%;  position:relative;left:0;top:0}
.inner {width:1100px; margin:0 auto; position:relative;left:0;top:0}

/*top banner*/
#top_banner_on{width:100%; height:140px; background:url('/images/main/top_banner.jpg') no-repeat center top; position:relative; left:0; top:0;}
#top_banner_on .inner {position:relative; height:140px; overflow:hidden;  background:url('/images/main/top_banner_inner.jpg') no-repeat center top;}
#top_banner_on .close_btn{position:absolute;right:0;bottom:0; cursor:pointer; width:35px; height:34px; background:url('/images/main/ico_pop.png') no-repeat 0 bottom; text-indent:-9999px; overflow:hidden; display:block;}

#top_banner_off{width:100%; height:0; overflow:hidden; background:url('/images/main/img_pop_off.jpg') no-repeat center top; position:relative; left:0; top:0;}
#top_banner_off .inner {height:34px;}
#top_banner_off .close_btn{position:absolute;right:0;bottom:0; cursor:pointer; width:35px; height:34px; background:url('/images/main/ico_pop.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block;}

/*header*/
#header{width:100%; height:90px; z-index:100; }
.headerWrap	h1{ float:left; padding-top:20px; width:200px; }
.headerWrap .top_ban { height:33px;  z-index:10;position:absolute; top:30px; right:0px;}
.headerWrap .top_ban ul {overflow:hidden; float:right}
.headerWrap .top_ban li {float:left; margin-right:3px; }
.headerWrap .top_ban li:last-child {margin-right:0px; }

/* GNB */
#topmenu {position: absolute; top:0px; right: 225px; width:600px; color:#111; z-index:100; }
#topmenu > ul > li p.gnb_eng{font-size:11px; color:#666; padding-bottom:5px; font-weight:400; }
#topmenu ul{width:100%;  background:#fff;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#444; font-weight:normal}
#topmenu ul li{color:#111; font-size:16px;}
#topmenu > ul > li {position:relative; float:left; width:150px; height:22px; line-height:22px; padding:16px 0px; font-size:20px; font-weight:700;}
#topmenu > ul > li > a {display:inline-block; width:100%; text-align:center;}
#topmenu ul li.m_active a, #topmenu ul li a{color:#181818}
#topmenu ul li.m_active a, #topmenu ul li a.on {color:#111;}
#topmenu div.submenu {display:none; z-index:100; border-top:0px;}
#topmenu div.submenu ul {margin:0; padding-top:25px; font-size:16px; width:200px; position:relative; left:-25px; top:0}
#topmenu div.submenu ul li {position:relative;left:0px;top:0; height:auto; width:100%; background:#efefef; border-bottom:1px solid #fff; text-indent:5px;  }
#topmenu div.submenu ul li:last-child{border-bottom:0;}
#topmenu div.submenu ul li a {display:block; padding:10px; font-weight:normal; color:#666 !important; text-align:left;}
#topmenu div.submenu ul li a:hover { color:#fff !important; font-weight:normal;}
#topmenu div.submenu ul li:hover{background:#969696;}
#topmenu ul li.m1 div.submenu{left:0px; width:100%; z-index:100;}
#topmenu ul li.m2 div.submenu{left:0px; width:100%; z-index:100;}
#topmenu ul li.m3 div.submenu{left:0px; width:100%; z-index:100;}
#topmenu ul li.m4 div.submenu{left:0px; width:100%; z-index:100;}
#topmenu ul li.m5 div.submenu{left:0px; width:100%; z-index:100;}

/* 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%; height:515px; position:relative; left:0; top:0;  z-index:1; !important; }
#mainVisual .mainSlide { min-width:1100px;}
#mainVisual li {text-align:center; left:50%; margin-left:-960px;}

#mainVisual .visualText{width:1920px; text-align:center; position:absolute; left:auto; top:155px; margin:0 auto;}
#mainVisual .visualText .visual_text{font-size:19px; line-height:30px; color:#222;}
#mainVisual .visualText_2{text-align:left; position:absolute; left:410px; top:111px;}
#mainVisual .visualText_2 .visual02_text{font-size:22px; color:#222; font-weight:normal; line-height:30px; }
#mainVisual .visualText_2 .pink_btn{width:170px; height:40px; border:2px solid #a60064; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;
display:inline-block; text-align:center;  margin-top:60px;color:#a60064; color:#a60064; font-size:16px;line-height:40px;font-weight:600;}

#mainVisual .visualText_2 .pink_btn:hover{background:#a60064;color:#fff;}

/*메인비주얼 좌우 버튼*/
/*
#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-pager {position:relative; bottom:60px; text-align:center; z-index:99;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; padding-right:8px; }
#mainVisual .bx-pager-item:last-child {padding-right:0px; }
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width:11px; height:11px; border-radius:11px; background:#626262; }
#mainVisual .bx-pager-item .bx-pager-link.active {background:#2c9ac1;}


#subVisual {height:173px; width:100%; overflow:hidden; text-align:left; background:url('/images/common/subVisual.jpg') no-repeat center center; }

/*main contents*/
.main #contents {/*width:1000px; margin:0 auto;*/}
.mainConWrap .bannerWrap {width:100%; height:392px; padding:58px 0px;box-sizing:border-box;-webkit-box-sizing:border-box; -ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box; background:#46484a;position:relative;left:0; top:0;}
.mainConWrap .bannerWrap .inner{width:1100px;  margin:0 auto; }
.mainConWrap .bannerWrap .bannerList{position:relative;left:0; top:0; }
.mainConWrap .bannerWrap #ban_product{width:544px; height:270px; background:#fff; padding:37px 30px; box-sizing:border-box;-webkit-box-sizing:border-box; -ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box; margin-right:10px; float:left; }
.mainConWrap .bannerWrap #ban_customer{width:268px; height:270px; background:#fff; margin-right:10px; float:left; padding:37px 30px; box-sizing:border-box;-webkit-box-sizing:border-box; -ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;background:url('/images/main/ban_bg_qa.jpg') no-repeat;}
.mainConWrap .bannerWrap #ban_contact{width:268px; height:270px; background:#fff; float:left;padding:37px 30px; box-sizing:border-box;-webkit-box-sizing:border-box; -ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;background:url('/images/main/ban_bg_cust.jpg') no-repeat;}
.mainConWrap .bannerWrap .mainBan_tit{color:#181818; font-size:21px; font-weight:600;  }
.mainConWrap .bannerWrap .mainBan_text{color:#444; font-size:14px; font-weight:400; text-align:left;  line-height:20px; padding-top:20px; display:block;
 font-family: 'Lato','NanumBarunGothic', NanumBarunGothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; }

.bannerList #mainContact_tel{font-size:28px; line-height:22px; display:block; padding-top:15px;}
.bannerList #mainContact_etc{font-weight:bold; display:block; padding-top:15px;}

#best_imgs .bx-wrapper{position:relative;left:0;top:0;}
#best_imgs .bx-viewport{height:173px !important;}
#best_imgs .bestSlide .bestList{margin-top:25px;}
#best_imgs .best_img{width:154px; height:147px; float:left; display:inline-block; padding-right:22px;}
#best_imgs .best_tit{font-size:21px; color:#2c9ac1; line-height:21px; margin-bottom:20px; letter-spacing:-0.025em;}
#best_imgs .best_txt{font-size:14px; color:#444; line-height:20px; }
#best_imgs .best_btn{margin-top:15px;}
#best_imgs  .bx-pager-item .bx-pager-link{display:none;}
#best_imgs .bx-controls-direction {position:absolute;right:0; top:0;}
#best_imgs .bx-controls-direction a {display:inline-block; width:15.5px; height:16px; text-indent:-9999px; overflow:hidden;}
#best_imgs .bx-controls-direction .bx-prev{background:url('/images/main/left_btn.gif') no-repeat 0 0; }
#best_imgs .bx-controls-direction .bx-next{background:url('/images/main/right_btn.gif') no-repeat 0 0;}


/*sub contents*/
#container {width:1100px; overflow:hidden; margin:0px auto;}
.sub #contents{width:862px; float:right; text-align:left; margin-left:53px;}
.sub #contents .titleArea{height:105px; margin-bottom:20px; position:relative; border-bottom:1px solid #d3d3d3;}
.sub #contents .titleArea h3{padding:0px; color:#222; font-size:40px; font-weight:400; letter-spacing:-0.03em; line-height:120px; margin-bottom:0; }
.sub #contents .titleArea h3 .title_eng{display:inline-block; color:#666; font-size:25px; font-weight:300; margin-left:15px; letter-spacing:-0.04em}
.sub #contents .titleArea .location {padding-left:12px; position:absolute; right:0px; top:10px; font-size:14px; color:#444; line-height:120px;}
.sub #contents .titleArea .location .history_padding{padding:0 3px;}
.sub #contents .titleArea .location img{padding-top:2px;}
.sub #contents .titleArea .location .history_area{display:inline-block; margin-top:-2px;}


.contentsArea{position:relative;left:0;top:0;}
.contentsArea .subTitile{font-size:24px; line-height:35px; font-weight:600; color:#181818; margin-bottom:38px; }
.contentsArea p{font-size:16px; line-height:24px; font-weight:400; color:#666; text-align:justify; }


/*연혁*/
#history{background:url('/images/company/history_bg.jpg') no-repeat right bottom; min-height:930px}
.contentsArea#history ul {background:url('/images/company/bg_history_line.gif') repeat-y 79px 0;}
.contentsArea #history_bar{display:inline-block; width:3px; height:100%; background:#2c9ac1; opacity:0.3;}
.contentsArea .history_content{margin-bottom:21px; display:block; position:relative; padding-left:115px;}
.contentsArea .history_content .year{display:inline-block; color:#2c9ac1; font-size:20px; font-weight:600; width:88px; background:url('/images/company/ico_year.png') no-repeat right 0; height:16px; line-height:16px; position:absolute; left:0; top:5px;}
.contentsArea .history_content dl {overflow:hidden; margin-bottom:10px;}
.contentsArea .history_content dl dt {float:left; margin-right:45px;}
.contentsArea .history_content dl dd {float:left;}
.contentsArea .history_content .history_date{font-size:17px; color:#444; font-weight:600; display:inline-block;}
.contentsArea .history_content .eng_text{color:#999}
#history.contentsArea ul li:first-child {background:url('/images/company/bg_white.gif') no-repeat 0 0}
#history.contentsArea ul li:last-child {background:url('/images/company/bg_white.gif') no-repeat 0 120%; background-size:100% 77%;}


/*제품소개*/
.contentsArea .product_section table.type_1,.contentsArea .product_section table.type_2, .contentsArea .product_section table.type_3{border-collapse:collapse;}

.contentsArea .product_section{margin:50px 0; clear:both; overflow:hidden;}
.contentsArea .product_section h3{color:#2c9ac1; font-size:24px; line-height:24px; background:url('/images/common/tit_icon.jpg') no-repeat left top; padding-top:17px; padding-bottom:20px; font-weight:normal}
.contentsArea .product_section p.listType{background:url('/images/common/dot.jpg') no-repeat left 25%; padding-left:15px; padding-bottom:5px; }
.contentsArea .product_section table.type_1{border-top:1px solid #222; text-align:center; width:100%;  }
.contentsArea .product_section table.type_1 tr { width:100%; height:40px;  font-size:15px; border-bottom:1px solid #d3d3d3; }
.contentsArea .product_section table.type_1 tr:first-child{border-top:1px solid #222 !important}
.contentsArea .product_section table.type_1 td, .contentsArea .product_section table.type_1 th {border-right:1px solid #d3d3d3;}
.contentsArea .product_section table.type_1 td:last-child, .contentsArea .product_section table.type_1 th:last-child { border-right:0;}
.contentsArea .product_section table.type_1 th {background:#eeecec; font-weight:normal; font-size:15px; color:#444;  }
.contentsArea .product_section table.type_1 span.checked{width:15px; height:15px;  border-radius:15px;-webkit-border-radius:15px; -ms-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; background:#2c9ac1; display:inline-block; margin-left:45%; float:left;}
.contentsArea .box{width:100%; min-height:165px; border:1px solid #d3d3d3; padding:10px ; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; margin-top:10px}
.contentsArea .box div.box_text{float:left; margin-left:20px; margin-bottom:5px; margin-top:5px;display:inline-block!important;}
.contentsArea  p.boxTitle{font-weight:normal; background:url('/images/common/sub_icon.jpg') no-repeat left 30%; padding-left:25px; font-size:16px; margin-bottom:10px; margin-top:16px; }
.contentsArea .box p{ color:#606060; font-size:15px; line-height:21px}
.contentsArea .box span{float:right; display:inline-block;  }
.contentsArea .box span img{margin-right:10px;}
.contentsArea .product_section table.type_1 .table_blue{ background:rgba(44,154,193,0.14)}
.contentsArea .product_section table.type_2{width:100%; line-height:24px; border-top:1px solid #d3d3d3}
.contentsArea .product_section table.type_2 tr{height:40px; font-size:15px; border-bottom:1px solid #d3d3d3; }
.contentsArea .product_section table.type_2 td p{font-size:15px; color:#444;}
.contentsArea .product_section table.type_2 td{padding-left:25px; padding:5px 5px 5px 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; color:#444;}
.contentsArea .product_section table.type_2 th{background:#eeecec; text-align:center;font-weight:normal; }

.contentsArea .product_section table.type_3{border-top:1px solid #222; text-align:center; width:100%;  }
.contentsArea .product_section table.type_3 tr { width:100%; height:40px;  font-size:15px; border-bottom:1px solid #d3d3d3; }
.contentsArea .product_section table.type_3 tr:first-child{border-top:1px solid #222 !important}
.contentsArea .product_section table.type_3 td, .contentsArea .product_section table.type_3 th {border-right:1px solid #d3d3d3;}
.contentsArea .product_section table.type_3 th {background:#eeecec; font-weight:normal; font-size:15px; color:#444;  }
.contentsArea .product_section table.type_3 span.checked{width:15px; height:15px;  border-radius:15px;-webkit-border-radius:15px; -ms-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; background:#2c9ac1; display:inline-block; margin-left:45%; float:left;}
.contentsArea .product_section table.type_3 td:last-child, .contentsArea .product_section table.type_3 th:last-child { border-right:0;}

.contentsArea .productImg{position:absolute;right:0;top:10px}
.contentsArea .productImg img{margin:10px; }
.contentsArea .product_section .product_ct{display:inline-block; float:left; width:201px; height:204px; border:1px solid #d3d3d3; margin-right:16px; margin-bottom:50px; }
.contentsArea .product_section .product_ct:last-child{margin-right:0;}
.contentsArea .product_section .product_ct .number{display:inline-block; width:33px; height:33px; background:#444; color:#fff; font-size:16px; line-height:30px; text-align:center;}
.contentsArea .product_section .product_ct p{text-align:center; margin:-2px 0 6px 0; color:#444;}
.contentsArea .product_section .ct_text{line-height:21px; margin-top:5px;}
.contentsArea p.pdf_btn{  clear:both;display:block; padding-top:40px; }
.contentsArea .product_section .cleanerImg{width:269px; height:360px; display:inline-block; float:right; margin-right:20px; margin-top:-80px; margin-bottom:70px;}

.product_section .texIndent{padding-left:15px;}
.product_section .texIndent2{padding-left:34px;}


/*contents*/
.contentsArea{padding:0px; margin:50px 0 60px 0; font-size:16px; color:#444; line-height:24px; letter-spacing:0.025em }
.contentsArea p{}
.contentsArea table span{display:inline-block; }
/*.contentsArea span img{margin-right:52px; margin-bottom:50px;}*/


/*sub navigation bar*/
#SNB {float:left; width:185px; }
.SNBWrap {margin-top:0px}
.SNBWrap h3 {margin-bottom:0px; margin-after:0px;-webkit-margin-after:0px;-ms-margin-after:0px; -moz-margin-after:0px; font-weight:500; color:#444; font-size:24px; padding-left:22x; border-bottom:1px solid #d3d3d3; height:105px; line-height:0px; padding-left:15px}
.SNBWrap h3 .subTitle_eng{display:block; font-size:16px; color:#444; font-weight:400; line-height:66px;}
.SNBWrap .menu li {width:100%;   border-bottom:1px solid #d3d3d3; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; position:relative; left:0; top:0; }
.SNBWrap .menu li.snb_on {background:#2c9ac1; font-weight:600; }
.SNBWrap .menu li.snb_on a{color:#fff;}
.SNBWrap .menu li.snb_off {background:#fff; font-weight:300; color:#444; }
.SNBWrap .menu li a {display:block; width:140px; font-size:16px; color:#444; padding:15px 15px 15px 20px; }
.SNBWrap .SNB_border{width:100%; min-height:370px; border-right:1px solid #d3d3d3;}
.SNBWrap .over{width:11px; height:3px; background:#fff; float:right; display:inline-block;position:absolute; right:15px; top:45%; }
.SNBWrap .SNB_border .gnb_eng{font-size:14px; font-weight:400}

/* SNB메뉴 2 depth
.SNBWrap .menu .snb_2dep {background:#ffffff !important;}
.SNBWrap .menu .snb_2dep_on {background:#f5f5f5 !important;}
.SNBWrap .menu .snb_2dep a {height:20px; font-size:12px; color:#666; line-height:20px;}
.SNBWrap .menu .snb_2dep_on a {height:20px; font-size:12px; color:#339fd3; line-height:20px;}
.SNBWrap .menu .snb_2dep a:hover,
.SNBWrap .menu .snb_2dep_on a,
.SNBWrap .menu .snb_2dep_on a:hover {color:#0c4b9e;}*/

/* banner */
.SNBWrap .banner{width:168px; height:38px; margin-top:6px;}

/*sms*/
.sms{width:196px; float:left;}
.sms label{margin-right:8px;}
.sms .text {width:145px; height:20px; margin-bottom:2px;}
.sms .textarea {width:149px; height:27px; overflow:hidden;}
.smsbt{float:right;}


/*foot*/
#foot{width:100%; background:#fff;}
.footWrap {width:100%; height:164px; margin:0 auto; position:relative;left:0;top:0; font-size:14px;border-top:1px solid #c1c1c1;  }
.footWrap #related_banner{width:100%; height:70px; background:#fff; border-bottom:1px solid #c1c1c1; }
.footWrap #related_banner .inner{width:1100px; height:70px; overflow:hidden; position:relative;left:0;top:0; }
.footWrap #related_banner span{display:inline-block; padding:0;margin:0; margin-left:-1px;}
.footWrap .footCnt {padding-top:28px; color:#555;}
.footWrap .footCnt span{display:inline-block; margin-right:13px;}
.footWrap .footCnt p {float:left; font-size:11px; color:#999; line-height:15px; text-indent:2px;}
.footWrap .footCnt a{color:#999}
.footWrap .footCnt a:hover{color:#999; text-decoration:underline; }
.footCnt .secret{margin-left:5px; margin-top:3px;}


/* 관리자 로그인 */
.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:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}