@charset "utf-8";

@media (max-width: 1780px) {
	.shop-float-quick {margin-left:-790px; width:160px;}
}

@media (max-width: 1600px) {
	.shop-float-quick {display:flex; justify-content:center; position:static !important; margin:0 -10px 30px; width:auto;}
	.shop-float-quick > div {padding:0 10px; margin:0;}
}

@media (max-width: 1400px) {
	.main-visual .arrows {left:10%; bottom:120px;}
	.main-visual .slick-dots {left:10%; bottom:30px;}
	.main-visual .slick-dots li button {width:80px;}

	.m-tit {font-size:24px;}

	.main-right .box {padding:30px; background-position:left 30px bottom 30px; background-size:100px auto;}
	.main-right .box .m-tit {margin-bottom:10px;}
	.main-right .box .txt {font-size:13px;}
	.main-right .box .txt br {display:none;}

	.main-notice {padding:29px;}
	.main-notice .m-tit {margin-bottom:15px;}
	.main-notice ul li {margin-bottom:15px;}
	.main-notice .more {top:30px; right:30px;}

	.main-wrap2 .col-1 {width:25%}
	.main-wrap2 .col-2 {width:50%}
	.main-wrap2 .col-3 {width:25%}

	.main-biz {padding:30px; background-size:100% auto;}
	.main-biz .m-tit {margin-bottom:10px;}
	.main-biz .txt {font-size:13px;}
	.main-biz .txt br {display:none;}
	.main-biz .links {left:30px; right:30px; bottom:30px;}
	.main-biz .links ul li a {font-size:14px;}

	.main-cs {padding:30px; background-size:100% auto;}
	.main-cs .m-tit {margin-bottom:10px;}
	.main-cs .tel {font-size:30px;}
	.main-cs .links {left:30px; right:30px; bottom:30px;}
	.main-cs .links ul li a {font-size:14px;}

	.shop-box-guide {margin-left:-30px; margin-right:-30px;}
}

@media (max-width: 1360px) {
	#gnb > ul > li {margin-right:42px;}
}

@media (max-width: 1280px) {
	#gnb > ul > li {margin-right:34px;}
	#gnb > ul > li > a {font-size:17px;}

}

@media (max-width: 1260px) {
	.goods-buy-wrap.fixed {left:auto; right:30px; margin-left:0;}
}

/* Landscape tablet */
@media (max-width: 1200px) {
	body, input, textarea, select, button, table {font-size:15px;}	

	/* header */
	#wrapper {padding-top:75px;}
	#header {position:fixed; top:0; left:0; width:100%; box-shadow:0 0 3px rgba(0,0,0,.15);}

	.header .contain {height:75px;}
	.header .language {display:none;}

	.sitelogo {left:20px; margin-top:-25px;}
	.sitelogo img {height:50px}

	.top-search {width:60%; padding:20px 0; margin:0 0 0 210px;}
	.top-search .tt {padding-left:23px; margin-right:10px; font-size:14px;}
	.top-search .input {height:35px; padding:0 3px; font-size:12px;}
	.top-search .space {margin:0 5px;font-size:12px;}
	.top-search .submit {flex:0 0 70px; margin-left:8px; width:70px; height:35px; font-size:14px;}

	.gnb-wrap {display:none;}
	.util {display:none;}

	.top-sch {display:block;}
	.btn-m-menu {display:block;}
	.btn-m-cart {display:block;}
	.mobile-navigation {display:block;}

	/* main */
	#main #container {padding:30px 0 40px;}

	.main-visual {width:calc(50% - 5px); margin-right:5px;}
	.main-visual .arrows {bottom:90px;}
	.main-visual .slick-next {margin-left:40px;}
	.main-visual .slick-dots li button {font-size:15px; width:60px; border-bottom-width:2px;}

	.m-tit {margin-top:0; font-size:20px;}

	.main-right {margin-left:5px;}
	.main-right .row {margin:-5px; height:calc(100% + 10px);}
	.main-right .col {padding:5px;}

	.main-right .box {padding:20px; background-position:left 20px bottom 20px; background-size:70px auto;}
	.main-right .box .m-tit {margin-bottom:8px;}
	.main-right .box .txt {font-size:12px;}
	.main-right .box:after {right:20px; bottom:30px; width:18px; height:12px; background-size:contain;}

	.main-notice {padding:19px; }
	.main-notice .m-tit {margin-bottom:10px;}
	.main-notice ul li {margin-bottom:7px; font-size:13px;}
	.main-notice .more {top:20px; right:19px; font-size:12px;}

	.main-wrap2 .col-1 {padding:0 5px;}
	.main-wrap2 .col-2 {padding:0 5px;}
	.main-wrap2 .col-3 {padding:0 5px;}

	.main-biz {padding:20px; height:250px;}
	.main-biz .m-tit {margin-bottom:8px;}
	.main-biz .txt {font-size:12px;}
	.main-biz .txt br {display:none;}
	.main-biz .links {left:20px; right:20px; bottom:20px;}
	.main-biz .links ul li a {font-size:12px;}

	.main-product {padding:19px; height:250px;}
	.main-product .txt {font-size:15px; margin:6px 0 0 0;}
	.main-product .txt span {margin-right:4px;}
	.main-product .txt small {font-size:12px;}
	.main-product .more {top:22px; right:19px; font-size:12px;}
	.main-product .slider ul li {padding:0 10px;}
	.main-product .slick-arrow {width:20px; height:24px; background-size:contain; margin-top:-12px;}

	.main-cs {padding:20px; height:250px;}
	.main-cs .m-tit {margin-bottom:8px;}
	.main-cs .tel {font-size:24px;}
	.main-cs .links {left:20px; right:20px; bottom:20px;}
	.main-cs .links ul li a {font-size:12px;}	

	/* bottom banner */
	.bottom-banner {margin-bottom:40px;}
	.bottom-banner .row {margin:0 -5px;}
	.bottom-banner .col {padding:0 5px;}
	.bottom-banner .box {padding:16px 19px;}
	.bottom-banner .bnr {font-size:17px;}
	.bottom-banner .bnr .ico {width:60px; margin-right:15px;}
	.bottom-banner .tit {font-size:19px; margin-bottom:10px;}
	.bottom-banner .slider ul li {position:relative; padding-right:40px; color:#505050; font-size:14px; font-weight:300; line-height:20px; letter-spacing:-.06em;}
	.bottom-banner .slider ul li a {display:inline-block; vertical-align:top; max-width:98%; height:20px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}
	.bottom-banner .dots {top:8px;}
	.bottom-banner .slick-dots li {margin-left:4px;}
	.bottom-banner .slick-dots li button {width:8px; height:8px;}

	/* footer */
	#footer {padding:29px 0; font-size:12px;}
	.foot-info {font-size:12px;}
	.foot-info .comp-name {font-size:14px;}
	.foot-info .copyright {font-size:10px;}	

	/* layout */
	#contArea {padding-top:30px; padding-bottom:80px;}	

	.sub-heading {margin-bottom:30px;}
	.sub-heading h2 {font-size:38px;}
	.sub-heading p {font-size:11px; letter-spacing:.8em;}

	.lnb {margin-bottom:40px;}
	.lnb ul li a {height:53px; font-size:15px;}
	.lnb ul li.active a {border-width:2px;}
	.lnb ul li.active a:after {bottom:-8px; margin-left:-7px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:8px solid #f7941e;}

	.sub-title {margin-bottom:40px;}
	.sub-title h2 {font-size:28px;}

	/* content */
	.sub-tab ul li a {font-size:16px; height:45px;}

	.doc-tit {padding-left:32px; margin-bottom:18px; font-size:20px;}
	.doc-tit:before {top:3px; width:20px; height:20px; background-size:contain;}
	
	.doc-cnt {margin-bottom:60px;}

	.sub-tit {text-indent:0; padding-left:28px; margin-bottom:10px; font-size:18px;}
	.sub-tit:before {top:5px; width:18px; height:18px; background-size:contain;}

	.greetings .cnt1 .txt {padding-left:40px;}
	.greetings .cnt1 .txt h3 {font-size:24px; line-height:1.6em;}
	.greetings .cnt1 .txt p {font-size:16px;}
	.greetings .line {margin:55px 0 40px;}
	.greetings .cnt2 .sign {margin:45px 0 0 0;}

	.history .group {padding:30px 0;}
	.history .tit {height:100px; margin-right:45px; padding:20px 30px; font-size:24px;}
	.history .cnt {padding-left:45px;}
	.history .cnt ul li {padding-left:60px; margin-bottom:8px;}
	.history .cnt ul li .month {font-size:18px;}

	.equipment .eq1 {margin:0 -8px;}
	.equipment .eq1 li {padding:0 8px;}
	.equipment .eq3 th {font-size:15px; height:50px;}

	.process .cnt .deco p {font-size:16px;}

	.client .img {margin-bottom:15px;}
	.client .tit {font-size:18px;}

	.root_daum_roughmap .wrap_map {height:350px !important;}

	.kind p {font-size:20px;}

	.kind-box .box2 .dec p:first-child {font-size:20px;}
	.kind-box .box3 ul li p {font-size:20px;}
	.kind-box .box4 .box4-box p {font-size:20px;}
	
	.standard thead th,
	.standard tbody th {font-size:15px;}
	.standard tbody td {font-size:14px;}
	.standard .gray1 .big {font-size:18px;}
	.standard .deco{font-size:16px; line-height:1.4em; padding-left:30px;}
	.standard .deco:before{width:14px; height:14px; top:5px; background-size:contain;}
	.standard .deco-txt{ font-size:15px;}

	.box-type-nav {padding-bottom:30px; margin-bottom:35px;}
	.box-type-nav .type-icon {height:130px; background-size:100% auto;}
	.box-type-nav .tit {font-size:17px;}
	.box-type-nav .txt {font-size:13px;}

	.box-type ul li p {left:20px; top:18px; font-size:18px;}
	.box-type .length2 {margin:-15px;}
	.box-type .length2 li {width:calc(50% - 30px); margin:15px;}
	.box-type .length4 {margin:-10px;}
	.box-type .length4 li {width:calc(25% - 20px); margin:10px;}

	.guide .cnt1 h3 {font-size:24px;}
	.guide .cnt1 p br {display:none;}
	.guide .size-cnt {padding:20px 10px 25px;}
	.guide .size-cnt .txt {font-size:20px;}
	.guide .size-info {margin:0 -5px;}
	.guide .size-info p {font-size:25px; padding-bottom:0;}
	.guide .size-info span {font-size:12px;}
	.guide table th {padding:15px 5px;}
	.guide table td {padding:7px;}
	.guide table td:first-child {font-size:18px;}
	.guide .box-form li {padding:24px;}
	.guide .box-form .tit {font-size:20px;}

	.estimate-step {padding-bottom:50px;}
	.estimate-step ol li {max-width:250px;}
	.estimate-step ol li .txt {font-size:18px;}

		
	/* board */
	.input {padding:5px 14px; height:40px;}
	textarea.input {padding:12px 14px;}

	.board-search .search input.input {width:240px;}

	.board-list colgroup col {width:auto !important;}
	.board-list table thead th {font-size:15px;}
	.board-list table tbody td {font-size:15px;}

	.faq .tit {font-size:15px;}
	.faq .tit a {padding:9px 60px 9px 12px;}
	.faq .tit a:after {top:14px;}
	.faq .q {flex:0 0 32px; width:32px; height:32px; font-size:16px; line-height:32px;}

	.board-white table {font-size:15px;}

	.board-form table {font-size:15px;}

	.files-upload-text .upfiles-alt {font-size:14px;}

	.form-agree .check {font-size:14px;}

	.board-view-tit {padding:14px 6px;}
	.board-view-tit h3 {font-size:18px;}
	.board-view-info {padding:13px 6px; font-size:13px;}
	.board-view-cnt {padding:15px 6px 40px;}

	.board-prev-next {font-size:14px;}

	.btn-pack.medium {height:40px; padding:0 16px; font-size:15px; line-height:38px;}
	.btn-pack.large {min-width:140px; height:50px; font-size:18px; line-height:48px;}
	.btn-pack.submit {width:200px; height:60px; font-size:18px; line-height:60px;}
	.btn-pack.submit:after {width:26px; height:26px; background-size:6px auto;}
	.btn-pack.back {width:200px; height:60px; font-size:18px; line-height:60px;}
	.btn-pack.back:before {width:26px; height:26px; background-size:6px auto;}

	.result-group .gall li {width:25%;}

	/* member */
	.agree-wrap .agree-tit {font-size:18px;}

	.join-form table {font-size:15px;}

	/* shop */
	.shop-box-guide {padding:30px;}
	.shop-box-guide .info {padding-right:15px;}
	.shop-box-guide .info .img {margin-right:18px;}
	.shop-box-guide .info .cnt ol li {font-size:12px; padding-left:22px;}
	.shop-box-guide .info .cnt ol li .num {width:16px; height:16px; font-size:12px; line-height:16px;}

	.goods-cate ul li .ico {width:60px; height:60px; background-size:contain;}
	.goods-cate ul li a {padding:15px 5px 13px; font-size:13px;}
	.goods-cate ul li.active a {border-width:2px;}
	.goods-cate ul li.active a:after {bottom:-8px; margin-left:-7px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:8px solid #f7941e;}

	.goods-search {padding:16px 20px; margin-bottom:25px;}
	.goods-search .tit {font-size:15px; width:140px;}
	.goods-search .tit img {width:28px; margin-right:4px;}
	.goods-search .sort-wrap {width:58%;}
	.goods-search .sort {padding:4px 4px 4px 12px; font-size:14px; line-height:1.3em;}
	.goods-search .sort .btn {width:28px; height:28px;}
	.goods-search .search {margin-left:15px;}
	.goods-search .search .input {height:36px; padding:0 36px 0 10px; font-size:14px;}
	.goods-search .search .submit {width:36px; height:36px;}

	.goods-photo {margin-right:40px;}
	.goods-info .price-area dt {font-size:16px;}
	.goods-info .btns .btn {font-size:16px; line-height:58px;}
	.goods-info .btns .btn-kakao img {margin-right:6px;}

	.goods-banner {margin-bottom:50px;}

	.goods-view-tab ul li a {height:50px;}
	.goods-view-tab ul li.active a {border-width:3px;}

	.goods-detail-wrap {padding-right:290px;}

	.goods-buy-wrap.fixed {top:100px;}
	.goods-buy-wrap {width:260px;}
	.goods-buy-wrap h4 {padding:13px 19px;}
	.goods-buy-wrap .items {height:calc(100vh - 420px);}
	.goods-buy-wrap .item {padding:19px 19px;}
	.goods-buy-wrap .bottom-area {padding:20px 10px;}
	.goods-buy-wrap .total {display:block; padding:0 10px;}
	.goods-buy-wrap .total .left {margin-bottom:5px;}
	.goods-buy-wrap .btns .btn {font-size:14px; line-height:50px;}
	.goods-buy-wrap .btns .btn-kakao img {width:24px; margin-right:4px;}

	.guest-private-agree h3 {font-size:18px;}

	.order-complete .item {font-size:20px;}

	.pg-list {padding-top:35px; padding-bottom:15px;}
	.pg-list ul {margin:-13px -10px;}
	.pg-list ul li {padding:13px 10px;}
	.pg-list ul li .box {padding:30px 10px;}
	.pg-list ul li p {font-size:20px;}
	.pg-list ul li .btn {padding:0 20px; font-size:15px; line-height:40px;}

	.pg-form {padding-top:30px;}

	.pg-form .left {width:40%; padding-right:0;}
	.pg-form .right {width:60%;}
	.pg-form table {font-size:15px;}


	
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* header */
	#wrapper {padding-top:116px;}
	#header {padding-bottom:50px;}
	.header .contain {height:65px;}
	.top-search {position:absolute; bottom:-44px; left:0; margin:0; padding:0 30px; width:100%;}

	/* main */
	.main-wrap {display:block;}
	.main-visual {width:100%; margin:0 0 30px;}
	.main-visual img {width:100%;}
	.main-right {width:100%; margin:0;}
	.main-right .col {height:216px;}

	.main-wrap2 {margin:-5px; flex-wrap:wrap;}
	.main-wrap2 .col-1 {width:50%; order:2;}
	.main-wrap2 .col-2 {width:100%; order:1; margin-bottom:30px;}
	.main-wrap2 .col-3 {width:50%; order:3;}
	.main-product {height:auto;}

	/* footer */
	#footer {text-align:center;}
	#footer .contain {flex-direction:column;}
	.foot-links {margin:0 0 20px; order:-1;}
	.foot-info {width:auto;}

	/* content */
	.client ul li {width:33.3333333%;}

	.kind-length5 {flex-wrap:wrap; justify-content:center; margin:30px -5px 0;}
	.kind-length5 li {width:calc(33.3% - 10px); margin:15px 5px;}

	.kind-box .box4 .box4-box {width:50%; margin-right:20px;}

	.estimate-step ol li {max-width:230px;}
	.estimate-step ol li .txt {font-size:16px;}

	.box-type-wrap .img {width:40%;}

	/* shop */
	.shop-box-guide {display:block}
	.shop-box-guide .info {width:100%; padding-right:0; margin-bottom:25px;}
	.shop-box-guide .info .cnt {flex:1 1 auto; min-width:0; width:1%;}
	.shop-box-guide .type {width:auto; border-left:0; padding:0}

	.goods-search {display:block;}
	.goods-search .tit {width:auto; margin-bottom:10px;}
	.goods-search .sort-wrap {width:100%; margin-bottom:10px;}
	.goods-search .search {margin-left:0;}

	.goods-list {display:none;}
	.goods-list-m {display:block;}
	
	.goods-photo {width:300px; margin-right:25px;}
	.goods-photo .slider {margin-bottom:10px;}
	.goods-photo .thumbs {padding:0 36px;}
	.goods-photo .slick-prev {left:0;}
	.goods-photo .slick-next {right:0;}
	.goods-info .title h2 {font-size:26px;}
	.goods-info .title p {font-size:17px;}
	.goods-info .info dl {padding:5px 0;}

	.goods-detail-wrap {padding-right:215px;}

	.goods-buy-wrap.fixed {top:130px;}
	.goods-buy-wrap {width:200px;}
	.goods-buy-wrap h4 {padding:10px; font-size:16px;}
	.goods-buy-wrap .item {padding:13px 10px 10px;}
	.goods-buy-wrap .item .tit {font-size:12px;}
	.goods-buy-wrap .item .price {font-size:15px}
	.goods-buy-wrap .total .price strong {font-size:22px;}
	.goods-buy-wrap .total .num strong {font-size:18px;}
	.goods-buy-wrap .bottom-area {padding:10px;}
	.goods-buy-wrap .btns .col {width:100%;}
	.goods-buy-wrap .btns .btn {line-height:40px;}

	.order-step .txt {margin-right:30px;}
	.order-step .step .box {width:70px; height:70px; padding:17px 0; font-size:13px;}
	.order-step .step .box strong {font-size:12px;}
	.order-step .step ol li:after {width:30px; height:30px; background-size:35% auto;}

	.cart-table {display:none;}
	.cart-table-m {display:block;}

	.pg-list ul li {width:33.33333333%;}
	.pg-list ul li p {font-size:17px;}
	.pg-list ul li .btn {font-size:14px; line-height:32px;}
	.pg-list ul li .btn:before {display:none;}



} 

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	.contain {padding-left:15px; padding-right:15px;}

	/* header */
	#wrapper {padding-top:94px;}

	#header {padding-bottom:43px;}
	.header .contain {height:50px;}

	.sitelogo {left:10px; margin-top:-16px;}
	.sitelogo img {height:32px}

	.btn-m-cart {right:56px;}
	.btn-m-cart i {vertical-align:top; background-size:contain;}
	.btn-m-cart .num {top:-8px; right:-12px; font-size:10px; line-height:18px; min-width:18px;}

	.btn-m-menu {right:16px; width:20px; height:20px; margin-top:-10px;}
	.btn-m-menu span {top:9px;}
	.btn-m-menu span:before {top:-8px;}
	.btn-m-menu span:after {bottom:-8px;}

	.top-search {padding:0 15px; bottom:-38px;}
	.top-search .tt {display:none;}
	.top-search .input {height:30px; padding:0 3px; font-size:12px; border-bottom-width:1px;}
	.top-search select.input {margin-left:6px;}
	.top-search .space {margin:0 3px;font-size:11px;}
	.top-search .submit {flex:0 0 50px; margin-left:4px; width:50px; height:30px; font-size:12px;}

	/* main */
	#main #container {padding:0 0 40px;}
	.main-wrap {margin:0 -15px 10px;}
	.main-right {padding:0 15px;}

	.main-visual .arrows {left:9%; bottom:70px;}
	.main-visual .slick-arrow {height:22px; height:22px; background-size:contain;}
	.main-visual .slick-next {margin-left:26px;}
	.main-visual .slick-dots {left:9%; bottom:20px;}
	.main-visual .slick-dots li {margin-right:12px;}
	.main-visual .slick-dots li button {font-size:13px; width:42px; border-bottom-width:2px;}

	.main-right .col {width:33.333333333%; height:140px;}
	.main-right .col:nth-child(4) {width:100%; height:auto;}
	.main-right .box {padding:15px 15px; background-position:50% 85%; background-size:60px auto;}
	.main-right .box .m-tit {text-align:center; font-size:16px;}
	.main-right .box .txt {display:none;}
	.main-right .box:after {display:none;}

	.main-wrap2 .col-2 {margin-bottom:10px;}
	.main-wrap2 .col-1 {width:100%; margin-bottom:10px;}
	.main-wrap2 .col-3 {width:100%;}

	.main-biz {height:auto; background-size:230px auto;}
	.main-biz .links {position:static; margin-top:25px;}
	.main-biz .links ul {justify-content:flex-start;}
	.main-biz .links ul li {margin-right:12px;}
	.main-biz .links ul li:last-child {margin-right:0;}

	.main-cs {height:auto; background-size:230px auto;}
	.main-cs .links {position:static; margin-top:25px;}
	.main-cs .links ul {justify-content:flex-start;}
	.main-cs .links ul li {margin-right:12px;}
	.main-cs .links ul li:last-child {margin-right:0;}

	/* bottom */
	.bottom-banner .row {flex-wrap:wrap;}
	.bottom-banner .col {width:33.333333333%;}
	.bottom-banner .col:nth-child(1) {width:100%; margin-bottom:10px;}
	.bottom-banner .bnr {display:block; padding:16px 3px 13px; text-align:center; font-size:14px; line-height:1.4em;}
	.bottom-banner .bnr .ico {display:block; width:45px; margin:0 auto 7px;}

	/* footer */
	.foot-links {font-size:13px;}
	.foot-links ul li {margin-left:23px;}
	.foot-info address .bar.mo-hide {width:0; height:0; display:block; margin:0;}

	.scroll-fixed {bottom:15px; right:15px; width:40px;}
	.scroll-fixed a {padding:7px 0; font-size:10px;}

	/* layout */	
	#contArea {padding:30px 15px 60px;}

	.sub-heading {margin-bottom:17px;}
	.sub-heading h2 {font-size:26px}
	.sub-heading p {font-size:10px; letter-spacing:.5em;}

	.lnb {margin-bottom:30px;}
	.lnb .swiper-container {margin:-10px -15px; padding:10px 15px;}
	.lnb ul li {flex:1 0 auto;}
	.lnb ul li a {height:50px; font-size:14px; white-space:nowrap;}
	.lnb ul li.active a {box-shadow:2px 2px 6px rgba(0,0,0,.16);}

	.sub-title {margin-bottom:30px;}
	.sub-title h2 {font-size:22px;}

	/* content */
	.doc-tit {padding-left:25px; margin-bottom:12px; font-size:18px;}
	.doc-tit:before {top:3px; width:18px; height:18px;}	

	.sub-tit {padding-left:22px; margin-bottom:10px; font-size:17px; line-height:1.3em;}
	.sub-tit:before {top:5px; width:14px; height:14px;}

	.sub-txt {font-size:14px;}

	.greetings .cnt1 {display:block;}
	.greetings .cnt1 .img {width:auto; margin-bottom:20px;}
	.greetings .cnt1 .txt {padding-left:0; width:auto;}
	.greetings .cnt1 .txt h3 {font-size:20px; margin-bottom:17px;}
	.greetings .cnt1 .txt p {font-size:15px;}
	.greetings .line {margin:40px 0;}
	.greetings .cnt2 {padding:0;}
	.greetings .cnt2 .sign {font-size:16px; margin-top:30px;}
	.greetings .cnt2 .sign strong {font-size:20px; margin-left:12px;}

	.history .group {display:block;}
	.history .group:first-child {padding-top:0;}
	.history .tit {width:100%; max-width:100%; font-size:20px; margin:0;}
	.history .cnt {width:auto; padding:15px 0 0 22px;}
	.history .cnt:before {top:21px;}
	.history .cnt ul li {padding-left:52px;}
	.history .cnt ul li .month {font-size:15px;}

	.satis .g1 {flex-wrap:wrap; justify-content:center; margin:-10px -7px 45px; padding-bottom:40px;}
	.satis .g1 li {width:33.33333333%; padding:10px 7px;}	
	.satis .g1 li br {display:none;}
	.satis .g1 .img {margin-bottom:7px;}
	.satis .g2 li {display:block; text-align:center; margin-bottom:40px;}
	.satis .g2 li:last-child {margin-bottom:0;}
	.satis .g2 .img {width:60px; margin:0 auto 10px;}
	.satis .g2 .tit {font-size:20px;}

	.equipment .doc-tit {margin-bottom:20px;}
	.equipment .doc-tit span {font-size:12px; line-height:1.4em; margin-left:8px;}
	.equipment .eq1 {display:block; margin:0;}
	.equipment .eq1 li {width:auto; position:relative; padding-left:95px; min-height:80px; margin-bottom:20px;}
	.equipment .eq1 li:last-child {margin-bottom:0;}
	.equipment .eq1 div {position:absolute; top:2px; left:0; width:80px; height:80px; padding:0; margin:0; background-size:60% auto !important;}
	.equipment .eq1 .tit {font-size:17px; margin-bottom:7px;}
	.equipment .eq1 .point {font-size:20px; line-height:1.2em; margin:0 5px 0 0;}
	.equipment .eq1 .txt {margin-left:0;}
	.equipment .eq2 {display:block; margin:0;}
	.equipment .eq2 li {width:auto; padding:0; margin-bottom:25px;}
	.equipment .eq2 li:last-child {margin-bottom:0;}
	.equipment .eq2 .img {margin-bottom:10px;}
	.equipment .eq2 .eq-check {width:20px; height:20px; background-size:contain;}
	.equipment .eq2 .tit {font-size:16px; margin:0 10px;}
	.equipment .eq3 {position:relative; margin:0 -15px; padding:0 15px; overflow:auto; -webkit-overflow-scrolling:touch;}
	.equipment .eq3 th {font-size:14px;}
	.equipment .eq3 td {font-size:14px;}

	.process .group {width:100%;}
	.process .tit {height:18px; margin-bottom:40px; margin-top:20px;}
	.process .tit p {width:220px; margin-left:-110px; padding:7px 0; background-size:94% auto; border-radius:10px; font-size:17px; font-weight:700; line-height:1.3em;}
	.process .tit .t1{margin-right:5px; }
	.process .tit .t2{margin-right:10px; }
	.process .img img {border-radius:10px;}
	.process .org {background-position:0 8px; text-indent:0; padding-left:20px; font-size:16px;}
	.process .cnt>div {display:block;}
	.process .step1 .img, .process .step2 .img {width:100%; margin:0 0 10px;}
	.process .step1:after, .process .step2:after {width:24px; height:24px; margin:-20px 0 0 -12px; background-size:contain;}
	.process .step1 {margin-bottom:80px;}
	.process .step2 {margin-bottom:80px;}
	.process .img img {width:100%;}
	.process .cnt .deco {width:100%; border-radius:10px; overflow:hidden;}
	.process .cnt .deco-gray {padding-top:35px; background-size:20px auto; background-position:12px 50%; border-radius:0;}
	.process .cnt .deco p {padding:15px 12px; font-size:14px; line-height:1.6em;}
	.process .process-box {display:flex !important; flex-wrap:wrap; margin:-10px -4px; font-size:14px; line-height:1.4em;}
	.process .process-box img {border-radius:10px;}
	.process .process-box div {padding:10px 4px;}
	.process .process-box div:not(:last-child) {margin:0;}
	.process .process-box p {margin-top:8px;}
	.process .process-box .box1 {width:33.33333333%}
	.process .process-box .box2 {width:33.33333333%}
	.process .process-box .box3 {width:33.33333333%}
	.process .step3 .deco-p {width:100%; padding:0 0 0 30px; margin-bottom:25px; font-size:15px; line-height:1.65em; text-align:left;}
	.process .step3 .deco-p:before {top:5px; left:0; margin:0; width:20px; height:20px; background-size:contain;}
	.process .pc-step3 {display:block; margin-bottom:40px;}
	.process .pc-step3>div:first-child {margin:0 0 25px;}

	.client ul {margin:-17px -7px;}
	.client ul li {width:50%; padding:17px 7px;}
	.client .img {padding:10px; border-radius:10px; margin-bottom:10px;}
	.client .tit {font-size:16px;}

	.map .info {padding:30px 0;}
	.map .info p {font-size:16px;}
	.map .info-box {padding:30px 0 0 0; background-size:48px auto; background-position:0 35px;}
	.map .info-box p {margin-left:60px; font-size:14px;}
	.map .info-box .tit {font-size:18px; margin-bottom:5px;}

	.pro-img-1 {float:none; margin:0 0 15px;}
	.pro-img-1 img {width:100%;}

	.pro-img-2 {float:none; margin:0 0 15px;}
	.pro-img-2 img {width:100%;}

	.packaging-history .group {display:block;}
	.packaging-history .group:last-child .cnt {padding-bottom:0;}
	.packaging-history .img {width:auto; margin:0;}
	.packaging-history .img img {border-radius:10px;}
	.packaging-history .cnt {width:auto; margin-left:15px; padding:15px 0 30px 20px}
	.packaging-history .cnt:before{top:20px;}
	.packaging-history .cnt li{font-size:14px; line-height:1.7em; padding-left:10px; margin-bottom:8px;}
	.packaging-history .cnt li:before{top:9px;}
	.packaging-history p {font-size:14px; line-height:1.4em; margin-bottom:25px;}
	.packaging-history .tit {font-size:20px; line-height:1.3em;}

	.kind {display:block;}
	.kind p{ font-size:18px; margin-bottom:10px;}
	.kind div {width:100%; padding:20px; border-radius:10px; margin-top:10px;}
	.kind ul li{padding-left:20px; margin-bottom:6px; font-size:15px; line-height:1.5em;}
	.kind ul li:last-child {margin-bottom:0;}
	.kind ul li:before {top:4px; width:14px; height:14px; background-size:contain;}
	.kind ul li span{display:block; font-size:13px; margin-left:0;}

	.kind-length5 {margin:30px 0 0 0;}
	.kind-length5 li {width:100%; padding:25px 15px 25px 15px;}

	.kind-box .box1{ margin-bottom: 50px; }
	.kind-box .box1 .cnt {border-radius:10px; display:block; text-align:center; padding:20px 20px;}
	.kind-box .box1 .cnt p {font-size:14px;}
	.kind-box .box1 .img {min-width:auto; margin:0 0 10px;}

	.kind-box .box2 ul li {float:none; width:100%; margin:0 0 15px;}
	.kind-box .box2 ul li:last-child {margin-bottom:0;}
	.kind-box .box2 .dec {padding:10px;}
	.kind-box .box2 .dec p:first-child {font-size:17px;}
	.kind-box .box2 .img {padding:20px 20px;}

	.kind-box .box3 ul {display:block;}
	.kind-box .box3 ul li {width:100%; margin:0 0 15px;}
	.kind-box .box3 ul li:last-child {margin-bottom:0;}
	.kind-box .box3 .dec {padding:10px;}
	.kind-box .box3 ul li p {padding:10px; font-size:17px;}
	.kind-box .box3 .img {padding:20px 20px;}
	.kind-box .cnt .box4-box {float:none;}
	.kind-box .box4 .box4-box {width:100%; margin:0 0 15px; padding:25px 20px; border-radius:10px;}
	.kind-box .box4 .box4-box .img {padding:0 0 10px;}
	.kind-box .box4 .box4-box p {margin:0; font-size:16px;}

	.standard thead th, .standard tbody th, .standard tbody td {padding:8px; font-size:14px;}
	.standard .deco-txt {font-size:14px;}
	.standard table {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.standard .point p {padding-left:25px;}
	.standard .point p:before {top:11px;}

	.standard .group-gray {padding:20px; border-radius:10px;}
	.standard .gray1 {background-image:none;}
	.standard .gray1 .big {font-size:15px;}
	.standard .gray2 {background-image:none; margin-bottom:10px;}
	.standard .gray2 div {display:block;}
	.standard .gray2 .big {min-width:auto; font-size:15px; margin:0 0 10px;}

	.sub-txt-p {font-size:14px;}

	.box-type-nav {margin-bottom:25px;}
	.box-type-nav ul {flex-wrap:wrap; margin:-7px -4px;}
	.box-type-nav ul li {width:25%; padding:7px 4px;}
	.box-type-nav .type-icon {height:90px; border-radius:10px; margin-bottom:7px;}
	.box-type-nav .type-icon p {top:5px; left:7px; font-size:12px;}
	.box-type-nav .tit {font-size:14px;}
	.box-type-nav .txt {font-size:11px;}

	.box-type ul li {height:auto; padding:20px 14px 10px; border-radius:10px;}
	.box-type ul li p {left:15px; top:12px; font-size:17px;}
	.box-type .length2 {margin:-5px;}
	.box-type .length2 li {width:calc(100% - 10px); margin:5px;}
	.box-type .length4 {margin:-5px;}
	.box-type .length4 li {width:calc(100% - 10px); margin:5px;}

	.guide .cnt1 {display:block;}
	.guide .cnt1 .img {min-width:auto; margin:0 0 15px;}
	.guide .cnt1 h3 {font-size:20px; line-height:1.4em; margin-bottom:10px;}
	.guide .box-size {flex-wrap:wrap;}
	.guide .size-cnt {width:100%; border:1px solid #dfdfdf !important; margin-bottom:-1px;}
	.guide table th {font-size:14px;}
	.guide table td {font-size:14px;}
	.guide table td:last-child {padding:7px 10px;}
	.guide .box-form li {width:100%; border:1px solid #dfdfdf !important; margin-bottom:-1px;}
	.guide .box-form .tit {font-size:18px;}
	.guide .img-box1 {margin:0 -3px;}
	.guide .img-box1 .img {padding:0 3px;}
	.guide .img-box2 div {width:60%}
	.guide .img-box2 div:first-child {width:40%}

	.responsive-table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.responsive-table table {width:700px;}

	.guide .pay .icon {min-width:80px; height:80px; background-size:contain; margin-right:15px;}
	.guide .pay p {line-height:1.75em;}
	.guide .pay .tit {font-size:17px;}
	.guide .pay .account {font-size:14px;}

	.sub-tab {margin-bottom:35px;}
	.sub-tab ul li a {font-size:14px; line-height:40px;}

	.estimate-step {padding-bottom:30px; margin-bottom:30px;}
	.estimate-step ol li .ico {width:42px; height:42px; background-size:contain; margin-bottom:15px;}
	.estimate-step ol li .num {margin-bottom:8px;}
	.estimate-step ol li .num:before {background-size:5px 1px;}
	.estimate-step ol li .num span {width:32px; height:32px; font-size:12px;}
	.estimate-step ol li .txt {font-size:13px; padding:0 7px;}

	.box-type-tab {margin:20px 0 15px;}
	.box-type-tab ul {margin:0 -3px;}
	.box-type-tab ul li {padding:0 3px;}
	.box-type-tab ul li a {font-size:13px;}
	.box-type-tab ul li a i {margin-bottom:8px;}

	.box-type-container {margin-bottom:60px;}

	.box-type-wrap {display:block;}
	.box-type-wrap .img {width:auto; padding:0;}
	.box-type-wrap .img div:last-child {border-bottom:1px solid #dfdfdf;}
	.box-type-wrap .cnt {width:auto; padding:20px;}	
	.box-type-wrap .cnt h4 {font-size:18px;}
	.box-type-wrap .cnt .tt {font-size:16px; padding-left:26px; background-size:19px auto;}
	.box-type-wrap .cnt .btn {position:static; padding:30px 0 15px;}
	.box-type-wrap .cnt .btn a {min-width:140px; padding:0 18px; font-size:14px; line-height:40px;}

	.pop-box-type {padding:18px;}
	.pop-box-type h3 {font-size:18px;}
	.pop-box-type .img {display:block;}
	.pop-box-type .img div {width:100%; padding:0;}
	.pop-box-type .img div:first-child {border-right:0; border-bottom:1px solid #dfdfdf;}
	.pop-box-type .tt {font-size:16px; padding-left:26px; background-size:19px auto;}

	.order-box-type .imgs {display:block;}
	.order-box-type .imgs div:first-child {border-top:0;}
	.order-box-type .imgs div {padding:0; border-left:0; border-top:1px solid #dfdfdf;}

	.order-cnt {margin-bottom:50px;}

	.order-table-txt {text-align:left; font-size:12px; margin-bottom:8px;}

	.order-table {display:block; margin:0 -15px; padding:0 15px; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.order-table table {width:700px;}
	.order-table td {padding:5px; height:50px;}
	.order-table .num {font-size:1.1em; margin:0 2px;}

	.order-form th {height:55px; padding:8px 10px 8px 12px;}
	.order-form td {padding:8px 10px;}
	.order-form .txt {display:block; margin:10px 0 0 0;}

	/* modal */
	.blocker {padding:15px;}
	.modal a.close-modal {top:22px; right:15px; width:24px; height:24px;}

	/* board */
	.input {font-size:14px; padding:0 10px; height:38px;}
	select.input {padding-right:26px; background-image:url("/images/bbs/select_x2.png"); background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.radiobox input:checked + label:before {background-image:url("/images/bbs/radiobox_x2.png"); background-size:8px auto;}
	.checkbox input:checked + label:before {background-image:url("/images/bbs/checkbox_x2.png"); background-size:11px auto;}

	.board-search {display:flex; flex-direction:column; margin-bottom:10px;}
	.board-search .input {height:38px;}
	.board-search .total-page {order:3; float:none; font-size:13px;}
	.board-search .total-page + .cate {margin-left:0;}
	.board-search .cate {float:none; order:1; margin-left:0; margin-bottom:5px;}
	.board-search .cate .input {display:block; width:100%;}
	.board-search .search {float:none; order:2;}
	.board-search .search form {display:flex;}
	.board-search .search .input {flex:1 1 auto; min-width:0; width:1%;}
	.board-search .btn-pack.medium {height:38px; line-height:36px;}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.faq .tit a {padding:7px 0 7px 5px;}
	.faq .tit a:after {display:none;}
	.faq .q {flex:0 0 26px; width:26px; height:26px; font-size:15px; line-height:26px; margin-right:10px;}
	.faq .cnt {padding:12px 12px 12px 15px;}

	.board-white table {display:block; border-top:0; border-bottom:0; font-size:14px;}	
	.board-white table tbody {display:block;}
	.board-white table tr {display:block; padding:12px 0;}
	.board-white table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-white table td {display:block; border:0; padding:0;}
	.board-white .editor {padding:0; margin-top:-12px;}
	.board-white .item {margin:3px 12px 3px 0;}
	.board-white #user_name {max-width:100% !important;}
	.board-white + .buttons {margin-top:30px;}

	.board-form table {font-size:14px;}
	.board-form table colgroup col {width:auto !important;}
	.board-form table colgroup col:nth-child(1) {width:110px !important;}
	.board-form table th {padding:8px; height:40px;}	
	.board-form table td {padding:8px;}	
	.board-form .help-text {display:block; margin:10px 0 0; font-size:12px; line-height:1.4em;}

	.form-agree {margin:30px 0 30px;}
	.form-agree h3 {font-size:16px;}
	.form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;}
	.form-agree .check {margin-top:12px; font-size:14px;}

	.board-view-tit h3 {font-size:17px;}
	.board-view-info {font-size:12px;}

	.board-prev-next dl {padding:10px 6px;}
	.board-prev-next dt {width:70px}

	.buttons {margin:15px 0;}
	.buttons.mgt {margin-top:40px;}

	.btn-pack.small {height:26px; padding:0 8px; font-size:11px; line-height:24px;}
	.btn-pack.medium {height:38px; padding:0 14px; font-size:14px; line-height:36px;}
	.btn-pack.medium2 {height:32px; padding:0 14px; font-size:13px; line-height:30px;}
	.btn-pack.large {min-width:100px; height:42px; padding:0 18px; font-size:15px; line-height:40px;}
	.btn-pack.xlarge {min-width:120px; height:45px; padding:0 20px; font-size:15px; line-height:43px;}
	.btn-pack.comment {width:80px; height:32px; font-size:14px;}
	.btn-pack.submit {width:160px; height:50px; font-size:16px; line-height:48px;}
	.btn-pack.submit:after {width:22px; height:22px; margin-left:10px;}
	.btn-pack.back {width:160px; height:50px; font-size:16px; line-height:48px;}
	.btn-pack.back:before {width:22px; height:22px; margin-right:10px;}

	.paginate {margin-top:30px;}
	.paginate a,  
	.paginate strong{margin:0 1px;width:30px;height:30px;font-size:14px;line-height:30px;}  
	.paginate a.direction {margin:0; background-size:11px;}
	.paginate a.direction.first {background-image:url("/images/bbs/btn_first_x2.png");}
	.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev_x2.png"); margin-right:14px;}
	.paginate a.direction.next {background-image:url("/images/bbs/btn_next_x2.png"); margin-left:14px;}
	.paginate a.direction.last {background-image:url("/images/bbs/btn_last_x2.png");}

	.comment-area {margin-top:37px;}
	.comment-total {font-size:14px; margin-bottom:12px;}
	.comment-write {position:relative; padding:10px;}
	.comment-write .byte {position:absolute; bottom:15px; left:12px; font-size:12px;}
	.comment-write .write {display:block;}
	.comment-write .write textarea {display:block; width:100%; height:65px; margin-right:0;}
	.comment-write .write .btn {text-align:right; margin-top:6px;}
	.comment-item {padding:17px 4px;}
	.comment-item.comment-reply {padding-left:25px; background-image:url("/images/bbs/icon_reply_x2.png"); background-position:3px 18px; background-size:auto 13px;}
	.comment-info {font-size:14px;}
	.comment-info .name {margin-right:5px;}
	.comment-info .date {font-size:11px;}
	.comment-ctr {font-size:12px;}
	.comment-ctr .bar {vertical-align:middle; margin:-.2em 4px 0;}
	.comment-txt {font-size:14px;}
	.comment-link {font-size:13px;}
	.comment-input {padding:10px;}
	.comment-input textarea {height:48px;}

	.board-password {padding:30px 20px;}

	.result-search {padding:15px; margin-bottom:20px;}
	.result-search .btn-pack {width:90px;}

	/* member */
	.login-tab {border-bottom-width:2px; margin-bottom:35px;}
	.login-tab ul {padding:0 1px;}
	.login-tab ul li {border-width:2px; margin:0 -1px;}
	.login-tab ul li a {font-size:16px; line-height:46px;}
	.login-content .group .input {height:48px; font-size:14px;}

	.sns-login .tit {margin-bottom:20px;}
	.sns-login .tit span {padding:0 20px;}
	.sns-login a {margin:0 8px}
	.sns-login img {width:44px;}

	.agree-wrap {margin-bottom:35px;}
	.agree-wrap .group {margin-top:30px;}
	.agree-wrap .agree-tit {font-size:16px;}
	.agree-wrap .agree-tit .checkbox label:before {background-image:url("../images/member/checkbox_x2.png"); background-size:11px auto;}
	.agree-wrap .agree-tit .checkbox input:checked + label:before {background-image:url("../images/member/checkbox_on_x2.png");}
	.agree-wrap .agree-box {margin-top:7px; max-height:130px; padding:10px 13px;}
	.agree-wrap .agree-box .terms-wrap {line-height:1.4em; word-break:break-all;}

	.terms-wrap .policy-contact {display:block; padding:0 20px;}
	.terms-wrap .policy-contact dl {padding:20px 0; border-top:1px solid #e5e5e5; border-left:0;}
	.terms-wrap .policy-contact dl:first-child {border-top:0;}

	.join-form {margin-bottom:40px;}
	.join-form table tbody {display:block;}
	.join-form table tr {display:block; padding:12px 0;}
	.join-form table th {display:block; height:auto; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.join-form table td {display:block; border:0; padding:0;}
	.join-form + .buttons {margin-top:30px;}
	.join-form .help-text {display:block; clear:both; padding-top:6px; margin-left:0; font-size:14px; line-height:1.5em;}
	.join-form #user_id {float:left; width:calc(100% - 90px) !important;}
	.join-form #user_id + .btn-pack {width:90px; text-align:center;}
	.join-form #reason,
	.join-form #company,
	.join-form #tel,
	.join-form #mobile,
	.join-form #email,
	.join-form #user_pw,
	.join-form #user_pw2,
	.join-form #user_name,
	.join-form #company,
	.join-form #ceo,
	.join-form #biz_mum,
	.join-form #biz_type,
	.join-form #biz_item {width:100% !important; max-width:100% !important;}

	.join-complete .tit {font-size:22px; margin-bottom:20px;}
	.join-complete .txt {font-size:16px;}
	.join-complete .icon {width:110px; height:110px; background-size:48px;}

	.find-tab {border-bottom-width:2px; margin-bottom:35px;}
	.find-tab ul {padding:0 1px;}
	.find-tab ul li {border-width:2px; margin:0 -1px;}
	.find-tab ul li a {font-size:16px; line-height:46px;}
	.find-content .group .input {height:48px; font-size:14px;}
	.find-result {padding:30px 15px; font-size:16px;}
	.find-result h4 {font-size:19px;}
	.find-result .name {font-size:24px;}

	.member-leave .txt {margin-bottom:27px;}
	.member-leave .txt .tit {font-size:18px;}
	.member-leave .form {margin-bottom:35px; padding:35px 25px; font-size:15px;}
	.member-leave .form .group .label-tt {width:80px;}

	/* shop */
	.shop-box-guide {margin:0 -15px 25px; padding:23px 15px;}
	.shop-box-guide .info {margin-bottom:15px;}
	.shop-box-guide .info .img {width:110px;}
	.shop-box-guide .info .cnt .tit {margin-left:0; font-size:16px;}
	.shop-box-guide .info .cnt .tit strong {font-size:17px;}
	.shop-box-guide .type ul {margin:0 -3px;}
	.shop-box-guide .type ul li {padding:0 3px; font-size:12px;}
	.shop-box-guide .type ul li img {margin-bottom:3px;}

	.breadcrumb {font-size:12px; margin-bottom:15px;}
	.breadcrumb .home {background-position:0 1px;}

	.goods-cate {margin-bottom:20px;}
	.goods-cate ul {flex-wrap:wrap;}
	.goods-cate ul li {flex:0 0 auto; width:25%; margin-bottom:-1px;}
	.goods-cate ul li a {padding:10px 3px 8px;}
	.goods-cate ul li.active a {box-shadow:none; border:2px solid #f7941e !important;}
	.goods-cate ul li.active a:after {display:none;}
	.goods-cate ul li:nth-child(4n+1) a {border-left:1px solid #dfdfdf;}
	.goods-cate ul li .ico {width:36px; height:36px;}
	.goods-cate ul li.last a {font-size:11px;}

	.goods-search .sort-wrap {display:block;}
	.goods-search .sort {width:100%; margin-bottom:6px;}
	
	.goods-list-m .item {padding:15px 10px 18px;}
	.goods-list-m .tit {font-size:16px; margin:3px 0;}
	.goods-list-m .num {font-size:20px;}
	.goods-list-m .bar {height:10px; margin:-.2em 6px 0;}
	.goods-list-m .bar.mo-hide {width:0; height:0; margin:0; display:block;}
	.goods-list-m .wish {top:17px; right:10px; width:22px; height:22px; background-image:url("../images/shop/icon_wish_x2_off.png"); background-size:contain;}
	.goods-list-m .wish.active {background-image:url("/images/shop/icon_wish_x2_on.png");}

	.goods-summary {display:block; margin-bottom:30px;}
	.goods-photo {width:auto; margin:0 0 30px;}
	.goods-info {width:auto;}
	.goods-info .title h2 {font-size:22px;}
	.goods-info .title p {font-size:16px;}
	.goods-info .info dt {width:130px;}
	.goods-info .price-area dt {font-size:15px;}
	.goods-info .price-area .price {font-size:18px;}
	.goods-info .total .price strong {font-size:22px;}
	.goods-info .total .num strong {font-size:17px;}
	.goods-info .btns .btn {font-size:15px; line-height:45px;}
	.goods-info .btns .row {margin:0 -3px;}
	.goods-info .btns .col {padding:0 3px;}

	.goods-banner {display:block; margin:0 0 30px;}
	.goods-banner .col {width:100%; padding:5px 0;}

	.shop-float-quick {display:flex; position:static !important; margin:0 -2px 20px; width:auto;}
	.shop-float-quick > div {width:33.33333333%; padding:0 2px; margin:0;}

	#viewDetail, #viewReview, #viewQna {margin-bottom:60px;}

	.goods-view-tab {margin-bottom:25px;}
	.goods-view-tab ul li a {font-size:13px; height:45px;}

	.btn-shop-area {margin-bottom:10px;}
	.btn-shop-write {line-height:28px; font-size:13px;}

	.goods-detail-wrap {padding-right:0;}

	.goods-buy-wrap {position:fixed; top:auto !important; right:0; bottom:0; left:0; width:100%; padding:5px 10px; background:#fcfcfc; border:0; border-top:1px solid #d8d8d8; z-index:100;}
	.goods-buy-wrap .opt-toggle {position:absolute; top:-19px; left:0; width:100%; height:19px; overflow:hidden; text-indent:-9999em; background:url("../images/shop/btn_view_cart_dropdonw.png") 50% 50% no-repeat; background-size:auto 100%;}
	.goods-buy-wrap .inner {display:none;}
	.goods-buy-wrap .inner .btns .col {width:50%;}
	.goods-buy-wrap .inner .btns .col-x2 {width:100%;}
	.goods-buy-wrap .items {height:auto; max-height:calc(100vh - 420px);}
	.goods-buy-wrap .total {display:flex;}
	.goods-buy-wrap .btns.mobile-btn {display:block;}
	.goods-buy-wrap .bottom-area {padding:20px 0 0;}
	.goods-buy-wrap.active {padding:14px 10px;}
	.goods-buy-wrap.active .opt-toggle {display:block;}
	.goods-buy-wrap.active .inner {display:block;}
	.goods-buy-wrap.active .btns.mobile-btn {display:none;}
	.goods-buy-wrap.fixed {top:auto !important; right:0;}

	.shop-guide .tit {padding:10px;}
	.shop-guide .tit h4 {font-size:16px;}
	.shop-guide .tit h4 img {width:24px; margin-right:8px;}
	.shop-guide .cnt {padding:20px 10px}

	.order-step {flex-direction:column; align-items:flex-start;}
	.order-step .step {width:100%;}
	.order-step .step ol {justify-content:center;}
	.order-step .txt {width:auto; order:2; margin:10px 0 0 0; font-size:12px;}

	.cart-table-m .img {width:80px; margin-right:15px;}
	.cart-table-m .order-quantity .btn-pack.small {height:30px; line-height:28px;}
	.cart-table-m .order-date {font-size:13px;}
	.cart-table-m .date {font-size:12px;}

	.select-goods-delete {margin-bottom:30px;}
	.select-goods-delete input[type="checkbox"] {margin:-.2em 10px 0 10px !important;}

	.total-price {display:block; height:auto; padding:25px; margin:20px 0 40px;}
	.total-price dl {width:100%;}
	.total-price dt {font-size:13px; margin-bottom:4px;}
	.total-price dd {font-size:18px;}
	.total-price .ico {display:block; margin:15px auto;}

	.order-info-table colgroup col:nth-child(1) {width:100px !important;}
	.order-info-table tbody th {padding:6px 8px; height:40px; line-height:1.5em;}
	.order-info-table tbody td {padding:6px 8px; line-height:1.5em;}
	.order-info-table .input-point {width:110px;}
	.order-info-table .btn-pack.medium {height:30px; line-height:28px; padding:0 10px;}
	.order-info-table #orderName,
	.order-info-table #shipName,
	.order-info-table #bankType,
	.order-info-table #bankName,
	.order-info-table #bankDate {width:100% !important;}
	.order-info-table #orderPhone1,
	.order-info-table #orderPhone2,
	.order-info-table #orderPhone3,
	.order-info-table #orderMobile1,
	.order-info-table #orderMobile2,
	.order-info-table #orderMobile3,
	.order-info-table #shipPhone1,
	.order-info-table #shipPhone2,
	.order-info-table #shipPhone3,
	.order-info-table #shipMobile1,
	.order-info-table #shipMobile2,
	.order-info-table #shipMobile3 {width:calc(33.33333333% - 7px) !important;}

	.order-complete {padding:25px 0;}
	.order-complete .item {padding:3px 0; font-size:19px;}

	.my-order-help h3 {font-size:16px;}
	.my-order-help .ico {display:none;}
	.my-order-help .point {background-size:14px auto; background-position:0 6px; padding-left:20px; font-size:16px;}

	.wishlist {display:none;}
	.wishlist-m {display:block;}

	.pg-list {padding-top:25px;}
	.pg-list ul {margin:-7px;}
	.pg-list ul li {width:50%; padding:7px;}

	.pg-form {display:block; padding-top:0;}
	.pg-form .left {width:100%; margin-bottom:25px;}
	.pg-form .img {padding-bottom:65%;}
	.pg-form .right {padding:0; width:auto;}
	.pg-form h3 {font-size:19px; padding:0 0 12px; margin-bottom:15px;}
	.pg-form table {font-size:14px;}
	.pg-form table colgroup col:nth-child(1) {width:100px !important;}
	.pg-form table th {padding:5px 0; height:45px;}
	.pg-form table td {padding:5px 0;}
	.pg-form #tel1,
	.pg-form #tel2,
	.pg-form #tel3 {width:calc(33.33333333% - 7px) !important;}
	.pg-form .btn-pack.submit {position:static; display:block; margin:35px auto 0;}

	

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}