.gu_sub_wrapper .gu_sub_contents .contents_inner {padding-top: 160px;} .equipment-detail_list-box {padding-bottom: 0;} .equipment-detail_benefit-list-box {padding-bottom:0;} .equipment-detail_benefit-list-box li:last-child {margin-bottom: 0;} .gu_table table tr th {font-weight: 700; letter-spacing:0;} .gu_table table tr th br{display:none;} .quick-links{margin-top:0;} #WRAP .container .container_inner .gu_sub_wrapper .gu_sub_contents .contents_inner{padding:0 0 160px;} .gu_icon-list_box .icon_box:last-child{margin-bottom: 160px;} .section.equipment-detail_benefit-list .sec_inner .sec_tit {padding-top: 120px;} #EQUIPMENT_SPECIAL-APPLICATIONS .section.equipment_product-list .sec_inner {margin-bottom: 0; padding:180px 0 0;} #EQUIPMENT_SPECIAL-APPLICATIONS .section.equipment_product-list.simple {margin-top: 0;} .section.equipment_product-list.simple{padding-top:0;} .section .sec_inner .product_container a p.product_name{padding-bottom:20px;} .product_btn_container .gu_sort_area .gu_selectbox {left:auto;right:0;} /* ================================== Tablet css ================================== */ @media all and (max-width: 1080px) { .product_btn_container .gu_sort_area .gu_selectbox {width:200%; left:-170px; right:auto;} #EQUIPMENT_SPECIAL-APPLICATIONS .section.equipment_product-list .sec_inner{padding-top:120px;} #WRAP .container .container_inner .gu_sub_wrapper .gu_sub_contents .contents_inner {padding: 0 0 120px;} .gu_sub_wrapper .gu_sub_contents .contents_inner {padding-top: 120px;} .section.equipment_product-list .sec_inner {padding-bottom: 30px;} .section .sec_inner .product_container a{padding:24px;} .section .sec_inner .product_container.simple, .section .sec_inner .product_container.simple a{height:334px;} .container.subNavi_equipment_special-applications .gu_product_top > div, .container.subNavi_equipment_attachments .gu_product_top > div{width: calc(100% - 190px);} .section .sec_inner .sec_tit{padding-top:120px;} .equipment-detail_benefit-list-box {padding-bottom:0;} .section.equipment-detail_product .sec_inner{padding-top:40px;} .contents_inner .section .sec_inner {padding-top: 0;} .gu_icon-list_box .icon_box:last-child {margin-bottom: 120px;} .container.subNavi_equipment_special-applications .product_box .img_box{display:block; width:100%; height:calc(100% - 60px);} .container.subNavi_equipment_special-applications .product_box .img_box div{display:block; height:90%; padding-top:20px;} #WRAP .container.subNavi_equipment_special-applications .product_box .img_box div img{display:block; width:inherit; max-width:100%; max-height:100%; margin:0 auto; transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); } .gu_table table tr th{min-width:83px;} .gu_table table tr th:first-child {font-weight: 700; min-width:170px;} .gu_table .sec_inner .sec_tit {padding-top:80px !important;} } @media all and (max-width: 850px) { .product_btn_container .gu_sort_area .gu_selectbox{ left: -150px;} } /* ================================== Mobile css ================================== */ @media all and (max-width: 766px) { #EQUIPMENT_SPECIAL-APPLICATIONS .section.equipment_product-list .sec_inner{padding-top:60px;} .gu_sub_wrapper .gu_sub_contents .contents_inner {padding-top:60px;} #EQUIPMENT_SPECIAL-APPLICATIONS .container_inner .gu_sub_wrapper .gu_sub_contents .contents_inner {padding-bottom: 30px;} .equipment-detail_benefit-list-box {padding-bottom:0;} .section .sec_inner .product_container a{padding:24px 20px 30px;} .section .sec_inner .sec_tit {padding-top: 60px;} .section.equipment-detail_product .sec_inner {padding-top: 0;} .section.equipment-detail_benefit-list .sec_inner .sec_tit {padding-top: 60px;} #WRAP .container .container_inner .gu_sub_wrapper .gu_sub_contents .contents_inner {padding:0 0 60px;} .section .sec_inner .sec_tit{padding-top:60px !important;} .gu_icon-list_box .icon_box:last-child {margin-bottom: 60px;} .product_btn_container .gu_sort_area .gu_selectbox{width:204%; left: 0;} .container.subNavi_equipment_special-applications .product_box .img_box{height:calc(100% - 50px);} .container.subNavi_equipment_special-applications .product_box .img_box div{padding-top:30px;} .container.subNavi_equipment_special-applications .gu_product_top > div, .container.subNavi_equipment_attachments .gu_product_top > div { width: 100%; } .gu_table table tr th{min-width:60px;} .gu_table table tr th:first-child {min-width:inherit;} .equipment-detail_list-box li:last-child {padding-bottom:0;} } .gu_product_top2 > div.product_btn_container{text-align:right;float: right;padding: 90px 5px 0 0;} .gu_product_top2 > div.product_btn_container,.gu_product_top2 > div.product_btn_container .btn_container{display:inline-block;} .gu_product_top2 > div p{float:left; font-size:18px; letter-spacing:1px; padding-top:21px;} .gu_product_top2 > div p.name{font-size:32px; letter-spacing:-1px; word-break: break-all; padding-top:0; padding-right:24px; line-height:44px;} .gu_product_top2 > div span.name{float:left;color:#222;font-size:38px; letter-spacing:-1px; word-break: break-all; padding-top:0; padding-right:14px; line-height:44px;} .gu_product_top2 > div div.sub{float:left;color:#222; margin-top:-5px;} .gu_product_top2 > div div.sub > span{float:left; display:inline-block; font-size:16px; margin:21px 4px 0;} .gu_product_top2 > div.product_btn_container a,.gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div{display:inline-block; width:192px; font-size:16px; color:#222; text-align:left; padding:13px 20px; border:solid 1px #222; transition:all 0.3s; -webkit-transition:all 0.3s; } .gu_product_top2 > div.product_btn_container .gu_sort_area{float:none;display:inline-block;vertical-align:top;max-width:288px;margin-bottom:0;} .product_btn_container .gu_sort_area .gu_selectbox{display:inline-block;vertical-align:top;right: 0;width: calc(200% + 18px);height: auto;} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_selectbox a{border:none;} .gu_product_top2 > .product_name .gu_sort_area .gu_selectbox .gu_selectbox_inner a{height:48px; line-height:48px;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner{display:inline-block; vertical-align:top;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll{display:inline-block; vertical-align:top;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .gu_custom_scroll .custom_scroll_content{overflow:inherit; display:inline-block; vertical-align:top;} .product_btn_container .gu_custom_scroll .custom_scroll_content > div span, .product_btn_container .gu_custom_scroll .custom_scroll_content > a{display:block; float:left; overflow:hidden; width:calc(100% - 53px); font-size:14px; white-space:nowrap; text-overflow:ellipsis;} #WRAP .product_btn_container .gu_custom_scroll .custom_scroll_content > a{box-sizing: content-box; padding: 0 0 0 20px; color: #fff; height: 48px; line-height: 48px; font-size: 16px; font-weight: 300;} .product_btn_container .gu_custom_scroll .custom_scroll_content > div span a{display:inline-block;width:16px; height:16px; padding:0; margin-left:6px; border:0;} .product_btn_container .gu_custom_scroll .custom_scroll_content > div span a.down{margin-left:10px; background:url('../../../img/common/ico_down_black.png') 50% 50% no-repeat;} .product_btn_container .gu_custom_scroll .custom_scroll_content > div span a.share{background:url('../../../img/common/btn_share_black.png') 50% 50% no-repeat;} .product_btn_container .gu_custom_scroll .custom_scroll_content > div span:hover a.down{background-image:url('../../../img/common/ico_down_white.png')} .product_btn_container .gu_custom_scroll .custom_scroll_content > div span:hover a.share{background-image:url('../../../img/common/btn_share_white.png')} .product_btn_container .gu_custom_scroll .custom_scroll_content > div span .brochure_btn_box{float:right;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div{overflow:hidden;display:inline-block;vertical-align:top;width:100%;height:52px;padding-left:20px;/* padding-right:16%; */} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div:hover{background-color:#e66c23;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div span, .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div div.brochure_btn_name{display:block;float:left;width: calc(100% - 120px);text-align:left;height:42px;line-height:48px;position:relative;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div:first-child span:before{display:block; content:''; position:absolute; bottom:4px; left:0;width:60px; height:1px; background:#fff;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div div.brochure_btn_name a{height:42px; color:#fff; padding:0;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div div.brochure_btn_name a:hover{background:inherit;} #WRAP .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div .brochure_btn_box{float:right;box-sizing:content-box;width: 120px;text-align: left;padding-top:12px;/* padding-right: 20px; */} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div .brochure_btn_box a{display:inline-block; width:30px; height:30px; padding:0;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div .brochure_btn_box a.down{margin-right:6px;background:url('../../../img/common/ico_down_white.png') 50% 50% no-repeat;background-size:auto 16px;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div .brochure_btn_box a.share{background:url('../../../img/common/btn_share_white.png') 50% 50% no-repeat;} .gu_product_top2 > div div.sub > .tier:after{display:inline-block; content:',';} .gu_product_top2 > div div.sub > .tier:last-child:after{display:none;} .gu_product_top2 > div.product_btn_container a:after{display:inline-block;content:'';margin-left:12px;position: absolute;top: 50%;right: 100px;/* transform: translateY(-50%); */} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name{width:inherit; min-width:184px; color:#222;} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name:before{right:20px;} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name:before{width: 12px; height: 12px; background:url('../../../img/common/ico_arrow_black_bottom_box.png') 50% 50% no-repeat; background-size:contain; z-index:1; pointer-events:none; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name:hover:before{background-image:url('../../../img/common/ico_arrow_white_bottom_box.png'); width: 12px; height: 12px;} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name a:before, .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name a:after{display:none;} .gu_product_top2 > div.product_btn_container a.brochure{position:relative;} .gu_product_top2 > div.product_btn_container .btn_container.brochure.on{overflow:inherit; top: -22px;} .subNavi_equipment_attachments .gu_product_top2 > div.product_btn_container .btn_container.brochure.on,.subNavi_equipment_special-applications .gu_product_top2 > div.product_btn_container .btn_container.brochure.on{top: 0;} .gu_product_top2 > div.product_btn_container a.brochure:after{width:12px; height:7px; margin-bottom:2px; background:url("../../../img/equipment/excavators/btn_down_black.png") no-repeat;} .gu_product_top2 > div.product_btn_container .btn_container.brochure.on a.brochure:after{background-image:url('../../../img/equipment/excavators/btn_up_black.png')} .gu_product_top2 > div.product_btn_container .btn_container.brochure.on a.brochure{color:#222; background-color:#fff;} .gu_product_top2 > div.product_btn_container .btn_container.brochure.on a.brochure:hover{color:#e35b0a} .gu_product_top2 > div.product_btn_container a.compare:after{width:24px; height:15px; margin-bottom:-4px; background:url("../../../img/equipment/excavators/btn_compare_black.png") no-repeat center / contain;} .gu_product_top2 > div.product_btn_container a:hover{background-color:#e35b0a; border:solid 1px #e35b0a; color:#fff;} .gu_product_top2 > div.product_btn_container .btn_container.brochure.on a.brochure:hover:after{background-image:url("../../../img/equipment/excavators/btn_up_orange.png");} .gu_product_top2 > div.product_btn_container a.compare:hover:after{background-image:url("../../../img/equipment/excavators/btn_compare_white.png");} .gu_product_top2 > div .btn_container a.brochure .brochure_dropdown{position:absolute; top:-110px; left:0; z-index:-1;} .gu_product_top2 > div .btn_container a.brochure .brochure_dropdown a{margin-top:-1px; border:0; background:#e35b0a;} .gu_product_top2 > div.product_btn_container .btn_container{position:relative; overflow:hidden; z-index:1; vertical-align:top;} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown{position: absolute; left: 0; z-index: -1;} .gu_product_top2 > div.product_btn_container .btn_container.brochure.on .brochure_dropdown{top:57px;} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div{display: block; height:57px; margin-top: -1px; border-top-color:#ccc; border-bottom-width:0; background:#fff; cursor:pointer;} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div:last-child{border-bottom-width:1px} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div:hover{color:#fff; background:#e35b0a;} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div span{display:block; float:left; overflow:hidden; width:calc(100% - 53px); font-size:14px; white-space:nowrap; text-overflow:ellipsis;} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div a{display:inline-block;width:16px; height:16px; padding:0; margin-left:6px; border:0;} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div a.down{margin-left:10px; background:url('../../../img/common/ico_down_black.png') 50% 50% no-repeat;} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div a.share{background:url('../../../img/common/btn_share_black.png') 50% 50% no-repeat;} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div:hover a.down{background-image:url('../../../img/common/ico_down_white.png')} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div:hover a.share{background-image:url('../../../img/common/btn_share_white.png')} .gu_product_top2 > div.product_btn_container .btn_container.brochure .brochure_dropdown > div .brochure_btn_box{float:right;} .gu_product_top2 > div.product_btn_container a, .gu_sort_area > div, .gu_sort_name a{vertical-align:top;} .pop_cnt_inner .product_container .compare_box.select .compare_top .gu_sort_area{float:none; width:100%; max-width:230px; margin:0 auto;} .pop_cnt_inner .product_container .compare_box.select .compare_top .gu_sort_area .gu_sort_name{width:100%; margin:0 auto;} .pop_cnt_inner .product_container .compare_box.select .compare_top .gu_sort_area .gu_sort_name:before{right:28px} .pop_cnt_inner .product_container .compare_box.select .compare_top .gu_sort_area .gu_sort_name a:before{display:none;} .pop_cnt_inner .product_container .compare_box.select .compare_top .gu_sort_area .gu_sort_name a{display:inline-block; position:relative; width:100%; max-width:90%; font-size:16px; color:#222; text-align:left; padding:16px 20px 18px; border:solid 1px #222; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .gu_product_top2 .gu_custom_scroll .custom_scroll_content {width: 104%;} @media all and (max-width: 1080px) { .gu_product_top2 > div.product_btn_container a.compare:after{width:19px; height:12px; top:inherit; bottom:22px; transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); } .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name:before{width: 10px; height: 10px;} .gu_product_top2 > div.product_btn_container a:hover{background-color:#fff; border:solid 1px #222; color:#222;} .gu_product_top2 > div.product_btn_container a.compare:hover:after {background-image: url('../../../img/equipment/excavators/btn_compare_black.png');} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name:hover:before{background-image:url('../../../img/common/ico_arrow_black_bottom_box.png'); width: 10px; height: 10px;} #WRAP .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div .brochure_btn_box{padding-top:4px;} .gu_product_top2 > div.product_btn_container .gu_sort_area{width:inherit; max-width:170px;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner{max-width:100%;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner a{margin-top: 0;} .product_btn_container .gu_sort_area .gu_selectbox{width: calc(200% + 10px); top:8px;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div{height:42px; padding-right:20%; padding-left:22px;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div div.brochure_btn_name a span{font-size:13px; line-height:36px;} .container.subNavi_equipment_special-applications .gu_product_top2 > div.product_btn_container, .container.subNavi_equipment_attachments .gu_product_top2 > div.product_btn_container{width:inherit; min-width:146px;padding: 40px 50px 0 0;} /* Equipment - detail 페이지 상단 제품바 버튼 */ .gu_product_top2 > div.product_btn_container .btn_container{width:170px; margin-left:10px;} .gu_product_top2 > div .btn_container a {font-size: 13px;} .gu_product_top2 > div.product_btn_container a.compare{width:100%; margin-left:0;} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name{width:170px; min-width:170px;} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name:before{top:inherit; transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); } } @media all and (max-width: 766px) { .gu_product_top2 > div.product_btn_container .btn_container, .gu_product_top2 > div.product_btn_container .gu_sort_area{float:left; width:calc(50% - 6px); max-width:inherit; min-height:38px;} .gu_product_top2 > div.product_btn_container .gu_sort_area{max-width:inherit; margin-right:12px;width: 100%;} .gu_product_top2 > div.product_btn_container .btn_container{position:relative; left:0; z-index:0; margin-left:0;} .container_inner .gu_product_top2 {padding:20px; height:auto; min-height:inherit;} .container_inner .gu_product_top2 > div.product_btn_container a{width:100%; font-size:13px; margin:0; padding:0 20px; line-height:36px;} .gu_product_top2 > div.product_btn_container a.compare{margin-left:0;} .gu_product_top2 > div.product_btn_container a.compare,.gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name{width:100%; height:38px; line-height:36px;} .product_btn_container .gu_sort_area .gu_selectbox{top:0; right:inherit; left:0; width: calc(200% + 12px);} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name{min-width:inherit;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div{padding-left:20px; padding-right:18%;} #WRAP .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div .brochure_btn_box{padding-top:10px;} .container.subNavi_equipment_special-applications .gu_product_top2 > div.product_btn_container, .container.subNavi_equipment_attachments .gu_product_top2 > div.product_btn_container { float: left; padding: 20px 0 0 0;} .gu_product_top2 .gu_custom_scroll .custom_scroll_content {width: 110%;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div span a span{line-height:40px;} .gu_product_top2 > div.product_btn_container .gu_sort_area .gu_sort_name:before{bottom:50%;} .gu_product_top2 > div.product_btn_container a.compare:after{bottom:24px;} .gu_product_top2 .gu_custom_scroll > .pane {visibility: visible; opacity: 0.99;} .product_btn_container .gu_sort_area .gu_selectbox .gu_selectbox_inner .gu_custom_scroll .custom_scroll_content > div .brochure_btn_box a.down { margin-right: 0px;} }