/******************* 중앙 아이콘 퀵메뉴***********************/ .m_quick {position:absolute; top:47%; left:0%; width:100%; z-index:1000000; text-align:center; display:block; line-height:0; padding:0; margin:0;} .m_quick ul {margin:0 auto;} .m_quick ul li { display:inline-block; margin:10px; } .m_quick ul li.menu1 a {background-image:url(../../img/m_quick_01.png);} .m_quick ul li.menu2 a {background-image:url(../../img/m_quick_02.png);} .m_quick ul li.menu3 a {background-image:url(../../img/m_quick_03.png);} .m_quick ul li.menu4 a {background-image:url(../../img/m_quick_04.png);} .m_quick ul li.menu5 a {background-image:url(../../img/m_quick_05.png);} .m_quick ul li.menu6 a {background-image:url(../../img/m_quick_06.png);} .m_quick ul li a {color:#fff; opacity:0.8; font-size:15px; background-repeat:no-repeat; background-position:center 20px; padding:100px 0 25px 0; width:110px; font-family: 'GmarketSansMedium'; display:inline-block; border:1px solid #fff; border-radius:50px 0 50px 0; -webkit-border-radius:50px 0 50px 0; -moz-border-radius:50px 0 50px 0; -o-border-radius:50px 0 50px 0; } .m_quick ul li a:hover {display:inline-block; opacity:1; background-color:#E52F42; border:1px solid #E52F42; padding:95px 0 25px 0; } @media screen and (max-width:1000px) { .m_quick ul li { margin:5px 2px; } .m_quick ul li a { background-size:30px;} .m_quick ul li a {font-size:11px; background-position:center 5px; width:60px; border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -o-border-radius:20px 0 20px 0; } .m_quick ul li a,.m_quick ul li a:hover { padding:45px 0 12px 0; } } @media screen and (max-width:600px) { .m_quick ul {max-width:270px;} } /******************* 메인이미지 하단 바***********************/ .m_on {position:absolute; bottom:-1px; left:0%; width:100%; z-index:1000000; display:block; font-size:0; line-height:0; padding:0; margin-top:-10px; vertical-align:baseline;} .m_on img {width:100%; height:220px;} @media screen and (max-width:1000px) { .m_on img {height:100px;} } /******************메인이미지 하단 공지***********************/ .m_notice {position:absolute; bottom:0px; left:2%; z-index:10000000; display:block;} .m_notice h3 {font-family: 'GmarketSansBold'; font-size:33px; color:#000; padding-bottom:15px; } .m_notice div.con {width:100%; height:50px; position:relative; } .m_notice .board_output {background:none;} .m_notice .board_output tr td {text-align:right; font-size:15px; letter-spacing:0.05em; } .m_notice .board_output .bd_out1 {text-align:left; line-height:180%;} .m_notice .board_output .bd_out1 a {font-family:'Noto Sans KR'; font-size:15px;} @media screen and (max-width:1000px) { .m_notice h3 {font-size:17px; padding-bottom:5px;} .m_notice div.con {height:25px;} .m_notice .board_output tr td, .m_notice .board_output .bd_out1 a {font-size:12px;} } @media screen and (max-width:800px) { .m_notice .board_output tr td, .m_notice .board_output .bd_out1 a {font-size:10px; } } /******************메인이미지 하단 문의바로가기 아이콘 버튼***********************/ .m_quiry {position:absolute; display:block; bottom:50px; right:2%; z-index:10000000; display:block; background:url(../../img/arrow_5.png) no-repeat right 25px; padding-right:40px;} .m_quiry h3 a {display:block; font-family: 'GmarketSansBold'; font-size:20px; line-height:120%; padding:7px 0 0 60px; color:#fff; background:url(../../img/mquiry_icon.png) no-repeat 0 0; } .m_quiry h3 a span {font-family: 'GmarketSansMedium'; font-size:16px; display:block;} @media screen and (max-width:1000px) { .m_quiry { bottom:20px; background-size:15px; right:1%; background-position:right 35px; padding-right:0px;} .m_quiry h3 a {font-size:12px; padding:14px 0 0 27px; background-position:0 16px; background-size:23px; } .m_quiry h3 a span { font-size:10px;} } /* 아래로 버튼 */ .divpop {position:absolute; z-index:10000000000000; right:50%; margin:0 -30px 0 0; bottom:17px; text-align:center;} @media screen and (max-width:1600px) { .divpop { bottom:10px;} .divpop img {width:50px;} } @media screen and (max-width:1400px) { .divpop { bottom:10px;} .divpop img {width:40px;} } @media screen and (max-width:1000px) { .divpop {display:none;} } /******************* 메인 비주얼 ********************** */ #mainVisual{overflow:hidden; width:100%; position:relative; z-index:100;} .slick-track,.slick-list { -webkit-perspective: 2000; -webkit-backface-visibility: hidden;} #mainVisual .main-visual-list-con, #mainVisual .main-visual-con, #mainVisual .slick-list, #mainVisual .slick-track, .main-visual-item{ height:100%; overflow:hidden;} .main-visual-con{z-index:1;} /* 메인 비주얼 :: 이미지 */ .main-visual-item{position:relative; } .main-visual-item .main-visual-pc-img{ width:100%; height:100%; background-size:cover !important; -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);-webkit-transition:transform 2000ms ease-in-out ;-moz-transition:transform 2000ms ease-in-out ;-o-transition:transform 2000ms ease-in-out ;-ms-transition:transform 2000ms ease-in-out ;transition:transform 2000ms ease-in-out ; } .main-visual-item .main-visual-m-img{display:none;} /* 메인 비주얼 :: 텍스트 */ .main-visual-item .main-visual-txt-con{position:absolute; top:35%; left:5%; width:90%; word-break:keep-all;} .main-visual-item .main-visual-txt-con .main-visual-txt1, .main-visual-item .main-visual-txt-con .main-visual-txt2, .main-visual-item .main-visual-txt-con ul.btn_list{ opacity:0;filter:Alpha(opacity=0); -ms-transform: translateX(50px); -o-transform: translateX(50px); -moz-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition:opacity 1.0s, transform 1.0s; -moz-transition:opacity 1.0s, transform 1.0s; -o-transition:opacity 1.0s, transform 1.0s; -ms-transition:opacity 1.0s, transform 1.0s; transition:opacity 1.0s, transform 1.0s;} .main-visual-item .main-visual-txt-con.left .main-visual-txt1, .main-visual-item .main-visual-txt-con.left .main-visual-txt2,{ opacity:0;filter:Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition:opacity 1.0s, transform 1.0s; -moz-transition:opacity 1.0s, transform 1.0s; -o-transition:opacity 1.0s, transform 1.0s; -ms-transition:opacity 1.0s, transform 1.0s; transition:opacity 1.0s, transform 1.0s;} .main-visual-item .main-visual-txt-con .main-visual-txt1, .main-visual-item .main-visual-txt-con.left .main-visual-txt1{display:block; font-size:22px; text-align:center; letter-spacing:-1px; font-weight:400; color:#fff; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;} .main-visual-item .main-visual-txt-con.left .main-visual-txt1:before{right:auto; left:0;} .main-visual-item .main-visual-txt-con.left .main-visual-txt1 b{font-size:39px; margin-top:60px;} .main-visual-item .main-visual-txt-con .main-visual-txt2, .main-visual-item .main-visual-txt-con.left .main-visual-txt2{font-family: 'GmarketSansBold'; text-align:center; display:block; font-size:68px; font-weight:300; letter-spacing:-2px; line-height:110%; color:#fff; margin-bottom:10px; -webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-ms-transition-delay:0.1s;transition-delay:0.1s;} .main-visual-item .main-visual-txt-con .main-visual-txt2 b{color:#fff;} .main-visual-item .main-visual-txt-con .main-visual-txt2 span{ font-family: 'GmarketSansLight'; } .main-visual-item .main-visual-txt-con img{display:inline-block;} /* 메인 비주얼 :: active효과 */ .main-visual-item.active-item .main-visual-pc-img{ -ms-transform: scale(1.0,1.0) rotate(0.01deg); -o-transform: scale(1.0,1.0) rotate(0.01deg); -moz-transform: scale(1.0,1.0) rotate(0.01deg); -webkit-transform: scale(1.0,1.0) rotate(0.01deg); transform: scale(1.0,1.0) rotate(0.01deg);} .main-visual-item.active-item .main-visual-txt1, .main-visual-item.active-item .main-visual-txt2, .main-visual-item.active-item .main-visual-cir1, .main-visual-item.active-item .main-visual-cir2, .main-visual-item.active-item .main-visual-cir3, .main-visual-item.active-item ul.btn_list{opacity:1.0;filter:Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);} .main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt1, .main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt2, .main-visual-item.active-item .main-visual-cir-con.right .main-visual-cir1, .main-visual-item.active-item .main-visual-cir-con.right .main-visual-cir2, .main-visual-item.active-item .main-visual-cir-con.right .main-visual-cir3, .main-visual-item.active-item .main-visual-txt-con.left ul.btn_list{opacity:1.0;filter:Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px);-webkit-transform: translateX(0px); transform: translateX(0px);} /* 메인 비주얼 :: 버튼 */ #mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:220px; z-index:10000000000000;} #mainVisual .slick-dots li{display:inline-block; margin:0 5px ; } #mainVisual .slick-dots li button{ cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:50px; height:10px; border:2px solid #fff;} #mainVisual .slick-dots li.slick-active button{background-color:#E52F42; border:2px solid #E52F42;} /***바로가기 버튼***/ #mainVisual ul.btn_list { margin-top:40px; text-align:center;} #mainVisual .btn a, #mainVisual .btn a:hover {background-image:none;} @media all and ( max-width:1500px ){ .main-visual-item .main-visual-txt-con .main-visual-txt2, .main-visual-item .main-visual-txt-con.left .main-visual-txt2{font-size:65px; } } @media all and ( max-width:1200px ){ .main-visual-item .main-visual-txt-con{left:3%; ; } .main-visual-item .main-visual-txt-con .main-visual-txt1, .main-visual-item .main-visual-txt-con.left .main-visual-txt1{font-size:19px;} .main-visual-item .main-visual-txt-con.left .main-visual-txt1 b{font-size:33px; margin-top:40px;} .main-visual-item .main-visual-txt-con .main-visual-txt2, .main-visual-item .main-visual-txt-con.left .main-visual-txt2{font-size:55px; letter-spacing:-1px; } } @media all and ( max-width: 800px ){ #mainVisual{height:auto; min-height:auto; } .main-visual-item .main-visual-txt-con{top:35%; } .main-visual-item .main-visual-txt-con .main-visual-txt1, .main-visual-item .main-visual-txt-con.left .main-visual-txt1{font-size:13px;} .main-visual-item .main-visual-txt-con.left .main-visual-txt1 b{font-size:20px;} /* 메인 비주얼 :: 이미지 */ .main-visual-item .main-visual-pc-img{display:none;} .main-visual-item .main-visual-m-img{display:block;} .main-visual-m-img img{width:100%;} /* 메인 비주얼 :: 버튼 */ #mainVisual .slick-dots{bottom:100px;} #mainVisual .slick-dots li button{ width:40px;} /***바로가기 버튼***/ #mainVisual ul.btn_list { margin-top:20px;} } @media all and ( max-width: 600px ){ /* 메인 비주얼 :: 텍스트 */ .main-visual-item .main-visual-txt-con .main-visual-txt2, .main-visual-item .main-visual-txt-con .main-visual-txt2 span, .main-visual-item .main-visual-txt-con.left .main-visual-txt2{font-size:29px; display:block;} } /* 메인비쥬얼 플러그인Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;-khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{ outline: none !important;} .slick-list.dragging{ cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{ position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track{ visibility: hidden;} .slick-slide{ display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{ float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{ display: none;} .slick-slide.dragging img{ pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{ visibility: hidden;} .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-slider *:focus{outline:none !important;} /* 제품소개 :: 롤링 배너 */ .work { width:100%; position: relative; paddding:30px 0; } /* 배너 회전 영문타이틀*/ .tit_b {position:absolute; z-index:10; } .work .tit_b { left:40px; top:0px;} .work .work_wrap { z-index:1; } .work .work_wrap:after {content:"";display:block;clear:both;} .work .work_wrap .work_img{ margin-left:10%; width:90%; height:550px; overflow:hidden; } .work .work_wrap .work_img h2 {font-size:27px; padding:70px 0 0 30px; font-family: 'GmarketSansMedium'; } .work .work_wrap .work_img h2 span{font-size:13px; padding-left:14px; letter-spacing:0.4em;} .work .work_wrap .work_img h2 span a:hover{opacity:0.6;} .work .work_wrap .work_img .item {float:left; display:inline-block;} .item dl {text-align:left; width:400px; padding:40px 30px; position: relative; } .item dl dt {width:100%;} .item dl dt img {width:100%;} .item a:hover dl dt img {opacity:0.7;} .item dl dd .tit h3 {font-size:21px; color:#000; font-family: 'GmarketSansMedium'; line-height:100%; padding-top:20px;} .item dl dd p {font-size:15px; padding-top:5px; color:#818181; } .carousel-control { position:absolute; top:0; margin-top:-40px;} a.carousel-control {opacity:0.3;} a:hover.carousel-control {opacity:1;} .right {right:100px;} .left {right:220px;} @media screen and (max-width: 1000px) { .work .tit_b {left:5px;} .work .tit_b img {width:30px;} .work .work_wrap .work_img{ width:90%; height:300px; } .work .work_wrap .work_img h2 {font-size:21px; padding:30px 0 0 10px;} .work .work_wrap .work_img h2 span{font-size:9px;} .item dl { width:260px; padding:20px 10px; position: relative; } .item dl dd .tit h3 {font-size:16px; padding-top:8px;} .item dl dd p {font-size:11px; padding-top:3px; } .carousel-control {margin-top:-20px;} .carousel-control img {width:50px;} .right {right:10px;} .left {right:70px;} } /* 차별화된 방수공법*/ .container04 {overflow:hidden; background:#eee url('../../img/mbusi_bg.jpg') no-repeat center 0; } .container04 h2{font-size:35px;letter-spacing:-1px; color:#fff; font-family: 'GmarketSansBold';} .container04 h2 span {font-size:35px; color:#fff; font-family:"GmarketSansLight"; font-weight:bold; padding-right:5px; } .container04 .subText {font-size:17px; letter-spacing:-0.5px; font-family:"GmarketSansLight"; color:#fff; padding-top:10px;} .container04 .box01{ padding:180px 0 20px 0; text-align:center; overflow:hidden;} .container04 .box01 ul{display: inline-block; display:flex; flex-wrap :wrap; max-width:1360px; width:98%; margin:30px auto; } .container04 .box01 ul li { float:left; width:23%; margin:0 1%; display:inline-block;} .container04 .box01 ul li img {width:100%; } .container04 .box01 ul li a div {padding:20px 0 0 0; text-align:center; } .container04 .box01 ul li a div h3 { margin:15px auto; font-size:21px; color: #000; font-family: 'GmarketSansMedium'; letter-spacing:-0.03em; font-weight:400; } .container04 .box01 ul li a div span { font-size:14px; letter-spacing:-0.03em; color: #2C2C2A; font-weight:400; line-height:140%; opacity:0.7;} .container04 .box01 ul li a:hover div span {opacity:1;} .container04 .box01 ul li a:hover img {box-shadow:5px 5px 10px 5px rgba(0,0,0,0.2); } @media screen and (max-width:800px) { .container04 {background-size:800px; } .container04 .box01 ul li { float:left; width:46%; margin:10px 2%; display:inline-block; } .container04 h2, .container04 h2 span {font-size:25px;} .container04 .subText {font-size:13px;padding-top:0px; } .container04 .box01{ padding:65px 0 0 0;} .container04 .box01 ul li a div {padding:10px 0 0 0; } .container04 .box01 ul li a div h3 { margin:0px auto; font-size:16px; } .container04 .box01 ul li a div span { font-size:11px;} } @media screen and (max-width:600px) { .container04 {background-size:600px; } } /* 게시판 최근 게시물 css */ /* 웹진형*/ .webzine {text-align:center; padding:150px 0 0 0; background:#38383D url('../../img/m_board_bg.jpg') no-repeat center 0; } .top_tit {position:relative; max-width:1360px; margin:40px auto; } .top_tit h2 {font-size:33px; font-weight:600; word-break:keep-all; color:#fff; font-family: 'GmarketSansMedium'; padding-top:5px; line-height:120%; } .top_tit p span {font-size:17px; font-weight:600; color:#E52F42;} .webzine .top_tit .more {width:40px; height:40px; bottom:10px; right:10px; position:absolute;} .top_tit .more a:hover {-ms-transform: rotate(60deg); // explorer -webkit-transform: rotate(60deg); // chrome, safari, opera transform: rotate(60deg); } .board_webzine {width:96%; margin:0 auto; } .board_webzine .board_output {width:100%; max-width:1360px; margin:0 auto; background:none;} .board_webzine .board_output img {width:100%; height:190px; padding-bottom:10px;} .board_webzine .board_output .bd_out1 a {font-size:19px; color:#fff; font-family: "Noto Sans KR"; font-weight:600; } .board_webzine .board_output .bd_out1 a img {width:10px; height:10px; } .board_webzine .board_output tr .board_output tr {float:left; background-color:rgba(0,0,0,0.5); width:20%; margin:0 1%; padding:1.5%; } .board_webzine .board_output tr td {display:block; text-align:left; line-height:160%; font-size:16px; font-family: "Noto Sans KR"; color:#B8B8B8; padding-bottom:10px;} .board_webzine .board_output tr td:first-child {padding-bottom:0px;} .board_webzine .board_output tr td a {display:block; text-align:left; line-height:140%; font-size:16px; font-family: "Noto Sans KR"; } .board_webzine .board_output tr .board_output tr td:first-child {width:0%; height:0; } @media screen and (max-width:1400px){ .board_webzine .board_output img { height:170px;} .board_webzine .board_output .bd_out1 a {font-size:19px;} .board_webzine .board_output tr td, .board_webzine .board_output tr td a {font-size:14px; } } @media screen and (max-width:1200px){ .board_webzine .board_output img { height:150px;} .board_webzine .board_output .bd_out1 a {font-size:17px;} .board_webzine .board_output tr td, .board_webzine .board_output tr td a {font-size:12px; } } @media screen and (max-width:1000px){ .webzine { background-size:1000px; padding:50px 0 0 0;} .top_tit { margin:50px auto 20px auto; } .top_tit h2 {font-size:21px; } .top_tit p span {font-size:12px;} .webzine .top_tit {margin-bottom:20px;} .webzine .top_tit .more {bottom:3px;} .top_tit .more img {width:17px;} .board_webzine {max-width:700px; margin:0 auto;} .board_webzine .board_output tr .board_output tr {width:45%; margin:10px 1%; padding:1.5%; } .board_webzine .board_output img { height:120px; padding-bottom:10px;} } @media screen and (max-width:500px){ .webzine { background-size:600px;} .board_webzine .board_output .bd_out1 a {font-size:12px;} .board_webzine .board_output tr td, .board_webzine .board_output tr td a {font-size:10px; padding-bottom:3px;} } /* 갤러리형*/ .gall {text-align:center; padding:60px 0; overflow:hidden;} .board_gall {width:96%; margin:0 auto;} .board_gall .board_output {width:100%; max-width:1400px; margin:0 auto; background:none;} .board_gall .board_output .board_output tr td {float:left; background-color:rgba(0,0,0,0.5); width:20%; margin:0 1%; padding:1.5%; } .board_gall .board_output .board_output tr td table { width:100%;} .board_gall .board_output .board_output tr td table tr td {width:100%; margin:0; padding:0; background:none; } .board_gall .board_output .board_output_gallery_img {width:100%;} .board_gall .board_output .board_output_gallery_img img {width:100%; height:190px; } .board_gall .board_output .board_output_gallery_subject a {font-size:19px; color:#fff; padding:20px 0 10px 0; float:left; width:100%; font-family: "Noto Sans KR"; line-height:120%; font-weight:600; display:block; width:100%; text-align:left; } .board_gall .board_output .board_output_gallery_subject a img {width:10px; height:10px;;} .board_gall .board_output span.board_output_gallery_description {display:block; text-align:left; line-height:130%; float:left; width:100%; font-size:16px; font-family: "Noto Sans KR"; color:#636363;} @media screen and (max-width:1200px){ .board_gall .board_output .board_output_gallery_subject a {font-size:17px; padding-top:15px;} .board_gall .board_output span.board_output_gallery_description {font-size:12px;} } @media screen and (max-width:1000px){ .gall {padding:20px 0;} .gall .top_tit {margin-bottom:20px;} .board_gall .board_output .board_output tr td {width:45%; margin:5px 1%; padding:1.5%; } } @media screen and (max-width:500px){ .board_gall .board_output .board_output_gallery_subject a {font-size:12px; padding:5px 0; } .board_gall .board_output .board_output_gallery_img img {width:100%; height:100px; } } /* 하단 숫자카운트 */ .m_count {width:100%; } .m_count ul {width:100%; max-width:1240px; width:96%; margin:0 auto; } .m_count ul:after {content:"";display:block;clear:both;} .m_count ul li {float:left; width:25%; background:url(../../img/line.png) repeat-y right 0px; } .m_count ul li:last-child { background:none;} .m_count ul li dl {padding-left:80px; margin-left:30px; text-align:left;} .m_count ul li dl.count_1 {background:url(../../img/mcount_1.png) no-repeat 0 2px; } .m_count ul li dl.count_2 {background:url(../../img/mcount_2.png) no-repeat 0 2px; } .m_count ul li dl.count_3 {background:url(../../img/mcount_3.png) no-repeat 0 2px; } .m_count ul li dl.count_4 {background:url(../../img/mcount_4.png) no-repeat 0 2px; } .m_count ul li dl dt {color:#fff;} .m_count ul li dl dd b.counter {color:#fff; font-family: 'GmarketSansBold'; font-size:37px; padding-top:10px; letter-spacing:0.05em;} .m_count a {background:#E52F42; padding:40px 0 ; width:100%; display:block; text-align:center;} .m_count a:hover {background:#000;} .m_count a h3 {width:220px; margin:0 auto; font-size:21px; color:#fff; font-family: 'GmarketSansMedium'; background-size:40px; padding:10px 0 10px 50px;background:url(../../img/mquiry_icon2.png) no-repeat 0 0; } .m_count .mtel_mo {display:none;} .m_count a h3.icon_3 {background:url(../../img/mquiry_icon3.png) no-repeat 0 0;} /***go 버튼***/ ul.sbtn{ margin-top:7px; padding:0; text-align:center; width:70px;} ul.sbtn li {display:inline-block;; padding:0 2px;} ul.sbtn {text-align:center;} .m_count a .ss {margin:0 auto; width:70px; padding:5px; color:#fff; margin:0 auto; font-size:11px; font-family: 'GmarketSansMedium'; display:inline-block; background:#000; border-radius:4px; webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;} .m_count a:hover .ss {background:#E30B0B; } @media screen and (max-width:1000px) { .m_count ul {max-width:600px;} .m_count a {padding:20px 0; } .m_count ul li dl dd b.counter {font-size:20px; } .m_count a h3, .m_count a h3.icon_3 {width:170px; font-size:15px; background-size:25px; padding:5px 0 5px 20px; } .m_count .mtel_mo {display:block;} .m_count .mtel_pc {display:none;} } @media screen and (max-width:600px) { .m_board .m_count { margin-top:30px; padding:30px 0; } .b_tit .more a img {width:20px;} /***go 버튼***/ ul.sbtn{ margin-top:4px;} .m_count a .ss { font-size:9px;} }