@charset "utf-8";
 
.prodCont {padding:0px 0px;max-width:100%;}
.prodCont .cont_box  {padding: 25px 15px;margin:0px auto;overflow:hidden;}
.prdDetail .title .detail_list, .prdList .desc .detail_list  {margin:15px 0px 0px;font-size:12px;color:#777777; line-height:140%; word-wrap:break-word;}
.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 .tag .blue {display:inline-block; padding:0px 8px;height:18px;line-height:18px; margin-right:-3px;background:#0072bc;color:#fff; font-size:10px}
.prodCont .prdDetail .tag .red {display:inline-block; padding:0px 8px;height:18px;line-height:18px; margin-right:-3px;background:#e10b0b;color:#fff; 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:340px;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 .downloadTip {display:block; text-align:center; margin-top:20px;}
.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;}
.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%;}
.prodCont .prdDetail .prd_imgs .viewer .movLink {background:#4c4c4c;text-align:center;cursor:pointer}
.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}


/*제품동영상 팝업*/
.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/sub/product/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 .tab_cont {display:block;padding-top:80px;position:relative;}
.prodCont .prodTab +.tab_cont {padding-top:30px}
.prodCont .tab_cont.on {display:block;}
.prodCont.fixed .prodTab {position:fixed;top:0px;left:0px;right:0px;margin:0px;background:#f3f3f3;color:#333;z-index:9999;border:0px;}
.prodCont.fixed .prodTab +.tab_cont{padding-top:80px;margin-top:0px}
.prodCont .tab_cont h3.tit {font-weight:700; font-size:15px; color:#222; margin-bottom:10px;text-align:left;}

.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; }


.layer_mask {background-color: rgba(0,0,0,0.70); position:fixed; z-index:999;  top:0; left:0; right:0; bottom:0; overflow:hidden; display:none;}
.layer_mask.on {display:block;}


.prodCont .tab_cont hr {
    background: #858585;
    margin: 0;
    padding: 0;
    height: 1px;
    border: none;
}

.prodCont .tab_cont .categoryWrap{
   padding: 15px 0px;
}


/** 다운로드 버튼 공통 css*/    
.prodCont .tab_cont  .button {
	display: inline-block;
	position: relative;
	margin: 5px 5px 5px 0px;
	padding: 0 30px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #f1f1f1;
	background:#f0f0f0;
	height: 30px;
	line-height:30px;
	font-size:12px;
	color: #7c7c7c;
	padding: 0 15px;
}

.prodCont .tab_cont  .button.on {
	background:#646464;
	color: #ffffff;
}


.downSort {display:block;position:absolute;top:85px;right:0px;}

.prodCont .tab_cont .dta-list th.tb_cate, .prodCont .tab_cont .dta-list th.tb_date {display:none}
.prodCont .tab_cont .dta-list td.tb_cate, .prodCont .tab_cont .dta-list td.tb_date {display:none}


@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}
	.downSort {display:block;position:absolute;top:85px;right:0px;}
}
@media(min-width:768px){ 
	.prodCont {padding:30px 0px;max-width:100%;}
	.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;}
	
	.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;}
	
	
}

@media(min-width:785px){ 
	.prodCont .tab_cont .dta-list th.tb_cate, .prodCont .tab_cont .dta-list th.tb_date {display:block}
	.prodCont .tab_cont .dta-list td.tb_cate, .prodCont .tab_cont .dta-list td.tb_date {display:block}
}

@media(min-width:1024px){ 
	.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 .tag .gray {padding:0px 15px;height:20px;line-height:20px; margin-right:-3px;font-size:12px}
	.prodCont .prdDetail .tag .blue {padding:0px 15px;height:20px;line-height:20px; margin-right:-3px;font-size:12px}
	.prodCont .prdDetail .tag .red {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:40px; 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 .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;margin-top:50%;transform:translateY(-50%);}
	.prodCont .prdDetail .prd_imgs .viewer .imgView img {width:100%;max-height:475px;}
	.prodCont .prdDetail .prd_imgs .viewer .number {font-size:16px; top:45px;margin-left:-85px;}		
	.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:0px;left:50%;margin-left:-86px;background:url('/_img/sub/product/icon_zoom.gif') no-repeat;padding-left:18px;color:#888888;font-size:14px}
	.prodCont .prdDetail .prd_imgs .downloadTip{display:block;position:absolute;bottom:-25px;width:100%;padding-left:0px;color:#888888;font-size:14px; margin-top:-10px;}
	.prodCont .prdDetail .prd_imgs .downloadTip a {color:#777777; font-size:14px; 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 {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 {margin:0px auto}
	
	.prodCont .prodTab {position:relative;height:68px;padding:0px;margin:0px auto}
	.prodCont .prodTab .tit {text-align:left;font-size:24px;line-height:68px;padding-left:30px;margin-bottom:0px}
	.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:18px;}
	.prodCont .prodTab ul li.on a:after {height:4px;}
	.prodCont .prodTab +.tab_cont {padding-top:50px}
	.prodCont .tab_cont {padding-top:100px}
	.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 +.tab_cont {padding-top:100px}
	
	.prodCont .tab_cont h3.tit {font-size:22px;margin-bottom:20px}
	

	
	.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; }
	
	
	
.prodCont .tab_cont hr {
    background: #858585;
    margin: 0;
    padding: 0;
    height: 1px;
    border: none;
}

.prodCont .tab_cont .categoryWrap{
   padding: 15px 0px;
}


/** 다운로드 버튼 공통 css*/    
.prodCont .tab_cont  .button {
	display: inline-block;
	position: relative;
	margin: 5px 5px 5px 0px;
	padding: 0 30px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #f1f1f1;
	background:#f0f0f0;
	height: 42px;
	line-height:42px;
	font-size:15px;
	color: #7c7c7c;
	padding: 0 30px;
}

.prodCont .tab_cont  .button.on {
	background:#646464;
	color: #ffffff;
}
  
  
  
		
	
}
@media(min-width:1180px){ 
	.prodCont .prdDetail {min-height:475px;}
	.prodCont .prdDetail .prd_imgs {min-height:475px;}
	.prodCont .prdDetail .prd_imgs .viewer {left:100px;width:475px;height:475px;}
	.prodCont .prdDetail .prd_imgs .viewer .imgView {width:475px;height:auto;margin-top:50%;transform:translateY(-50%);max-height:475px;}
	.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){ 
	.prodCont .prdDetail .prd_imgs .viewer {left:150px;}
	.prodCont .prdDetail .prd_imgs .cloud-zoom-big {left:570px !important}
	.prodCont.fixed .prodTab {width:1200px}
	
	
	.prodCont.fixed .prodTabWrap {position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    background: #f3f3f3;
    color: #333;
    z-index: 9999;
    width: 100%;
    top: 0px;
    height: 58px;
    padding: 0px;
    margin: 0px auto;
    border-bottom: solid 1px #c9c9ca;
    
    }
      
}