body { font-family: "Plain", sans-serif; font-size: 12px; word-break: break-word; } #view360_content{display:block; width:100%; height:100%;} /**product info**/ #list{display:inline-block; width:25%; height:100%; float:left;} #list {display:block; color :#fff; text-align:left; padding: 25px 25px 25px 25px; } #list .title{display:block; padding:10px 0 10px 0; font-size:25px; font-weight: 700; line-height:34px; border-style:solid; border-bottom-width:1px; border-bottom-color: rgb(165,165,165);} #list .content360_list{font-size:18px; display:block; padding : 10px 10px 10px 15px; line-height:24px; border-style:solid; border-bottom-width:1px; border-bottom-color: rgb(165,165,165);} #list .content360_list a{display:block; width:90%;} #list .content360_list.list_selected{border-style:solid; border-width:2px; border-color:#E35B0A; margin-top:-1px; color:#E35B0A; font-weight:700; background:url(/emerging/img/common/arrow-orange.png) no-repeat center right 5%; background-size:20px; } #list .content360_list:hover{border-style:solid; border-width:2px; border-color:#E35B0A; margin-top:-1px; color:#E35B0A; font-weight:700;background:url(/emerging/img/common/arrow-orange.png) no-repeat center right 5%; background-size:20px;} /**video**/ #video_clip{padding-top:20px;} #video_clip.DA45{padding-top:10px;} .dim{display: inline-block;position: absolute;width: 1450px;height: 710px;background: rgba(0, 0, 0, .8);} #video_popup .popup{position:absolute; margin: 0 75px 0 75px; padding:45px;} #video_popup {position: absolute;display: block;z-index: 9999; top:0; width:1450px; height:710px;} #view360_content #video_popup .exit a svg{ margin:0 } /**facebook or quote**/ .not_list_child{display:block; font-size:22px; margin-bottom:20px; font-weight:700;} .not_list_child.facebook.DX800LC{margin-top:20px;} .not_list_child.facebook{margin-top:62px;} .not_list_child.facebook.DA45{margin-top:50px;} .not_list_child span{display:block; margin: 0 20px 0 0; line-height:55px; padding-left:15px;} #quote {background: #E35B0A url(/emerging/img/common/arrow-white.png) no-repeat center right 2.5%; border-width:1px; background-size:43px;} #quote.facebook.dropbox {background: #222 url(../../../img/common/ico_arrow_white_bottom_box.png) no-repeat center right 5%; border-width:1px; background-size:15px;} #quote.facebook span.title_SM{color:#fff; font-size:22px;} #quote a:hover{color:#E35B0A;} #quote:hover{background: rgb(34,34,34) url(/emerging/img/common/arrow-orange.png) no-repeat center right 5%; background-size:20px; border-style: solid; border-width:2px; border-color:#E35B0A;} #quote.facebook.dropbox:hover{border-color:#E35B0A; border-width:1px; border-style:solid; background : url(../../../img/common/ico_arrow_orange_bottom_box.png) no-repeat center right 5%; background-size:15px;} #quote.facebook.dropbox{border-color:#ffffff; border-width:1px; border-style:solid; background-color:#222222; color:#fffff;} #quote.facebook span.title_SM:hover{color:#E35B0A; font-size:22px; width:110%} .Facebook-list a.Facebook-link {display:block; width:100%; font-size:18px; padding-left:0;background : url(/emerging/img/common/arrow-white.png) no-repeat center right 15%; background-size:43px; padding-left:0;} .gu_sort_area .gu_selectbox .gu_selectbox_inner .Facebook-list a.Facebook-link:hover{opacity:0.8; color:#fff; background : url(/emerging/img/common/arrow-white.png) no-repeat center right 15%; background-size:43px;} .Facebook-list a.Facebook-link span{padding-left:0; font-size:18px; color:#fff;} .dropdown_SM_title{font-size:22px;} #view360_content .exit a svg{width:17px;height:17px; margin:6% 19% 0 0; float:right;} #icon360{position:absolute; z-index:9999; top:3%; left:52%;} #icon360 img{width:80%;} #scrollicon{position:absolute; z-index:9999; bottom:13%; margin-left:1.5%;} #scrollicon img{width:80%;} .btn_inout {position: relative; float: right; right: 5%; top: -90%; z-index: 9999;} .btn_inout a { display: inline-block; text-indent: -999em; overflow: hidden; background: no-repeat; width: 11rem; height: 2.5rem; vertical-align: middle; opacity: 0.7; transition:all 0.2s; -webkit-transition:all 0.2s; background-size: auto 2rem; -webkit-background-size: auto 2rem; } .btn_inout .select_outside { background-image: url(../../../img/360/outside_on.png); } .btn_inout .select_inside { background-image: url(../../../img/360/inside_on.png); } #functions_popup{position: absolute;z-index: 9998;top: 0;left: 0;width: 80%;height: 94.5%;overflow: hidden;max-width: 1120px;max-height: 704px;margin: 38px 20% 38px 0;} #functions_popup .function_popup{display:block; width:100%; height:100%;} #functions_popup .function_info_popup{width: 63%;height: 80%;margin: 5% 0 0 18.5%;padding: 1%;background: rgba(0,0,0, 0.8);} #functions_popup #prod_inside_popup { display:none; background:#222 } /******이미지 텍스트 세로 정렬***********/ #functions_popup .function_popup .text{display:inline-block; width:45%; height:85%; vertical-align:bottom; color:#fff; padding-right:0; } #functions_popup .function_popup .text_title{display:block; font-weight:700; font-size:27px; color:#E25B0A;} #functions_popup .function_popup .text_content{display:block; font-size:17px; padding-top:40px;} #functions_popup .function_popup .text_content ul{list-style:disc; padding-left:15px;} #functions_popup .function_popup .text_content li{padding-top:15px;} #functions_popup .function_popup .text_content li:first-child{padding-top:0;} #functions_popup .function_popup .popup_img{display:inline-block; width:49%; height:100%} #functions_popup .function_popup .popup_img .img.selected{display:block; width:84%; height:60%; margin-left:8%; margin-top:20%;} #functions_popup .function_popup .popup_img .img{display:none;} #functions_popup .function_popup .popup_img .img img{display:block; width:100%; height:100%;} /********이미지2개 선택 ***************/ #functions_popup .function_popup .popup_img .img_selected{display:block; margin-top:8%; margin-left:6%; width:84%; color:#ffffff;} #functions_popup .function_popup .popup_img .img_selected .img_navi{display:inline-block; width:48%; border-color:#ffffff; border-bottom-style:solid; border-bottom-width:2px; text-align:right; font-size:14px;} #functions_popup .function_popup .popup_img .img_selected .img_navi:last-child{margin-left:1%;} #functions_popup .function_popup .popup_img .img_selected .img_navi.img1.selected{color:#E25B0A; border-color:#E25B0A;} #functions_popup .function_popup .popup_img .img_selected .img_navi.img2.selected{color:#E25B0A; border-color:#E25B0A;} /*******이미지 텍스트 가로 정렬 *******/ #functions_popup .function_popup .popup_img_wide{display:block; width:90%; height:50%; margin-left:5%;} #functions_popup .function_popup .popup_img_wide .img{display:block; width:100%; height:100%;} #functions_popup .function_popup .popup_img_wide .img img{display:block; width:100%; height:100%;} #functions_popup .function_popup .text_wide{display:block; width:90%; color:#fff; margin:5% 0 3% 5%;} #functions_popup .function_popup .text_wide .text_content{padding-top:20px;} /*******텍스트만 있을 때*******/ #functions_popup .function_popup .text_only{display:block; width:90%; margin:10% 0 0 5%; color:#ffffff;} #functions_popup .function_popup .text_only .text_title{font-size:30px;} #functions_popup .function_popup .text_only .text_content{font-size:23px; padding-top:50px;} /******텍스트 이미지 2개 가로 정렬 ****/ #functions_popup .function_popup .text_wide.wide { display: block;width: 90%; color: #fff; margin: 5% 0 5% 5%; height: 22%;} #functions_popup .function_popup .text_wide.wide .text_content {padding-top:20px;} #functions_popup .function_popup .popup_img.wide{display:block; width:100%; height:80%;} #functions_popup .function_popup .popup_img.wide .img.selected {width: 60%; height: 50%; margin-left: 20%; margin-top:0;} #functions_popup .function_popup .popup_img.wide .img_selected {width: 60%; margin-left: 20%; margin-top:2%;} /*****텍스트 + 배경 이미지 *****/ #functions_popup .function_popup .mix-img-text{display:block; width:90%; height: 90%; color:#fff; margin-top:3%; margin-left:5%; background :url('/emerging/img/360/DX140W_project/popup/function5_img.png') no-repeat right 25%;} #functions_popup .function_popup .mix-img-text .text_title{display:block; font-weight:700; font-size:18px; width:48%; color:#E35B0A;} #functions_popup .function_popup .mix-img-text .text_content{display:block; font-size:15px; width:70%; padding-top:10px;} #functions_popup .function_popup .mix-img-text .text_title.second{padding-top:120px;} #functions_popup .function_popup .mix-img-text .text_content.second{width:90%;} /**텍스트 세로 리스트 정렬 ****/ #functions_popup .function_popup .text_wide_list{display:block; color:#ffffff; width:90%; margin-left:5%; height:50%;} #functions_popup .function_popup .text_wide_list .text_list{display:inline-block; width:47%; margin-right:5%; vertical-align:top;} #functions_popup .function_popup .text_wide_list .text_list:last-child{margin-right:0;} #functions_popup .function_popup .text_wide_list .text_list .text_list_title{font-size:20px; font-weight:700; padding-bottom:20px;} #functions_popup .function_popup .text_wide_list .text_list ul{font-size: 13px; list-style:disc; margin-left:17px;} #functions_popup .function_popup .text_wide_list .text_list ul li{padding-top:10px;} #functions_popup .function_popup .text_wide_list .text_list ul li:first-child{padding-top:0;} /**이미지 두개 가로 정렬 ***/ #functions_popup .function_popup .text_top{display:block; width:90%; height:20%; color:#fff; margin-left:5%; padding-top:3%;} #functions_popup .function_popup .popup_img_list{display:block; width:90%; height:80%; margin-left:5%;} #functions_popup .function_popup .popup_img_list .img{display:inline-block; width:48%; height:85%; margin-right:3%; vertical-align:top;} #functions_popup .function_popup .popup_img_list .img:last-child{margin-right:0;} #functions_popup .function_popup .popup_img_list .img img{dispaly:block; width:100%; height:100%;} #functions_popup .function_popup .popup_img_list span{display:block; font-size:13px; color:#ffffff; text-align:center; margin-top:10px;} #functions_popup .function_popup .popup_img_list span.title{text-align:left; font-size:18px;} #functions_popup .function_popup .popup_img_list span.content{text-align:left; font-size:15px;} /***DX140W***/ #functions_popup .function_popup .text.DX140W{height:95%;} #functions_popup .function_popup .text.DX140W{height:92%;} #functions_popup .function_popup .popup_img_wide.DX140W .img img{height:85%;} /***DX800LC***/ #functions_popup .function_popup .popup_img.wide.DX800LC.popup1 .img.selected{width:90%; margin-left:5%; margin-top:8%;} #functions_popup .function_popup .popup_img.wide.DX800LC.popup1 .img_selected {width: 90%; margin-left: 5%; margin-top:2%;} #functions_popup .function_popup .popup_img_list.DX800LC.popup4 .img img{height:54%;} /***DL550***/ #functions_popup .function_popup .popup_img_wide.DL550 .img img{height:65%;} #functions_popup .function_popup .text.DX140W{height:95%;} /***DX225LCA***/ #functions_popup .function_popup .popup_img_list.DX225LCA{height:64%;} #functions_popup .function_popup .popup_img_wide.DX225LCA{height:33%;} #functions_popup .function_popup .popup_img.DX225LCA{width:100%; font-size:17px; height:89%;} #functions_popup .function_popup .popup_img.DX225LCA .img.selected{margin-left:0;margin-right:0; margin-top:38px; width:100%;} #functions_popup .function_popup .popup_img.DX225LCA .img li{margin-top:10px;} #functions_popup .function_popup .popup_img.DX225LCA .img_selected{margin:0; width:100%;} #functions_popup .function_popup .text.DX140W.DX225LCA{width:44%;} #content360{display:flex;width:75%;height:100%;text-align:left;position: relative;} /***snapshot***/ #snapshot{display:inline-block; float:right; width:20%; min-height:100%; order: 2;} #snapshot .snapshot_list{width:100%; vertical-align:middle; padding:38px 10px 0 10px; min-height: 100%; display: flex; flex-direction: column; justify-content: space-between;} #snapshot .img_side{ padding-top:4.6%;} #snapshot .img_side:first-child{padding-top:0;} #snapshot .img_side a img{width:90%;} #snapshot .img_side a img:hover{border-style:solid; border-width:3px; border-color:#E35B0A;} #snapshot .img_side.list_selected a img{border-width:3px; border-style:solid; border-color:#E35B0A;} #content { max-width: 1120px; max-height: 704px; display:inline-block; width:80%; float:left; order: 1; /* border: 1px dotted #cecfd2; */ } #wr360PlayerId{width:100%; display:block; padding-top:38px;vertical-align:top; bottom:0px;} body:not(.newModels) #wr360container_wr360PlayerId.container {min-height: 100% !important; height: 100% !important; margin-top:0 !important;} #wr360ThemePanel__wr360PlayerId.theme_panel{bottom:7% !important;} body:not(.newModels) #wr360image_wr360PlayerId.panning{margin-top:0 !important;} @media(max-width:1680px){ #snapshot .snapshot_list{padding:38px 5px 0 5px;} /**리스트 화살표 크기 **/ #list .content360_list.list_selected {background-size:15px;} #list .content360_list:hover{background-size:15px;} /**facebook or quote**/ .not_list_child{font-size:20px;} .not_list_child.facebook{margin-top:55px;} #quote{background-size:35px;} #quote:hover{background-size:15px;} #video_clip{padding-top:20px;} #video_clip.DL550{padding-top:12px;} #video_popup .popup{margin: 2px 118px 0 25px;} #functions_popup{top: 0;} /******이미지 텍스트 세로 정렬***********/ #functions_popup{height: 92.5%;} #functions_popup .function_popup .popup_img .img.selected{margin-top:21%;} #functions_popup .function_popup .text_title{font-size:24px;} #functions_popup .function_popup .text_content li{padding-top:10px;} /*****텍스트 + 배경 이미지 정렬 ********/ #functions_popup .function_popup .mix-img-text{ background-size:90%; background-position-y: 20%;} #functions_popup .function_popup .mix-img-text .text_title{ font-size:17px;} #functions_popup .function_popup .mix-img-text .text_content.second{width:100%;} /**이미지 두개 가로 정렬 ***/ #functions_popup .function_popup .text_top{height:18%;} #functions_popup .function_popup .popup_img_list span.title{font-size:16px;} #functions_popup .function_popup .popup_img_list span.content{font-size:14px;} #icon360{top:7.5%; left:53%;} #scrollicon{bottom:19%; margin-left:1.5%;} } @media(max-width:1640px){ } @media(max-width:1580px){ /******이미지 텍스트 세로 정렬***********/ #functions_popup .function_popup .text_title{font-size:22px;} #functions_popup .function_popup .text_content{font-size:15px; padding-top:30px;} } @media(max-width:1540px){ #icon360{top:9%;} #scrollicon{bottom:17%; margin-left:1%;} } @media(max-width:1480px){ /**facebook or quote**/ #quote{margin-bottom:24px;} .not_list_child{font-size:18px;} .not_list_child.facebook{margin-top:50px;} .not_list_child span{line-height:50px;} #list .title{font-size:22px; line-height:24px;} #list .content360_list{font-size:15px; line-height:20px;} /*******텍스트만 있을 때*******/ #functions_popup .function_popup .text_only .text_content{font-size:23px;} /*****텍스트 + 배경 이미지 정렬 ********/ #functions_popup .function_popup .mix-img-text .text_title{ font-size:15px;} #functions_popup .function_popup .mix-img-text .text_content{ font-size:13px;} #functions_popup .function_popup .mix-img-text .text_title.second{padding-top:104px;} /**이미지 두개 가로 정렬 ***/ #functions_popup .function_popup .popup_img_list span.title{font-size:14px;} #functions_popup .function_popup .popup_img_list span.content{font-size:12px;} /**DX225LCA**/ #functions_popup .function_popup .popup_img.DX225LCA{font-size:15px; height:95%;} #functions_popup .function_popup .popup_img.DX225LCA .img.selected{margin-top:25px;} #functions_popup .function_popup .text.DX140W{width:44%;} } @media(max-width:1440px){ /**텍스트 세로 정렬만 ***/ #functions_popup .function_popup .text_wide_list .text_list .text_list_title{font-size:18px;} #functions_popup .function_popup .text_wide_list .text_list ul{font-size:12px;} #icon360{ top:10%;} #icon360 img{width:66%;} #scrollicon img{width:68%;} } @media(max-width:1380px){ #wr360PlayerId{padding-top:38px;} #snapshot .snapshot_list{padding:38px 5px 0 5px;} #list .title{font-size:22px; line-height:20px;} #list .content360_list{font-size:15px; line-height:18px;} #video_popup .popup{margin: 0 0 0 25px; padding:8px;} /******이미지 텍스트 세로 정렬***********/ #functions_popup .function_popup .text{width:44%;} #functions_popup .function_popup .text_title{font-size:20px;} #functions_popup .function_popup .text_content{font-size:13px; padding-top:20px;} /*****텍스트 + 배경 이미지 정렬 ********/ #functions_popup .function_popup .mix-img-text .text_content{ font-size:12px;} #functions_popup .function_popup .mix-img-text .text_title.second{padding-top:85px;} } @media(max-width:1350px){ } @media(max-width:1300px){ } @media(max-width:1280px){ #content{width:100%; height:100%; display:block;} #content360{width:100%; height:100%; display:block;} #list{display:none;} #snapshot{display:none;} #wr360PlayerId{padding-top:0; width:100%; height:100%;} #wr360container_wr360PlayerId.container { min-height:556px !important; height:100%;} body:not(.newModels) #wr360image_wr360PlayerId.panning{max-width:1280px; margin-top:0 !important;} #wr360ThemePanel__wr360PlayerId{display:none !important;} #video_popup{display:none;} #icon360{top:2%; left:42%;} #icon360 img{width:72%;} #scrollicon{display:none;} #functions_popup{ top: 10%;left: 22%; width:56%; height:70%;} #functions_popup .function_info_popup { height:65%; } #functions_popup .function_popup .text{width:45%;} #functions_popup .function_popup .text_title {font-size:25px;} #functions_popup .function_popup .text_content{font-size:17px; padding-top:30px;} /*****텍스트 + 배경 이미지 정렬 ********/ #functions_popup .function_popup .mix-img-text{background-position-y:37%; } #functions_popup .function_popup .mix-img-text .text_title{ font-size:17px;} #functions_popup .function_popup .mix-img-text .text_content{ font-size:13px;} #functions_popup .function_popup .mix-img-text .text_title.second{padding-top:105px;} /**이미지 두개 가로 정렬 ***/ #functions_popup .function_popup .popup_img_list span.title{font-size:17px;} #functions_popup .function_popup .popup_img_list span.content{font-size:14px;} /**DX140W**/ #functions_popup .function_popup .popup_img_wide.DX140W .img img{height:75%;} /**DL550**/ #functions_popup .function_popup .text.DX140W .text_content{font-size:15px;} /**DX225LCA**/ #functions_popup .function_popup .text_content.DX225LCA {font-size:15px;} .btn_inout {top: -545px; right: 100px;} } @media(max-width:1180px){ #functions_popup{ top: 0;left: 0; width:100%; height:556px; margin-top:0 } /*****텍스트 + 배경 이미지 정렬 ********/ #functions_popup .function_popup .mix-img-text{background-position-y:20%; } #functions_popup .function_popup .mix-img-text .text_title{ font-size:16px;} #functions_popup .function_popup .mix-img-text .text_content{ font-size:14px;} #icon360{left:46%;} } @media(max-width:1080px){ /*****텍스트 + 배경 이미지 정렬 ********/ #functions_popup .function_popup .mix-img-text .text_title.second{padding-top:94px;} .btn_inout { right: 60px;} .btn_inout a { background-size: auto 1.8rem; -webkit-background-size: auto 1.8rem;} } @media(max-width:1060px){ .btn_inout { right: 55px;} } @media(max-width:1000px){ #wr360PlayerInside .panning { margin-top:0 !important } #functions_popup .function_popup .text{width:44%;} #functions_popup .function_popup .text_title {font-size:20px;} #functions_popup .function_popup .text_content{font-size:15px; padding-top:20px;} /*****텍스트 + 배경 이미지 정렬 ********/ #functions_popup .function_popup .mix-img-text{background:none;} #functions_popup .function_popup .mix-img-text .text_title {width:100%; font-size:17px;} #functions_popup .function_popup .mix-img-text .text_content{width:100%; font-size:15px;} #functions_popup .function_popup .mix-img-text .text_title.second{padding-top:20px;} /**이미지 두개 가로 정렬 ***/ #functions_popup .function_popup .popup_img_list span.title{font-size:14px;} #functions_popup .function_popup .popup_img_list span.content{font-size:13px;} /**텍스트 세로 정렬만 ***/ #functions_popup .function_popup .text_wide.DX800LC.popup2 .text_content {display:none;} #functions_popup .function_popup .text_wide_list .text_list .text_list_title{font-size:17px;} #functions_popup .function_popup .text_wide_list .text_list ul{font-size:12px;} /*******텍스트만 있을 때*******/ #functions_popup .function_popup .text_only .text_title{font-size:28px;} #functions_popup .function_popup .text_only .text_content{font-size:20px; padding-top:35px} /**DX225LCA**/ #functions_popup .function_popup .text_content.DX225LCA{font-size:12px;} #functions_popup .function_popup .text_wide .text_content{padding-top:7px;} #functions_popup .function_popup .popup_img.DX225LCA{height:92%; font-size:13px;} #functions_popup .function_popup .popup_img.DX225LCA .img.selected{margin-top:10px;} #functions_popup .function_popup .text.DX140W{height:95%;} #functions_popup .function_popup .text.DX140W.DX225LCA{width:43%;} #functions_popup .function_popup .text.DX140W{width:43%;} .btn_inout { right: 35px;} } @media(max-width:960px){ .btn_inout { right: 10px;} .btn_inout a { background-size: auto 1.7rem; -webkit-background-size: auto 1.7rem;} } @media(max-width:760px){ #functions_popup{ height:348px; } #functions_popup .function_popup .popup_img{display:none;} #functions_popup .function_popup .popup_img_wide {display:none;} #functions_popup .function_popup .popup_img.wide{display:none;} #functions_popup .function_popup .popup_img_list.DX800LC.popup4 .img img{display:none;} #functions_popup .function_popup .text{display:block; width:90%; margin:6% 0 0 5%; } #functions_popup .function_popup .text_content{font-size:16px;} #functions_popup .function_popup .text_title{font-size:25px; color:#E85B0A;} /*****텍스트 + 배경 이미지 정렬 ********/ #functions_popup .function_popup .mix-img-text .text_title {font-size:15px;} #functions_popup .function_popup .mix-img-text .text_content{font-size:13px;} /**이미지 두개 가로 정렬 ***/ #functions_popup .function_popup .popup_img_list{height: 70%; margin-top:20px;} #functions_popup .function_popup .popup_img_list span.title{font-size:17px;} #functions_popup .function_popup .popup_img_list span.content{font-size:13px; margin-top:10px;} #functions_popup .function_popup .text_only{margin:7% 0 0 5%;} /**텍스트 이미지 가로정렬**/ #functions_popup .function_popup .text_wide {margin:5% 0 0 5%; padding-top:0;} /**텍스트 세로 정렬만 ***/ #functions_popup .function_popup .text_wide.DX800LC.popup2 .text_content {display:block;} #functions_popup .function_popup .text_wide_list .text_list{display:none;} /**DX140W**/ #functions_popup .function_popup .text.DX140W.popup2{margin:2% 0 0 5%;} #functions_popup .function_popup .text.DX140W{width:92%;} /***DX225LCA***/ #functions_popup .function_popup .popup_img_list.DX225LCA{height:42%; margin-top:15px;} #functions_popup .function_popup .text.DX140W.DX225LCA{width:92%; margin:4% 0 0 5%;} #functions_popup .function_popup .text_content.DX225LCA{padding-top:15px;} #functions_popup .function_popup .text.DX140W .text_content.DX225LCA{font-size:12px; display:block !important;} #functions_popup .function_popup .text_content.DX225LCA{font-size:15px;} .btn_inout a { background-size: auto 1.5rem; -webkit-background-size: auto 1.5rem;} } @media(max-width:650px){ .btn_inout { right: 0;} body:not(.newModels ) #wr360PlayerId .container .hotspot_indicator {display:none !important;} #functions_popup{display:none;} #icon360{left:45%;} #icon360 img{width:49%;} }