<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ------------------------------------------
* Filename: cate_product.css
* Company : Pixdine
* Author: : Yongho
------------------------------------------ */
.cate_product .contents h1 {margin-top:28px;font-size:20px;}
.cate_product .contents h1.fst {/*margin-top:0px;*/}

/*20150824 add*/
.section {padding-bottom:54px;}
.ico_play{display:block;position:absolute;top:74px;left:50%;width:110px;height:110px;margin-left:-55px;background:url(../images/main/btn_vod_magazine.png) no-repeat}

/*20150903 add*/
.cate_product .header_fixed .lnb .innerwrap {border-top:1px solid #ddd;}

.main_visual {position:relative;width:1164px;height:533px;text-align:center;}
.main_visual ul {display:inline;}
.main_visual ul li {display:inline;}
.main_visual ul li .btn_rolling {display:inline-block;overflow:hidden;position:relative;top:496px;width:12px;height:12px;margin:0px 2px;z-index:20;text-indent:12px;background: url(../images/main/btn_rolling_b.png) no-repeat left top;}
.main_visual ul li .btn_rolling.on, .main_visual ul li .btn_rolling:hover {background: url(../images/main/btn_rolling_b_on.png) no-repeat left top;}
.main_visual ul li .panel {position:absolute;top:0px;left:0px;z-index:10}
.main_visual ul li .panel img {width:1164px; height:470px;}
.sub_main .main_visual ul li .panel img {width:1164px; height:180px;}

.main_visual .btn {display:inline-block;position:relative;top:496px;width:12px;height:12px;margin-left:4px;z-index:20;}
.main_visual .btn a.stop {display:inline-block;overflow:hidden;width:12px;height:12px;background: url(../images/main/btn_rolling_b_stop.png) no-repeat left top;text-indent:12px;}
.main_visual .btn a.play {display:inline-block;overflow:hidden;width:12px;height:12px;background: url(../images/main/btn_rolling_b_play.png) no-repeat left top;text-indent:12px;}


.list_prd_box &gt; ul &gt; li .link_micro {display:block;position:absolute;right:20px;top:58px;width:51px;height:38px;padding:13px 0px 0px 0px;background:#f65151;font-size:11px;color:#fff;text-align:center;line-height:13px;}

.prd_box .link_more {position:absolute; right:0px; top:-38px;}

.all_prd_box {position:relative;padding-top:50px;}
.all_prd_box .prd_box {padding:50px 0px;border-top:1px solid #000;}
.all_prd_box .prd_box:first-child {padding-top:0px;border-top:none;}
.all_prd_box .prd_box.type2 {padding-bottom:25px;}
/*
.all_prd_box .list_prd_box &gt; a {display:block;height:33px;margin-top:50px;line-height:33px;text-align:center;color:#000;border:1px solid #bebebe;background: url(../images/product/ico_black_plus.png) no-repeat 612px 13px;}
.all_prd_box .list_prd_box &gt; a:hover {color:#fff;border:1px solid #666;background:#666 url(../images/product/ico_white_plus.png) no-repeat 612px 13px;}
*/

.list_main_event {margin-top:15px;padding:30px 0px;border-top:1px solid #000;border-bottom:1px solid #d1d2d8;}
.list_main_event h2 {font-weight:bold;font-size:18px;color:#000;}
.list_main_event ul {overflow:hidden;height:207px;margin-top:15px;}
.list_main_event ul li {float:left;width:378px;height:207px;margin-left:15px;background:#f8f8f8;text-align:center;}
.list_main_event ul li:first-child {margin-left:0px;}
.list_main_event ul li .tit {margin:19px 0px 2px 0px;padding:0px 20px;color:#000;font-size:13px;}
.list_main_event ul li .time {font-size:11px;}

.customer_center {height:36px;padding:24px 0px 0px 0px;;text-align:center;font-weight:bold;color:#ff0000;}
.customer_center strong {margin-right:10px;color:#000;}
.customer_center span {display:block;width:24px;height:1px;margin:17px auto 0 auto;background:#ccc;}

.list_link {margin-top:58px;zoom:1;}
.list_link:after {content:"";display:block;clear:both;}
.list_link li {float:left;width:233px;height:78px;}
.list_link li a {display:block;height:78px;padding-left:90px;color:#747474;}
.list_link li a strong{display:block;margin:2px 0px 4px 0px;font-size:14px;color:#000;}
.list_link li.prd a {background: url(../images/main/link2_bg01.png) no-repeat left top;}
.list_link li.tech a {background: url(../images/main/link2_bg03.png) no-repeat left top;}
.list_link li.store a {background: url(../images/main/link2_bg02.png) no-repeat left top;}
.list_link li.as a {background: url(../images/main/link2_bg04.png) no-repeat left top;}
.list_link li.app {width:232px;}
.list_link li.app a {background: url(../images/main/link2_bg05.png) no-repeat left top;}

.sub_main .main_visual {position:relative;width:1164px;height:180px;margin-bottom:15px;text-align:center;}
.sub_main .main_visual ul li .btn_rolling {top:154px;}
.sub_main .main_visual .btn {top:154px;}
.sub_main .banner {zoom:1;overflow:hidden;}
.sub_main .banner:after {content:"";display:block;clear:both;}
.sub_main .banner div {float:left;position:relative;width:287px;height:150px;margin-left:15px;}
.sub_main .banner div img {width:287px; height:105px;}
.sub_main .banner div:first-child img {width:862px; height:150px;}
.sub_main .banner div:first-child {width:862px;height:150px;margin-left:0px;}
.sub_main .banner div p {overflow:hidden;position:absolute;left:0;bottom:0;width:98%;height:45px;padding-right:3%;line-height:45px;background:#f4f4f4;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.sub_main .banner div p a {color:#666;padding-right:10px;}
.sub_main .banner div p a:hover {color:#000}
.sub_main .banner div p em {padding:0px 20px 0px 15px;font-style:normal;font-size:14px;font-weight:bold;color:#000;}

.sub_main .main_visual.type2 {position:relative;width:1164px;height:360px;margin-bottom:15px;text-align:center;}
.sub_main .main_visual.type2 ul li .btn_rolling {top:324px;}
.sub_main .main_visual.type2 .btn {top:324px;}

.prd_h3 {position:relative;height:36px;margin-bottom:20px;text-align:center;}
.prd_h3 h3{position:relative;display:inline;margin:0;padding:0px 30px 16px 30px;font-size:16px;color:#000;font-weight:bold;background:#fff url(../images/product/bg_prd_h3.png) no-repeat 50% bottom;z-index:10}
.prd_h3 span {position:absolute;left:0px;top:7px;width:100%;height:1px;background:#bdbdbd}

.box_sorting {margin-top:15px;padding-top:50px;border-top:1px solid #000;}
.box_sorting &gt; p {margin-top:30px;font-size:16px;font-weight:bold;color:#000;line-height:1;}
.box_sorting &gt; p:first-child {margin-top:0px;}

.box_Lanssorting {margin-top:15px;padding-top:20px;border-top:1px solid #000;}
.box_Lanssorting &gt; p {margin-top:20px;font-size:16px;font-weight:bold;color:#000;line-height:1;}
.box_Lanssorting &gt; p:first-child {margin-top:0px;}

.list_sorting {overflow-y:auto;max-height:154px;margin-top:10px;padding:0px 0px 0px 30px;background:#f8f8f8;}

.list_sorting ul {padding-bottom:28px;zoom:1;}
.list_sorting ul:after {content:"";display:block;clear:both;}
.list_sorting ul li {float:left;width:279px;height:14px;margin:28px 0px 0px 0px;line-height:14px;}
.list_sorting ul li input[type="checkbox"] {}
.list_sorting ul li label {margin:0px 0px 0px 9px;}

.list_Lanssorting {overflow-y:auto;max-height:154px;margin-top:10px;padding:0px 0px 0px 30px;background:#ffffff;}

.list_Lanssorting ul {padding-bottom:10px;zoom:1;}
.list_Lanssorting ul:after {content:"";display:block;clear:both;}
.list_Lanssorting ul li {float:left;width:160px;font-weight:bold;height:16px;margin:20px 0px 0px 0px;line-height:14px;}
.list_Lanssorting ul li input[type="checkbox"] {}
.list_Lanssorting ul li label {margin:0px 0px 0px 9px;}

.tit_search {margin:50px 0px 0px 0px;padding:0px 0px 15px 0px;font-size:20px;line-height:1;color:#000;border-bottom:1px solid #000;}
.no_search {padding:27px 24px 0px 24px;font-size:16px;line-height:22px;color:#000;}
.no_search span {color:#de2b31;}

.list_search_acc {}
.list_search_acc &gt; div {padding-top:48px;border-top:1px solid #d8d8d8;}
.list_search_acc &gt; div:first-child {border-top:none;}
.list_search_acc &gt; div h3 {margin:0;}
.list_search_acc &gt; div &gt; ul {overflow:hidden;margin-top:15px;border-top:1px solid #f3f3f3;zoom:1;}
.list_search_acc &gt; div &gt; ul:after {content:"";display:block;clear:both;}
.list_search_acc &gt; div &gt; ul &gt; li {float:left;position:relative;width:562px;height:202px;margin-bottom:-1px;padding:30px 20px 30px 0px;border-bottom:1px solid #f3f3f3;}
.list_search_acc &gt; div &gt; ul &gt; li &gt; span {display:block;position:absolute;left:0;top:30px;width:168px;height:163px;border:1px solid #eaeaea;}
.list_search_acc &gt; div &gt; ul &gt; li &gt; span a {display:block;padding:34px 0px;}
.list_search_acc &gt; div &gt; ul &gt; li &gt; span img {/*width:166px;height:166px;*/}
.list_search_acc dl {width:377px;height:165px;margin-left:185px;}
.list_search_acc dl dt {font-size:14px;font-weight:bold;color:#000;line-height:1;}
.list_search_acc dl dd {margin-top:18px;}
.list_search_acc dl dd.copy {margin-top:10px;}
.list_search_acc dl dd li {padding-left:10px;line-height:22px;background:url(../images/product/bul_gray_dot.png) no-repeat 0 50%;}
.list_search_acc &gt; div &gt; ul &gt; li &gt; div {margin-top:10px;zoom:1;}
.list_search_acc &gt; div &gt; ul &gt; li &gt; div:after {content:"";display:block;clear:both;}
.list_search_acc &gt; div &gt; ul &gt; li &gt; div &gt; a {float:left;display:block;width:81px;height:25px;text-align:center;line-height:25px;border:1px solid #848484;background:#848484;color:#fff;}
.list_search_acc &gt; div &gt; ul &gt; li &gt; div &gt; a:hover {border:1px solid #585858;background:#fff;color:#000}
.list_search_acc &gt; div &gt; ul &gt; li &gt; div &gt; a.btn_buy {border:1px solid #f15b63;background:#f15b63;}
.list_search_acc &gt; div &gt; ul &gt; li &gt; div &gt; a.btn_buy:hover {border:1px solid #f15b63;background:#fff;color:#f15b63;}
.list_search_acc &gt; a {display:block;height:33px;margin-top:20px;line-height:33px;text-align:center;color:#000;border:1px solid #bebebe;background: url(../images/product/ico_black_plus.png) no-repeat 612px 13px;}
.list_search_acc &gt; a:hover {color:#fff;border:1px solid #666;background:#666 url(../images/product/ico_white_plus.png) no-repeat 612px 13px;}

.list_search_acc .layer_prd {display:none;position:absolute;left:166px;top:30px;width:412px;height:166px;background:#fff}
.list_search_acc .layer_prd &gt; div {position:relative;width:218px;height:164px;background:#e8e8e8;font-weight:bold;border:1px solid #e8e8e8;}
.list_search_acc .layer_prd p {height:40px;padding-left:29px;line-height:40px;font-size:14px;color:#000;background:#fff;}
.list_search_acc .layer_prd ul {overflow-y:auto;height:95px;padding:17px 0px 12px 29px;line-height:1;}
.list_search_acc .layer_prd li {margin-bottom:9px;}
.list_search_acc .layer_prd li a {color:#848484}
.list_search_acc .layer_prd li a:hover {color:#000}
.list_search_acc .layer_prd &gt; div &gt; a {overflow:hidden;display:block;position:absolute;right:-1px;top:-19px;width:19px;height:18px;background: url(../images/product/btn_close_layer03.png) no-repeat 0 0;text-indent:-9999px;}

.prd_visual {position:relative;height:550px}
.prd_visual &gt; table {position:absolute;left:0px;top:0px;width:490px;height:550px;}
.prd_visual &gt; table &gt; td {height:550px;}
.prd_visual dl {/*position:absolute;left:0px;top:137px;*/width:490px;line-height:1;z-index:10;}
.prd_visual dl dt {font-size:60px;color:#000;font-weight:bold;letter-spacing:-2px;line-height:1;}
.prd_visual dl dd {margin-top:10px;font-size:14px;color:#666;}
.prd_visual dl .copy {margin-top:8px;font-size:30px;line-height:36px;color:#010101;letter-spacing:-2px;}
.prd_visual dl .date {margin-top:18px;}
.prd_visual dl .btn {margin-top:35px;zoom:1;}
.prd_visual dl .btn:after {content:"";display:block;clear:both;}
.prd_visual dl .btn a {float:left;display:block;width:119px;height:33px;line-height:35px;margin-left:2px;text-align:center;background:#e9e9e9;font-size:14px;font-weight:bold;color:#000;border:1px solid #d8d8d8;}
.prd_visual dl .btn a:hover {color:#777;background:#fff;border:1px solid #9a9a9a;}
.prd_visual dl .btn a.buy {background:#4a4a4a;color:#ffffff;border:1px solid #494949;}
.prd_visual dl .btn a.buy:hover {background:#fff;color:#000;border:1px solid #373737;}
.prd_visual dl .btn a:first-child {margin-left:0px}
.prd_visual dl .catalog {width:86px;margin-top:33px;line-height:34px;}
.prd_visual dl .catalog a {display:block;color:#000;border-bottom:1px solid #000;background: url(../images/product/ico_prd_catalog.png) no-repeat right 9px;}
.prd_visual dl .catalog.type2 {width:auto;}
.prd_visual dl .catalog.type2 a {display:inline-block;width:auto;padding-right: 25px;margin-right: 20px;}

.prd_visual .img {position:relative;width:616px;height:349px;margin-left:547px;padding-top:100px;}
.prd_visual .img img{width:616px;height:349px;}
.prd_visual .img .btn_expand {display:block;overflow:hidden;position:absolute;left:-75px;top:50%;width:150px;height:150px;/*margin-top:-75px;*/background:url(../images/product/ico_btn_expand.png) no-repeat 50% 50%;text-indent:-9999px;z-index:1000}
.prd_visual .img .btn_expand:hover {background:url(../images/product/ico_btn_expand_hov.png) no-repeat 50% 50%;}
 
/*.prd_visual .sns {position:absolute;right:0px;top:277px;width:76px;}*/
.prd_visual .sns {position:absolute;right:-40px;bottom:30px;width:616px;}
.prd_visual .sns li {float:left;width:85px;height:43px;margin-top:-1px}
.prd_visual .sns li:first-child {height:44px;margin-top:0px} 
.prd_visual .sns li a {overflow:hidden;display:block;width:43px;height:43px;text-indent:-9999px;}
.prd_visual .sns li a.facebook {background:url(../images/product/ico_prd_facebook.png) no-repeat 0 0;}
.prd_visual .sns li a.facebook:hover {background:#f1f1f1 url(../images/product/ico_prd_facebook.png) no-repeat 0 0;}
.prd_visual .sns li a.twitter {background:url(../images/product/ico_prd_twitter.png) no-repeat 0 0;}
.prd_visual .sns li a.twitter:hover {background:#f1f1f1 url(../images/product/ico_prd_twitter.png) no-repeat 0 0;}
/*.prd_visual .sns li span {display:block;width:14px;height:1px;margin:0 auto;background:#e1e1e1;}*/
.prd_visual .sns li:first-child:hover span {display:none}

.prd_visual .sns1 {position:relative;width:616px;height:349px;margin-left:547px;padding-top:1px;}
.prd_visual .sns1 .zoom_area1 {position:relative;width:520px;height:294px;margin:81px 31px 0px 18px;text-align:center;}
.prd_visual .sns1 .zoom_area1 .imgb {width:520px;height:294px;margin-left:50px;}
.prd_visual .sns1 .btnsns a {width:76px;height:43px;background:url(../images/estore/ico_sns01.png) no-repeat 0 0;text-indent:-9999px;}
.prd_visual .sns1 .btnsns a:hover {background:#f1f1f1 url(../images/estore/ico_sns01.png) no-repeat 0 0;}
.prd_visual .sns1 .btn_areas {position:absolute;left:37%;top:380px; margin-left:0px; width:300px;}
.prd_visual .sns1 .btn_areas &gt; li {float:left; padding:0px 16px; text-align:center; background:url(../images/estore/zoomarea_blet01.gif) no-repeat left top; position:relative;}
.prd_visual .sns1 .btn_areas &gt; li:first-child {background:none;}
.prd_visual .sns1 .btn_areas1 {position:absolute;left:0%;top:410px; margin-left:180px; width:300px;}
.prd_visual .sns1 .btn_areas1 &gt; li {float:left; padding:0px 16px; text-align:center; background:url(../images/estore/zoomarea_blet01.gif) no-repeat left top; position:relative;}
.prd_visual .sns1 .btn_areas1 &gt; li:first-child {background:none;}
.prd_visual .sns1 .btn_areas1 .zoom_color {width:300px;text-align:center;}
.prd_visual .sns1 .btn_zoom {display:block;overflow:hidden; background:url(../images/estore/ico_zoom01.png) no-repeat left 1px; color:#7d7d7d; font-size:12px; padding-left:22px; width:72px; text-align:right; line-height:21px;}
.prd_visual .sns1 .btn_sns {display:block;overflow:hidden; background:url(../images/estore/ico_sns01.png) no-repeat left top; color:#7d7d7d; font-size:12px; padding-left:25px; width:28px; text-align:right; line-height:21px;}
.prd_visual .sns1 .gal1 {margin-top:65px;margin-left:50px;font-size:0;text-align:left; overflow:hidden; height:100px; padding-bottom:30px;}
.prd_visual .sns1 .gal1 a.prev {float:left; width:29px !important; background:url(../images/estore/btn_pre02.gif) no-repeat left top !important;border:none; height:102px !important; padding:0px !important; border-right:1px solid #ececec;}
.prd_visual .sns1 .gal1 a.next {float:right; width:29px !important; background:url(../images/estore/btn_next02.gif) no-repeat left top !important;border:none; height:102px !important; padding:0px !important; margin-top:-100px; margin-right:10px; z-index:3;border-left:1px solid #ececec;}
.prd_visual .sns1 .gal1 a.prev.zoomGalleryActive, .prd_visual .sns .gal1 a.prev.zoomGalleryActive {border:none !important; border-right:1px solid #ececec !important;}
.prd_visual .sns1 .gal1 a.next.zoomGalleryActive, .prd_visual .sns .gal1 a.next.zoomGalleryActive {border:none !important; border-left:1px solid #ececec !important;}
.prd_visual .sns1 .gal1 &gt; ul {width:505px !important; height:98px !important; overflow:hidden; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.prd_visual .sns1 .gal1 &gt; ul &gt; li.sumnail {float:left;width:99px; height:100px; border:none; margin:0px;z-index:1;}
.prd_visual .sns1 .gal1 &gt; ul &gt; li.sumnail:first-child {margin-left:0px; width:100px} 
.prd_visual .sns1 .gal1 &gt; ul &gt; li.sumnail a {display:block; padding:21px 0px; height:54px; width:98px; border-left:1px solid #ececec;}
.prd_visual .sns1 .gal1 &gt; ul &gt; li.sumnail a.zoomGalleryActive {border:1px solid #e84d4e; margin-left:-1px; z-index:10;}
.prd_visual .sns1 .gal1 &gt; ul &gt; li.sumnail:first-child a.zoomGalleryActive {margin-left:0px;}
.prd_visual .sns1 .gal1 &gt; ul &gt; li.sumnail:first-child a {border-left:none;}
.prd_visual .sns1 .gal1 &gt; ul &gt; li.sumnail a img {width:98px;height:54px;}


/*20160504 제품특징 상세 추가*/
.prd_visual dl .prdDatailBox {margin-top:55px;}
.prd_visual dl .prdDatailBox .tbl_sty4 .branch.type2 thead th {padding:8px 0;}
.prd_visual dl .prdDatailBox .tbl_sty4 .branch.type2 tbody td {padding:8px 10px;}

.prd_tab {}
.prd_tab .tab_tit {}
.prd_tab .tab_tit li {display:inline;}
.prd_tab .tab_tit ul {border-top:2px solid #d7d7d7;text-align:center;zoom:1;}
.prd_tab .tab_tit ul li {display:inline-block;*display:inline;height:36px;*margin:0px 2px;background:url(../images/product/line_tab.png) no-repeat right 22px;line-height:54px;zoom:1;}
.prd_tab .tab_tit ul li &gt; a {padding:20px 42px 0px 42px;font-size:15px;color:#000;text-align:center;font-weight:bold;}
.prd_tab .tab_tit ul li:first-child a {background:url(../images/product/line_tab.png) no-repeat left 22px;}
.prd_tab .tab_tit ul li.on {height:34px;margin-top:-2px;border-top:4px solid #e84d4e;}
.prd_tab .tab_tit ul li.on a {color:#e90914;padding:16px 42px 0px 42px;}

/*20151001 탭 안에 탭 추가*/
.prd_tab .tab_tit {}
.prd_tab .tab_tit li {display:inline;}
.prd_tab .tab_tit .tab_in:after {content:"";display:block;clear:both;}
.prd_tab .tab_tit .tab_in {width:1164px;border-top:2px solid #d7d7d7;text-align:center;zoom:1;margin-top:25px;}
.prd_tab .tab_tit .tab_in&gt; li {display:inline-block;*display:inline;height:58px;*margin:0px 2px;background:url(../images/product/line_tab.png) no-repeat right 22px;line-height:54px;zoom:1;}
.prd_tab .tab_tit .tab_in &gt; li &gt; a {padding:20px 42px 0px 42px;font-size:15px;color:#000;text-align:center;font-weight:nomal;}
.prd_tab .tab_tit .tab_in &gt; li:first-child a {background:url(../images/product/line_tab.png) no-repeat left 22px;}
.prd_tab .tab_tit .tab_in &gt; li.on {height:58px;margin-top:-4px;border-top:4px solid #e84d4e;}
.prd_tab .tab_tit .tab_in &gt; li.on a {color:#e90914;padding:16px 42px 0px 42px;}

.list_user_history {padding-top:15px;zoom:1;}
.list_user_history:after {content:"";display:block;clear:both;}
.list_user_history img {margin:0;}
.list_user_history li {float:left;width:100%;height:44px;margin-top:2px;background:#f8f8f8;line-height:44px;text-align:left;}
.list_user_history li:first-child {margin-top:0px;}
.list_user_history li a {overflow:hidden;display:block;height:72px;cursor:pointer;zoom:1}
.list_user_history li a:after {content:"";display:block;clear:both;}
.list_user_history li span.txt {overflow:hidden;display:block;width:1114px;padding-left:25px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.list_user_history li em {margin:0px 14px 0px 0px;font-style:normal;color:#000;}

/* 제품 상세 */
.prd_detail_cont {margin-top:75px;}
.prd_detail_cont .box_prd {overflow:hidden;width:1164px;margin-top:0px;border-top:none;}
.prd_detail_cont .box_prd:first-child {padding-top:100px;border-top:1px solid #000}
.prd_detail_cont .box_prd p.tit {text-align:center;margin-bottom:0px;padding-bottom:11px;border-bottom:1px solid #e4e4e4;}
.prd_detail_cont .box_prd .list_img {width:1180px;margin-left:-15px;zoom:1}
.prd_detail_cont .box_prd .list_img:first-child {margin-top:-15px}
.prd_detail_cont .box_prd .list_img:after {content:"";display:block;clear:both;}
.prd_detail_cont .box_prd .list_img &gt; li {float:left;position:relative;width:378px;margin:15px 0px 0px 15px;text-align:left;cursor:pointer}
.prd_detail_cont .box_prd .list_img &gt; li ul {padding:30px 0px;background:#f8f8f8;}
.prd_detail_cont .box_prd .list_img &gt; li li {margin-top:10px;font-size:14px;color:#666;line-height:1;zoom:1;}
.prd_detail_cont .box_prd .list_img &gt; li li:after {content:"";display:block;clear:both;}
.prd_detail_cont .box_prd .list_img &gt; li li:first-child {margin-top:0px;}
.prd_detail_cont .box_prd .list_img &gt; li li em {display:block;float:left;width:88px;padding-left:20px;font-style:normal;color:#000}
.prd_detail_cont .box_prd .list_img &gt; li &gt; a {display:block;cursor:pointer;}
.prd_detail_cont .box_prd .list_img &gt; li &gt; a &gt; span.img {overflow:hidden;display:block;width:378px;height:257px;}
.prd_detail_cont .box_prd .list_img &gt; li &gt; a &gt; span.img img {width:378px;height:auto;margin:0px;}
/*
.prd_detail_cont .box_prd .list_img &gt; li &gt; a &gt; span.logo {display:block;overflow:hidden;position:absolute;right:22px;bottom:30px;width:45px;height:10px;background:url(../images/product/ico_prd_canon.png) no-repeat 0 0;text-indent:-9999px;}
.prd_detail_cont .box_prd .list_img &gt; li p {padding:30px 0px;background:#f8f8f8;font-size:14px;line-height:1;color:#666;}
.prd_detail_cont .box_prd .list_img &gt; li p em {display:block;overflow:hidden;margin-right:15px;padding:0px 15px 0px 20px;font-style:normal;color:#000;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
*/
.prd_detail_cont .box_prd .list_img &gt; li &gt; a &gt; span.logo {display:block;margin-top:20px;overflow:hidden;right:22px;bottom:30px;width:45px;height:10px;background:url(../images/product/ico_prd_canon.png) no-repeat 0 0;text-indent:-9999px;}
.prd_detail_cont .box_prd .list_img &gt; li p {padding:10px 0px;/*height:30px;*/line-height:22px;color:#000; height:auto;font-size:14px;}
.prd_detail_cont .box_prd .list_img &gt; li p span {color:#000;}
/*
.prd_detail_cont .box_prd .list_img.listgall &gt; li &gt; a &gt; span.img {text-align:center;}
.prd_detail_cont .box_prd .list_img.listgall &gt; li &gt; a &gt; span.img img {max-width:378px;max-height:257px;width:auto;height:auto;margin:0px;}
*/

/* 악세사리 */
.prd_acc {}
.prd_acc .btn_map {margin-top:50px;margin-bottom:-50px;position:relative;height:33px;zoom:1}
.prd_acc .btn_map a {display:block;float:right;width:82px;height:31px;padding-left:51px;margin:0 auto;background:url(../images/product/bg_btn_map.png) no-repeat 21px 9px;border:1px solid #848484;text-align:left;font-size:14px;color:#666;line-height:31px}
.prd_acc .btn_map a:hover {border:1px solid #000;}
.prd_acc {}
.prd_acc .prd_h3 {/*margin-bottom:0;*/}
.prd_acc .prd_h3 h3 {/*font-size:20px;*/}
.prd_acc &gt; ul {overflow:hidden;zoom:1;position:relative}
.prd_acc &gt; ul:after {content:"";display:block;clear:both;}
.prd_acc &gt; ul &gt; li {float:left;position:relative;width:562px;height:286px;margin-bottom:-1px;padding:30px 20px 30px 0px;border-bottom:1px solid #f3f3f3;}
.prd_acc &gt; ul &gt; li &gt; span {display:block;position:absolute;left:0;top:30px;border:1px solid #eaeaea;}
.prd_acc &gt; ul &gt; li &gt; span a {display:block;padding:40px 0px;}
.prd_acc &gt; ul &gt; li &gt; span img {/*width:280px;height:239px;*/}
.prd_acc dl {width:290px;height:239px;margin-left:298px;}
.prd_acc dl dt {font-size:16px;font-weight:bold;color:#000;line-height:1;}
.prd_acc dl dt a {color:#000;}
.prd_acc dl dd {margin-top:18px;}
.prd_acc dl dd.copy {margin-top:10px;font-size:14px;}
.prd_acc dl dd li {padding-left:10px;line-height:22px;background:url(../images/product/bul_gray_dot.png) no-repeat 0 50%;}
.prd_acc &gt; ul &gt; li &gt; div {margin-top:10px;zoom:1;}
.prd_acc &gt; ul &gt; li &gt; div:after {content:"";display:block;clear:both;}
.prd_acc &gt; ul &gt; li &gt; div &gt; a {float:left;display:block;width:138px;height:35px;text-align:center;line-height:35px;border:1px solid #848484;background:#848484;font-size:11px;color:#fff;}
.prd_acc &gt; ul &gt; li &gt; div &gt; a:hover {border:1px solid #585858;background:#fff;color:#000}
.prd_acc &gt; ul &gt; li &gt; div &gt; a.btn_buy {border:1px solid #f15b63;background:#f15b63;}
.prd_acc &gt; ul &gt; li &gt; div &gt; a.btn_buy:hover {border:1px solid #f15b63;background:#fff;color:#f15b63;}

.prd_acc .layer_prd {display:none;position:absolute;left:280px;top:30px;width:30px;height:239px;background:#fff}
.prd_acc .layer_prd &gt; div {position:relative;width:260px;height:237px;background:#e8e8e8;font-weight:bold;border:1px solid #e8e8e8;}
.prd_acc .layer_prd p {height:40px;padding-left:29px;line-height:40px;font-size:14px;color:#000;background:#fff;}
.prd_acc .layer_prd ul {overflow-y:auto;height:166px;padding:20px 0px 12px 29px;line-height:1;}
.prd_acc .layer_prd li {margin-bottom:10px;}
.prd_acc .layer_prd li a {color:#848484}
.prd_acc .layer_prd li a:hover {color:#000}
.prd_acc .layer_prd &gt; div &gt; a {overflow:hidden;display:block;position:absolute;right:-1px;top:-19px;width:19px;height:18px;background: url(../images/product/btn_close_layer03.png) no-repeat 0 0;text-indent:-9999px;}

.list_prd_discontinue {margin-top:30px;}
.list_prd_discontinue h3:first-child{margin-top:0px;}
.list_prd_discontinue ul {margin-top:10px;padding:0px 30px 30px 30px;border:1px solid #ebebeb;zoom:1;}
.list_prd_discontinue ul:after {content:"";display:block;clear:both;}
.list_prd_discontinue ul li {float:left;width:255px;margin-top:30px;font-size:14px;line-height:1;padding:0px 10px;background:url(../images/product/bul_gray_dot.png) no-repeat 0 7px;}
.list_prd_discontinue ul li a {color:#747474;}
.list_prd_discontinue ul li a:hover {color:#000;/*font-weight:bold;*/}
.list_prd_discontinue ul li.cl {clear:both;}


/*제품 디테일*/
.clfix:after{clear:both;display:block;content:"";}
.clfix {zoom:1;}
.desc1 {color: #a7a7a7 !important;margin-top:10px;font-size: 14px !important;line-height: 18px !important; }
.desc1 li:first-child {margin-top:0}
.desc1 li {margin-top:15px;}
.mt20 {margin-top: 20px;}
.mt60 {margin-top: 60px;}
.mb10 {margin-bottom: 10px;}
.etc1 {font-size: 16px;line-height: 24px;margin-top: 40px;}
.etc1 li {margin-bottom: 20px}
.etc1 p:first-child {font-weight: bold;margin-bottom: 5px;}
.fnt16px {font-size: 16px;}
.noBorder {border-top:none !important}

#Review_wrap{width:900px;margin:0 auto;color:#252525;font-size:13px;font-family:Malgun Gothic;}
#Review_wrap .Reviewcon {border-top: 1px solid #000;padding-top: 50px;margin-top:20px;}
#Review_wrap .Reviewcon h2 {font-size:40px;color:#000000;text-align: center;font-weight:500;font-family:Nanum Gothic;}
#Review_wrap .Reviewcon .Review_con {width: 900px;margin:0 auto;margin-top:61px;}
#Review_wrap .Reviewcon .Review_con &gt; li:first-child, #Review_wrap .Reviewcon .Review_con &gt; li:first-child dl {border-top:none;}
#Review_wrap .Reviewcon .Review_con &gt; li {width: 100%;}
#Review_wrap .Reviewcon .Review_con &gt; li dl {display: block;padding-bottom: 66px;border-top: 1px solid #e4e4e4;font-family:Nanum Gothic;}
#Review_wrap .Reviewcon .Review_con &gt; li dl dd .img {margin-top:20px;}
#Review_wrap .Reviewcon .Review_con &gt; li dl dd .img img {width: 100%;}
#Review_wrap .Reviewcon .Review_con &gt; li dl dd .txt {margin-top: 10px;font-size: 14px;text-align: center;}

#Review_wrap .Review_con &gt; li .type01 {}
#Review_wrap .Review_con &gt; li .type01 &gt; img {width: 100%;}
#Review_wrap .Review_con li dt {font-size: 22px;margin:60px 0 17px 0;color:#000000;}
/*#Review_wrap .Review_con li dd {padding-top: 50px;}*/
#Review_wrap .Review_con li dd.type01 .ReviewTxt {/*display: table;*/overflow: hidden;}
#Review_wrap .Review_con li dd.type01 .ReviewTxt img {float: left;max-width: 498px;height:auto;margin-right:20px;margin-top: 0 }
#Review_wrap .Review_con li dd.type01 .ReviewTxt &gt; p {/*float: left;*/display:table;min-width: 382px;font-size: 15px;line-height: 26px;color: #747474;white-space: normal;}
#Review_wrap .Review_con li dd.type01 .tit {color:#000;}
#Review_wrap .Review_con li dd.type01 .con .txt100 {width: 900px;font-size: 16px;}


#Review_wrap .Review_con li dd.type01 .ReviewTxt+img {margin-top:30px;width: 100%;}
#Review_wrap .Review_con li dd.type01 .con+img {margin-top: 20px;}
#Review_wrap .Review_con li dd.type01 p.tit {font-size: 17px;line-height: 18px;font-weight: bold;margin-bottom: 10px;margin-top: 15px;}
#Review_wrap .Review_con li dd.type01 .group &gt; li:first-child {margin-top: 0}
#Review_wrap .Review_con li dd.type01 .group &gt; li {margin-top: 80px;}

#Review_wrap .Review_con .imgEtc {text-align: center;vertical-align: middle;border: none;}
#Review_wrap .Review_con .textCon {border-top: 1px solid #e4e4e4;padding: 59px 0 50px 0}
#Review_wrap .Review_con .textCon .tit {font-size: 18px;line-height: 18px;font-weight: bold;color:#000000;font-family:Nanum Gothic;}
#Review_wrap .Review_con .textCon &gt; ul {margin-top: 23px;}
#Review_wrap .Review_con .textCon &gt; ul.txtype01 {font-size: 16px;}
#Review_wrap .Review_con .textCon &gt; ul.txtype01 li {background: none}

#Review_wrap .Review_con .textCon &gt; ul &gt; li {font-size:15px;padding-left: 10px;background: url(http://image.kr.canon/pds/editor/upload/product/common/bul_gray.jpg) 0 10px no-repeat;font-weight: bold;margin-bottom: 19px;color: #747474}
#Review_wrap .Review_con .textCon &gt; ul &gt; li &gt;ul {margin-top: 5px;}
#Review_wrap .Review_con .textCon &gt; ul &gt; li &gt;ul &gt; li  {font-weight: normal;line-height: 26px;color:#747474;}


/*table 스타일*/
.tbl_sty4.tbl_tdsty1 .tit {font-size: 16px;}
.tbl_sty4.tbl_tdsty1 thead th {background:#f5f5f5;color:#000;font-size: 14px;}
.tbl_sty4.tbl_tdsty1 tbody td {padding:10px;background:#f5f5f5;color:#666;border-top:1px solid #eee;border-left:1px solid #eee;text-align:center;font-size: 14px;}
.tbl_sty4.tbl_tdsty1 thead th {vertical-align:middle;}

.listype01 {margin-top: 20px;margin-left: -1%}
.listype01 li {width: 32%;float: left;margin-left:1%;margin-bottom:20px;}
.listype01 li img {width: 100%}
.listype01 li &gt; p {text-align: center;margin-top: 200px;}



/*리뷰보기 버튼 추가*/
.reviewSee {padding:0 42px;}
.reviewSee a {padding:0px 20px 0 20px !important;margin-top:10px !important;display:block;line-height:35px;text-align:center;background:#e9e9e9;font-size:14px;font-weight:bold;color:#000;border:1px solid #d8d8d8;/*float:left;width:126px;height:36px;margin-left:2px;*/}
/* .reviewSee a:hover {color:#777 !important;background:#fff !important;border:1px solid #9a9a9a !important;} */

/*제품 리스트 뉴 버튼 추가*/
.list_prd_box .type2 li .icon {height:15px;padding-bottom:7px;font-size:10px;color:#969696;font-family:verdana;}
.list_prd_box .type2 li .icon li {display:inline;height:13px;margin-left:9px;padding-left:9px;line-height:13px;background:url(../images/estore/line_main_prd_list.png) no-repeat 0 2px;}
.list_prd_box .type2 li .icon li:first-child {margin-left:0px;padding-left:0px;background:none;}
.list_prd_box .type2 li .icon span {display:inline-block;padding-left:15px;}
.list_prd_box .type2 li .icon span.new {background:url(../images/estore/ico_estore_new.png) no-repeat 0 2px;}
.list_prd_box .type2 &gt; li &gt; a {padding:30px 0px 0px 0px;}

.list_prd_box .type1 li .icon {height:15px;padding-bottom:7px;font-size:10px;color:#969696;font-family:verdana;}
.list_prd_box .type1 li .icon li {display:inline;height:13px;margin-left:9px;padding-left:9px;line-height:13px;background:url(../images/estore/line_main_prd_list.png) no-repeat 0 2px;}
.list_prd_box .type1 li .icon li:first-child {margin-left:0px;padding-left:0px;background:none;}
.list_prd_box .type1 li .icon span {display:inline-block;padding-left:15px;}
.list_prd_box .type1 li .icon span.new {background:url(../images/estore/ico_estore_new.png) no-repeat 0 2px;}
/*.list_prd_box .type1 &gt; li &gt; a {padding:30px 0px 0px 0px;}*/


/*20160311 추가*/
.list_prd_box .newBtn {position:absolute;right:20px;bottom:92px;padding:5px 0;width:46px;height:15px;line-height:14px;font-size:12px;background-color:#de2b31;color:#ffffff;text-align:center;font-weight:bold;}


.box_list_event {overflow:hidden;width:1164px;}
.list_event {width:1180px;}
.list_event &gt; ul {z-index:0;margin:-15px 0px 0px -15px}
.list_event &gt; ul &gt; li{float:left;width:575px; height:209px; margin:15px 0px 0px 15px;z-index:0;background:#f4f4f4;}
.list_event &gt; ul &gt; li &gt; a {float:left; position:relative;z-index:0; width:281px;height:209px;background:url(../images/common/icon/noimg_300_300.gif) no-repeat center center;}
.list_event &gt; ul &gt; li &gt; div {float:right;position:relative;padding:25px 22px;}
.list_event &gt; ul &gt; li &gt; div strong {display:block;font-size:16px;font-weight:bold;color:#000;}
.list_event &gt; ul &gt; li &gt; div span.tit {height:88px;display:block;padding-bottom:10px;}
.list_event &gt; ul &gt; li &gt; div span.tit a {overflow:hidden; display:block;margin-top:10px;color:#858585;width:250px;}
.list_event &gt; ul &gt; li &gt; div span.tit a:hover {color:#000;}
.list_event &gt; ul &gt; li &gt; div span.term {display:block;font-size:11px;color:#9f9f9f;}
/*20150828 추가*/
.list_event &gt; ul &gt; li &gt; div span.view {display:block;font-size:11px;color:#9f9f9f;position:absolute;right:32px;top:169px;}

.list_event &gt; ul &gt; li &gt; div span.tit_line {margin-top:10px;background:#e84d4e;}
.list_event .tbl_sty1 {width:1164px;}

.box_list_magazine {overflow:hidden;width:1165px;margin-top:13px;}
.list_magazine {width:1180px;margin:-15px 0px 0px -15px}
.list_magazine ul {z-index:0;}
.list_magazine li {float:left;width:278px;margin:15px 0px 0px 15px;border:1px solid #ececec;z-index:0;}
.list_magazine li &gt; a {display:block;position:relative;z-index:0;}
.list_magazine li &gt; a img {width:278px;height:auto;margin-top:15px}
.list_magazine li &gt; a img:first-child {margin-top:0px}
.list_magazine li &gt; a span {display:block;overflow:hidden;position:absolute;left:50%;top:50%;width:82px;height:82px;margin:-41px 0px 0px -41px;background:url(../images/magazine/ico_play.png) no-repeat 0 0;cursor:pointer;z-index:0;text-indent:-9999px;}
.list_magazine li &gt; div {position:relative;padding:30px 20px;background:#fdfdfd;}
.list_magazine li div strong, .list_magazine li div em, .list_magazine li div span {display:block;font-style:normal;}
.list_magazine li &gt; div .cate {margin-bottom:15px;font-size:16px;font-weight:bold;color:#000;line-height:1;}
.list_magazine li &gt; div .prd {font-size:14px;color:#000;line-height:20px;}
.list_magazine li &gt; div .prd.elli {  display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 20px;
    height: 40px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.list_magazine li &gt; div .tit {font-size:12px;color:#000;line-height:20px;font-weight:bold;}
.list_magazine li &gt; div .blog_tit {font-size:14px;color:#000;line-height:20px;font-weight:bold;}
.list_magazine li &gt; div .cont {margin-top:6px;font-size:12px;color:#666;line-height:20px;}
.list_magazine li &gt; div .cont:first-child {margin-top:0px;}
.list_magazine li &gt; div .like {display:block;height:12px;margin-top:12px;padding-left:20px;font-family:verdana;font-size:10px;background:url(../images/magazine/ico_like.png) no-repeat 0 0;line-height:12px;color:#747474;}
.list_magazine li &gt; div .like:hover {color:#000;background:url(../images/magazine/ico_like.png) no-repeat 0 -12px;}
.list_magazine li &gt; div .like.add {color:#000;background:url(../images/magazine/ico_like.png) no-repeat 0 -24px !important;}
.list_magazine li &gt; div .like.add:hover {color:#000;background:url(../images/magazine/ico_like.png) no-repeat 0 -12px !important;}
.list_magazine li &gt; div .sns {display:block;margin-bottom:15px;font-size:11px;color:#000;zoom:1}
.list_magazine li &gt; div .sns:after {content:"";display:block;clear:both;}
.list_magazine li &gt; div .sns span {display:block;float:left;overflow:hidden;padding-left:25px;line-height:20px;font-size:12px;}
.list_magazine li &gt; div .sns .name {margin-left:7px;padding-left:7px;color:#979797;background:url(../images/magazine/line_s.png) no-repeat 0 50%;}
.list_magazine li &gt; div .sns .canon {width:51px;padding:0px;color:#737373;background:url(../images/magazine/ico_canonkorea.png) no-repeat 0 50%;text-indent:-9999px;}
.list_magazine li &gt; div .sns .facebook {color:#737373;background:url(../images/magazine/ico_facebook.png) no-repeat 0 0;}
.list_magazine li &gt; div .sns .instagram {color:#737373;background:url(../images/magazine/ico_instagram.png) no-repeat 0 0;}
.list_magazine li &gt; div .sns .youtube {color:#737373;background:url(../images/magazine/ico_youtube.png) no-repeat 0 0;}
.list_magazine li &gt; div .sns .blog {display:block;height:20px;padding:0px 0px 0px 25px;font-size:11px;background:url(../images/magazine/ico_blog.png) no-repeat 0 0;color:#737373;line-height:20px;}
.clear &gt; li a span.play {display:block;overflow:hidden;position:absolute;left:50%;top:33%;width:82px;height:82px;margin:-41px 0px 0px -41px;background:url(../images/magazine/ico_play.png) no-repeat 0 0;cursor:pointer;z-index:0;text-indent:-9999px;}


/* 191113 컨텐츠 추가 디자인 */

.portfolio_box .portfolio_info_wrap {border-bottom:solid 1px #eee;}
/* .display_box {position:relative; left:240px; width:620px;padding:30px 30px 30px 30px;min-height:200px;background:#fbfbfb; margin:17px 0 50px;}
.display_box .img {width:220px; height:100px; display:table-cell; vertical-align:middle;background-color:#fff; overflow:hidden;} */
.display_box {position:relative; left:240px; width:620px;padding:30px 30px 30px 30px;min-height:200px;margin:17px 0 50px;}
.display_box .img {width:220px; height:100px; display:table-cell; vertical-align:middle;overflow:hidden;}
.display_box .img img {width:220px; height:auto;}
/* .display_box dl {position:relative;display:table-cell;margin-right:15px;padding:20px 0 0 165px; text-align:center;} */
.display_box dl {display:table-cell; vertical-align:middle;overflow:hidden;text-align:center;width:750px; }
.display_box dt {font-size:50px; letter-spacing:-0.5; line-height:1; font-weight:bold; color:#000; text-align:center;}
.display_box dd {font-size:40px;margin-top:27px; font-weight:bold; text-align:center;}

/* .display_box .btn_red {display:inline-block;color:#fff; background-color:#de2b31; border:1px solid #4a4a4a;height:39px;font-size:15px;font-weight:500;padding:0 30px;line-height:39px;text-align:center;}
.display_box .btn_red:hover {color:#de2b31 ; background-color:#fff; border:1px solid #de2b31;} */

.display_box .btn_red {display:inline-block;/*min-width:107px;*/min-width:70px;height:39px;margin-left:0px;font-size:15px;font-weight:bold;padding:0 20px;line-height:39px;text-align:center;}
.display_box .btn_red.c_red {color:#ffffff ; background-color:#de2b31; border:1px solid #c8161c;}
.display_box .btn_red.c_red:hover {color:#de2b31 ; background-color:#fff; border:1px solid #de2b31;}


</pre></body></html>