@charset "utf-8"; .prodCont {padding:0px;max-width:100%;} .prodCont .cont_box {padding: 25px 15px;margin:0px auto;overflow:hidden;} /**** 텝 키비주얼 0317 추가 list.jsp ****/ .proTab-wrap { overflow:hidden; } /* 탭메뉴 */ .tab-menu { z-index:2; } .kv-tab {display:block;width:100%;border:1px solid #e5e5e5;background:#fff; } .kv-tab.clfix::after { content: ''; } .kv-tab li {position:relative;float:left;width:100%; height: 33px;} .kv-tab.total2 li {width:50%;} .kv-tab.total3 li {width:33.3333%;} .kv-tab.total4 li {width:25%;} .kv-tab.total5 li {width:20%;} .kv-tab.total6 li {width:16.6666%;} .kv-tab li:first-child::before {display:none;} .kv-tab li a { margin-left:-1px; border-left:1px solid #7b7b7b; border-right:1px solid #7b7b7b; } .kv-tab li:first-child a { border-left:1px solid transparent; } .kv-tab li:last-child a { border-right:1px solid #fff; } .kv-tab li a {overflow:hidden;} .kv-tab li a {position:relative;display:block;height:30px; text-align: center; line-height:30px;color:#afafaf;font-size:15px;font-weight: 300; background: #5a5a5a; } .kv-tab li .line { display:block; width:100%; left:0; bottom: 0;height:3px; margin-left:-1px; background:#f47621;} .kv-tab li a:hover::after { left: 0;right: 0;} .kv-tab li.on { z-index:55; } .kv-tab li.on a, .kv-tab li a:hover { border-left:1px solid #f57421; border-right:1px solid #f57421; } .kv-tab li.on a::after .kv-tab li a:hover::after{ background:#f57421; } .kv-tab li.on a, .kv-tab li a:hover { color:#ffffff;} .kv-tab li.on a, .kv-tab li a:hover { background-color: #f57421;} .kv-tab li.on .line::after { content:"";position:absolute; width: 0; height: 0; bottom:-5px; left:50%; margin-left:-7px; border-top: 5px solid #f57421; border-left: 7px solid transparent; border-right: 7px solid transparent; z-index : 60; } /* 비주얼 */ .tab-visual { width:100%; margin-bottom:40px; overflow: hidden; z-index: 1; } .tab-visual .visual-list { } .tab-visual .visual-list > li { position: relative; background:#f6f6f6; } .tab-visual .visual-list li .bg {float:right; } .tab-visual .visual-list li .bg img { width:auto; height:250px; } .tab-visual .visual-list li .desc { position:absolute; top:20px; left:20px; } .tab-visual .visual-list li .desc h3 { margin-bottom:15px; font-size:25px; color:#f57325; font-weight: 500; } .tab-visual .visual-list li .desc p { margin-bottom:30px; font-size:15px; color:#444444; } .tab-visual .visual-list li .desc .item-list li {margin-bottom:10px; font-size:12px; color:#777777; line-height:1; } /**** SMART 제품 ****/ #prodVis {width:100%;/* background:#e5e4e9 */} #prodVis .slideWrap {width:100%;position: relative;overflow:hidden} #prodVis .slideWrap .slideList {width:100%;position: relative; } #prodVis .slideWrap .slideList > li {width:100%;/* height:305px; */position: relative;/* background-size:cover */} #prodVis .slideWrap .slideList > li img { width:100%; } #prodVis .slideWrap .slideList > li img.vis_w {display:none;} /* #prodVis .slideWrap .slideList > li .inner {height:100%;padding:0px;} #prodVis .slideWrap .slideList > li .inner .vis_img {position:absolute;right:0;top:0;} #prodVis .slideWrap .slideList > li .inner img {height:305px;} #prodVis .slideWrap .slideList > li .inner img.vis_w {display:none;} */ #prodVis .slideWrap .slideList > li .inner img.vis_w1024 {display:none;} #prodVis .slideWrap .slideList > li .wTxt {display:block} #prodVis .slideWrap .slideList > li .wTxt {position:absolute;left:5.1%;top:8.19%;} #prodVis .slideWrap .slideList > li .wTxt .txt {display:block;margin-top:10px;color:#444;} #prodVis .slideWrap .slideList > li .wTxt .prdt_feature {margin-top:21px;} #prodVis .slideWrap .slideList > li .wTxt .prdt_feature li {color:#777;line-height:1.8;font-size:11px;} #prodVis .slideWrap .slideList > li .wTxt .prdt_feature li::before {content:"ㆍ";display:inline-block;margin-right:3px;} #prodVis .slideWrap .bx-controls { position:absolute; bottom:15px; left:0; right:0; text-align: center;height: 10px;z-index:99;} #prodVis .slideWrap .bx-controls .bx-controls-auto, #prodVis .slideWrap .bx-controls .bx-pager-item {display:inline;} #prodVis .slideWrap .bx-controls .bx-pager .bx-pager-item a {width:8px;height:8px;margin-left:8px;vertical-align:top;background:url("/_img/common/topSlider.png") no-repeat;background-size:16px;display:inline-block;text-indent:-9999px;background-position:-8px 0;} #prodVis .slideWrap .bx-controls .bx-pager .bx-pager-item a.active {background-position:0 0;} #prodVis .slideWrap .bx-controls-direction {display:none} #prodVis .slideWrap .prdt_feature li {} #prodVis .slideWrap .wTxt .tit {display:block;color:#f37321; font-size:29px;} /*Christmas Vis */ #prodVis .slideWrap .christmasList {width:100%;position: relative;} #prodVis .slideWrap .christmasList > li {width:100%;height:305px;position: relative;background-size:cover} #prodVis .slideWrap .christmasList > li .inner {height:100%;padding:0px;} #prodVis .slideWrap .christmasList > li .vis_img {position:absolute;right:0;top:0;} #prodVis .slideWrap .christmasList > li img {height:305px;margin-right:-10px} #prodVis .slideWrap .christmasList > li img.vis_w {display:none;} #prodVis .slideWrap .christmasList > li .wTxt {display:block} #prodVis .slideWrap .christmasList > li .wTxt {position:absolute;left:5%;top:15%;} #prodVis .slideWrap .christmasList > li .wTxt .tit {display:block;color:#5f0000; font-size:29px;line-height:120%} #prodVis .slideWrap .christmasList > li .wTxt .txt {display:block;margin-top:10px;color:#efd4b0;line-height:140%} #prodVis .slideWrap .christmasList > li .inner img.vis_w1024 {display:none;} .prdList-top {position:relative; } .prdList-top .searchRes {float:left; line-height:35px; margin-left:10px;} .prdList-top .searchRes .web {display:none;} .prdList-top .searchRes strong{color:#f37321;} .prdList-top .searchArea {width:100%;margin-bottom:15px;} .prdList-top .searchArea .txtBox {position:relative;} .prdList-top .searchArea input {height:34px; line-height:34px;padding: 0 45px 0 10px; width:100%; border:1px solid #cccccc;-webkit-border-radius:0; -webkit-appearance:none} .prdList-top .searchArea .btnSearch {position:absolute;right:0;top:0;width:32px;height:32px;background:#756f6d;padding:6px 9px; position:absolute;right:1px;top:1px;} .prdList-top .searchArea .btnSearch .ic_search {display:inline-block;text-indent:-9999px;} .prdList-top .sortBox {margin-bottom:15px;} .prdList-top .sortBox .sortArea {float:left; margin-right:4px;} .prdList-top .sortBox .hits {font-size:12px; display:inline-block; margin-top:10px; margin-left:5px; } .prdList-top .sortBox .hits em {color:#ee6303;} .prdList-top .sortBox .selectWrap {width:120px;height:32px;line-height:32px;border:1px solid #cccccc;background:#fff url("/_img/common/ico_select_arrow_m.png") no-repeat 93% center;background-size:7px;display:inline-block;} .prdList-top .sortBox .selectWrap select {width:100%;height:100%;border:0;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;display:block;background:transparent;vertical-align:top;margin:0;padding:0;padding-left:8px; color:#777777;} .prdList-top .sortBox .selectWrap select:focus {outline: none;} .prdList-top .sortBox .selCate1 {width:145px; } .prdList-top .sortBox .selCate2 {width:130px; } /* 제품 Filter */ .prdt-filter-grid {width:100%;position:relative;z-index:999} .filter-sort-wrap {display:block;position:relative;height:44px;background:#f0f0f0;margin-bottom:20px} .filter-sort-wrap a{display:block;line-height:44px;color:#202020;font-size:14px;padding-left:10px;} .filter-sort-wrap .more {position:absolute;top:0px;right:10px;width:20px;height:44px;background:url('/_img/common/bg_filter.gif') center 15px no-repeat;} .filter-fix-wrap {display:none} .prdt-filter-grid .layer_header, .prdt-filter-grid .btnApply {display:none} .prdt-filter-grid.fixed {position:fixed;background-color: rgba(0,0,0,0.70); position:fixed; z-index:199; top:0; left:0; right:0; bottom:0; overflow:hidden;} .prdt-filter-grid.fixed .filter-sort-wrap {display:none} .prdt-filter-grid.fixed .filter-fix-wrap {display:block;position:absolute;left:50%;top:50%;width:280px; height:450px; margin:-225px 0 0 -155px;padding:0 15px;background:#fff url('/_img/common/bg_layer_heaer_line.gif') no-repeat 0 0;background-size:500px;z-index:999} .prdt-filter-grid.fixed .layer_header {display:block;padding:20px 0px 15px;margin-bottom:10px;border-bottom:1px solid #b9b9b9;} .prdt-filter-grid.fixed .layer_header strong {font-size:13px} .prdt-filter-grid.fixed .btn_close {position:absolute;right:15px;top:20px;width:15px;height:15px;background:url('/_img/common/asset.png') no-repeat 0 -106px;background-size:15px;text-indent:-999999px;background-size:300px;} .prdt-filter-grid.fixed .optList {height:355px;overflow-y:scroll} .prdt-filter-grid.fixed .btnApply {display:block;width:165px;height:40px;line-height:40px;background:#464646;color:#FFF;font-size:12px;text-align:center;margin:20px auto 0px} .filter-sortList {} .filter-sortList .filter-title {display:block;position:relative;height:40px;line-height:40px;font-size:13px;color:#222;padding-left:10px;border-top:solid 1px #ccc;color:#222} .filter-sortList.first .filter-title{border-top:none} .filter-sortList .filter-title .more {position:absolute;top:0px;right:8px;width:20px;height:40px;background:url('/_img/common/bg_filter.gif') center 15px no-repeat;} .filter-sortList .filter-sort-item {display:none} .filter-sortList.active .filter-sort-item {display:block} .filter-sortList.active .filter-title .more {background-position:center -25px} .filter-sort-item {padding:0px 0px 10px 10px} .filter-sort-item li {position:relative;padding:7px 0px 7px 0px} .filter-sort-item input[type=checkbox].f-chkBox {overflow: hidden;display:inline-block;vertical-align:middle;width: 16px;height: 16px;background:url('/_img/common/bg_chk.gif') 0px -34px no-repeat;appearance: none;-webkit-appearance: none;-moz-appearance: none;} .filter-sort-item input[type=checkbox].f-chkBox:checked {width: 16px;height: 16px;background-position:0px 0px;appearance: none;-webkit-appearance: none;-moz-appearance: none;} .filter-sort-item li label{padding-left:5px;font-size:13px;color:#555} .prdList > ul {border:1px solid #dfdfdf;border-top: 1px solid #333; border-bottom:solid 1px #808080} .prdList > ul > li {position:relative;border-top:1px solid #dfdfdf; border-bottom:solid 1px #fff;padding-bottom:20px;} .prdList > ul > li > a {display:block;padding:10px 25px 10px;overflow:hidden;position:relative;z-index:2;} .prdList > ul > li .over {display:none;position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:solid 1px #f37321;padding-bottom:1px;z-index:1;} .prdList > ul > li:hover .over {display:block;} .prdList ul li .contCell .tagContainer {display:block; text-align:center;position:absolute;top:0;left:0px} .prdList ul li .contCell .tagContainer .tag {display:inline-block; padding:0px 8px;height:18px;line-height:18px; margin-right:-3px;font-size:10px} .prdList ul li .contCell .tagContainer .tag.new {background:#f37321;color:#fff; } .prdList ul li .contCell .tagContainer .tag.gray {background: #ebebeb; color: #212121; } .prdList ul li .contCell .imgContainer {display:block; margin-bottom:5px; text-align:center;} .prdList ul li .contCell .imgContainer img {width:65%;} .prdList ul li .contCell .desc {padding-top:20px; margin-bottom:10px;}/* 170417 수정 */ .prdList ul li .contCell .tit {display:block; text-align:center; font-size:19px; color:#202020; margin-bottom:3px;} .prdList ul li .contCell .txt {display:block; text-align:center;font-size:12px; color:#777;line-height:140%; letter-spacing:-0.02em;} .prdList ul li .desc ul {margin:15px 0px 0px;} .prdList ul li .desc ul li {font-size:12px;color:#777777; line-height:140%;padding-left:7px; position:relative;} .prdList ul li .desc ul li:after {content:''; position:absolute; top:8px; left:0px; width:2px; height:2px; background:#777;} .prdDetail .title .detail_list, .prdList .desc .detail_list {margin:15px 0px 0px;font-size:12px;color:#777777;text-align:left; line-height:140%;word-wrap:break-word;} .prdDetail .osApp{margin-top:20px} .prdDetail .osApp a {display:inline-block;width:60px;height:60px;border:solid 1px #d0d0d0;border-radius:3px;margin-right:5px} .prdDetail .osApp a img {width:100%;height:100%} .prdDetail .osApp a:hover{border:solid 1px #ed7602} .prdDetail .osApp a.android {background-position:0px -186px} .prdDetail .osApp a.ios {background-position:-71px -186px} .prdDetail .osApp a.webViewer {background-position:-143px -186px} .prdDetail .osApp a.cloud {background-position:-215px -186px} .prdShop {display:block;position:relative;z-index:3;background:#FFF} .prdShop > .btnBuy {display:block; vertical-align:middle;font-size:12px;background:#f37226;color:#f2f2f2;text-align:center;width:168px;height:33px;line-height:33px;margin:20px auto 0px} .prdShop > .btnBuy.off {background:#777;color:#FFF} .prodCont .prdDetail .prdShop > .btnBuy {border-radius:5px} .prdList .btnWrap {text-align:center;margin:25px 0px } .prdList .btnWrap a.btnMore {text-align:center;height:44px;line-height:44px; font-size:15px; color:#000;display:block; background:#f0f0f0; } .prdList .btnWrap a.btnMore span.arrow {display:inline-block;vertical-align:middle;background:url('/_img/common/ico_customer.png') no-repeat ;width:25px;height:16px;background-size:50px; background-position:0px -79px} .prdList .noMoreList, .prdListArea .noMoreList {display:block; padding:15px 0px;text-align:center;font-size:13px; color:#000;background:#f0f0f0} .prdList .noMoreList a.linkMore, .prdListArea .noMoreList a.linkMore{display:block;color:#f27322;font-size:15px;text-decoration:underline;line-height:120%;padding-top:5px} .prdUseFor {display:inline-block;width:100%} .prdUseFor li {height:180px;padding-top:25px;text-align:center} .prdUseFor li dt {height:90px;font-size:19px;color:#e5e5e5} .prdUseFor li dd {color:#e5e5e5;font-size:12px;line-height:140%} .prdUseFor li dd.more {padding-top:15px} .prdUseFor li dd.more p {display:block;background:url('/_img/prdt/obj_usefor_m.png') center top no-repeat;background-size:80px;height:20px;background-position:center -595px;} .prdUseFor li dd.more span {font-size:0;text-indent:-9999px} .prdUseFor li.home {background:url('/_img/prdt/bg_usefor01_m.jpg') center top no-repeat;background-size:cover;} .prdUseFor li.home dt {background:url('/_img/prdt/obj_usefor_m.png') center top no-repeat;background-size:80px;} .prdUseFor li.baby {background:url('/_img/prdt/bg_usefor02_m.jpg') center top no-repeat;background-size:cover;} .prdUseFor li.baby dt {background:url('/_img/prdt/obj_usefor_m.png') center top no-repeat;background-size:80px;background-position:center -155px;} .prdUseFor li.pet {background:url('/_img/prdt/bg_usefor03_m.jpg') center top no-repeat;background-size:cover;} .prdUseFor li.pet dt {background:url('/_img/prdt/obj_usefor_m.png') center top no-repeat;background-size:80px;background-position:center -312px;} .prdUseFor li.security {background:url('/_img/prdt/bg_usefor04_m.jpg') center top no-repeat;background-size:cover;} .prdUseFor li.security dt {background:url('/_img/prdt/obj_usefor_m.png') center top no-repeat;background-size:80px;background-position:center -467px;} .prodCont .prdDetail {position:relative;margin-bottom:25px} .prodCont .prdDetail .tag {height:18px} .prodCont .prdDetail .tag .new {display:inline-block; padding:0px 8px;height:18px;line-height:18px; margin-right:-3px;background:#f37321;color:#fff; font-size:10px} .prodCont .prdDetail .tag .gray {display:inline-block; padding:0px 8px;height:18px;line-height:18px; margin-right:-3px;background: #ebebeb; color: #212121; font-size:10px} .prodCont .prdDetail .title {padding:13px 0px 0px;border-top:solid 1px #dfdfdf} .prodCont .prdDetail .title .tit {font-weight:700; font-size:18px; color:#222; margin-top:10px;text-align:left;} .prodCont .prdDetail .title .txt {font-size:16px; color:#202020; margin-top:7px;line-height:130%;} .prodCont .prdDetail .prdDesc {margin:15px 0px 0px;} .prodCont .prdDetail .prdDesc li {font-size:12px;color:#777777; line-height:140%;padding-left:7px; position:relative;} .prodCont .prdDetail .prdDesc li:after {content:''; position:absolute; top:8px; left:0px; width:2px; height:2px; background:#777;} .prodCont .prdDetail .prdDesc .btnDetail {display:block;background:#636363;height:45px;line-height:45px;color:#FFF;font-size:14px;text-align:center} .prodCont .prdDetail .prdDesc .btnDetail span {background:url('/_img/common/ico_customer.png') right -95px no-repeat;background-size:50px;width:20px;padding:0px 13px;line-height:100%; } .prodCont .prdDetail .prdShop > .btnBuy {width:100%} .prodCont .prdDetail .prd_imgs {position:relative;width:290px;margin:0px auto 20px} .prodCont .prdDetail .prd_imgs .viewer {position:relative;width:290px;height:290px;margin-bottom:15px;} .prodCont .prdDetail .prd_imgs .viewer .number {position:absolute; top:20px;left:50%;margin-left:-13px;font-size:12px; color:#666666;} .prodCont .prdDetail .prd_imgs .viewer .number strong {color:#f37321;} .prodCont .prdDetail .prd_imgs .viewer .link {display:block; text-align:center; margin-top:10px;} .prodCont .prdDetail .prd_imgs .viewer .link a {color:#777777; font-size:12px; padding:0 8px; position:relative; display:inline-block;} .prodCont .prdDetail .prd_imgs .viewer .link a:after {content:''; position:absolute; top:5px; left:-1px; width:3px; height:3px; overflow:hidden; border-radius:50%; background:#777;} .prodCont .prdDetail .prd_imgs .viewer .link a:first-child:after {width:0; height:0;} .prodCont .prdDetail .prd_imgs .viewer .imgView {display:block;width:290px; height:290px;text-align:center;background-size:cover !important;background-repeat:no-repeat !important} .prodCont .prdDetail .prd_imgs .viewer .imgView img {width:100%;height:100%;} .prodCont .prdDetail .prd_imgs .viewer .movLink {background:#4c4c4c;text-align:center;cursor:pointer} .prodCont .prdDetail .prd_imgs .viewer .movLink img {margin:0px auto} .prodCont .prdDetail .prd_imgs ul.slider-nav {} .prodCont .prdDetail .prd_imgs ul li {text-align:center; width:54px;height:54px;position:relative;margin-right:4px;} .prodCont .prdDetail .prd_imgs ul li .image {display:block; margin:0 auto; width:52px;height:52px;background:#fff;border:solid 1px #d0d0d0;border-radius:2px} .prodCont .prdDetail .prd_imgs ul li.on .image {border:1px solid #f37321;} .prodCont .prdDetail .prd_imgs ul li img {width:100%;height:100%;} .prodCont .prdDetail .prd_imgs ul li span.bd {position:absolute; width:100%; height:100%; display:none; top:0px; left:0px; z-index:100; border:1px solid #f37321; box-sizing:border-box;} .prodCont .prdDetail .prd_imgs .bx-viewport {width:290px;} .prodCont .prdDetail .prd_imgs .bx-controls {display:none} .prodCont .prdDetail .prd_imgs .slider-nav li {width:54px} .prodCont .prdDetail .prd_imgs .viewer a.control {display:inline-block; position:absolute;top:280px;background:url('/_img/common/ico_arrow_pg.png') left top no-repeat;background-size:20px ;width:13px; height:20px;} .prodCont .prdDetail .prd_imgs .viewer a.img_prev { left:-152px;background-position:center -86px;} .prodCont .prdDetail .prd_imgs .viewer a.img_next{right:-152px;background-position:center -120px;} .prodCont .prdDetail .prd_imgs .mousetrap {display:none} .prodCont .prdDetail .prd_imgs .zoomTip{display:none} .prodCont .prdDetail .prd_imgs .downloadTip{display:block;position:absolute;width:100%;padding-left:0px;color:#888888;font-size:14px; margin-top:-10px; text-align: center;} .prodCont .prdDetail .prd_imgs .downloadTip a {color:#777777; font-size:12px; padding:0 8px; position:relative; display:inline-block;} .prodCont .prdDetail .prd_imgs .downloadTip a:after {content:''; position:absolute; top:5px; left:-1px; width:3px; height:3px; overflow:hidden; border-radius:50%; background:#777;} .prodCont .prdDetail .prd_imgs .downloadTip a:first-child:after {width:0; height:0;} /*제품동영상 팝업*/ .mov_layer {display:none;position:absolute;left:50%;top:50%;width:300px;height:200px;margin:-150px 0 0 -150px;z-index:999} .mov_layer.on {display:block;} .mov_layer .btn_close {position:absolute;right:0px;top:-25px;width:20px;height:20px;background:url('/_img/common/asset.png') -112px -52px no-repeat;text-indent:-999999px;background-size:300px;} .mov_layer .v_frame {width:300px;height:170px;margin:0px auto 0px;text-align:center;} .mov_layer .v_frame video {width:100%} .prodCont .prodTab {border-top:solid 1px #c9c9ca;border-bottom:solid 1px #c9c9ca;padding:12px 0px 0px;margin:0px} .prodCont .prodTab .tit {text-align:center;font-size:15px;font-weight:500;height:18px;margin-bottom:5px} .prodCont .prodTab ul {position:relative;margin:0px 5px} .prodCont .prodTab ul li {float:left; font-size:12px; text-align:center; font-weight:400;} .prodCont .prodTab ul li a{position:relative;color:#777; display:inline-block;padding:5px 0px 15px;margin:0px 5px; font-size:13px;line-height:110%;font-weight:400;} .prodCont .prodTab ul li a:hover{color:#ed7602;} .prodCont .prodTab ul li:first-child a {border-left:none;} .prodCont .prodTab ul li.on {color:#464646;position:relative; z-index:1;} .prodCont .prodTab ul li.on a{color:#ed7602;} .prodCont .prodTab ul li.on a:after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ed7602} .prodCont .tabCont {display:block;padding-top:80px;position:relative;} .prodCont .prodTab +.tabCont {padding-top:30px} .prodCont .tabCont.on {display:block;} .prodCont.fixed .prodTab {position:fixed;top:0px;left:0px;right:0px;margin:0px;background:#f3f3f3;color:#333;z-index:9999} .prodCont .tabCont h3.tit {font-weight:700; font-size:15px; color:#222; margin-bottom:10px;text-align:left;} .prodCont .feature {overflow:hidden} .prodCont .feature ul {width:101%;border-top:solid 1px #858585;margin-left:-1px} .prodCont .feature ul li {float:left;width:49.5%;min-height:220px;border-bottom:solid 1px #858585;border-left:solid 1px #e5e5e5;text-align:center;padding:15px 0px} .prodCont .feature ul li.mb_interval {min-height:305px;} .prodCont .feature.lang_fra ul li.mb_interval {min-height:245px;} .prodCont .feature.lang_fra ul li.mb_interval02 {min-height:335px;} .prodCont .feature ul li .icFeature {background:url('/_img/common/ico_feature.png') center top no-repeat;background-size:170px ;width:70px; height:60px;margin:0px auto 10px} .prodCont .feature ul li .icFeature.ic01 {background-position:0px 0px} .prodCont .feature ul li .icFeature.ic02 {background-position:0px -71px} .prodCont .feature ul li .icFeature.ic03 {background-position:0px -154px} .prodCont .feature ul li .icFeature.ic04 {background-position:0px -237px} .prodCont .feature ul li .icFeature.ic05 {background-position:0px -313px} .prodCont .feature ul li .icFeature.ic06 {background-position:0px -385px} .prodCont .feature ul li .icFeature.ic07 {background-position:0px -465px} .prodCont .feature ul li .icFeature.ic08 {background-position:0px -540px} .prodCont .feature ul li .icFeature.ic09 {background-position:0px -620px} .prodCont .feature ul li .icFeature.ic10 {background-position:0px -697px} .prodCont .feature ul li .icFeature.ic11 {background-position:0px -762px} .prodCont .feature ul li .icFeature.ic12 {background-position:0px -837px} .prodCont .feature ul li .icFeature.ic13 {background-position:0px -922px} .prodCont .feature ul li .icFeature.ic14 {background-position:0px -1007px} .prodCont .feature ul li .icFeature.ic15 {background-position:0px -1100px} .prodCont .feature ul li .icFeature.ic16 {background-position:0px -1185px} .prodCont .feature ul li .icFeature.ic17 {background-position:0px -1274px} .prodCont .feature ul li .icFeature.ic18 {background-position:0px -1364px} .prodCont .feature ul li .icFeature.ic19 {background-position:0px -1455px} .prodCont .feature ul li .icFeature.ic20 {background-position:0px -1543px} .prodCont .feature ul li .icFeature.ic21 {background-position:0px -1632px} .prodCont .feature ul li .icFeature.ic22 {background-position:0px -1718px} .prodCont .feature ul li .icFeature.ic23 {background-position:0px -1796px} .prodCont .feature ul li strong {color:#222222;font-size:15px} .prodCont .feature ul li .txt {padding:10px 0px 0px;color:#777777;font-size:11px;line-height:140%} .prodCont .spec {width:100%;border-top:solid 1px #6c6969;border-bottom:solid 1px #6c6969} .prodCont .spec li {} .prodCont .specTbl {width:100%;} .prodCont .specTbl .col1 {width:30%} .prodCont .specTbl th {background:#f5f5f5;border-top:solid 1px #e2e2e2;border-right:solid 1px #e0e0e0;color:#333333;font-size:12px;padding:13px 2px;line-height:140%;text-align:center;font-weight:400} .prodCont .specTbl td {background:#FFF;border-top:solid 1px #e2e2e2;color:#777777;font-size:12px;padding:13px 10px;line-height:140%;font-weight:400} .prodCont .specTbl .line {border-top:solid 1px #6c6969} .prodCont .userGuide {} .prodCont .userGuide {border-top:1px solid #333333; border-bottom:1px solid #999999;} .prodCont .userGuide li {position:relative;border-bottom:solid 1px #e2e2e2;height:40px;line-height:40px;} .prodCont .userGuide li a {color:#777777;font-size:13px;padding-left:10px;} .prodCont .userGuide li .ic_down {display:inline-block;background:url('/_img/common/ico_customer.png') 0px 0px no-repeat;background-size:50px;width:20px;height:20px;vertical-align:middle;} .prodCont .userGuide li .date {position:absolute;top:0px;right:5px;color:#333;font-size:13px} .prodCont .faq {position:relative;} .prodCont .faq h3.tit {font-weight:700; font-size:15px; color:#222; margin-bottom:10px;text-align:left;} .prodCont .faq ul.list {border-top:1px solid #333333; border-bottom:1px solid #999999;margin-top:15px} .prodCont .faq ul.list li dl dt {position:relative; color:#222; border-bottom:1px solid #e0e0e0; font-size:12px; cursor:pointer;line-height:140%;} .prodCont .faq ul.list li dl dt a {color:#222 ;} .prodCont .faq ul.list li dl dt ul li{float:left;} .prodCont .faq ul.list li dl dt .ctg {width:28%;min-height:52px;line-height:52px;display:block;border-right:1px solid #e0e0e0;text-align:center;float:left;} .prodCont .faq ul.list li dl dt .title {position:relative;width:62%;display:block;float:left;} .prodCont .faq ul.list li dl dt .title span {display:block;padding:10px 0px 10px 28px} .prodCont .faq ul.list li dl dt .title span img {width:15px;margin-left:5px} .prodCont .faq ul.list li dl dt i {position:absolute;top:10px; left:6px;display:inline-block;margin-right:5px;vertical-align:middle;width:20px;height:20px;background-position:0px -41px} .prodCont .faq ul.list li dl dt em{position:absolute; top:10px; right:5px;width:19px;height:19px;background-size:65px; background-position:0px -72px} .prodCont .faq ul.list li.on dl dt em{position:absolute; top:10px; right:5px; background-position:-46px -72px;} .prodCont .faq ul.list li dl dd {background:#f0f0f0; border-bottom:1px solid #e0e0e0; padding:15px;display:none; } .prodCont .faq ul.list li dl dd .answer {position:relative;font-size:11px; color:#777777; line-height:130%; padding-left:28px} .prodCont .faq ul.list li dl dd .answer .ic_a {position:absolute; top:-1px; left:0px;width:20px;height:20px;background-position:-45px -41px} .prodCont .faq .ic {background:url('/_img/common/ico_customer.png') 0px 0px no-repeat ;background-size:65px; display:inline-block;} .prodCont .faq .paging {margin-top:25px} .prodCont .faq .faqSrch {display:none} .prodCont .faq ul.list li.noResult {padding:20px 0px;text-align:center} /* 2017.04.05 - 제품 상세 다운로드 테이블 추가 */ .downTable {width:100%; border-top: 1px solid #858585;border-bottom: 1px solid #e0e0e0;} .downTable col.chk {width:8%;} .downTable col.cnt1 {width:0%; } .downTable col.cnt2 {width:92%;} .downTable col.cnt3 {width:0%;} .downTable th,.downTable td { padding:11px 5px;} .downTable .tb_cate,.tb_date { display:none;} .downTable thead th { font-size:12px; color:#222; font-weight:normal; border-left:1px solid #e0e0e0;} .downTable tbody td { font-size:12px; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; text-align:center;} .downTable tbody td.tb_tit { text-align:left;} .downTable thead th:first-child { border-left:0px;} .downTable tbody td:first-child { border-left:0px;} .downTable td a { color: #333; white-space: pre-line; word-break: break-all;} .downTable td .chkbox label { cursor:pointer; width: 18px; height: 18px; background: url(/_img/common/bg_checkbox.png) no-repeat 0 -100px; } /* DOWN SELECT 2017.04.05 */ .fileDownload { text-align: center; padding: 11px 30px; font-size: 12px; color: #fff; display: inline-block; background: #f37321; vertical-align:top; margin-left:5px} .downSort { margin-bottom:10px; min-height:34px;text-align:right} .downSort .selectWrap {width:120px;height:32px;line-height:32px;border:1px solid #cccccc;background:#fff url("/_img/common/ico_select_arrow_m.png") no-repeat 93% center;background-size:7px;display:inline-block;} .downSort .selectWrap select {width:100%;height:100%;border:0;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;display:block;background:transparent;vertical-align:top;margin:0;padding:0;padding-left:8px; color:#777777;} .downSort .selectWrap select:focus {outline: none;} .downSort .selCate1 {width:120px; } /* 2017.04.07 통합검색 추가 */ /* 통합검색 - 탭 */ .search_tabmenu { display:inline-block; width:100%; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; margin-bottom:15px;} .search_tabmenu li { float:left; background:#fff; width:33.3%;} .search_tabmenu li a { padding: 10px 0; height: 100%; border:1px solid #d0d0d0; color: #444444; font-size: 10px; display: block; text-align: center; border-top: 0; border-left: 0; } .search_tabmenu li.on a { background: #f37321; color: #fff;} /* 통합검색 - 검색창 */ .searchBox { border: 1px solid #e1e1e1; background: #f0f0f0; padding: 20px 15px; margin-bottom: 15px; } .searchBox input { width: 100%; text-indent: 10px; height: 36px; line-height: 36px; display: block; border: 1px solid #ccc; background: #fff; font-size: 13px; padding-right: 46px; } .searchBox .btnSearch { position: absolute; right: 0; top: 0; width: 34px; height: 36px; background: #756f6d; } .searchBox .txtBox { position:relative;} .searchBox .ic_search { display: inline-block; text-indent: -9999px;} .searchBox .txt { text-align: center; color: #777777; font-size: 11px; margin-top: 15px; } .searchBox .txt .ser_res { color: #f37321;} /* 통합검색 - 리스트 */ .prodCheck input { margin-right:5px; vertical-align:middle;} .searchList { border-top: 2px solid #333333; margin-top:10px; padding: 15px 0px 0px; margin-bottom: 15px;}/*170412 수정*/ .searchList .listTxt { font-size:13px; } .searchList .listTxt span { font-size:12px; color:#f16e14} .searchList .prdListArea { clear:both; margin-top:20px;} .searchList .prdListArea .noDate { border-top:1px solid #d0d0d0; padding:10px 0;} .searchList .prdListArea .noDate span {color:#f16e14} .downWrp { border-top:1px solid #e0e0e0; margin-top:10px; border-bottom:1px solid #333;}/*170412 수정 */ .downWrp .downTable { border-top:0px;} .downWrp .downTable thead th {padding:11px 0;border-left:1px solid #e0e0e0;font-size:14px;color:#222;font-weight:700;} .downWrp .downTable tbody td {padding:11px 0 11px 10px;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;} .downWrp .downTable tbody td .img_product {display:block;width:90px;z-index:1; position:relative; min-height:90px; } .downWrp .downTable tbody td .img_product img {width:100%;} .downWrp .downTable tbody td .info_product {padding-left:100px;margin-top:-90px;text-align:left;} .downWrp .downTable tbody td .mark {display:block;margin-top:5px;text-align:left; position:absolute; top:-10px;} .downWrp .downTable tbody td .mark span {display:inline-block;height:19px;padding:0 10px;line-height:19px;text-align:center;color:#fff;font-size:10px;} .downWrp .downTable tbody td .mark .tag {background:#f37321;} .downWrp .downTable tbody td .mark .opt {background:#756f6d;} .downWrp .downTable tbody td .explain {margin-top:15px;} .downWrp .downTable tbody td .explain dt {color:#202020; font-size:14px; padding-top:20px; position:relative;} .downWrp .downTable tbody td .explain dt a {color:#ee6303;} .downWrp .downTable tbody td .explain dd {margin-top:5px;color:#777;font-size:11px;min-height:20px;} .downWrp .downTable tbody td .download {margin-top:20px;} .downWrp .downTable tbody td .download a {display:inline-block;width:89px;height:29px;line-height:29px;margin-bottom:5px;border:1px solid #ccc;font-size:10px;color:#777;font-weight:700;text-align:center;} .downWrp .downTable tbody td .download a .icon_down {display:inline-block;margin-left:4px;width:10px;height:10px;margin-top:-2px;background:url('/_img/common/icon_dw.png') no-repeat 0 0;background-size:10px;vertical-align:middle;} .downWrp .downTable tbody td.no_search {padding:50px 0;font-size:13px;} .downWrp .downTable tbody td.no_search span {color:#f37321;font-weight:700;} .downWrp .downTable thead th:first-child { border-left:0px;} .downWrp .downTable tbody td:first-child { border-left:0px;} .pdf {position:relative;margin-top:25px;font-size:11px;} .pdf a {color:#777;} .pdf span {color:#f27823;font-weight:700;} .pdf .btn_batch {position:absolute;right:0;top:-10px;width:122px;height:30px;line-height:30px;background:#f37321;color:#fff;font-weight:700;text-align:center;} .pdf .btn_batch .icon_down02 {display:inline-block;width:10px;height:10px;margin:-2px 5px 0 0;background:url('/_img/common/icon_dw02.png') no-repeat 0 0;vertical-align:middle;background-size:10px;} .file_dwn {clear:both;margin-top:15px;} .file_dwn .file_name {position:relative;padding:15px 30px 15px 10px;background:#f5f5f5;} .file_dwn .file_name a {width:100%; color:#777777;float:left;font-size:12px;font-weight:700;} .file_dwn .file_name a.w_ctgy.on {color:#f37321;} .file_dwn .file_name .w_ctgy {display:none;} .file_dwn .file_name .w_ctgy.all {display:block; text-align:center;} .file_dwn .file_name .ico_arw {position:absolute;right:15px;top:17px;width:13px;height:8px;background:url('/_img/common/bg_ir_arrow.png') no-repeat 0 0;background-size:13px;background-position:0 -10px;} .file_dwn .file_name .ico_arw.on {background-position:0 0px;} .file_dwn .flie_list {display:none; padding:10px;border:1px solid #ebebeb;border-top:0;} .file_dwn .flie_list .m_ctgy {display:block;width:100%;height:34px;padding-left:5px;background:#fff url('/_img/common/bg_select_arrow02.png') no-repeat 95% 50%;background-size:10px;border:1px solid #ccc;border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#666;} .file_dwn .flie_list .file_dwn_list {width:100%;margin-top:10px;border-top:1px solid #858585;border-bottom:1px solid #c3c3c3;} .file_dwn .flie_list .file_dwn_list .file_ctgy {width:30%;} .file_dwn .flie_list .file_dwn_list .file_nme {width:70%;} .file_dwn .flie_list .file_dwn_list thead th {padding:9px 0;font-size:11px;color:#444;font-weight:normal; text-align:center;} .file_dwn .flie_list .file_dwn_list tbody th {padding:13px 0;border-top:1px solid #c3c3c3;font-weight:normal;color:#777;text-align:center;} .file_dwn .flie_list .file_dwn_list tbody td {padding:13px 0 13px 10px;border-top:1px solid #c3c3c3;border-left:1px solid #e5e5e5;text-align:left;color:#777;} .file_dwn .flie_list .file_dwn_list tbody td a {color:#777;font-size:11px;} .file_dwn .flie_list .file_dwn_list tbody td .date {display:block;margin-top:7px;color:#999;} .file_dwn .flie_list.active {display:none; } /*170412 상품금액 */ .prdPrice { clear:both; display:block; margin:10px 0 20px; font-size:21px;} .prdPrice span, .prdPrice a { display:inline-block; vertical-align:middle;color:#f37321;} .prdPrice span em { } .prdPrice a.btnBuy { display:inline-block; font-size:16px; background:#fff; color:#f37321; line-height:35px; padding:0 25px; margin-left:10px; border:1px solid #f37321; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } .prodCont .spec .specTit { font-size:14px; color:#fff; background:#989492; line-height:43px; padding:0 20px; text-align:center;} .prdList .prdPrice { margin:0 25px 0; padding-bottom:20px; } .prdList .prdPrice a.btnBuy:hover { background:#f37321; color:#fff; } /* 오프라인 구매처 */ .prodCont .store-wrap {} .prodCont .store-wrap h2 { font-size:20px; margin-bottom:15px; } .prodCont .store-wrap .store-con { border-top: 1px solid #dadada; border-bottom:1px solid #989898; background-color: #f6f6f6; } .prodCont .store-wrap .store-list { overflow:hidden; } .prodCont .store-wrap .store-list li { float: left; width:25%; } .prodCont .store-wrap .store-list li a { display:block; text-align:center; } .prodCont .store-wrap .store-list li img { display:inline-block; height:50px; } /**** 고객지원 ****/ .supportCont {} /* 탭 메뉴 제품리스트 0320 */ .supportCont .prdTab {margin-bottom:15px;} .supportCont .prdTab .tab-list { overflow: hidden; text-align:center; font-size:0; line-height:0;} .supportCont .prdTab .tab-list li { display:inline-block; width:33.3333% } .supportCont .prdTab .tab-list.total3 { width:33.3333%} .supportCont .prdTab .tab-list.total4 { width:25%} .supportCont .prdTab .tab-list.total5 { width:20%} .supportCont .prdTab .tab-list li a { position:relative; display:block; margin:0 2px 10px; } .supportCont .prdTab .tab-list li span { display:block; text-align:center; width:100%; } .supportCont .prdTab .tab-list li span.bg { background-color: #f2f2f2; border:1px solid #f2f2f2; height:50px; } .supportCont .prdTab .tab-list li span.bg img { display:none; width:100%; } .supportCont .prdTab .tab-list li span.txt { position:absolute; top:25px; text-align:center; color:#777777; font-size:15px; font-weight:300; } .supportCont .prdTab .tab-list li.on span.bg, .supportCont .prdTab .tab-list li a:hover span.bg { background-color: #ffffff; border:1px solid #fbb584; } .supportCont .prdTab .tab-list li.on span.txt, .supportCont .prdTab .tab-list li a:hover span.txt { color:#f37321; } .supportCont .prdTab .tab-list li.on a::after { content: "";position: absolute;width: 10px;height: 6px;bottom: -5px;left: 50%;margin-left: -5px; background: #fff url(/_img/support/kv_tab_pointer.png)0 0 no-repeat; background-size:10px 6px; /* border-top: 10px solid #fbb584; border-left: 10px solid transparent; border-right: 10px solid transparent; */ z-index: 10; } /* //탭 메뉴 제품리스트 0320 */ .supportCont h3.tit {font-weight:700; font-size:15px; color:#222; margin-bottom:10px;text-align:left;} /* .supportCont .prdList {position:relative;height:80px;border-top:2px solid #333333;z-index:1; border-bottom: solid 1px #63605c;} .supportCont .prdList .prdViewport {width:234px;height:82px;margin:-2px auto;overflow:hidden;border-left:solid 1px #e3e3e3;} .supportCont .prdList ul {display:inline-block} .supportCont .prdList ul li {position:relative;float:left;text-align:center; width:78px;height:80px;padding:0px;background:#fff;border-top:2px solid #333333;color:#777777;z-index:10} .supportCont .prdList ul li:first-child a.image {} .supportCont .prdList ul li a.image {position:relative;display:block; margin:0 auto; height:80px;border-right:solid 1px #e3e3e3;} .supportCont .prdList ul li a.image img {height:45px;margin-top:7px} .supportCont .prdList ul li a.image span.txt{position:absolute;bottom:6px;left:0;width:100%;text-align:center;z-index:2;font-size:11px;color:#777777;} .supportCont .prdList ul li.on {background-color:#f8f8f8;border-top:solid 2px #f37321;color:#222} .supportCont .prdList ul li.on a.image span.txt {color:#222} .supportCont .prdList a.bxControl {position:absolute;top:25px;display:block;background:url('/_img/common/ico_arrow_pg.png') center top no-repeat;background-size:24px ;width:17px;height:27px;font-size:0;text-indent:-9999px} .supportCont .prdList a.bxControl.prev {left:3px} .supportCont .prdList a.bxControl.next {right:3px;background-position:center -47px} */ .supportTab{margin:0px 0px 20px} .supportTab .catg-list { position:relative; display:inline-block; width:100%; clear:both;background:#f0f0f0 } .supportTab .catg-list:before {content:'';width:100%;height:1px;bottom:0;left:0;position:absolute;background:#252525;} .supportTab .catg-list li {float:left; font-size:12px; line-height:35px; background:#f0f0f0;text-align:center; font-weight:400;} .supportTab .catg-list li h2 {line-height:35px; font-size:12px;font-weight:400} .supportTab .catg-list li a{color:#777; display:block; border-bottom:1px solid #252525;font-size:12px;line-height:35px;font-weight:400; border-left:1px solid #c4c4c4;} .supportTab .catg-list li:first-child a {border-left:none;} .supportTab .catg-list li.on {background:#fff;color:#464646; position:relative; z-index:1;} .supportTab .catg-list li.on a{color:#464646; border:1px solid #252525; border-bottom:0;} .supportBtn {display:block;text-align:right;margin-bottom:10px} .supportBtn a {display:inline-block;color:#FFF;width:130px;height:33px;line-height:33px;font-size:12px;text-align:center;padding-right:10px;border:solid 1px #dc6a21;background:#f37226 url('/_img/common/ico_customer.png') 90% -125px no-repeat;background-size:55px;} .supportBtn a:first-child{margin-right:3px} /* 탭리스트 */ .supportCont .prodList {position:relative; height:78px; border:0px; border-bottom:2px solid #eaeaea;} .supportCont .prodList .prdViewport02 { width:264px; height:80px; margin:0 auto -2px; overflow:hidden; } .supportCont .prdViewport02 ul {display:inline-block} .supportCont .prdViewport02 ul li {position:relative;float:left;text-align:center; width:88px ;height:78px; padding:0px; background:#fff;border:0px; border-bottom:2px solid #eaeaea;color:#777777;z-index:10} .supportCont .prdViewport02 ul li:first-child a.image {} .supportCont .prdViewport02 ul li a.image {position:relative;display:block; margin:0 auto; height:78px; border:0px;} .supportCont .prdViewport02 ul li a.image img { height:45px;margin-top:7px} .supportCont .prdViewport02 ul li a.image span.txt{position:absolute;bottom:6px;left:0;width:100%;text-align:center;z-index:2;font-size:11px;color:#777777;} .supportCont .prdViewport02 ul li.on { background-color:#fff; border:0px; border-bottom:solid 2px #f47422; color:#222} .supportCont .prdViewport02 ul li.on a.image span.txt {color:#222} .supportCont .prdViewport02 a.bxControl {position:absolute;top:25px;display:block;background:url('/_img/common/ico_arrow_pg.png') center top no-repeat;background-size:24px;width:17px;height:27px;font-size:0;text-indent:-9999px;z-index:100} .supportCont .prdViewport02 a.bxControl.prev {left:10px} .supportCont .prdViewport02 a.bxControl.next {right:10px; background-position:center -47px} .supportCont .prdDetail {position:relative;border:1px solid #dfdfdf;margin-bottom:25px} .supportCont .prdDetail .tag {height:18px} .supportCont .prdDetail .tag .new {display:inline-block; padding:0px 8px;height:18px;line-height:18px; margin-right:-3px;background:#f37321;color:#fff; font-size:10px} .supportCont .prdDetail .title {padding:13px 15px 13px;border-bottom:solid 1px #dfdfdf;margin-bottom:15px} .supportCont .prdDetail .title .tit {font-weight:700; font-size:20px; color:#222; margin-top:10px;text-align:left;} .supportCont .prdDetail .title .txt {font-size:12px; color:#202020; margin-top:7px;} .supportCont .prdDetail .imgView {display:block; height:130px;text-align:center} .supportCont .prdDetail .imgView img {height:100%;} .supportCont .prdDetail .prdDesc {padding:15px} .supportCont .prdDetail .prdDesc ul {margin:0px 0px 15px;} .supportCont .prdDetail .prdDesc ul li {font-size:12px;color:#777777; line-height:140%;padding-left:7px; position:relative;} .supportCont .prdDetail .prdDesc ul li:after {content:''; position:absolute; top:8px; left:0px; width:2px; height:2px; background:#777;} .supportCont .prdDetail .prdDesc .btnDetail {display:block;background:#636363;height:45px;line-height:45px;color:#FFF;font-size:14px;text-align:center} .supportCont .prdDetail .prdDesc .btnDetail span {background:url('/_img/common/ico_customer.png') right -95px no-repeat;background-size:50px;padding:0px 13px 0 0;line-height:100%; } .supportCont .userGuide {margin-bottom:40px;margin-top:40px;} .supportCont .userGuide ul {border-top:1px solid #333333; border-bottom:1px solid #999999;} .supportCont .userGuide ul li {position:relative;border-bottom:solid 1px #e2e2e2;line-height:120%;} .supportCont .userGuide ul li a {display:block;padding:12px 0px 12px 20px;color:#777777;font-size:13px;} .supportCont .userGuide ul li .ic_down {position:absolute;top:10px;left:0px;display:inline-block;background:url('/_img/common/ico_customer.png') 0px 1px no-repeat;background-size:50px;width:20px;height:20px;vertical-align:middle;} .supportCont .userGuide ul li .date {display:none;position:absolute;top:0px;right:5px;color:#333;font-size:12px} .supportCont .userGuide ul li.noResult {padding:20px 0px;text-align:center} .supportCont .faq {position:relative;margin-top:40px;margin-bottom:30px} .supportCont .faq ul.list {border-top:1px solid #333333; border-bottom:1px solid #999999;margin-top:15px} .supportCont .faq ul.list li dl dt {position:relative; color:#222; border-bottom:1px solid #e0e0e0; font-size:12px; cursor:pointer;line-height:140%;} .supportCont .faq ul.list li dl dt a {color:#222} .supportCont .faq ul.list li dl dt ul li{float:left;} .supportCont .faq ul.list li dl dt .ctg {width:28%;line-height:120%;display:block;border-right:1px solid #e0e0e0;text-align:center;float:left;padding:10px 0px } .supportCont .faq ul.list li dl dt .title {position:relative;width:62%;display:block;float:left;} .supportCont .faq ul.list li dl dt .title span {display:block;padding:10px 0px 10px 28px} .supportCont .faq ul.list li dl dt .title span img {width:15px;margin-left:5px} .supportCont .faq ul.list li dl dt i {position:absolute;top:10px; left:6px;display:inline-block;margin-right:5px;vertical-align:middle;width:20px;height:20px;background-position:0px -41px} .supportCont .faq ul.list li dl dt em{position:absolute; top:10px; right:5px;width:19px;height:19px;background-size:65px; background-position:0px -72px} .supportCont .faq ul.list li.on dl dt em{position:absolute; top:10px; right:5px; background-position:-46px -72px;} .supportCont .faq ul.list li dl dd {background:#f0f0f0; border-bottom:1px solid #e0e0e0; padding:15px;display:none; } .supportCont .faq ul.list li dl dd .answer {position:relative;font-size:11px; color:#777777; line-height:130%; padding-left:28px} .supportCont .faq ul.list li dl dd .answer .ic_a {position:absolute; top:-1px; left:0px;width:20px;height:20px;background-position:-45px -41px} .supportCont .faq ul.list li.noResult {padding:20px 0px;text-align:center} .supportCont .faq .ic {background:url('/_img/common/ico_customer.png') 0px 0px no-repeat ;background-size:65px; display:inline-block;} .supportCont .faq .paging {margin-top:25px} .supportCont .faq .faqSrch {position:absolute;top:-10px;right:0px;width:160px;margin-bottom:15px;} .supportCont .faq .faqSrch .txtBox {position:relative;} .supportCont .faq .faqSrch input {height:34px;line-height:34px; padding: 0 45px 0 10px; width:100%; border:1px solid #cccccc;-webkit-border-radius:0; -webkit-appearance:none} .supportCont .faq .faqSrch .btnSearch {position:absolute;right:1px;top:1px;width:32px;height:32px;background:#756f6d;padding:6px 9px; } .supportCont .faq .faqSrch .btnSearch .ic_search {display:inline-block;text-indent:-9999px;} /*파일첨부*/ .faq ul.list li dl dd .addFiles {display:block;position:relative;} .faq ul.list li dl dd .addFiles ul {margin-top:30px} .faq ul.list li dl dd .addFiles li {position:relative;padding-left:8px;padding-bottom:5px;font-size:11px; color:#777777; line-height:130%;} .faq ul.list li dl dd .addFiles li:before {content:""; position:absolute;top:2px;left:0px;width:8px;height:10px;background:url(/_img/common/icon_arrow.png) no-repeat 0px center;background-size: 5px;} .faq ul.list li dl dd .addFiles li a {color:#222} .appBox {position:relative;width:100%; margin:0 auto;display:inline-block !important} .appDown {border:solid 1px #d7d7d7;padding:15px 0px;margin-bottom:30px} .appDown ul {display:inline-block;width:100%} .appDown ul li {float:left;width:49%;height:100px;border-left:solid 1px #e7e5e5;text-align:center} /*.appDown ul li:first-child {border-left:none;display:none;}*/ .appDown ul li.first {border-left:none;} .appDown ul li a {display:block;background:url('/_img/common/ico_os_down.png') center 20px no-repeat;background-size:62px;text-align:center} .appDown ul li span {display:block;color:#222;font-size:14px;margin:0px auto;padding-top:75px} .appDown ul li .plugin {} .appDown ul li .android {background-position:50% -90px;border-left:none} .appDown ul li .ios {background-position:center -192px;} .qrCode {display:none} .smtCam-info {display:block;width:100%;height:145px;background:url('/_img/common/bg_smtCam_info.jpg') center top no-repeat;background-size:cover;} .smtCam-info dl {display:inline-block;margin:25px} .smtCam-info dt {color:#FFF;font-size:18px;font-weight:600;margin-bottom:10px;/*text-transform: uppercase*/} /*170524 수정*/ .smtCam-info dt h2 {font-size:18px;font-weight:600;} .smtCam-info dd {color:#FFF;font-size:12px;font-weight:400;line-height:140%;} .smtCam-info dd.detail {padding-top:25px} .smtCam-info dd.detail a {color:#FFF;padding-right:12px;background:url('/_img/common/ico_customer.png') right -119px no-repeat;background-size:50px;} /*Archive */ .prdList.archive {position:relative;height:auto;border:0px;border-bottom:none} .prdList.archive > ul > li {padding-bottom:0px} .prdList.archive ul li .contCell .tit {font-weight:500} .prdList.archive ul li .contCell .txt {font-size:14px} /*CS 팝업*/ .layer_mask2 {background-color: rgba(0,0,0,0.70); position:fixed; z-index:199; top:0; left:0; right:0; bottom:0; overflow:hidden; display:none;} .layer_mask2.on {display:block;} .Cs_layer .layer_cont {height:365px;padding-right:5px} .Cs_layer .layer_cont .info {display:block;background:#f7f7f7;padding:10px 15px;margin:10px 0px} .Cs_layer .layer_cont .info li{position:relative;display:block;font-size:13px;font-weight:500;color:#333333;padding-left:7px} .Cs_layer .layer_cont .info li strong {color:#f27322;font-weight:400} .Cs_layer .layer_cont .info li span {display:block;padding-left:50px} .Cs_layer .layer_cont .info li:after {content:""; background:#f27322; width:3px;height:3px;position:absolute; top:9px; left:0px;} .Cs_layer .layer_cont .info small {display:block;font-size:11px;color:#777777;padding:7px 0px 0px 8px;} .Cs_layer .layer_cont .info .desc {position:relative;padding-left:8px;margin-top:10px} .Cs_layer .layer_cont .info .desc:after {content:"*"; position:absolute; top:3px; left:-1px;} .Cs_layer .layer_cont .info .desc span {color:#f27322} .Cs_layer .layer_cont .list {margin:10px 0px 0px} .Cs_layer .layer_cont .list li{position:relative;display:block;font-size:12px;color:#777;padding-left:7px;} .Cs_layer .layer_cont .list li a {color:#f27322;font-size:11px; word-break: break-all;} .Cs_layer .layer_cont .list li:after {content:""; background:#666; width:2px;height:2px;position:absolute; top:8px; left:0px;} .Cs_layer .layer_cont h2.tit {position:relative;display:block;font-size:13px;font-weight:500;color:#222222;padding-left:7px;margin:15px 0px 5px} .Cs_layer .layer_cont h2.tit:after {content:""; background:#f27322; width:3px;height:3px;position:absolute; top:8px; left:0px;} .Cs_layer .layer_cont h2.tit span {display:block;color:#999999;font-weight:400} .Cs_layer .layer_cont input[type="text"].inp {background:#fff; border:1px solid #dedcd7; color:#777; text-indent:10px; height:30px; width:100%;} .Cs_layer .layer_cont select {width:100%;height:30px;border:1px solid #dedcd7;} /*.Cs_layer .layer_cont strong {width:100%;height:30px;border:1px solid #dedcd7;}*/ .Cs_layer .layer_cont strong {width:100%;height:30px;} .Cs_layer .layer_cont textarea {width:100%;height:80px;border:1px solid #dedcd7;} .Cs_layer .layer_cont table {width:100%;border-bottom:1px solid #2e2a25;border-top:2px solid #2e2a25;} .Cs_layer .layer_cont table .th {width:20%} .Cs_layer .layer_cont table tbody tr th {padding:8px 6px;height:30px;background:#f5f5f5;font-weight:700;font-size:11px;color:#333; line-height:120%; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; text-align:left; border-left: none;} .Cs_layer .layer_cont table tbody tr:first-child th, .vTable tbody tr:first-child td {border-top:none;} .Cs_layer .layer_cont table tbody tr td {padding:5px 10px;border-top:1px solid #e0e0e0;text-align:left;} .Cs_layer .layer_cont .br-sm {display:block} .Cs_layer .layer_cont .btnWrap {margin:15px 0px 10px} .Cs_layer .layer_cont a.btnSubmit {text-align:center; padding:10px 0; font-size:15px; color:#fff;display:block; background:#464646;margin-bottom:5px } .Cs_layer .layer_cont a.btnCancel {text-align:center; padding:10px 0; font-size:15px; color:#464646;display:block; background:#d9d9d9; margin-bottom:5px} @media(min-width:375px){ .prodCont .prdDetail .prd_imgs .bx-controls {display:block} .prodCont .prdDetail .prd_imgs .bx-controls a {display:block; position:absolute;bottom:15px;background:url('/_img/common/ico_arrow_pg.png')0 0 no-repeat;background-size:20px;width:13px; height:20px;font-size:0;text-indent:-9999px} .prodCont .prdDetail .prd_imgs .bx-controls .bx-prev {left:-30px;background-position:center -86px;} .prodCont .prdDetail .prd_imgs .bx-controls .bx-next{right:-30px;background-position:center -120px;} .prodCont .prdDetail .prd_imgs .bx-controls .bx-prev.disabled, .prodCont .prdDetail .prd_imgs .bx-controls .bx-next.disabled {display:none} .supportCont .userGuide ul li a {padding:12px 70px 12px 20px} .supportCont .userGuide ul li .date {display:block;top:10px} .downSort {display:block;position:absolute;top:65px;right:0px;} } @media(min-width:420px){ /*.prodCont .prodTab ul li:first-child a , .prodCont .prodTab ul li:nth-child(2) a {padding:0px;line-height: 35px;}*/ } @media(min-width:768px){ /**** 텝 키비주얼 0317 추가 ****/ .tab-visual .visual-list li .bg img { margin-right:0px; } /**** //텝 키비주얼 0317 추가 ****/ #prodVis {/*height:550px;*/} #prodVis .slideWrap {width:100%;} #prodVis .slideWrap ul {width:100%;position: relative;} #prodVis .slideWrap ul li {width:100%;} #prodVis .slideWrap ul li img.w1024 {display:block} #prodVis .slideWrap ul li img.mb {display:none} /* Christmas Vis */ #prodVis .slideWrap .slideList > li img.vis_w {display:block;} #prodVis .slideWrap .slideList > li img.vis_m {display:none;} #prodVis .slideWrap .christmasList > li .wTxt {position:absolute;left:5%;top:25%;} #prodVis .slideWrap .christmasList > li .wTxt .tit {display:block;color:#5f0000;} #prodVis .slideWrap .christmasList > li img.vis_m {display:none;} #prodVis .slideWrap .christmasList > li img.vis_w {display:block;margin-right:-150px} .prdList ul li .contCell .imgContainer {float:left;width:250px;display:block; margin-bottom:5px; margin-top:15px; text-align:center;} .prdList ul li .contCell .imgContainer img {width:90%;} .prdList ul li .contCell .desc {float:left;width:400px;padding-top:30px} .prdList ul li .contCell .tit {display:block; text-align:left; font-size:28px; color:#202020; margin-bottom:10px;} .prdList ul li .contCell .txt {display:block; text-align:left;font-size:14px; color:#777777;line-height:140%} .prodCont .prdDetail .prd_imgs .viewer .number {font-size:16px; top:45px;margin-left:-85px;} .prodCont .prdDetail .prd_imgs .viewer .link a {font-size:14px;} .prodCont .prdDetail .prd_imgs .bx-viewport {top:0px;padding:0;border:0;background:none; } .prodCont .prdDetail .prd_imgs .bx-controls {display:block} .prodCont .prdDetail .prd_imgs .bx-controls a {display:block; position:absolute;bottom:15px;background:url('/_img/common/ico_arrow_pg.png')0 0 no-repeat;background-size:20px;width:13px; height:20px;font-size:0;text-indent:-9999px} .prodCont .prdDetail .prd_imgs .bx-controls .bx-prev {left:-30px;background-position:center -86px;} .prodCont .prdDetail .prd_imgs .bx-controls .bx-next{right:-30px;background-position:center -120px;} .prodCont .prdDetail .prd_imgs .viewer .link {position:absolute; left:0px; bottom:40px; padding-right:140px; width:100%; box-sizing:border-box; } .mov_layer {width:560px;height:310px;margin:-200px 0 0 -280px;} .mov_layer .btn_close {} .mov_layer .v_frame {width:100%;height:100%;margin:0px auto 0px;} .prdShop > .btnBuy {margin:20px 0px 0px} .prdDetail .prdShop > .btnBuy {margin:20px auto 0px} .supportCont .prdTab .tab-list li span.bg { height:100px; } .supportCont .prdTab .tab-list li span.bg img { display:inline-block; width:auto; height:100px } .supportCont .prdTab .tab-list li span.txt { font-size:15px; font-weight:500; } .supportCont .userGuide ul li {padding:0px 0px 0px 30px} .supportCont .userGuide ul li a {height:40px;line-height:40px;padding:0px} .supportCont .userGuide ul li .date {font-size:13px;} .supportCont .faq ul.list li dl dt .ctg {min-height:36px;line-height:36px;padding:0px } .supportCont .userGuide ul li .ic_down {left:8px} /* 다운로드 테이블 2017.04.05 */ .downTable col.chk {width:6%;} .downTable col.cnt1 {width:17%;} .downTable col.cnt2 {width:64%;} .downTable col.cnt3 {width:13%;} .downTable th,.downTable td { padding:10px 10px;} .downTable .tb_cate,.downTable .tb_date { display:table-cell;} .downTable thead th { font-size:12px; color:#222; font-weight:normal;border-left:1px solid #e0e0e0;} .downTable tbody td { font-size:12px; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; text-align:center;} .downTable thead th:first-child { border-left:0px;} .downWrp .downTable tbody td {padding:10px 5px 10px 5px;} .downWrp .downTable tbody td .img_product {width:130px;margin-top:0;float:left;margin-bottom:10px;} .downWrp .downTable tbody td .info_product {position:relative;width:auto; padding-left:150px;margin-top:15px;} .downWrp .downTable tbody td .mark {display:inline-block; margin-left:5px; position:relative;top:0;} .downWrp .downTable tbody td .mark span {height:22px;line-height:22px;padding:0 18px;font-size:12px;} .downWrp .downTable tbody td .explain {margin-top:0px; padding:27px 0;} .downWrp .downTable tbody td .explain dt {font-size:16px; padding-top:0;} .downWrp .downTable tbody td .explain dd {font-size:13px;} /*170412 상품가격*/ .prdList .prdPrice { margin:0px 25px 0 275px; } .prdList.archive > ul {border:none;border-bottom:none;border-right:none} .prdList.archive > ul > li {float:left;width:30%;min-height:280px;margin-left:2.5%;margin-bottom:16px;position:relative;border-top:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf} .prdList.archive > ul > li:first-child {border-top:solid 1px #dfdfdf;border-bottom:1px solid #dfdfdf;} .prdList.archive > ul > li > a {display:block; padding:10px 0px 10px;overflow:hidden;} .prdList.archive ul li .contCell {display:block; margin:0 10px; min-height:280px;} .prdList.archive ul li .contCell .imgContainer {width:100%;display:block; margin-bottom:0px; margin-top:0px; text-align:center;} .prdList.archive ul li .contCell .desc {width:100%;padding-top:20px;text-align:center} .prdList.archive ul li .contCell .tit {font-size:20px;min-height:20px;text-align:center;} .prdList.archive ul li .contCell .txt {display:block; text-align:center;} /*CS 팝업*/ .Cs_layer {width:470px;height:560px;margin:0px 0px 0px -250px;top:50px;padding:0px 15px;background-size:600px;} .Cs_layer .layer_cont {height:475px;padding-right:20px} .Cs_layer .layer_cont .info li span {display:inline;padding-left:0px} .Cs_layer .layer_cont h2.tit span {display:inline;} .Cs_layer .layer_cont .br-sm {display:inline} } @media(min-width:1024px){ .prodCont .cont_box {max-width:1300px;padding: 50px 30px;margin:0px auto;overflow:hidden;} /**** 텝 키비주얼 0317 추가 ****/ /* 탭메뉴 */ .kv-tab li {position:relative;float:left;width:100%; height: 69px;} .kv-tab li:first-child::before {display:none;} .kv-tab li a { margin-left:-1px; border-left:1px solid #7b7b7b; border-right:1px solid #7b7b7b; } .kv-tab li a {position:relative;display:block;height:64px; text-align: center; line-height:64px;color:#afafaf;font-size:19px;font-weight: 300; background: #5a5a5a; } .kv-tab li .line { display:block; width:100%; left:0; bottom: 0;height:5px; margin-left:-1px; background:#f47621;} /* 비주얼 */ .tab-visual { width:100%; margin-bottom:40px; z-index: 1; } .tab-visual .visual-list li { position: relative; } .tab-visual .visual-list li .bg img { width:100%; height:auto; } .tab-visual .visual-list li .desc { position:absolute; top:70px; left:70px; } .tab-visual .visual-list li .desc h3 { margin-bottom:15px; font-size:50px; color:#f57325; font-weight: 500; } .tab-visual .visual-list li .desc p { margin-bottom:30px; font-size:25px; color:#444444; } .tab-visual .visual-list li .desc .item-list li {margin-bottom:10px; font-size:17px; color:#777777; line-height:1; } /**** //텝 키비주얼 0317 추가 ****/ /**** SMART 제품 ****/ .prodCont {} #prodVis {width:100%;} #prodVis .slideWrap { max-width:1300px; padding:0 0px; margin:0 auto; box-sizing: border-box; } #prodVis .slideWrap ul {width:100%;position: relative;} #prodVis .slideWrap .slideList > li {width:100%;position: relative;background-size:cover} #prodVis .slideWrap ul > li.vis01 {background:#f6f6f6;} #prodVis .slideWrap .slideList > li .inner {height:100%;padding:0 30px;} #prodVis .slideWrap .slideList > li .inner img.vis_m {display:none;} #prodVis .slideWrap .slideList > li .inner img.vis_w {display:block;} #prodVis .slideWrap .wTxt .tit {font-size:58px;} #prodVis .slideWrap .slideList > li .wTxt .txt {font-size:24px;margin-top:20px;} #prodVis .slideWrap .slideList > li .wTxt .prdt_feature {margin-top:20px;} #prodVis .slideWrap .slideList > li .wTxt .prdt_feature li {height:auto;font-size:16px;} #prodVis .slideWrap .slideList > li .wTxt {left:0;top:18.37%;} #prodVis .slideWrap ul li .wTxt .linkBtn {display:inline-block;background:#756f6d;color:#FFF;font-size:18px;height:56px;line-height:56px;padding:0px 30px;margin-top:30px} #prodVis .slideWrap .bx-controls { position:absolute; bottom:30px; left:0; right:0; text-align: center; line-height: 17px; height: 17px;z-index:99;} #prodVis .slideWrap .bx-controls .bx-controls-auto, #prodVis .slideWrap .bx-controls .bx-pager-item {display:inline;} #prodVis .slideWrap .bx-controls .bx-pager .bx-pager-item a {width:15px;height:15px;margin-left:8px;vertical-align:top;background:url("/_img/common/topSlider.png") no-repeat;background-size:30px;display:inline-block;text-indent:-9999px;background-position:-15px 0;} #prodVis .slideWrap .bx-controls .bx-pager .bx-pager-item a.active {background-position:0 0;} #prodVis .slideWrap .bx-controls-direction {display:none} /*Christmas Vis */ #prodVis .slideWrap .christmasList > li {width:100%;height:430px;padding:0px 0px;position: relative;background-size:cover} #prodVis .slideWrap .christmasList > li .inner {max-width:960px;height:100%;padding:0px 0px;} #prodVis .slideWrap .christmasList > li img. {display:none;} #prodVis .slideWrap .christmasList > li img.vis_w {display:block;margin-right:-250px} #prodVis .slideWrap .christmasList > li img {height:430px;} #prodVis .slideWrap .christmasList > li .wTxt {left:0;top:22%;} #prodVis .slideWrap .christmasList > li .wTxt .tit {color:#5f0000;font-size:48px;letter-spacing:-0.03em} #prodVis .slideWrap .christmasList > li .wTxt .txt {font-size:16px;line-height:140%;margin-top:20px;color:#efd4b0;} .prdList-top .searchRes {float:left; line-height:47px; margin-left:10px;font-size:14px;} .prdList-top .searchRes .web {display:inline-block;} .prdList-top .searchArea {position:absolute;top:0px;right:0px;width:300px;margin-bottom:25px;} .prdList-top .searchArea .txtBox {position:relative;} .prdList-top .searchArea input {height:47px;line-height:47px; padding: 0 45px 0 20px; font-size:14px} .prdList-top .searchArea .btnSearch {width:45px;height:45px;padding:6px 9px;} .prdList-top .searchArea .btnSearch .ic_search {display:inline-block;text-indent:-9999px;} .prdList-top .sortBox {margin-bottom:25px;} .prdList-top .sortBox .sortArea {float:left; margin-right:4px;} .prdList-top .sortBox .hits {font-size:14px; display:inline-block; margin-top:10px; margin-left:5px; } .prdList-top .sortBox .selectWrap {width:120px;height:47px;line-height:47px;background:#fff url("/_img/common/ico_select_arrow_m.png") no-repeat 93% center;background-size:10px 7px;display:inline-block;} .prdList-top .sortBox .selectWrap select {padding-left:10px; font-size:14px} .prdList-top .sortBox .selectWrap select:focus {outline: none;} .prdList-top .sortBox .selCate1 {width:170px; } .prdList-top .sortBox .selCate2 {width:170px; } /* 제품 Filter */ .prdt-filter-grid {position:absolute;float:left;width:20%;} .prdt-filter-grid.scroll {} .filter-sort-wrap {display:none} .filter-fix-wrap {display:block} .prdt-filter-grid.scroll .filter-fix-wrap {/*position:fixed;top:20px;*/width:20%;overflow-y:auto} .filter-sortList .filter-title {display:block;position:relative;height:56px;line-height:56px;padding-left:10px;border-top:solid 1px #ccc} .filter-sortList:first-child .filter-title{border-top:solid 1px #ccc} .filter-sortList .filter-title .more {height:56px;background:url('/_img/common/bg_filter.gif') center 22px no-repeat;} .filter-sortList.active .filter-title .more {background-position:center -18px} .filter-sort-item li {padding: 9px 0px 9px 0px} .prod-list .prdList {margin-left:23.7%;min-height:800px;overflow-x:hidden} .prdList > ul {margin-left:-1.7%;border:none;border-bottom:none;border-right:none} .prdList > ul > li {float:left;width:48%;min-height:420px;margin-left:1.7%;margin-bottom:16px;position:relative;border-top:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf} .prdList > ul > li:first-child {border-top:solid 1px #dfdfdf;border-bottom:1px solid #dfdfdf;} .prdList > ul > li > a {display:block; padding:10px 0px 10px;overflow:hidden;} .prdList ul li .contCell {display:block; margin:0 30px; min-height:280px;} .prdList ul li .contCell .tagContainer {display:block; text-align:center;position:absolute;top:0;left:0px} .prdList ul li .contCell .tagContainer .tag {display:inline-block; padding:0px 15px;height:22px;line-height:22px; margin-right:-3px;font-size:12px} .prdList ul li .contCell .tagContainer .tag.new {background:#f37321;color:#fff; } .prdList ul li .contCell .imgContainer {float:none;width:100%;display:block; margin-bottom:0px; margin-top:0px; text-align:center;} .prdList ul li .contCell .imgContainer img {width:175px;height:175px} .prdList ul li .contCell .desc {float:none;width:100%;text-align:center;padding-top:20px;} .prdList ul li .contCell .tit {display:block;min-height:24px; text-align:center; font-size:24px;font-weight:400; color:#202020; margin-bottom:8px;letter-spacing:-0.03em} .prdList ul li .contCell .txt {text-align:center;font-size:16px;} .prdList .desc .detail_list {margin:15px 0px 0px;font-size:14px;color:#777777; text-align:left;line-height:150%;min-height:120px;overflow:hidden; word-wrap:break-word;} .prdShop > .btnBuy {font-size: 14px;height: 40px;margin:20px auto 0px} .prodCont .prdDetail .prdShop > .btnBuy {width:168px;margin:20px 0px 0px} .prdList ul li .desc ul {margin:15px 0px 0px;} .prdList ul li .desc ul li {font-size:14px;color:#777777; line-height:160%;padding-left:7px; position:relative;} .prdList ul li .desc ul li:after {content:''; position:absolute; top:10px; left:0px; width:3px; height:3px; background:#777;} .prdList .btnWrap {text-align:center;margin:35px 0px } .prdList .btnWrap a.btnMore {margin:0px auto;text-align:center;/*width:400px;*/height:60px;line-height:60px; font-size:16px; color:#000;display:block; background:#f0f0f0; } .prdList .btnWrap a.btnMore span.arrow {display:inline-block;vertical-align:middle;background:url('/_img/common/ico_customer.png') no-repeat ;width:20px;height:18px;background-size:87px; background-position:-66px -136px} .prdList .noMoreList, .prdListArea .noMoreList {margin:0px auto;padding:0px 0px;font-size:16px;height: 60px;line-height: 60px;} .prdList .noMoreList a.linkMore, .prdListArea .noMoreList a.linkMore{display:inline-block;font-size:16px;padding-top:0px;padding-left:5px} .prdUseFor {display:inline-block;width:100%} .prdUseFor li {float:left;width:25%;height:250px;padding-top:40px;text-align:center} .prdUseFor li dt {height:125px;font-size:19px;color:#e5e5e5} .prdUseFor li dd {color:#e5e5e5;font-size:14px;line-height:140%} .prdUseFor li dd.more {padding-top:30px} .prdUseFor li dd.more p {display:block;background:url('/_img/prdt/obj_usefor_w.png') center top no-repeat;background-size:100px;height:20px;background-position:center -940px;} .prdUseFor li dd.more span {font-size:0;text-indent:-9999px} .prdUseFor li.home {background:url('/_img/prdt/bg_usefor01_m.jpg') center top no-repeat;background-size:cover;} .prdUseFor li.home dt {background:url('/_img/prdt/obj_usefor_w.png') center top no-repeat;background-size:100px;background-position:center 0px;} .prdUseFor li.baby {background:url('/_img/prdt/bg_usefor02_m.jpg') center top no-repeat;background-size:cover;} .prdUseFor li.baby dt {background:url('/_img/prdt/obj_usefor_w.png') center top no-repeat;background-size:100px;background-position:center -230px;} .prdUseFor li.pet {background:url('/_img/prdt/bg_usefor03_m.jpg') center top no-repeat;background-size:cover;} .prdUseFor li.pet dt {background:url('/_img/prdt/obj_usefor_w.png') center top no-repeat;background-size:100px;background-position:center -442px;} .prdUseFor li.security {background:url('/_img/prdt/bg_usefor04_m.jpg') center top no-repeat;background-size:cover;} .prdUseFor li.security dt {background:url('/_img/prdt/obj_usefor_w.png') center top no-repeat;background-size:100px;background-position:center -680px;} .prodCont .prdDetail {position:relative;min-height:465px;margin-bottom:70px} .prodCont .prdDetail .tag {height:20px} .prodCont .prdDetail .tag .new {padding:0px 15px;height:20px;line-height:20px; margin-right:-3px;font-size:12px} .prodCont .prdDetail .title {float:right;width:40%;padding:0px 0px 0px 0px;border-top:none} .prodCont .prdDetail .title .tit {font-size:30px; margin-top:10px;} .prodCont .prdDetail .title .txt {font-size:24px; margin-top:10px;letter-spacing:-1px;} .prodCont .prdDetail .title .detail_list {margin:15px 0px 0px;font-size:14px;color:#777777; text-align:left;line-height:150%; word-wrap:break-word;} .prodCont .prdDetail .prdDesc {margin:20px 0px 0px;} .prodCont .prdDetail .prdDesc li {font-size:14px;color:#777777; line-height:160%;padding-left:7px; position:relative;} .prodCont .prdDetail .prdDesc li:after {content:''; position:absolute; top:10px; left:0px; width:2px; height:2px; background:#777;} .prodCont .prdDetail .prdDesc .btnDetail {display:block;background:#636363;height:45px;line-height:45px;color:#FFF;font-size:14px;text-align:center} .prodCont .prdDetail .prdDesc .btnDetail span {background:url('/_img/common/ico_customer.png') right -95px no-repeat;background-size:50px;width:20px;padding:0px 13px;line-height:100%; } .prodCont .prdDetail .osApp {margin-top:20px} .prodCont .prdDetail .osApp a {width:68px;height:68px;margin-right:10px} .prodCont .prdDetail .osApp a.android {background-position:0px -207px} .prodCont .prdDetail .osApp a.ios {background-position:-80px -207px} .prodCont .prdDetail .osApp a.webViewer {background-position:-160px -207px} .prodCont .prdDetail .osApp a.cloud {background-position:-240px -207px} .prodCont .prdDetail .prd_imgs {float:left;width:60%;min-height:430px;margin:0px auto} .prodCont .prdDetail .prd_imgs .viewer {position:absolute;top:0px;left:85px;width:430px;height:430px;margin-bottom:0px} .prodCont .prdDetail .prd_imgs .viewer .imgView {width:430px;height:430px;} .prodCont .prdDetail .prd_imgs .viewer .imgView img {width:100%;height:100%;} .prodCont .prdDetail .prd_imgs .viewer .number {font-size:16px; top:45px;margin-left:-85px;} .prodCont .prdDetail .prd_imgs .downloadTip {display:block; text-align:center; margin-top:20px;} .prodCont .prdDetail .prd_imgs .downloadTip a {color:#777777; font-size:14px; padding:0 8px; bottom:-10px; position:relative; display:inline-block;} .prodCont .prdDetail .prd_imgs .downloadTip a:after {content:''; position:absolute; top:5px; left:-1px; width:3px; height:3px; overflow:hidden; border-radius:50%; background:#777;} .prodCont .prdDetail .prd_imgs .downloadTip a:first-child:after {width:0; height:0;} .prodCont .prdDetail .prd_imgs .viewer .link {position:absolute; left:0px; bottom:40px; padding-right:140px; width:100%; box-sizing:border-box; } .prodCont .prdDetail .prd_imgs .viewer .link a {font-size:14px;} .prodCont .prdDetail .prd_imgs .slider-nav li {float:none;width:66px;height:66px;margin-right:0;margin-bottom:4px } .prodCont .prdDetail .prd_imgs .slider-nav li .image {width:64px;height:64px;} .prodCont .prdDetail .prd_imgs .slider-nav li.on .image {width:62px;height:62px;border:solid 2px #f37321} .prodCont .prdDetail .prd_imgs .bx-wrapper {position:absolute;top:0px;left:0px;width:66px;margin-bottom:0px;padding:33px 0px} .prodCont .prdDetail .prd_imgs .bx-viewport {width:66px;} .prodCont .prdDetail .prd_imgs .bx-controls a {position:absolute;left:0px;background:url('/_img/common/ico_arrow_pg2.png') no-repeat;background-size:135px;width:66px; height:25px;} .prodCont .prdDetail .prd_imgs .bx-controls .bx-prev {top:0px;left:0px;background-position:-69px 0} .prodCont .prdDetail .prd_imgs .bx-controls .bx-prev.disabled {background-position:0px 0px} .prodCont .prdDetail .prd_imgs .bx-controls .bx-next{bottom:0px;left:0px;right:0px;background-position:-69px -34px} .prodCont .prdDetail .prd_imgs .bx-controls .bx-next.disabled {background-position:0px -34px} .prodCont .prdDetail .prd_imgs .mousetrap {display:block} .prodCont .prdDetail .prd_imgs .zoomTip{display:block;position:absolute;bottom:-25px;left:50%;margin-left:-86px;background:url('/_img/prdt/icon_zoom.gif') no-repeat;padding-left:18px;color:#888888;font-size:14px} .mov_layer {width:800px;height:450px;margin:-300px 0 0 -400px;} .mov_layer .btn_close {right:0px;top:-45px;width:37px;height:37px;background-position:-225px -101px;;background-size:auto;} .mov_layer .v_frame {width:100%;margin:0px auto} .prodCont .prodTab {position:relative;height:68px;padding:0px;margin:0px auto 0px;} .prodCont .prodTab .tit {text-align:left;font-size:24px;line-height:68px;padding-left:30px;margin-bottom:0phttp://localhost:8080/imgViewer/mfgd/4850/SNH-V6410PN_FS2(1).png?th=thx} .prodCont .prodTab ul {position:absolute;right:10px;bottom:0px} .prodCont .prodTab ul li {line-height:68px; } .prodCont .prodTab ul li h2 {line-height:68px;font-size:16px} .prodCont .prodTab ul li a {line-height:68px;padding:0px;margin:0px 17px; font-size:16px;} .prodCont .prodTab ul li.on a {padding:0px} .prodCont .prodTab ul li.on a:after {height:4px;} .prodCont .prodTab +.tabCont {padding-top:50px} .prodCont .tabCont {padding-top:100px} .prodCont.fixed .prodTab {padding:0;margin:0px auto} .prodCont.fixed .prodTab {top:0px;height:58px;padding:0px;margin:0px auto} .prodCont.fixed .prodTab .tit {line-height:58px;} .prodCont.fixed .prodTab ul li {line-height:58px; } .prodCont.fixed .prodTab ul li h2 {line-height:58px;} .prodCont.fixed .prodTab ul li a {line-height:58px;} .prodCont.fixed .prodTab +.tabCont {padding-top:100px} .prodCont .tabCont h3.tit {font-size:22px;margin-bottom:20px} .prodCont .feature {overflow:hidden;} .prodCont .feature ul li {float:left;width:24.8%;min-height:305px;border-bottom:solid 1px #858585;border-left:solid 1px #e5e5e5;padding:25px 0px} .prodCont .feature ul li.mx_hgt {min-height:394px;} .prodCont .feature.lang_fra ul li.mb_interval {min-height:305px;} .prodCont .feature.lang_fra ul li.mb_interval02 {min-height:305px;} .prodCont .feature ul li .icFeature {background:url('/_img/common/ico_feature.png') -213px top no-repeat;background-size:300px ;width:87px; height:80px;margin:0px auto 20px} .prodCont .feature ul li .icFeature.ic01 {background-position:-213px 10px} .prodCont .feature ul li .icFeature.ic02 {background-position:-213px -89px} .prodCont .feature ul li .icFeature.ic03 {background-position:-213px -202px} .prodCont .feature ul li .icFeature.ic04 {background-position:-213px -310px} .prodCont .feature ul li .icFeature.ic05 {background-position:-213px -420px} .prodCont .feature ul li .icFeature.ic06 {background-position:-213px -530px} .prodCont .feature ul li .icFeature.ic07 {background-position:-213px -646px} .prodCont .feature ul li .icFeature.ic08 {background-position:-213px -760px} .prodCont .feature ul li .icFeature.ic09 {background-position:-213px -875px} .prodCont .feature ul li .icFeature.ic10 {background-position:-213px -988px} .prodCont .feature ul li .icFeature.ic11 {background-position:-213px -1087px} .prodCont .feature ul li .icFeature.ic12 {background-position:-213px -1197px} .prodCont .feature ul li .icFeature.ic13 {background-position:-213px -1314px} .prodCont .feature ul li .icFeature.ic14 {background-position:-213px -1447px} .prodCont .feature ul li .icFeature.ic15 {background-position:-213px -1578px} .prodCont .feature ul li .icFeature.ic16 {background-position:-213px -1715px} .prodCont .feature ul li .icFeature.ic17 {background-position:-213px -1841px} .prodCont .feature ul li .icFeature.ic18 {background-position:-213px -1974px} .prodCont .feature ul li .icFeature.ic19 {background-position:-213px -2104px} .prodCont .feature ul li .icFeature.ic20 {background-position:-213px -2243px} .prodCont .feature ul li .icFeature.ic21 {background-position:-213px -2367px} .prodCont .feature ul li .icFeature.ic22 {background-position:-213px -2494px} .prodCont .feature ul li .icFeature.ic23 {background-position:-213px -2618px} .prodCont .feature ul li strong {font-size:18px} .prodCont .feature ul li .txt {padding:15px 0px 0px ;color:#777777;font-size:14px;line-height:140%} .prodCont .feature.lang_fra ul li .txt {line-height:120%;} .prodCont .spec {width:100%;border-top:none;border-bottom:none} .prodCont .spec li {float:left; width:48%} /*170417 width:475px */ .prodCont .spec li:first-child {padding-right:14px} .prodCont .specTbl {width:100%;border-bottom:solid 1px #6c6969} .prodCont .specTbl .col1 {width:35%} .prodCont .specTbl th {font-size:14px;padding:13px 10px 13px 20px;text-align:left;} .prodCont .specTbl td {font-size:14px;padding:13px 10px;} .prodCont .specTbl .line {border-top:solid 1px #6c6969} .prodCont .specTbl tr:first-child th, .prodCont .specTbl tr:first-child td { border-top:solid 1px #6c6969;} .prodCont .userGuide {} .prodCont .userGuide li {height:54px;line-height:54px} .prodCont .userGuide li a {color:#777777;font-size:14px;padding-left:30px;} .prodCont .userGuide li .ic_down {display:inline-block;background:url('/_img/common/ico_customer.png') -68px 0px no-repeat;background-size:87px;width:25px;height:20px;vertical-align:middle;} .prodCont .userGuide li .date {position:absolute;top:0px;right:25px;font-size:14px} .prodCont .faq {padding-top:20px; min-height:450px;} .prodCont .faq h3.tit {font-size:22px;margin-bottom:20px} .prodCont .faq ul.list {} .prodCont .faq ul.list li dl dt { font-size:15px; cursor:pointer;line-height:140%;} .prodCont .faq ul.list li dl dt ul li{float:left;} .prodCont .faq ul.list li dl dt .ctg {width:16%;min-height:60px;line-height:60px;} .prodCont .faq ul.list li dl dt .title {position:relative;width:74%;display:block;float:left;} .prodCont .faq ul.list li dl dt .title span {display:block;padding:20px 0px 20px 65px} .prodCont .faq ul.list li dl dt .title span img {width:18px} .prodCont .faq ul.list li dl dt i {top:18px; left:30px;width:27px;height:27px;background-position:0px -57px} .prodCont .faq ul.list li dl dt em{ top:18px; right:25px;width:25px;height:25px;background-size:87px; background-position:0px -100px} .prodCont .faq ul.list li.on dl dt em{position:absolute; top:18px; right:25px; background-position:-60px -100px;} .prodCont .faq ul.list li dl dd {background:#f0f0f0; border-bottom:1px solid #e0e0e0; padding:30px;display:none; } .prodCont .faq ul.list li dl dd .answer {position:relative;font-size:14px; color:#777777; line-height:140%; padding-left:195px} .prodCont .faq ul.list li dl dd .answer .ic_a {position:absolute; top:0px; left:155px;width:27px;height:27px;background-position:-60px -57px} .prodCont .faq .ic {background:url('/_img/common/ico_customer.png') no-repeat ;background-size:87px; display:inline-block;} .prodCont .faq .paging {margin-top:25px} .prodCont .faq .faqSrch {display:block;position:absolute;top:0px;right:0px;width:260px;} .prodCont .faq .faqSrch .txtBox {position:relative;} .prodCont .faq .faqSrch input {height:47px;line-height:47px; padding: 0 45px 0 20px; width:100%;font-size:14px; border:1px solid #cccccc;-webkit-border-radius:0; -webkit-appearance:none} .prodCont .faq .faqSrch .btnSearch {position:absolute;right:1px;top:1px;width:45px; height:45px;background:#756f6d;padding:6px 9px; } .prodCont .faq .faqSrch .btnSearch .ic_search {display:inline-block;text-indent:-9999px;} .prodCont .faq ul.list li.noResult {padding:30px 0px;font-size:14px} /* 다운로드 테이블 2017.04.05 */ .downTable col.chk {width:6%;} .downTable col.cnt1 {width:17%;} .downTable col.cnt2 {width:64%;} .downTable col.cnt3 {width:13%;} .downTable th,.downTable td { padding:20px 15px;} .downTable .tb_cate,.downTable .tb_date { display:table-cell;} .downTable thead th { font-size:16px; color:#222; font-weight:normal; border-left:0px; background: url(/_img/common/bg_table_line.gif) no-repeat 0 50%;} .downTable tbody td { font-size:14px; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; text-align:center;} .downTable thead th:first-child { background:none;} .fileDownload { text-align: center; padding: 0px 30px 0px;line-height:45px; font-size:14px !important; color: #fff; display: inline-block; background: #f37321;} .downSort { margin-bottom:10px; min-height:45px;top:85px} .downSort .selectWrap { width:160px;height:43px; line-height: 43px; background:#fff url(/_img/common/ico_select_arrow_m.png) no-repeat 93% center; background-size: 10px 7px; display: inline-block;} .downSort .selectWrap select { text-indent:5px; font-size:14px; padding-left:5px; color:#777;} .downSort .selectWrap select:focus {outline: none;} .downSort .selCate1 {width:160px; } /* 통합검색 - 탭 */ .search_tabmenu { margin-bottom:30px;} .search_tabmenu li a { padding:20px 0; font-size:15px; } /* 통합검색 - 검색창 */ .searchBox { margin-bottom:30px;} .searchBox .txtBox { margin: 0 auto; width: 590px; } .searchBox .txt { font-size:14px;} . { font-size:16px; clear:both; } /* 통합검색 - 리스트 */ .prodCheck { font-size:14px; clear:both; } .searchList { margin-top:20px; padding: 20px 0 0px; margin-bottom: 20px;} .searchList .listTxt { font-size:18px; padding:0 20px; } .searchList .listTxt span { font-size:16px; color:#f16e14} .searchList .prdListArea .noDate { padding:20px; font-size:16px;} .searchList .prdList {width:100%;overflow-x:hidden} .searchList .prdList > ul {border:none;border-bottom:none;border-right:none} .searchList .prdList > ul > li {float:left;width:31%;min-height:420px;margin-left:2%;margin-bottom:16px;position:relative;border-top:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf} .searchList .prdDetail .title .detail_list, .prdList .desc .detail_list {margin:15px 0px 0px;font-size:14px;color:#777777; text-align:left;line-height:160%;} .downWrp .downTable tbody td {padding:10px 5px 10px 5px;} .downWrp .downTable tbody td .img_product {width:130px;margin-top:0;float:left;margin-bottom:10px;} .downWrp .downTable tbody td .info_product {position:relative;width:auto; padding-left:150px;margin-top:15px;} .downWrp .downTable tbody td .mark {display:inline-block; margin-left:5px; position:relative;top:0;} .downWrp .downTable tbody td .mark span {height:22px;line-height:22px;padding:0 18px;font-size:12px;} .downWrp .downTable tbody td .explain {margin-top:0px; padding:27px 0;} .downWrp .downTable tbody td .explain dt {font-size:16px; padding-top:0;} .downWrp .downTable tbody td .explain dd {font-size:13px;} .downWrp .downTable thead th { padding: 20px 0; border-left: 0; background: url(/_img/common/bg_table_line.gif) no-repeat 0 50%; font-size: 15px; font-weight:normal;} .downWrp .downTable thead th:first-child { background:none;} .file_dwn {margin-top:10px;} .file_dwn .file_name {padding:10px 50px 10px 20px;} .file_dwn .file_name a.w_ctgy {float:left;width:auto;padding:0 15px;background:url('/_img/common/bg_line_gry.gif') no-repeat 0 10px;font-size:13px;color:#777;font-weight:normal; line-height:30px;} .file_dwn .file_name a.w_ctgy.all {padding-left:0;background:none; text-align:left;} .file_dwn .file_name .w_ctgy {display:block;} .file_dwn .flie_list .m_ctgy {display:none;} .file_dwn .file_name .ico_arw {top:20px;width:18px;height:12px;background-position:0px -14px;background-size:18px;} .file_dwn .file_name .ico_arw.on {background-position: 0 0px;} .file_dwn .flie_list {padding:20px 31px 19px 31px;} .file_dwn .flie_list .file_dwn_list {margin:0;border-top:1px solid #858585;} .file_dwn .flie_list .file_dwn_list .file_ctgy {width:15%;} .file_dwn .flie_list .file_dwn_list .file_nme {width:85%;} .file_dwn .flie_list .file_dwn_list thead th {padding:20px 0 19px 0;border:0;background:none;font-size:14px;border-left: 1px solid #e0e0e0;} .file_dwn .flie_list .file_dwn_list thead th:first-child {border:none;} .file_dwn .flie_list .file_dwn_list tbody th {padding:20px 0 19px 0;font-size:14px;} .file_dwn .flie_list .file_dwn_list tbody td {padding:20px 0 19px 39px;} .file_dwn .flie_list .file_dwn_list tbody td a {float:left;font-size:14px;} .file_dwn .flie_list .file_dwn_list tbody td .date {float:right;margin:0 30px 0 0;} /* 170412 통합검색 제품 다운로드 버튼 */ .pdf { margin-top:30px; height:40px;} .pdf a { font-size:14px;} .pdf .btn_batch { width:180px; height:48px; line-height:48px; font-size:13px;} .pdf .btn_batch .icon_down02 { width:18px; height:16px; background-size:18px;} .prodCont .spec .specTit { font-size:16px; line-height:54px; text-align:left;} .prodCont .spec li:first-child .specTit { border-top:1px solid #6b6868;} /*170412 상품가격*/ .prdPrice { margin-top:25px; font-size:28px;} .prdPrice a.btnBuy { font-size:16px; line-height:38px; padding:0 28px; margin-left:10px; font-weight:700;} .prodCont .spec .specTit { font-size:14px; line-height:46px; text-align:left;} .prodCont .spec li:first-child .specTit { border-top:1px solid #6b6868;} .prdList .prdPrice { position:absolute; left:0px; right:0px; bottom:0px; margin-top:0px;}/* 170417 수정 */ .prdList .prdPrice span { margin-bottom:10px; } .prdList .prdPrice a { margin-left:0px; margin-top:-8px; } /* 오프라인 구매처 */ .prodCont .store-wrap {} .prodCont .store-wrap h2 { font-size:24px; margin-bottom:10px; } .prodCont .store-wrap .store-list { width:760px; margin:0 auto; overflow:hidden; } .prodCont .store-wrap .store-list li img { display:inline-block; height:94px; } /**** 고객지원 ****/ .prodCont .supportTab {margin:0px auto 50px} .supportTab .catg-list li a {line-height:58px; font-size:16px;padding:0px 40px} .supportCont .prdTab {margin-bottom:15px;} .supportCont .prdTab .tab-list { overflow: hidden; text-align:center; font-size:0; line-height:0;} .supportCont .prdTab .tab-list li { display:inline-block; width:auto; } .supportCont .prdTab .tab-list li a { position:relative; display:block; margin:0 2px 10px; } .supportCont .prdTab .tab-list li span { display:block; text-align:center; width:231px; } .supportCont .prdTab .tab-list li span.bg { background-color: #f2f2f2; height:auto; border:2px solid transparent; } .supportCont .prdTab .tab-list li span.bg img { display:block; width:100%; height:auto; } .supportCont .prdTab .tab-list li span.txt { position:absolute; top:30px; text-align:center; color:#777777; font-size:20px; font-weight:700; } .supportCont .prdTab .tab-list li.on span.bg, .supportCont .prdTab .tab-list li a:hover span.bg { background-color: #ffffff; border:2px solid #fbb584; } .supportCont .prdTab .tab-list li.on span.txt, .supportCont .prdTab .tab-list li a:hover span.txt { color:#f37321; } .supportCont .prdTab .tab-list li.on a::after { content: "";position: absolute;width: 20px;height: 12px;bottom: -10px;left: 50%;margin-left: -10px; background: #fff url(/_img/support/kv_tab_pointer.png)0 0 no-repeat; background-size:20px 12px; z-index: 10; } .supportCont h3.tit {font-size:22px;margin-bottom:20px} /* .supportCont .prdList {height:128px;} .supportCont .prdList .prdViewport {width:858px;height:130px;} .supportCont .prdList ul li {width:143px ;height:128px;padding:0px;} .supportCont .prdList ul li a.image {height:128px;} .supportCont .prdList ul li a.image img {height:75px;margin-top:10px} .supportCont .prdList ul li a.image span.txt{font-size:14px;bottom:10px} .supportCont .prdList a.bxControl {position:absolute;top:43px;display:block;background:url('/_img/common/ico_arrow_pg.png') center top no-repeat;background-size:36px;width:40px;height:40px;font-size:0;text-indent:-9999px} .supportCont .prdList a.bxControl.prev {left:5px} .supportCont .prdList a.bxControl.next {right:5px;background-position:center -72px} */ .prodTab .supportTab li { line-height:58px; font-size:16px;width:15% !important;} .prodTab .supportTab li h2, .prodTab .supportTab li a {line-height:58px; font-size:16px;} .supportBtn {position:absolute;top:60px;right:40px;text-align:right;margin-bottom:0px;z-index:20} .supportBtn a {width:145px;height:38px;line-height:36px;font-size:14px;background:#f37226 url('/_img/common/ico_customer.png') 88% -268px no-repeat;background-size:87px;} /* 탭리스트 */ .supportCont .prodList { height:158px; } .supportCont .prodList .prdViewport02 {width:822px; height:160px;} .supportCont .prdViewport02 ul li { width:137px ;height:158px;} .supportCont .prdViewport02 ul li a.image {height:158px;} .supportCont .prdViewport02 ul li a.image img { height:75px;margin-top:25px} .supportCont .prdViewport02 ul li a.image span.txt{font-size:14px; bottom:30px} .supportCont .prdViewport02 a.bxControl {position:absolute;top:60px;display:block;background:url('/_img/common/ico_arrow_pg.png') center top no-repeat;background-size:36px;width:40px;height:40px;font-size:0;text-indent:-9999px} .supportCont .prdViewport02 a.bxControl.prev {left:10px} .supportCont .prdViewport02 a.bxControl.next {right:10px; background-position:center -72px} .supportCont .prdDetail {border:none;border-bottom:solid 1px #dfdfdf;padding:40px 0px ;margin-bottom:50px} .supportCont .prdDetail .title {position:absolute;top:40px;left:550px;padding:0px;border-bottom:none} .supportCont .prdDetail .tag {height:22px} .supportCont .prdDetail .tag .new {padding:0px 15px;height:22px;line-height:22px;font-size:12px } .supportCont .prdDetail .title .tit {font-size:40px;margin-top:10px} .supportCont .prdDetail .title .txt {font-size:12px; color:#202020; margin-top:7px;} .supportCont .prdDetail .imgView {float:left;display:block; width:550px;height:350px} .supportCont .prdDetail .prdDesc {float:left;padding:0px;} .supportCont .prdDetail .prdDesc strong {font-size:14px;} .supportCont .prdDetail .prdDesc ul {margin:110px 0px 15px;} .supportCont .prdDetail .prdDesc ul li {font-size:15px;line-height:180%;padding-left:7px;} .supportCont .prdDetail .prdDesc ul li:after { top:12px;width:3px; height:3px;} .supportCont .prdDetail .prdDesc .btnDetail {height:48px;line-height:48px;font-size:14px;display:inline-block; padding: 0 40px;} .supportCont .prdDetail .prdDesc .btnDetail span {background:url('/_img/common/ico_customer.png') right -245px no-repeat;background-size:87px;padding:0px 15px 0 0;} .supportCont .userGuide {margin-bottom:60px} .supportCont .userGuide ul {} .supportCont .userGuide ul li {height:54px;line-height:54px;padding:0px 0px 0px 40px} .supportCont .userGuide ul li a {color:#777777;font-size:14px;height:54px;line-height:54px;} .supportCont .userGuide ul li .ic_down {top:18px;left:20px} .supportCont .userGuide ul li .date {position:absolute;top:0px;right:25px;font-size:14px} .supportCont .userGuide ul li.noResult {font-size:14px} .supportCont .faq {margin-bottom:50px} .supportCont .faq ul.list {margin-top:20px} .supportCont .faq ul.list li dl dt { font-size:15px; cursor:pointer;line-height:140%;} .supportCont .faq ul.list li dl dt ul li{float:left;} .supportCont .faq ul.list li dl dt .ctg {width:16%;min-height:60px;line-height:60px;} .supportCont .faq ul.list li dl dt .title {position:relative;width:74%;display:block;float:left;} .supportCont .faq ul.list li dl dt .title span {display:block;padding:20px 0px 20px 65px} .supportCont .faq ul.list li dl dt .title span img {width:18px} .supportCont .faq ul.list li dl dt i {top:18px; left:30px;width:27px;height:27px;background-position:0px -57px} .supportCont .faq ul.list li dl dt em{ top:18px; right:25px;width:25px;height:25px;background-size:87px; background-position:0px -100px} .supportCont .faq ul.list li.on dl dt em{position:absolute; top:18px; right:25px; background-position:-60px -100px;} .supportCont .faq ul.list li dl dd {background:#f0f0f0; border-bottom:1px solid #e0e0e0; padding:30px;display:none; } .supportCont .faq ul.list li dl dd .answer {position:relative;font-size:14px; color:#777777; line-height:140%; padding-left:190px} .supportCont .faq ul.list li dl dd .answer .ic_a {position:absolute; top:0px; left:155px;width:27px;height:27px;background-position:-60px -57px} .supportCont .faq ul.list li.noResult {padding:30px 0px;font-size:14px} .supportCont .faq .ic {background:url('/_img/common/ico_customer.png') no-repeat ;background-size:87px; display:inline-block;} .supportCont .faq .paging {margin-top:25px} .supportCont .faq .faqSrch {position:absolute;top:-13px;right:0px;width:260px;margin-bottom:15px;} .supportCont .faq .faqSrch .txtBox {position:relative;} .supportCont .faq .faqSrch input {height:47px;line-height:47px; padding: 0 45px 0 20px; width:100%;font-size:14px; border:1px solid #cccccc;} .supportCont .faq .faqSrch .btnSearch {width:45px; height:45px;} /*파일첨부*/ .faq ul.list li dl dd .addFiles {padding-left:180px;} .faq ul.list li dl dd .addFiles ul {margin-top:50px} .faq ul.list li dl dd .addFiles li {padding-left:8px;padding-bottom:10px;font-size:14px} .faq ul.list li dl dd .addFiles li:before {top:4px;} .appBox {position:relative;width:100%; margin:0 auto;} .appDown {float:left;width:30.6%;height:153px;border:solid 1px #d7d7d7;padding:15px 0px;} .appDown ul {display:inline-block;width:100%} .appDown ul li {float:left;width:49%;height:150px;} .appDown ul li:first-child {border-left:none;display:block;} .appDown ul li a {display:block} .appDown ul li span {display:block;color:#222;font-size:16px;margin:0px auto;padding-top:118px} .appDown ul li .plugin {display:block;background-position:50% 35px} .appDown ul li .android {background-position:50% -70px} .appDown ul li .ios {background-position:center -175px;} .qrCode {display:block;float:left;width:33%;height:185px;background:url('/_img/common/bg_qrcode_w1024.jpg') center top no-repeat;background-size:cover;margin:0px 1.5%} .qrCode dl {display:inline-block;margin:35px 0px 0px 25px} .qrCode dt {color:#FFF;font-size:22px;margin-bottom:10px;font-weight:600;} .qrCode dt h2 {font-size:22px;} .qrCode dd {color:#FFF;font-size:14px;font-weight:300;line-height:140%} .smtCam-info {position:absolute;top:0px;right:0px;display:block;float:left;width:33%;height:185px;background:url('/_img/common/bg_smtCam_info.jpg') center top no-repeat;background-size:382px 185px;} .smtCam-info dl {display:inline-block;margin:35px 0px 0px 25px} .smtCam-info dt {color:#FFF;font-size:22px;font-weight:600;margin-bottom:10px;/*text-transform: uppercase*/} /*170524 수정*/ .smtCam-info dt h2 {font-size:22px;} .smtCam-info dd {color:#FFF;font-size:14px;font-weight:300;line-height:140%;} .smtCam-info dd.detail {padding-top:30px} .smtCam-info dd.detail a {color:#FFF;padding-right:15px;background:url('/_img/common/ico_customer.png') right -276px no-repeat;background-size:87px;} .prod-list .prdList.archive {margin-left:24%} .prdList.archive > ul {margin-left:-2%} .prdList.archive > ul > li {width:31%;margin-left:2%;min-height:290px;padding-bottom:0px} .prdList.archive > ul > li > a {padding:10px 0px 0px;overflow:hidden;} .prdList.archive ul li .contCell {display:block; margin:0 30px; min-height:280px;} .prdList.archive ul li .contCell .tit {font-size:22px;min-height:22px} .searchList .prdList.archive > ul {margin-left:-1.5%} .searchList .prdList.archive > ul > li {width:23%;margin-left:1.7%;min-height:290px;} /*CS 팝업*/ .Cs_layer {width:700px;height:700px;margin:0px 0px 0px -390px;padding:0px 30px;background-size:1000px;} .Cs_layer .layer_cont {height:600px;padding-right:5px;margin-top:10px} .Cs_layer .layer_cont p {font-size:13px} .Cs_layer .layer_cont p strong {color:#f27322;font-weight:400} .Cs_layer .layer_cont .info {position:relative;padding:13px 30px;margin:10px 0px} .Cs_layer .layer_cont .info li{font-size:15px;} .Cs_layer .layer_cont .info li:after {top:10px;} .Cs_layer .layer_cont .info small {font-size:14px;padding:0px 0px 0px 0px;position:absolute;top:14px;right:70px} .Cs_layer .layer_cont .list li{font-size:13px} .Cs_layer .layer_cont .list li a{font-size:13px} .Cs_layer .layer_cont h2.tit {font-size:16px;padding-left:7px;margin:15px 0px 10px} .Cs_layer .layer_cont h2.tit:after { top:11px;} .Cs_layer .layer_cont input[type="text"].inp {font-size:13px} .Cs_layer .layer_cont select {font-size:14px} .Cs_layer .layer_cont textarea {height:100px;font-size:13px} .Cs_layer .layer_cont table tbody tr th {padding:5px 10px;height:30px;font-size:14px;} .Cs_layer .layer_cont .btnWrap {text-align:center} .Cs_layer .layer_cont a.btnSubmit {display:inline-block;width:170px;margin-bottom:0px } .Cs_layer .layer_cont a.btnCancel {display:inline-block;width:170px;margin-bottom:0px} } @media(min-width:1180px){ .prodCont .prdDetail {min-height:500px} .prodCont .prdDetail .prd_imgs {min-height:500px;} .prodCont .prdDetail .prd_imgs .viewer {left:100px;width:500px;height:500px;} .prodCont .prdDetail .prd_imgs .viewer .imgView {width:500px;height:500px;} .prodCont .prdDetail .prd_imgs .slider-nav li {width:78px;height:78px;} .prodCont .prdDetail .prd_imgs .slider-nav li .image {width:76px;height:76px} .prodCont .prdDetail .prd_imgs .slider-nav li.on .image {width:74px;height:74px;} .prodCont .prdDetail .prd_imgs .bx-wrapper {padding:37px 0px;width:78px;height:426px} .prodCont .prdDetail .prd_imgs .bx-viewport {width:78px;height:500px} .prodCont .prdDetail .prd_imgs .bx-controls a {background-size:160px;width:78px; height:30px;} .prodCont .prdDetail .prd_imgs .bx-controls .bx-prev {background-position:-82px 0px} .prodCont .prdDetail .prd_imgs .bx-controls .bx-next {background-position:-82px -40px} .prodCont .prdDetail .prd_imgs .bx-controls .bx-prev.disabled{background-position:0px 0px} .prodCont .prdDetail .prd_imgs .bx-controls .bx-next.disabled {background-position:0px -40px} .prodCont .prdDetail .prd_imgs .cloud-zoom-big {left:520px !important} .prodCont .prdDetail .prd_imgs .viewer a.img_prev {left:255px;} .prodCont .prdDetail .prd_imgs .viewer a.img_next {left:255px;} .prodCont .prdDetail .prd_imgs .viewer .link {left:0px} } @media(min-width:1280px){ /**** SMART 제품 ****/ #prodVis .slideWrap ul li .inner {} /* Christmas Vis */ #prodVis .slideWrap .christmasList > li .inner {max-width:1300px;} #prodVis .slideWrap .christmasList > li img.vis_w {display:block;margin-right:-150px} /* 제품 Filter */ .prdt-filter-grid {width:295px} .prdt-filter-grid.scroll .filter-fix-wrap {width:295px} .prod-list .prdList {margin-left:322px} .prdList > ul {margin-left:-2.7%} .prdList > ul > li {width:47%;min-height:500px;margin-left:2.7%;margin-bottom:25px;} .prdList ul li .contCell {min-height: 300px;} .prdList ul li .contCell .imgContainer {} .prdList ul li a .contCell .imgContainer img {width:200px;min-height:200px} .prdList ul li .contCell .desc {} .prodCont .prdDetail .prd_imgs .viewer {left:150px;} .prodCont .prdDetail .prd_imgs .cloud-zoom-big {left:570px !important} .prodCont.fixed .prodTab {width:1300px} .prodCont .feature ul li {float:left;width:19.8%;min-height:303px;border-bottom:solid 1px #858585;border-left:solid 1px #e5e5e5;padding:25px 0px} .prodCont .feature ul li.mb_interval {min-height:303px;} .prodCont .feature.lang_fra ul li.mb_interval {min-height:303px;} .prodCont .feature.lang_fra ul li.mb_interval02 {min-height:303px;} .prodCont .spec li {float:left; width:48%}/*width:580px 170417 */ .prodCont .spec li:first-child {padding-right:40px} .prodCont .faq ul.list li dl dd .answer { padding-left:235px} .prodCont .faq ul.list li dl dd .answer .ic_a {left:198px} /**** 고객지원 ****/ .supportCont .prdList ul li {width:137px} .supportCont .prdList .prdViewport {width:1096px} .supportCont .prdDetail .title {position:absolute;top:40px;left:665px;padding:0px;border-bottom:none} .supportCont .prdDetail .imgView {float:left;display:block; width:665px;height:350px} .supportCont .faq ul.list li dl dd .answer { padding-left:235px} .supportCont .faq ul.list li dl dd .answer .ic_a {left:198px} .faq ul.list li dl dd .addFiles {padding-left:226px;} .supportCont .prodList .prdViewport02 {width:1096px; height:160px;} .supportCont .prdViewport02 a.bxControl.prev {left:10px} .supportCont .prdViewport02 a.bxControl.next {right:10px; background-position:center -72px} .supportTab .catg-list li a {padding:0px 70px} .appDown {} .qrCode {margin:0px 2.5%;background:url('/_img/common/bg_qrcode_w1280.jpg') center top no-repeat;} .smtCam-info {width:385px;} .prod-list .prdList.archive {margin-left:325px} .prod-list .prdList.archive > ul > li {width:31%;min-height:320px} .searchList .prdList > ul {margin-left:-1.5%} .searchList .prdList > ul > li {min-height:480px;margin-bottom:25px;} .searchList .prdList.archive > ul > li {min-height:320px;} .prdList .prdPrice a { margin-left:0px; margin-top:-8px; } } @media(min-width:1600px){ #prodVis .slideWrap .christmasList > li img.vis_w {width:100%;margin-right:0px} }