/* 웍스상세페이지 */
#product_detail {width:1115px; color:#474747; font-size:11px; float:left; position:relative;}
#product_naviB {width:1115px; height:25px; margin:8px 0 5px 0; padding:5px 0 0 0; text-align:left; font-size:11px; float:left;}

/* 이미지확대보기 */
.view_pop{position:absolute; background-color:#FFF; border:1px #3a3a3a solid; top:0; left:0; z-index:800; float:left;}
.view_pop .view_popTB{width:888px; height:55px; background:url("//image5.compuzone.co.kr/img/images/product_detail/view_bg.gif")}
.view_pop .view_popT{width:701px; height:55px; background:url("//image5.compuzone.co.kr/img/images/product_detail/view_bg.gif")}

/*키보드영상*/
.view_pop .keyboard {background-color:#f8f9fa; font-family:Noto Sans, Malgun Gothic, dotum; overflow:hidden; letter-spacing:-1px; height:413px;}
.view_pop .keyboard .video_list { float:left; overflow:hidden; padding:20px 0 20px 17px; width:278px; height:336px;}
.view_pop .keyboard .video_list .tab_menu_B { float:left; padding:0 13px;}
.view_pop .keyboard .video_list .tab_menu_B li { float:left; display:inline-block; font-size:16px; font-weight:bold; height:42px; width:47px; margin-left:9px;}
.view_pop .keyboard .video_list .tab_menu_B li:first-child { margin-left:0px;}
.view_pop .keyboard .video_list .tab_menu_B li a { color:#323232; padding:6px 0px; cursor:pointer; display:inline-block; width:100%;}
.view_pop .keyboard .video_list .tab_menu_B li a:hover { color:#000; border-bottom:2px solid red; text-decoration:none;}
.view_pop .keyboard .video_list .tab_menu_B li a.hover { color:#000; border-bottom:2px solid red; text-decoration:none;}

.view_pop .keyboard .video_list .menu_area { margin-top:3px; float:left;}
.view_pop .keyboard .video_list .nano-pane { background-color:#f3f3f3; width:7px; border-radius:0; float:right;}
.view_pop .keyboard .video_list .nano-pane .nano-slider { background-color:#c9cacd; width:7px; border-radius:0;}
.view_pop .keyboard .video_list .menu_area .tab_menu_S {border:1px solid #ededed; border-radius:5px; background-color:#fff; padding:15px 15px; float:left; width:220px; margin-top:1px; cursor:pointer;}
.view_pop .keyboard .video_list .menu_area .total { height:286px;}
.view_pop .keyboard .video_list .menu_area .menu_close { padding:15px 15px;}
.view_pop .keyboard .video_list .menu_area a { display:inline-block; width:100%; cursor:pointer;}
.view_pop .keyboard .video_list .menu_area a:hover { text-decoration:none;}
.view_pop .keyboard .video_list .menu_area a.hover { color:red;}
.view_pop .keyboard .video_list .menu_area .tab_menu_S p {font-size:14px; color:#202020; text-align:left; margin-bottom:10px; background:url("//image5.compuzone.co.kr/img/images/product_detail/view_btnTAB.gif") right 0 no-repeat; height:20px; font-weight:bold;}
.view_pop .keyboard .video_list .menu_area .tab_menu_S p.close { margin-bottom:0px; background-position:right -20px; color:#6f6f6f;}
.view_pop .keyboard .video_list .menu_area .tab_menu_S p.none { background-image:none; }
.view_pop .keyboard .video_list .menu_area .tab_menu_Sp a:hover { color:#202020;}
.view_pop .keyboard .video_list .menu_area li {font-size:12px; text-align:left; margin-bottom:5px; letter-spacing:-0.5px;}
.view_pop .keyboard .video_list .menu_area li:last-child {margin-bottom:0px;}
.view_pop .keyboard .video_list .menu_area .tab_scroll {border:1px solid blue; float:right;}
.view_pop .keyboard .video_view { float:left; overflow:hidden; padding:20px 14px;}
.view_pop .keyboard .video_view .video_tit { font-size:16px; font-weight:bold; text-align:left; margin-top:6px;}
.view_pop .keyboard .video_view .video_area { width:560px; height:338px; margin-top:20px;}

/* 이용후기 */
#prodcutD_area3{width:1115px; float:left; position:relative; margin-bottom:50px;}
#prodcutD_area3 .prd_review{width:1038px; float:left; position:relative; padding-left:77px; text-align:center;}

.tahomaB { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#565656; font-weight:bold;}
.tahomaR { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#ed5459; font-weight:bold;}
.tahomaG { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#838383;}

/* 이용후기 */
#prd_review {width:1038px; float:left; position:relative; padding-left:77px; text-align:center;}
#prd_review { width:960px; float:left; margin-bottom:30px; font-family:'맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif;}
.avgDetail_starN { width:75px; height:14px; background:url(//image5.compuzone.co.kr/img/images/product_detail/prdReview_2.png) -198px -212px;  float:left;}
.avgDetail_star { height:14px;background:url(//image5.compuzone.co.kr/img/images/product_detail/prdReview_2.png) -198px -196px; float:left;}
.avgDetail_score {float:left;}

/* 상품옵션 미리보기 */
.prd_category .optionbox{position:absolute; width:194px; z-index:999999; border:3px solid #e1e1e1; background-color:#fff; text-align:left;}
.prd_category .optionbox .optionbox_name{width:174px; margin:10px 10px 0px 10px;}
.prd_category .optionbox .optionbox_img{width:194px; text-align:center}
.prd_category .optionbox .optionbox_price1{width:184px; background-color:#fbfbfb; border-top:1px solid #d6d6d6; margin-top:8px; padding:10px 0px 5px 10px; float:left;}
.prd_category .optionbox .optionbox_price2{width:184px; background-color:#fbfbfb; border-top:1px solid #d6d6d6; padding:10px 0px 5px 10px; float:left;}

/* selectbox */
.Pinfo_option  { width:290px; position:relative; float: left;}
.Pinfo_option span.option_selectbox {
    background: url("//image5.compuzone.co.kr/img/images/product_detail/navi_arrow.gif") no-repeat scroll right 0 #FFFFFF; border-color: #C5C5C5 #E9E9E9 #E9E9E9 #C5C5C5;  border-style: solid;  border-width: 1px;  display: inline-block;  height: 20px; padding-top: 3px;  text-align: left; vertical-align: top; width: 290px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:15px;}
.Pinfo_option ul.prd_selected_txt {background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #E9E9E9; border-left: 1px solid #C5C5C5; border-right: 1px solid #E9E9E9; float: left; left: 0; margin: 0; position: absolute;    text-align: left; top: 20px; width: 290px;}

/* 맞춤가격보기 */
#product_name{ margin:10px 10px 0px 10px;}

/* 프린터 잉크 정보 */
.ink_info { border:0px solid red; cursor:default;}
.ink_info h3{display:block; font-size:15px; padding-bottom:10px; text-align:left; letter-spacing:-1px;}
.ink_info h3 span { font-size:15px; color:black;}
table.ink_box {width:100%; border:1px solid #d8d7db; border-top:1px solid #2b2f3a;}
table.ink_box th { width:100px; background-color:#fbfbfb; color:#243e89; font-weight:bold; font-size:13px; text-align:center;}
table.ink_box td{border:0px solid red; width:1010px; height:100%; vertical-align:top;}
div.ink_con { width:1015px; border:0px solid red; padding:10px 10px 5px 10px; overflow:auto; float:left;}
div.ink_con ul li { background:url(//image5.compuzone.co.kr/img/images/product_detail/ink_info_bul.gif) no-repeat 8px 5.5px; .background:url(//image5.compuzone.co.kr/img/images/product_detail/ink_info_bul.gif) no-repeat 8px 7px; text-align:left; list-style:none; float:left; padding:0 20px 0 15px; .padding:0 5px 7px 13px; color:#474747; margin-bottom:5px; border:0px solid red; white-space:nowrap;}
div.ink_con ul li:hover {text-decoration:none; color:#474747;}
div.ink_con ul li:visited {text-decoration:none; color:#474747;}
div.ink_con ul li a:link {text-decoration:underline; color:#474747; background:url(//image5.compuzone.co.kr/img/images/button/product_icon_view2.gif) no-repeat right 3px;; padding-right:18px;}

/* category navi */
#product_navi {width:1115px; padding-top:15px; height:35px; float:left;}
#container #product_navi {margin:0 auto; float:none; display:block; height:32px; padding-top:15px;}
#product_navi a.cate_home { text-indent:-10000px; width:16px; height:16px; display:block; float:left; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -1px 0 no-repeat; vertical-align:0; }
#product_navi .category_Box {display:block; float:left; padding-left:20px; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -184px 0 no-repeat; position:relative; margin-right:7px; }
.category_Box a.selectBox {font-size:12px; text-align:left; color:#333333; letter-spacing:-0.5px; line-height:16px; vertical-align:0;}
.category_Box a.selectBox .ico {width:17px; height:16px; display:inline-block; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -24px 0 no-repeat; vertical-align:bottom;}
.category_Box a.selectBox:hover .ico {width:17px; height:16px; display:inline-block; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -50px 0 no-repeat; vertical-align:bottom;}
.category_Box a.on .ico {width:17px; height:16px; display:inline-block; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png') -50px 0 no-repeat; vertical-align:bottom;}
.category_Box .sub_list_wrap {position:absolute; top:16px; left:20px; border:1px solid #c4cace; padding:7px; background-color:#fff; z-index:100;
    -webkit-box-shadow:1px 1px 1px #e0e0e0;  /* Safari and Chrome */
    -moz-box-shadow:1px 1px 1px #e0e0e0;  /* Firefox */
    box-shadow:1px 1px 1px #e0e0e0;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#e0e0e0, Direction=135, Strength=5);  }
.category_Box .sub_list_wrap li {color:#333; font-size:12px; line-height:21px; letter-spacing:-0.5px;}
.category_Box .sub_list_wrap li a {white-space:nowrap;}
.category_Box .sub_list_wrap li a:hover {color:#1b1b1b;}

.inp_box { height:19px; border:#dedede 1px solid; padding:3px 10px; color: #888888; }
.inp_box:hover { border:#B5B5B5 1px solid;}
.txt_box { height:33px; border:#dedede 1px solid; padding:10px 0 10px 10px; letter-spacing: -0.5px; color: #888888; }
.btnGray { height:25px; background:#f2f2f2; border:#bababa 1px solid; border-radius:2px; display:inline-block; padding:0 10px; line-height:25px; vertical-align:top; .vertical-align:text-bottom; }
.bgoverlay{width:100%; height:100%; .height:500px; position:absolute;  top:0; left:0; z-index:9999;background:#000000; opacity:0.6;}

/* 파트너 사은품 이벤트 */
.leftside { display:inline-block; float:left;  box-sizing:border-box; padding:63px 0 0 100px; text-align:left; }
.leftside .start_line { border-bottom:2px solid #000; width:21px; margin-bottom:25px;}
.leftside .explain { font-size:20px; color:#000; letter-spacing:-1px; font-family:noto-R; margin-bottom:20px; max-width:456px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
.leftside .date { font-size:14px; color:#888888; letter-spacing:-0.5px; margin-bottom:20px;}
.leftside .evtbtn {box-sizing:border-box; padding:2px 14px; border-radius:15px ;border:#d43f41 1px solid;display:inline-block;line-height:24px;font-size:14px; font-family:noto-B; color:#d43f41; position:relative; cursor:pointer;}
.leftside .right_arrow{border-width:1px 1px 0 0 !important;width:5px; height:5px; border:1px solid #d43f41;-webkit-transform:rotate(45deg);transform: rotate(45deg);display:inline-block;vertical-align:middle;position:absolute;top:11px;right:11px;}
.rightside { position:relative; display:inline-block; float:right;}
.rightside .giftimg{width:556px; position:relative; float:right; text-align:left;}
.rightside .giftimg>img{width:511px !important; height:279px;}
.rightside .policy_tit { display:inline-block; width:120px; box-sizing:border-box; position:absolute;  bottom:8px; right:12px; }
.rightside .policy_tit >i {  color:#565656; font-size:13px; font-style:normal; letter-spacing:-1px; cursor:pointer;}
.rightside .down_arrow {border-width:1px 1px 0 0 !important; width:5px; height:5px; border:1px solid #616161;-webkit-transform:rotate(135deg);transform: rotate(135deg);display:inline-block;vertical-align:middle; margin:0 0 8px 5px;}
.rightside .evt_policy{display:inline-block; width:-webkit-max-content; min-width:490px; box-sizing:border-box; position:absolute; z-index:99; background-color:#fff; padding:22px 32px; letter-spacing:-1px; font-size:13px; font-family:Tahoma,'맑은고딕',malgun gothic,'돋움',Dotum,AppleGothic,sans- serif; overflow:hidden; top:26px; right:-13px; border:3px solid #f8f8f8; color:#838383; text-align:left; line-height:22px;}

/* (?) 제품상세 메시지 레이어 */
.prdtLayer {border:1px solid #c7c7c7; box-shadow:5px 5px 11px rgba(158, 158, 158, 0.42); display:inline-block; position:absolute; background-color:#fdfdfd;}
.prdtLayer > .prdtLayer_tit {background-color:#ecf0f3; padding:15px 0; width:100%; display:inline-block;}
.prdtLayer > .prdtLayer_tit > span {font-size:13px; color:#000; letter-spacing:-1px; margin-left:20px; display:inline-block;}
.prdtLayer > .prdtLayer_tit > span>b {text-decoration:underline;}
.prdtLayer > .prdtLayer_center {padding:17px 0 7px 0; text-align:center; width:100%; display:inline-block; }
.prdtLayer > .prdtLayer_center table.prdLtable {display:inline-block; border:1px solid #dbdbdb; border-bottom:none;}
.prdtLayer > .prdtLayer_center table.prdLtable th {background-color:#f5f5f5; height:30px; line-height:30px; padding-left:15px; font-size:12px; color:#000; letter-spacing:-1px; border-bottom:1px solid #dbdbdb; text-align:left; font-weight:normal;}
.prdtLayer > .prdtLayer_center table.prdLtable td {height:30px; line-height:30px; padding-left:15px; font-size:12px; letter-spacing:-1px; border-bottom:1px solid #dbdbdb; text-align:left;}
.prdtLayer > .prdtLayer_subTxt {font-size:11px; letter-spacing:-1px; line-height:16px; text-align:left; display:inline-block;  padding:7px 0 15px 20px;}
.prdtLayer > .prdtLayer_ermsg {background-color:#fcdad7; color:#f24638; width:100%; display:inline-block; font-size:11px; letter-spacing:-1px; padding:7px 0;}
.prdtLayer > .prdtLayer_ermsg > span {padding-left:20px; line-height:16px; display:inline-block; word-break:keep-all;}


/*이벤트 안내 템플릿 배너 기능*/
.temevent_bnr_area {margin:30px 0; letter-spacing: -1px; float: left; width: 100%;}
.temevent_bnr_area h2 {font-size:20px; margin-bottom:30px;}
.temevent_bnr_area .temevent_tab_menu {position:relative; overflow:hidden; font-family: noto-R; z-index:2;}
.temevent_bnr_area .temevent_tab_menu li {float:left;}
.temevent_bnr_area .temevent_tab_menu li span {display:inline-block; padding:15px 30px; color:#8f8f8f; font-size:15px; color:#000; font-weight:bold;}
.temevent_bnr_area .temevent_tab_menu li a {display:inline-block; padding:15px 30px; color:#8f8f8f; font-size:15px; text-decoration:none; border-bottom:2px solid transparent;}
.temevent_bnr_area .temevent_tab_menu li a:hover {color:#000; border-bottom:2px solid #ff0000; font-weight:bold;}
.temevent_bnr_area .temevent_tab_menu li a.on {color:#000; border-bottom:2px solid #ff0000; font-weight:bold;}

.temevent_bnr_area .temevent_img_area { padding:60px 130px; height:200px; background:#f6fcff; border-top:2px solid #ddd; margin-top: -2px; font-family: noto-R; font-size:13px; position:relative; z-index: 1;}
.temevent_bnr_area .arrow_area {width:100%; position:relative;}
.temevent_bnr_area .arrow_area a { z-index:1000;display:inline-block; width:35px; height:56px; position:absolute; top:130px; background:url('//image5.compuzone.co.kr/img/images/product_detail/temevent_bnr_arrow.png') no-repeat;}
.temevent_bnr_area .arrow_area .prev {background-position:-5px 0; left:35px;}
.temevent_bnr_area .arrow_area .next {background-position:-40px 0; right:35px;}
.temevent_bnr_area .temevent_con {width:600px;}
.temevent_bnr_area .temevent_con p {font-size:28px; font-weight:bold; color:#000; height:39px; overflow: hidden;}
.temevent_bnr_area .temevent_con .sub_txt {font-size:18px; display:block; margin:15px 0 0; color:#3a3a3a;}
.temevent_bnr_area .temevent_con .tsub_txt {font-size:18px; display:block; margin:15px 0 0; color:#3a3a3a;}
.temevent_bnr_area .temevent_con .sub_txt .sub_date {font-size:15px; display:block; margin:3px 0 15px; color:#888;}
.temevent_bnr_area .temevent_con .contents div {margin:2px 0; width:513px;}
.temevent_bnr_area .temevent_con .temevent_img {position:absolute; right:117px; top:35px;}
.temevent_bnr_area .temevent_con .temevent_img img {width:268px; height:250px;}

.temevent_bnr_area .temevent_img_area .event_rule {z-index: 10000; position: absolute; right: 20px; bottom: 15px;}
.temevent_bnr_area .temevent_img_area .event_rule .rule_con {position: absolute; top: 34px; border: 3px solid #ccc; width: 500px; height: auto; right: 0px; background: #fff; padding: 20px;  font-size: 14px;}