@charset "utf-8";
/* ----------
css
---------- */


/* content */
/* 회사소개
------------------------------------------------------ */
#introCon{width:100%;}
.intro-content{width:100%; height:509px; background:url(/kr/images/content/intro_bg.jpg) no-repeat; text-align:center; margin-bottom:30px;}
.intro-content > p{font-size:16px; line-height:24px; color:#ececec; letter-spacing:-0.25px; padding-top:254px;}
.intro-info{width:100%; margin-bottom:20px;}
.intro-info dl{width:100%; overflow:hidden;}
.intro-info dl dt, .intro-info dl dd{float:left; display:inline-block; text-align:left; font-size:13px; line-height:26px;}
.intro-info dl dt{width:111px; padding-left:8px; background:url(/kr/images/content/intro_icon.jpg) no-repeat left center; color:#353535;}
.intro-info dl dt > strong{font-weight:600;}
.intro-info dl dd{color:#656565;}

/* 제품소개
------------------------------------------------------ */
#productCon{width:100%; margin-bottom:50px;}
#productCon .pro-container{width:100%;}
#productCon .pro-tab{width:100%; height:52px; border-bottom:2px solid #a21d1e; overflow:hidden; margin-bottom:20px;}
#productCon .pro-tab li{float:left; width:165.8px; height:52px; text-align:center; margin-left:1px; background:#4b4b4b;}
#productCon .pro-tab li:first-child{margin-left:0;}
#productCon .pro-tab.menu7 li{width:142px;}
#productCon .pro-tab li > a{display:block; width:100%; height:100%; font-size:16px; line-height:52px; color:#c0c0c0;}
#productCon .pro-tab li.select{background:url(/kr/images/content/pro_tab_bg.png) no-repeat;}
#productCon .pro-tab li.select > a{color:#fff;}
#productCon .pro-content{width:100%;}
#productCon .pro-content > article{display:none;}
#productCon .pro-content > article:first-child{display:block;}
#productCon .pro-content > article .down-box{width:902px; padding:13px 49px; background-color:#ccc; overflow:hidden; margin-bottom:20px;}
.down-box > p{float:left; font-size:16px; line-height:26px; color:#454545; letter-spacing:-0.25px;}
.down-box > p > span{display:inline-block; width:36px; height:30px; background-color:#a21d1e; font-size:13px; line-height:30px; font-weight:600; color:#fff; letter-spacing:-0.25px; text-align:center; margin-right:14px;}
.down-box > a{float:right; font-size:13px; line-height:26px; color:#454545; font-weight:600;}
/* -------- 과부하방지장치 -------- */
#proInfoBox{padding:0 51px; width:898px; background-color:#fff;}
#proList{width:100%;}
#proList li{width:100%; padding:39px 0; border-bottom:1px solid #e7e7e7; text-align:center; *zoom:1;}
#proList li:after{content:""; clear:both; display:block;}
#proList li > dl{width:100%; overflow:hidden;}
#proList li > dl dt, #proList li > dl dd{float:left;}
#proList li > dl dt{width:357px; text-align:center;}
#proList li > dl dd{width:541px; text-align:left;}
#proList li h3{font-size:20px; line-height:26px; font-weight:500; color:#353535; margin:54px 0 17px 0; text-align:left;}
#proList li p{font-size:14px; line-height:26px; color:#656565; letter-spacing:-0.6px; text-align:left;}
#proList li > div{width:418px; padding-left:31px; text-align:left;}
#proList li > div:first-child{padding-left:58px; width:391px;}
#proList li > div > p{margin-bottom:40px;}
/* -------- 권과방지장치 -------- */
#proInfoBox02{padding:69px 83px; width:834px; background-color:#fff;}
#proList02{width:100%;}
#proList02 li{width:100%; margin-top:55px;}
#proList02 li:first-child{margin-top:0;}
#proList02 li > dl{width:100%; overflow:hidden;}
#proList02 li > dl dt, #proList02 li > dl dd{float:left;}
#proList02 li > dl dt{width:300px; margin-right:45px;}
#proList02 li > dl dd{width:489px; text-align:left;}
#proList02 li h3{font-size:20px; line-height:26px; font-weight:500; color:#353535; margin-bottom:17px; text-align:left;}
#proList02 li p{font-size:14px; line-height:26px; color:#878787; letter-spacing:-0.6px; text-align:left; overflow:hidden;}
#proList02 li p > span{float:left; display:inline-block; width:70px; font-size:14px; line-height:26px; color:#474747;}
#proList02 li p.coment{font-size:12px; padding-left:70px;}
#productCon a.manual-btn{display:inline-block; width:168px; height:43px; line-height:43px; text-align:left; padding-left:16px; font-size:14px; color:#fff; letter-spacing:-0.25px; background:#981c1c url(/images/common/pro_btn.jpg) no-repeat 146px center; margin-top:10px}
/* -------- 장착 메뉴얼 팝업 -------- */
#manualInner{width:960px; height:567px; overflow-y:scroll; padding:24px 40px; padding-right:0; text-align:center;}
#manualInner > p{font-size:14px; line-height:26px; color:#474747; letter-spacing:-0.25px; margin-bottom:24px; text-align:left;}


/* 대리점 현황
------------------------------------------------------ */
#distributorCon{width:100%; padding-top:119px;}
#MapContainer{width:100%; overflow:hidden;}
/* -------- 지도 -------- */
#MapContainer .map{width:218px; height:419px; background:url(/images/content/map_bg.png) no-repeat; position:relative;}
#MapContainer .map > a{display:inline-block; width:18px; height:22px; background:url(/images/content/map_icon.png) no-repeat; background-position:0 -22px; position:absolute;}
#MapContainer .map > a.on, #MapContainer .map > a:hover{background-position:0 0;}
#MapContainer .map > a.on .loc-name, #MapContainer .map > a:hover .loc-name{display:block;}
#MapContainer .map > a.loc01{left:30px; top:114px;}
#MapContainer .map > a.loc02{left:51px; top:108px;}
#MapContainer .map > a.loc03{left:53px; top:79px;}
#MapContainer .map > a.loc04{left:131px; top:102px;}
#MapContainer .map > a.loc05{left:35px; top:188px;}
#MapContainer .map > a.loc06{left:72px; top:202px;}
#MapContainer .map > a.loc07{left:91px; top:171px;}
#MapContainer .map > a.loc08{right:39px; top:204px;}
#MapContainer .map > a.loc09{left:55px; bottom:150px;}
#MapContainer .map > a.loc10{left:30px; bottom:106px;}
#MapContainer .map > a.loc11{left:60px; bottom:87px;}
#MapContainer .map > a.loc12{left:124px; bottom:115px;}
#MapContainer .map > a.loc13{left:28px; bottom:14px;}
#MapContainer .map > a.loc14{right:25px; bottom:105px;}
#MapContainer .map > a.loc15{right:11px; bottom:134px;}
#MapContainer .map > a.loc16{right:59px; bottom:152px;}
#MapContainer .map > a.loc17{left:60px; bottom:218px;}
#MapContainer .map > a .loc-name{position:absolute; top:-51px; left:9px; width:74px; height:49px; background:url(/images/content/map_txt.png) no-repeat; text-align:center; line-height:25px; font-size:12px; color:#3e3e3e; font-weight:600; display:none; z-index:9;}
#MapContainer .map > a .loc-name > span{font-weight:normal; color:#7f7f7f;}
/* -------- 지점리스트 -------- */
#MapContainer .map-location{width:690px; height:100%;}
#MapContainer .map-location p.tel{ height:41px; line-height:41px; font-size:16px; font-weight:500; color:#333; margin-bottom:20px;}
#MapContainer .map-location p.tel span {float:right; display:block;}
#locationList{width:100%; height:301px;}
#locationList ul{width:100%; overflow:hidden; background-color:#fff;}
#locationList ul li{width:100%; height:49px; border-bottom:1px solid #7f7f7f; overflow:hidden;}
#locationList ul li p{float:left; height:100%; line-height:49px;}
#locationList ul.tit li{float:left; font-size:13px; line-height:51px; height:51px; color:#bebebe; background-color:#575757; border-bottom:0;}
#locationList .loc-name{width:202px; text-align:center;}
#locationList .loc-tel{width:97px; text-align:center;}
#locationList .loc-add{width:360px; padding-left:21px; text-align:left;}
#locationList ul.tit li.loc-add{width:391px; padding-left:0; text-align:center;}
#locationList .loc-list{position:relative; width:100%; height:318px;}
#locationList .loc-list ul{width:100%; height:250px; margin-bottom:30px;}
#locationList .loc-list .loc-paging{width:100%; text-align:center;}
#locationList .loc-list .loc-paging a{display:inline-block; vertical-align:top; font-size:16px; color:#333; margin-left:15px;}
#locationList .loc-list .loc-paging a:first-child{margin-left:0;}
#locationList .loc-list .loc-paging a.choice{color:#eb2e26;}
.map-search-box{height:41px; text-align:right; margin-bottom:10px; float:right;}
.map-search-box > p{display:inline-block; vertical-align:top; overflow:hidden; margin-left:3px;}
.map-search-box > p > input, #cusotmerCon .search-box > p a{float:left;}
.map-search-box > p > input{width:197px; height:29px; border:1px solid #ccc; background-color:#fff; border-right:0; padding:5px; padding-left:15px;}

/*이미지 리사이즈*/
#imgResize img { max-width:100%; height:auto;}
/* -------- 한글전환 -------- */
input.han {ime-mode:active;}

/* 고객지원
------------------------------------------------------ */
#cusotmerCon{width:100%;}
#cusotmerCon .search-box{width:100%; height:41px; text-align:right; margin-bottom:27px;}
#cusotmerCon .search-box > p{display:inline-block; vertical-align:top; overflow:hidden; margin-left:3px;}
#cusotmerCon .search-box > p > input, #cusotmerCon .search-box > p a{float:left;}
#cusotmerCon .search-box > p > input{width:197px; height:29px; border:1px solid #ccc; background-color:#fff; border-right:0; padding:5px; padding-left:15px;}
#searchBox{position:relative; z-index:99; display:inline-block;}
#searchBox a.search-open-btn{display:block; width:107px; height:39px; line-height:39px; padding-left:13px; border:1px solid #ccc; border-right:1px solid #4b4b4b;
background:#fff url(/images/common/btn_select.jpg) no-repeat right top;  z-index:99; text-align:left; background-size:38px 39px; font-size:14px; color:#868686;}
#searchBox ul{display:none; position:absolute; top:41px; width:120px; border:1px solid #ccc; background-color:#fff; z-index:99; border-top:0;}
#searchBox ul li{text-align:left;}
#searchBox ul li a{font-size:14px; line-height:18px; color:#868686; display:block; padding:5px 10px;}
/* -------- 게시판 -------- */
#customerTbl{width:100%; margin-bottom:28px;}
#customerTbl tr{border-bottom:1px solid #ccc; height:49px;}
#customerTbl tr:first-child{border-top:1px solid #ccc;}
#customerTbl td{text-align:center; font-size:13px; color:#797979;}
#customerTbl td.tit{text-align:left; padding-left:10px;}
#customerTbl td.tit > a{display:inline-block; width:450px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#797979;}
#customerTbl td.tit span.new{color:#e62310; display:inline-block; padding-left:5px;}
/* -------- 페이징 -------- */
#cusotmerCon #paging{width:100%; text-align:center; height:41px;}
#cusotmerCon #paging > a{display:inline-block; width:38px; height:41px; text-align:center; line-height:41px; text-align:center; vertical-align:top; font-size:14px; color:#868686; background-color:#fff; margin-left:2px;}
#cusotmerCon #paging > a:first-child{margin-left:0;}
#cusotmerCon #paging > a.choice{color:#ccc; background-color:#4b4b4b;}
/* -------- 뷰페이지 -------- */
#supportView{width:100%; background-color:#fff; border-top:1px solid #595959;}
#supportView .view-tit{padding:10px 58px 10px 29px; height:50px; overflow:hidden; font-weight:normal; border-bottom:1px solid #ccc;}
#supportView .view-tit > p{float:left; font-size:16px; line-height:50px; color:#201d1b; display:inline-block; width:788px;}
#supportView .view-tit > p span.notice-icon{display:inline-block; width:48px; height:16px; text-align:center; margin-right:5px; line-height:16px; font-size:10px; color:#fff; background-color:#ce2818; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; vertical-align:middle;}
#supportView .view-tit > span.day{font-size:13px; line-height:50px; float:right; color:#797979;}
#supportView .file{padding:0 58px 0 29px; height:39px; font-size:13px; line-height:39px; border-bottom:1px solid #ccc;}
#supportView .file > strong{display:inline-block; width:78px; color:#211f1e; font-weight:normal;}
#supportView .file > a{color:#a3a3a3;}
#supportView .view-con{padding:24px 58px 60px 39px; margin-bottom:20px;}
#supportView .view-con > p{font-size:13px; line-height:28px; color:#797979;}
.support-btn{width:100%; text-align:center; margin-bottom:26px;}
.support-btn > p{width:100%; text-align:center;}
.support-btn > p a{display:inline-block; width:78px; height:41px; text-align:center; font-size:14px; line-height:41px; color:#ccc; letter-spacing:-0.25px; background-color:#4b4b4b;}
.prev_next{width:100%; padding-bottom:30px;}
.prev_next > table{width:100%;}
.prev_next > table tr{height:49px; border-bottom:1px solid #ccc;}
.prev_next > table tr:first-child{border-top:1px solid #ccc;}
.prev_next > table th{background-color:#fff; font-size:13px; color:#797979; font-weight:normal}
.prev_next > table td{padding-left:35px; font-size:13px; color:#797979;}


#cusotmerCon .sub-content article {display:none}
#cusotmerCon .sub-content article:first-child {display:block;}
#cusotmerCon .pro-tab{width:100%; height:52px; border-bottom:2px solid #a21d1e; overflow:hidden; margin-bottom:20px;}
#cusotmerCon .pro-tab li{float:left; width:199px; height:52px; text-align:center; margin-left:1px; background:#4b4b4b;}
#cusotmerCon .pro-tab li:first-child{margin-left:0;}
#cusotmerCon .pro-tab li > a{display:block; width:100%; height:100%; font-size:16px; line-height:52px; color:#c0c0c0;}
#cusotmerCon .pro-tab li.select{background:url(/kr/images/content/pro_tab_bg.png) no-repeat;}
#cusotmerCon .pro-tab li.select > a{color:#fff;}

/* -------- 180808 :: 제품 추가 -------- */
#proInfoBox02 .prd-list07{margin-bottom:35px;}
#proInfoBox02 .prd-list07 > li{width:50%; margin-bottom:30px;}
#proInfoBox02 .prd-list07 > li img{max-width:100%;}
#proInfoBox02 .prd-list07-tit{font-size:20px; line-height:26px; color:#353535; margin-bottom:9px; font-weight:500;}
#proInfoBox02 .prd-list07-tbl{width:100%; border-top:1px solid #505050; margin-bottom:39px;}
#proInfoBox02 .prd-list07-tbl th, #proInfoBox02 .prd-list07-tbl td{border-bottom:1px solid #d9d9d9; font-size:14px; line-height:20px; padding:10px 0; text-align:left; font-weight:400; letter-spacing:-0.25px;}
#proInfoBox02 .prd-list07-tbl th{background-color:#f4f4f4; padding-left:24px; color:#474747; border-right:1px solid #d9d9d9;}
#proInfoBox02 .prd-list07-tbl th.point{padding-left:0; text-align:center;}
#proInfoBox02 .prd-list07-tbl td > p{color:#878787; padding-left:28px;}