#shopview {position:relative;}
#shopview .qrcode {display:none;position:absolute;right:10px;}
#shopview .qrcode img {width:70px;height:70px;}
#shopview .goodstitle {border-bottom:#dfdfdf solid 4px;margin:0 0 20px 0;}
#shopview .goodstitle h1 {font:bold 16px dotum;margin:0 0 0 5px;padding:0;}
#shopview .goodstitle h1 .f1 {color:#ff0000;}
#shopview .goodstitle h1 .f2 {color:#0000ff;}
#shopview .goodstitle h1 a {font-size:11px;color:#ff0000;}
#shopview .goodstitle div {margin:10px 0 15px 5px;}
#shopview .photo_box{margin-bottom:50px; border:1px solid #e2e2e2; position:relative;}
#shopview .photo_box:before{width:100%; height:4px; content:''; display:block; position:absolute; left:0; bottom:-4px; background:url('image/shadow.png') repeat-x;}
#shopview .photo_box:after{content:'';display:block;clear:both;}
#shopview .goodspicbox {float:left;width:310px;}
#shopview .goodspicbox .pic {text-align:center;}
#shopview .goodspicbox .pic table{table-layout::fixed;}
#shopview .goodspicbox .pic table td{border:#efefef solid 1px;height:300px;padding:2px;}
#shopview .goodspicbox .pic:hover {overflow:auto;}
#shopview .goodspicbox .pic img {max-width:100%;max-height:300px;cursor:pointer;}
#shopview .goodspicbox .btm {text-align:center;margin:15px 0 0 0;}
#shopview .goodspicbox .btm img {cursor:pointer;} 
#shopview .goodsinfobox {}
#shopview .goodsinfobox .cont{}
#shopview .goodsinfobox h4{font-weight:bold;font-size:30px;color:#fcb03f; letter-spacing:-.5px; line-height:25px;}
#shopview .goodsinfobox h4 a{color:#f00;font-size:12px;}
#shopview .goodsinfobox h5 {font-size:14px; line-height:25px; letter-spacing:-.5px; color:#333; margin-bottom:15px;}
#shopview .goodsinfobox .box{padding:10px 0 22px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e9e9e9; background:#fbfbfb;}
#shopview .goodsinfobox .box table{width:100%;}
#shopview .goodsinfobox .line0 {height:4px;}
#shopview .goodsinfobox .line1 {background:#efefef;height:1px;padding:0;}
#shopview .goodsinfobox table{table-layout:auto;width:auto;}
#shopview .goodsinfobox table th,#shopview .goodsinfobox table td{text-align:left; font-size:12px; padding:15px 0 3px 20px; color:#333;}
#shopview .goodsinfobox table th,#shopview .goodsinfobox table td.td1{font-weight:bold; color:#333; padding-left:30px; position:relative; vertical-align:top;}
#shopview .goodsinfobox table th,#shopview .goodsinfobox table td.td1:before {content:""; display:block; width:3px; height:3px; background-color:#5a5a5a; position:absolute; left:20px; top:23px;}
#shopview .goodsinfobox table td.icon {font-size:16px; padding:0 0 3px 20px; font-weight:bold; color:#fcb03f;}
/* #shopview .goodsinfobox table th,#shopview .goodsinfobox table td.td1.number {padding-top:10px;} */
/* #shopview .goodsinfobox table th,#shopview .goodsinfobox table td.td1.number:before {top:10px;} */
#shopview .goodsinfobox table th,#shopview .goodsinfobox table td.td3.btn_more span.more {margin:0 5px 0 0; position:relative;}
#shopview .goodsinfobox table td.td2{padding-left:0;}
#shopview .goodsinfobox table td.price{color:#333; font-weight:bold;}
#shopview .goodsinfobox table td.point{color:#999;}
#shopview .goodsinfobox table td.td3 span.number {display:inline-block; cursor:pointer; position:relative; font-size:14px; letter-spacing:-.5px; color:#666; vertical-align:top;}
#shopview .goodsinfobox table td.td3 span.number > .layer {background-color:#FFF; padding:10px 20px; position:absolute; right:-226px; top:7px; border:1px solid #3e5dab; z-index:10; display:none; min-width:260px;}
#shopview .goodsinfobox table td.ico img {width:auto; height:auto;}
#shopview .goodsinfobox table td.td3 span.number > .layer h5 {font-size:14px; color:#3e5dab; line-height:28px; font-weight:bold; letter-spacing:-.5px; border-bottom:1px solid #3e5dab; margin-bottom:12px;}
#shopview .goodsinfobox table td.td3 span.number > .layer ul li {color:#333; line-height:22px; letter-spacing:-.5px;}
#shopview .goodsinfobox table td.td3 span.number > .layer ul li span {font-weight:bold; position:relative; padding-left:9px; display:inline-block; width:55px;}
#shopview .goodsinfobox table td.td3 span.number > .layer ul li span:before {content:""; display:block; width:3px; height:3px; background-color:#333; position:absolute; left:0; top:50%; margin-top:-2px;}
/* down 추가 min */
#shopview .goodsinfobox table td.down{text-align:center;color:#477acd;font-size:14px;font-weight:bold;}
#shopview .goodsinfobox table td.down img{padding:0 5px;}
/*
#shopview .goodsinfobox table td input[type="text"]{height:20px; padding:0; border:1px solid #e2e2e2; font-size:12px; color:#333;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
#shopview .goodsinfobox table td select{min-width:165px; height:16px; padding:5px 3px 5px 0; border:1px solid #e2e2e2; font-size:12px; color:#333;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
*/

#shopview .goodsinfobox .sns{padding:14px 0; border-bottom:1px solid #e9e9e9}
#shopview .goodsinfobox .sns table td{height:auto;}
#shopview .goodsinfobox .sns table td span{margin-right:6px;}

#shopview .goodsinfobox .cartbox {margin:71px 0 0;}
#shopview .goodsinfobox .cartbox .btn{margin:0 -10px;}
#shopview .goodsinfobox .cartbox .btn .table_form{table-layout:fixed;border-collapse:separate;border-spacing:10px 0;}
#shopview .goodsinfobox .cartbox button{width:100%;line-height:52px;font-weight:bold;}

#shopview .goodsinfobox .cartbox .jtt {font-weight:bold;padding:20px 0 10px 5px;border-bottom:#efefef solid 1px;}
#shopview .goodsinfobox .cartbox table {width:370px;}
#shopview .goodsinfobox .cartbox td {line-height:160%;border-bottom:#efefef solid 1px;padding:5px;}
#shopview .goodsinfobox .cartbox .jpic {width:50px;}
#shopview .goodsinfobox .cartbox .gprice {color:#FF6101;letter-spacing:-1px;}
#shopview .goodsinfobox .cartbox .gprice s {color:#999;font-weight:normal;}
#shopview .goodsinfobox .cartbox .gpoint {font-size:11px;font-family:dotum;color:#A1AB05;}

#shopview .price1 {font-size:13px; font-weight:bold; color:#999;}
#shopview .price2 {font-size:13px; font-weight:bold; color:#999;}
#shopview .price3 {color:#545454;}
#shopview .point {color:#0000ff;}

#shopview .goodstab{display:table;table-layout:fixed;width:100%;margin:0 0 20px;border-collapse:collapse;background:#f8f8f8;}
#shopview .goodstab ul{display:table-row;}
#shopview .goodstab li{display:table-cell;vertical-align:middle;position:relative;height:40px;border:1px solid #e2e2e2;text-align:center;cursor:pointer;}
#shopview .goodstab li span{}
#shopview .goodstab li:before{content:'';position:absolute;left:-1px;right:-1px;bottom:-1px;height:40px;border-bottom:1px solid #222;}
#shopview .goodstab li.gover{border-bottom-color:#fff;background:#fff;color:#333;font-weight:bold;}
#shopview .goodstab li.gover:before{border:1px solid #222;border-bottom:0;border-top:2px solid #222;}

#shopview .tt {display:none;border-bottom:#dfdfdf solid 1px;padding:20px 0 7px 0;margin:0 0 20px 0;}
#shopview .tt span {position:relative;top:-6px;color:#777;}
#shopview .info {padding:0 0 50px 0;line-height:160%;}
#shopview .cnum {font-family:dotum;font-size:11px;color:#B5B5B5;}

#shopview .case_wrap .case {overflow:hidden; }
#shopview .case_wrap .case h3.case {font-size:18px; line-height:30px; letter-spacing:-.5px; font-weight:bold; color:#5a5a5a; margin-bottom:7px;}
#shopview .case_wrap .case ul {width:150%; margin-left:-13px;}
#shopview .case_wrap .case ul li {float:left; text-align:center; margin-left:13px;}
#shopview .case_wrap .case ul li img { border:1px solid #e2e2e2; }
#shopview .case_wrap .case ul li span {display:block; font-size:14px; line-height:28px; letter-spacing:-.5px; color:#666;}





#goodscontent1 {display:block;}
#goodscontent2 {display:none;}
#goodscontent3 {display:none;}
#goodscontent4 {display:none;}

.photo_box .slide_photo{height:72px; position:relative; margin:10px 0 0;}
.photo_box .slide_photo .inner{width:268px; height:72px; margin:0 auto; position:relative; overflow:hidden;}
.photo_box .slide_photo .inner ul{width:1000px; position:absolute; left:0; top:0; overflow:hidden;}
.photo_box .slide_photo .inner ul li{width:72px; height:72px; margin-right:26px; float:left;}
.photo_box .slide_photo .inner ul li a{width:68px; height:68px; display:block; border:2px solid #fff;}
.photo_box .slide_photo .inner ul li.active a{border:2px solid #009edf;}
.photo_box .slide_photo .inner ul li img{width:68px; height:68px;}
.photo_box .slide_photo .nav a{margin-top:-10px;position:absolute;top:50%;}
.photo_box .slide_photo .nav .preview{left:0;}
.photo_box .slide_photo .nav .next{right:0;}

/* 상품정보고지 */
#sit_inf_open {width:100%;border:0;border-collapse:collapse;}
#sit_inf_open th {padding:7px 10px;border:1px solid #fff;background:#f2f5f9;vertical-align:top;text-align:left;width:190px;font-weight:800;}
#sit_inf_open td {padding:7px 10px;border:1px solid #fff;background:#f2f5f9;vertical-align:top;text-align:left;}

/* 2015-03-05 김민혁 추가 */
.shopViewInfo{width:100%; margin-bottom:30px; display:table; table-layout:fixed; border-collapse:collapse; border-spacing:0; /* box-shadow:0 4px 4px #f2f2f2; */}
/* .shopViewInfo .td{border:1px solid #e2e2e2;} */
.shopViewInfo .inner{display:table-row;}
.shopViewInfo .photoWrap{position:relative;width:382px;border:1px solid #e2e2e2;}
.shopViewInfo .viewPhoto{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0}
.shopViewInfo .viewPhoto .td{height:450px; text-align:center; vertical-align:middle; border:0; position:relative;}
.thumbWrap{height:99px; margin:20px 0 0; position:relative;}
.thumbWrap .nav button{margin-top:-11px; position:absolute; top:50%;}
.thumbWrap .nav .prv{left:-5px;}
.thumbWrap .nav .next{right:-5px;}
.thumbList{height:99px; margin:0 23px; position:relative; overflow:hidden;}
.thumbList ul{width:1000%; position:absolute; left:0; top:0; margin-left:-16px; overflow:hidden;}
.thumbList li{width:99px; height:99px; margin-left:16px; float:left; position:relative; font-size:0;}
.thumbList li a{width:100%; height:100%; display:block; text-align:center;}
.thumbList li span{border:1px solid #e2e2e2; position:absolute; left:0; top:0; right:0; bottom:0;}
.thumbList li.active span{border:2px solid #477acd;}
.thumbList li a:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.thumbList li img{vertical-align:middle;}

.shopViewInfo .productInfo{vertical-align:top; padding-left:40px;}
.shopViewInfo .description{margin-bottom:20px; font-size:12px; line-height:17px; color:#999;}

.tr{display:table-row !important;}
.td{display:table-cell !important;}
.txt_alert{margin:30px 0 0;padding:0 0 0 40px;background:url('./image/ico_alert.png') no-repeat 0 50%;font-weight:bold;color:#555;}
.txt_alert .t_point{color:#ed1c24;}
.kakaotalk_banner{margin-top:20px;}

.product_add{}
.product_add h4{margin:0 0 10px;font-weight:bold;font-size:14px;color:#333;}
.product_add .outer{position:relative;padding:0 30px 0 35px;}
.product_add .inner{overflow:hidden;position:relative;height:280px;}
.product_add ul{position:absolute;left:0;top:0;width:14300%;margin:0 0 0 -10px;}
.product_add li{float:left;width:.1%;}
.product_add a{display:block;margin:0 0 0 10px;}
.product_add .table_form{table-layout:fixed;}
.product_add .td{height:100px;padding:10px;border:1px solid #e2e2e2;text-align:center;font-size:0;}
.product_add .td img{max-width:100%;max-height:100%;}
.product_add .infor{margin:5px 0 0;font-size:12px;color:#333;text-align:center;}
.product_add .infor > span{display:block;}
.product_add .infor .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_add .infor .price{font-weight:bold;color:#dd3237;}
.product_add .nav{}
.product_add .nav button{position:absolute;top:70px;}
.product_add .nav button.prv{left:0;}
.product_add .nav button.next{right:0;}

.shop_infor{}
.shop_infor td{padding:10px;vertical-align:top;}
.shop_infor td:first-child{text-align:right;}
.shop_infor dl{}
.shop_infor dt{margin:0 0 5px;font-weight:800;font-size:16px;color:#1d1d1b;}
.shop_infor dd{}
.list_dot{}
.list_dot li{position:relative;padding:0 0 0 10px;}
.list_dot li:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#989898;font-size:0;}

#mLook{position:relative;background:#fff;}
#mLook .view_item{height:442px;text-align:center;font-size:0;}
/* #mLook .view_item img {border:1px solid #e2e2e2;} */
#mLook .view_item a span {background-color:#000; opacity:.5; position:absolute; left:0; right:0; top:0; bottom:0; display:none; height:378px;}
#mLook .view_item a span.ico {background: url('image/ico_more.png') center 0 no-repeat; width:52px; height:54px; position:absolute; left:50%; top:160px; margin:0 0 0 -26px; opacity:1;}
#mLook .view_item:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#mLook .view_item .thumb{}
#mLook .view_item .thumb img{max-width:100%;max-height:100%;}
#mLook .view_item p{position:absolute;left:0;bottom:0;right:0;height:59px;line-height:59px;padding:0 20px;text-align:left;}
#mLook .view_item p span{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:.7;filter:alpha(opacity=70);}
#mLook .view_item p em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;color:#fff;}
#mLook .view_item p em > strong{font-weight:normal;}
#mLook .inner{overflow:hidden;display:block;position:relative;height:99px;margin:20px 23px 0;}
#mLook .gallery{position:absolute;left:0;top:0;width:10000%;margin:0 0 0 -16px;}
#mLook .gallery li{float:left;margin:0 0 0 16px;}
#mLook .gallery li > span{display:block;position:relative;width:99px;height:99px;cursor:pointer;text-align:center;font-size:0;}
#mLook .gallery li > span:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#mLook .gallery li.on > span{cursor:default;}
#mLook .gallery li.on > span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #d11229;}
#mLook .gallery li > span img{max-width:100%;max-height:100%;}
#mLook .nav{}
#mLook .nav button{position:absolute;bottom:39px;width:21px;height:21px;z-index:4;background:#9c9c9c url('./image/nav_preview.png') no-repeat 50%;outline:0;}
#mLook .nav button.links_prev{left:0;}
#mLook .nav button.links_next{right:0;background-image:url('./image/nav_next.png');}
#mLook .nav button span{visibility:hidden;}

#conLeft {width:0; height:0; line-height:0; font-size:0; text-indent:-9999px; position:absolute; left:-99999px; top:-99999px; display:none;}
#conLeft + #contents{float:none;width:auto;}

#divRecom{position:relative;}
#divRecom .inner{overflow:hidden;position:relative; margin:0 20px 30px 35px; padding-bottom:30px;}
#divRecom .inner > div{position:relative;height:225px;margin:0 0 0 -15px;}
#divRecom ul{position:absolute;left:0;top:0;width:10000%; margin:0 0 0 -15px;}
#divRecom ul:after{content:'';display:block;clear:both;}
#divRecom li{float:left;width:.25%;padding:0 0 0 38px;text-align:center;box-sizing:border-box;}
#divRecom li > a{display:block;position:relative;padding:0 0 100%;}
#divRecom li .thumb{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;text-align:center; border:1px solid #e2e2e2; box-sizing:border-box;}
#divRecom li .thumb:hover {border:1px solid #fcb03f;}
#divRecom li .thumb:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#divRecom li .thumb img{max-width:100%; max-height:100%;}
#divRecom li .infor{position:absolute;left:0;bottom:-40px;right:0;padding:5px 20px;color:#fff; overflow:hidden;}
/* #divRecom li .infor > span{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:.45;filter:alpha(opacity=45);} */
#divRecom li .infor > em{position:relative; font-size:14px; line-height:28px; letter-spacing:-.5px; color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; /* width:180px; */ display:inline-block;}
#divRecom button{position:absolute;top:0;width:26px;height:200px;}
#divRecom button.links_prev{left:0px;background-image:url('./image/nav_preview.png');}
#divRecom button.links_next{right:0px;background-image:url('./image/nav_next.png');}
#divRecom button span{display:block;text-indent:-9999px;}

/*시공사례2*/
#divRecom2{position:relative;}
#divRecom2 .inner{overflow:hidden;position:relative; margin:0 20px 30px 35px; padding-bottom:30px;}
#divRecom2 .inner > div{position:relative;height:225px;margin:0 0 0 -15px;}
#divRecom2 ul{position:absolute;left:0;top:0;width:10000%; margin:0 0 0 -15px;}
#divRecom2 ul:after{content:'';display:block;clear:both;}
#divRecom2 li{float:left;width:.25%;padding:0 0 0 38px;text-align:center;box-sizing:border-box;}
#divRecom2 li > a{display:block;position:relative;padding:0 0 100%;}
#divRecom2 li .thumb{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;text-align:center; border:1px solid #e2e2e2; box-sizing:border-box;}
#divRecom2 li .thumb:hover {border:1px solid #fcb03f;}
#divRecom2 li .thumb:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#divRecom2 li .thumb img{max-width:100%; max-height:100%;}
#divRecom2 li .infor{position:absolute;left:0;bottom:-30px;right:0;padding:5px 20px;color:#fff; overflow:hidden;}
/* #divRecom2 li .infor > span{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:.45;filter:alpha(opacity=45);} */
#divRecom2 li .infor > em{position:relative; font-size:14px; line-height:28px; letter-spacing:-.5px; color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:180px; display:inline-block;}
#divRecom2 button{position:absolute;top:0;width:26px;height:200px;}
#divRecom2 button.links_prev2{left:0px;background-image:url('./image/nav_preview.png');}
#divRecom2 button.links_next2{right:0px;background-image:url('./image/nav_next.png');}
#divRecom2 button span{display:block;text-indent:-9999px;}

#cont2 table {width:100%; box-sizing:border-box;}
#cont2 table th {background-color:#FbFbFb; font-size:16px; line-height:24px; font-weight:bold; color:#7a7a7a; padding:5px 0; border:1px solid #e2e2e2;}
#cont2 table td {font-size:14px; line-height:32px; text-align:center; color:#000; color:#7a7a7a; border:1px solid #e2e2e2;}
#cont2 table.basic_size {margin-top:-1px;}
#cont2 table.basic_size td {text-align:left; padding:10px 10px 10px 40px; position:relative;}
#cont2 table.basic_size td span {position:absolute; left:0; top:10px;}
#cont2 table.basic_size td pre {font-family:"Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;}

#cont2 .colors {padding:1px 0 0 1px; font-size:0; margin:40px 0;}
#cont2 .colors .color {width:112px; border:1px solid #e2e2e2; box-sizing:border-box; display:inline-block; height:100%; padding:0 15px; text-align:center; margin:-1px 0 0 -1px;}
#cont2 .colors .color img {padding:17px 0; width:75px; height:75px;}
#cont2 .colors .color em {height:50px; font-size:0; display:block; margin:0 -15px; background:#fbfbfb; border-top:1px solid #e2e2e2; padding:0 5px; }
#cont2 .colors .color em:before {content:""; display:inline-block; vertical-align:middle; width:0; height:100%;}
#cont2 .colors .color span {font-size:14px; color:#333; display:inline-block; vertical-align:middle; line-height:1.2em;}

#shopview #cont3 .drawing img {width:100%; margin-bottom:10px;}
#layerpop_drawing{position:fixed;top:50%;margin:-150px 0 0;padding-top:0;}
#layerpop_drawing .inner{}
#layerpop_drawing .cont{width:1000px;height:300px;font-size:0;}
#layerpop_drawing .cont:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#layerpop_drawing .cont img{max-width:100%;max-height:100%;}