@charset "utf-8";

@media (max-width: 1550px){
	/* .wing-left {display:none;}
	.wing-right {display:none;} */

	.contain {width:100%; max-width:1260px; padding-left:30px; padding-right:30px; box-sizing:border-box;}

/* 	.main-list-wrap .col {max-width:calc(50% - 100px);} */

	/* .sitelogo {left:30px;} */
	.global .util {right:30px;}

	.main-list-wrap {width:calc(100% - 270px); max-width:100%;}
	.main-list-wrap .col {width:50%; max-width:400px;}
	.main-list-wrap .col-1 {margin-right:18px;}

	.mainBnr-form .col {padding:15px;}
	.mainBnr-form .col-l .tit {font-size: 22px;}
	.mainBnr-form .col-l .view {margin-top: 15px;}
	.mainBnr-form .col-r .tit p {margin-bottom: 15px;}
	.mainBnr-form .col-r .info .tt {font-size:20px;}
	.mainBnr-form .bnr-item .col-r .btn-reset {right: 15px;}

	.visual-zone {height:auto;}
	.main-visual {width:calc(100% - 270px); height:370px;}
	.main-visual ul li img {width:100% !important; height:350px !important;}
	.bx-wrapper .bx-controls-direction a {width:36px; height:36px; margin-top:-18px; background-position:50% 50% !important; background-size:contain;}
	.bx-wrapper .bx-prev {left:5px;}
	.bx-wrapper .bx-next {right:5px;}

	.main-board {width:270px; padding-left:10px;}
	.main-board {box-sizing:border-box;}
	.main-login {width:100%; height:auto; padding:0 14px; margin-bottom:10px; box-sizing:border-box;}
	.main-login .login-form {width:100%; height:auto; padding:14px 70px 0 0; box-sizing:border-box;}
	.main-login .login-form .login-btn {top:14px; width:70px; height:70px; font-size:14px; line-height:70px;}
	.main-login .login-form .input {width:100% !important; height:35px; padding:0 5px 0 10px;}
	.main-logout {width:100%; height:auto; margin-bottom:10px; box-sizing:border-box;}
	.main-logout .himself {height:auto; padding:20px 5px;}
	.main-logout .himself .txt {font-size:14px; line-height:1.4em;}
	.main-logout .info-link2 {width:100%; height:auto;}
	.main-logout .info-link2 ul li {height:auto;}
	.main-logout .info-link2 ul li a {height:60px; font-size:12px;}
	.main-logout .info-link2 ul li a strong {padding:9px 0 4px;}
	.main-logout .info-link2 ul li a span {font-size:14px;}

	.info-link {width:100%; height:auto; padding:12px 0;}
	.info-link a {font-size:12px; line-height:1.3em;}

	.main-result {width:100%; height: 95px;}
	.main-result ul li {font-size:14px; line-height:40px;}

	.main-notice {width:270px; height:auto; margin-top:25px;}
	.main-notice h3 {height:auto; padding:0 0 6px; line-height:1.3em; font-size:15px;}
	.main-notice .more {top:6px; right:0;}
	.main-notice ul li {padding-left:13px; padding-right:80px; background-position:2px 12px; line-height:30px; overflow:hidden;}
	.main-notice ul li a {height:24px; max-width:calc(100% - 20px); display:inline-block; vertical-align:top; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}

	.main-list-wrap .col ul li a {line-height:1.5em;}

	.wing-left {right:auto; left:30px; margin:0; width:120px;}
	.wing-right {left:auto; right:30px; margin:0; width:120px;}
	.wing-right .body {width:100%;}

	#container {padding-left:140px; padding-right:140px;}

	.foot-top {display:none;}

	.side-float {display:block;}

	#main #container {padding-bottom:40px;}

	.bottom-customer {display:none; background:#f5f5f5; border-top:1px solid #ddd; text-align:center;}
	.bottom-customer .inner {max-width:1200px; margin:0 auto;}
	.bottom-customer .wrap {display:table; table-layout:fixed; width:100%;}
	.bottom-app {display:table-cell; vertical-align:top; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff0e9;}
	.bottom-app a {display:block;text-decoration:none !important;}
	.bottom-app .tit {background:#ff5800; color:#fff; font-size:16px; font-weight:500; line-height:1.5em; padding:10px; margin-bottom:15px;}
	.bottom-app .txt {width:80%; margin:0 auto;}
	.bottom-cs {display:table-cell; vertical-align:middle; width:45%; padding:20px 20px; border-right:1px solid #ddd; color:#454545;}
	.bottom-cs .cs-in {display:table; table-layout:fixed; width:100%;}
	.bottom-cs .call {display:table-cell; vertical-align:middle;}
	.bottom-cs .hour {display:table-cell; vertical-align:middle; font-size:16px; line-height:1.75em;}
	.bottom-cs .hour .in {display:inline-block; text-align:left;}
	.bottom-cs h3{color:#294c9e; font-size:18px; font-weight:500; line-height:1.3em; margin-bottom:5px;}
	.bottom-cs h3 img {width:18px; vertical-align:middle; margin:-.2em 5px 0 0;}
	.bottom-cs .tel {color:#294c9e; font-size:24px; font-weight:500; line-height:1.3em; margin-bottom:5px;}
	.bottom-cs .tel a {text-decoration:none !important;}
	.bottom-cs .email {font-size:16px; line-height:1.3em;}
	.bottom-service {display:table-cell; vertical-align:middle; border-right:1px solid #ddd;}
	.bottom-service .serv {display:block; padding:20px; text-decoration:none !important; color:#c9252c; font-size:18px; font-weight:500; line-height:1.3em;}
	.bottom-service .serv img {width:80px; vertical-align:middle; margin:-.2em 17px 0 0;}

	.customer-center .customer-info ul {display:block;}
	.customer-center .customer-info ul li {box-sizing:border-box; width:50%; padding-left:160px; background-position:30px 0 !important;}

	.how-use ul {width:auto; margin:-15px;}
	.how-use ul li {width:calc(50% - 30px); margin:15px;}
	.how-use ul li.icon1:after, .how-use ul li.icon4:after {width:100%; height:100%;}
	.how-use ul li.icon2:after, .how-use ul li.icon3:after {width:100%; height:100%;}
	.how-use ul li p {font-size:14px;}
	.how-use ul li p br {display:none;}

	.mainBnr-form .col-r .tit .won {font-size:29px;}
}

@media (max-width: 1430px){
	/* .main-list-wrap .col {max-width:calc(45% - 150px);} */
/* 	.main-list-wrap {max-width:885px;} */
/* 	.main-visual {height:460px;} */
	.mainBnr-form .col {padding:23px 15px;}
	.mainBnr-form .col-r .tit .won {font-size: 25px;}
}

@media (max-width: 1380px){
	.main-visual {height: 440px;}
}

@media (max-width: 1280px){


	/* header */
	.sitelogo {left:30px; top:25px;}
	.global .contain {height:100px;}
	.global .top-search {top:30px;}
	.global .util {right:30px; top:25px;}

	#gnb > ul > li {font-size:16px; line-height:40px;}
	#gnb .submenu > ul > li > a {padding:6px 0;}
	#gnb .m1 .submenu > ul > li > a {padding:8px 8px 8px 25px;}
	.catalog-submenu .col ul li a {padding:4px 0 4px 10px; background-position:0 13px;}
	.catalog-submenu .col ul li:hover a,
	.catalog-submenu .col ul li.active a {background-position:0 13px;}

	.top-etc {left:30px;}

	/* main */
	.main-visual {width:calc(100% - 250px);}
	.main-board {width:250px;}
	.main-notice {width:250px;}
	/*.visual-zone {height:auto;}
	.main-visual {width:calc(100% - 300px); height:auto;}
	.main-visual ul li img {width:100% !important; height:auto !important;}
	.main-board {float:left; width:300px; padding-left:15px; box-sizing:border-box;}
	.main-login {width:100%; box-sizing:border-box;}
	.main-result {width:100%; height:auto;}
	.main-notice {height:auto; width:100%;}*/


	.main-bnr ul li a {display:block;}
	.main-bnr .img {position:relative; height:0; padding-bottom:53.57%;}
	.main-bnr .img img {position:absolute; top:0; left:0; width:100%; height:100%;}

	.main-catalog > ul > li > a .title {font-size:16px;}
	.catalog-list > ul > li > a .title {font-size:16px;}

	/* content */
	.greeting {padding-right:360px; background-position:right -100px top;}

	.check-list .list-ask {display:table; table-layout:fixed; width:100%; padding:0;}
	.check-list .list-ask .tt {float:none; display:table-cell; width:240px; margin:0; vertical-align:middle; line-height:1.3em;}
	.check-list .list-ask ul {box-sizing:border-box; height:auto; padding:25px 30px 25px 43px; display:table-cell; vertical-align:middle;}
	.check-list .list-ask ul li {background-position:0 5px; line-height:1.5em; margin:7px 0;}
	.check-list .list-ask:after {display:none;}

	.check-list .list-reply {display:table; table-layout:fixed; width:100%; padding:0; height:auto;}
	.check-list .list-reply .img {display:table-cell; float:none; margin:0; vertical-align:top; width:50%;}
	.check-list .list-reply .txt {display:table-cell; vertical-align:middle; width:50%; height:auto; padding:30px;}
	.check-list .list-reply:after {display:none;}

	.sell .how p br,
	.buy .how p br {display:none;}

	.how-use ul {width:auto;}
	.how-use ul li {width:100%; height:auto; margin:0 0 30px 0; padding:142px 30px 30px; box-sizing:border-box;}
	.how-use ul li:after {width:100% !important; height:100% !important;  box-sizing:border-box;}

	.customer-center .customer-info {padding:0; max-width:1060px; margin:0 auto;}
	.customer-center .customer-info ul {display:block;}
	.customer-center .customer-info ul li {width:50%; box-sizing:border-box; background-position:10% 0 !important; padding-left:20%;}

	.catalog-view .photo {width:45%}
	.catalog-view .photo .link-zone > ul > li > a {font-size:14px;}
	.catalog-view .info {margin-left:48%;}
	.catalog-view .info .title .catalog-name h2 {font-size:25px;}
}

@media (max-width: 1120px){
	.main-visual {width:calc(100% - 220px);}
	.main-board {width:220px;}

	.main-catalog > ul > li > a {padding-left:190px;}
	.main-catalog > ul > li > a .thumb {width:160px; height:auto; margin-left: -176px;}
	.main-catalog > ul > li > a .title {font-size:15px;}

	.sub-title {margin-bottom:35px;}


	.global .top-search {background:none; width:380px; margin-right:-200px; top:50%; margin-top:-20px;}
	.global .top-search input[type=search] {width:calc(100% - 40px); padding-left:15px; box-sizing:border-box; border:1px solid #294c9e; border-right:0;}

	.greeting br {display:none;}

	.menu-depth1 .inner {width:auto;}
	.menu-depth1 ul li {font-size:14px;}

	.menu-depth2 ul li {height:38px}
	.menu-depth2 ul li a {font-size:13px; line-height:36px;}

	.service-explain ul li dl dd br {display:none;}

	.catalog-list > ul > li > a .thumb {width:160px;}
	.catalog-list > ul > li > a .title {font-size:15px;}
	.catalog-list > ul > li > a .price {font-size:15px;}
}


@media (max-width: 1024px){
	/* header */
	.global .contain {height:85px;}
	.sitelogo {top:50%; margin-top:-20px;}
	.sitelogo img {height:40px;}

	.global .util {top:50%; margin-top:-22px;}
	.global .util ul li {height:auto;}
	.global .util ul li a {display:block; padding:32px 0 0 0 !important; font-size:11px !important; line-height:1.3em !important; background-position:50% 0 !important;}

	#gnb > ul > li {font-size:15px; line-height:42px;}
	#gnb .submenu > ul > li {font-size:14px; line-height:1.5em;}
	#gnb .m1 .submenu > ul > li > a {padding:10px 5px 10px 18px;}

	.catalog-submenu {width:300%; max-width:500px; height:auto; min-height:320px; padding:0 20px 20px 20px; background-size:contain; background-position:100% 100%;}
	.catalog-submenu .tt {font-size:18px; line-height:50px;}
	.catalog-submenu .col ul li {font-size:14px; line-height:1.5em;}
	.catalog-submenu .col ul li a {padding:6px 0 6px 11px; background-position:0 13px;}
	.catalog-submenu .col ul li:hover a,
	.catalog-submenu .col ul li.active a {background-position:0 13px;}

	/* .wing-left {position:fixed; bottom:15px; left:10px; width:50px; top:auto !important; margin-top:0 !important; z-index:100;}
	.wing-left img {width:100%; height:auto !important;}
	.wing-left .mgb20 {margin-bottom:5px !important; display:none !important;}
	.wing-left li {margin-bottom:5px;} */
	.wing-left {display:none;}
	.wing-right {display:none;}

	.bottom-banner {display:block;}

	/* main */
	#container {padding-left:0; padding-right:0;}
	#main #container {padding-bottom:40px;}

	.bottom-customer {display:block;}

	/*.main-visual {width:calc(100% - 260px);}
	.bx-wrapper .bx-controls-direction a {width:36px; height:36px; margin-top:-18px; background-position:50% 50% !important; background-size:contain;}
	.bx-wrapper .bx-prev {left:5px;}
	.bx-wrapper .bx-next {right:5px;}

	.main-board {width:260px; padding-left:10px;}
	.main-board {box-sizing:border-box;}
	.main-login {height:auto; padding:0 14px; margin-bottom:10px;}
	.main-login .login-form {width:100%; height:auto; padding:14px 70px 0 0; box-sizing:border-box;}
	.main-login .login-form .login-btn {top:14px; width:70px; height:70px; font-size:14px; line-height:70px;}
	.main-login .login-form .input {width:100% !important; height:35px; padding:0 5px 0 10px;}
	.main-logout {width:100%; height:auto; margin-bottom:10px; box-sizing:border-box;}
	.main-logout .himself {height:auto; padding:20px 5px;}
	.main-logout .himself .txt {font-size:14px; line-height:1.4em;}
	.main-logout .info-link2 {width:100%; height:auto;}
	.main-logout .info-link2 ul li {height:auto;}
	.main-logout .info-link2 ul li a {height:60px; font-size:12px;}
	.main-logout .info-link2 ul li a strong {padding:9px 0 4px;}
	.main-logout .info-link2 ul li a span {font-size:14px;}

	.info-link {width:100%; height:auto; padding:12px 0;}
	.info-link a {font-size:12px; line-height:1.3em;}

	.main-result ul li {font-size:14px; line-height:40px;}

	.main-notice {margin-top:10px;}
	.main-notice h3 {height:auto; padding:0 0 6px; line-height:1.3em; font-size:15px;}
	.main-notice .more {top:6px; right:0;}
	.main-notice ul li {padding-left:13px; padding-right:80px; background-position:2px 9px; line-height:24px; overflow:hidden;}
	.main-notice ul li a {height:24px; max-width:calc(100% - 20px); display:inline-block; vertical-align:top; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}*/

	.main-bnr .slider {margin-right:-14px;}
	.main-bnr .slider li {margin-right:14px;}

	.main-catalog > ul {margin:0 -7px;}
	.main-catalog > ul > li {padding:0 7px; margin-bottom:14px; height:auto;}
	.main-catalog > ul > li > a {padding:12px 5px 12px 200px; height:auto; min-height:208px; box-sizing:border-box;}
	.main-catalog > ul > li > a .thumb {width:170px; height:auto; margin-left:-188px;}
	.main-catalog > ul > li > a .thumb .box {padding-bottom:100%;}
	.main-catalog > ul > li > a .title {font-size:15px; line-height:1.4em; letter-spacing:-.03em;}
	.main-catalog > ul > li > a .practicable {font-size:14px; font-weight:500; line-height:1.5em;}
	.main-catalog > ul > li > a .info ul {margin:0;}
	.main-catalog > ul > li > a .info ul li {position:relative; float:none; width:100%; min-height:20px; padding:0 0 0 66px;}
	.main-catalog > ul > li > a .info ul li span {position:absolute; top:0; left:0;}

/* 	.main-list-wrap .col {max-width:calc(50% - 150px);} */
	.main-list-wrap .col-1 {margin-right:15px;}

	/* footer */
	.foot-link ul li a {font-size:14px; line-height:40px;}

	/* sub */
	.sub-title {height:auto; margin-bottom:30px; padding:25px 0 17px}
	.sub-title h2 {font-size:24px; line-height:1.3em; padding:0;}
	.sub-title .path {top:32px; font-size:12px;}

	#lnb {height:auto; margin-bottom:30px;}
	.lnb ul li {height:auto;}
	.lnb ul li a {font-size:14px; line-height:40px;}

	/* content */
	.sub-tab {height:auto; margin-bottom:30px;}
	.sub-tab ul li {height:auto;}
	.sub-tab ul li a {font-size:14px; line-height:40px;}

	/* board */
	.menu-depth1 ul li {font-size:14px;}

	.menu-depth2 ul li {height:auto;}
	.menu-depth2 ul li a {font-size:14px; line-height:40px;}

	.catalog-list > ul {margin:0 -7px;}
	.catalog-list > ul > li {padding:0 7px; margin-bottom:14px;}
	.catalog-list > ul > li > a {padding:12px;}
	.catalog-list > ul > li > a .thumb {width:170px; margin-right:12px;}
	.catalog-list > ul > li > a .title {font-size:15px; line-height:1.4em; height:1.4em; letter-spacing:-.03em;}
	.catalog-list > ul > li > a .price {font-size:15px; line-height:1.4em;}
	.catalog-list > ul > li > a .practicable {font-size:14px; font-weight:500; line-height:1.5em;}
	.catalog-list > ul > li > a .info ul li {font-size:12px;}
	.catalog-list .icon-albel {left:7px;}
	.catalog-list .badge {font-size:12px;}

	.catalog-view .photo {width:48%; box-sizing:border-box;}
	.catalog-view .photo .photo-slider {padding:25px;}
	.catalog-view .photo .link-zone > ul > li > a {font-size:14px;}
	.catalog-view .info {float:left; width:52%; padding-left:30px; margin-left:0; box-sizing:border-box;}
	.catalog-view .info .title {padding-right:0;}
	.catalog-view .info .title .catalog-name h2 {font-size:24px; line-height:1.3em;}
	.catalog-view .info .title .catalog-name .price {padding-top:10px; font-size:20px; gap: 5px 10px;}
    .catalog-view .info .title .catalog-name .price a { font-size: 14px;}
	.catalog-view .info .request-btn {position:static; text-align:left; margin-top:10px;}
	.catalog-view .info .request-btn a {text-align:center; display:inline-block; vertical-align:middle; width:140px; font-size:15px; line-height:40px;}
	.catalog-view .info .request-btn p {display:inline-block; vertical-align:middle; margin-left:10px; margin-top:0; font-size:12px; line-height:1.5em;}
	.catalog-view .info .request-btn.soldout a {font-size:18px;}
	.catalog-view .badge {font-size:12px;}

	.detail-info .col ul li {font-size:14px; line-height:1.6em;}

	.pop-engineer .cnt {padding:0 20px 20px;}

	/* member */
	.login-area .login-header {height:150px;}
	.login-area .login-header .logo {top:80px;}
	.login-area .contain {width:100%;}
	.login-area .login-tit:after {width:100%;}

	.join-area .join-header {height:150px;}
	.join-area .join-header .logo {top:80px;}
	.join-area .join-tit {height:50px;}
	.join-area .contain {width:100%; padding:0;}
	.join-area .join-box .tit p {font-size:12px; line-height:1.5em;}
	.join-area .join-agree .agree-box {width:100%;}
	.join-area #emailID,
	.join-area #emailDomain {width:200px !important;}
	.join-area #mobile {width:100% !important;}

    .catalog-view .info .request-btn a.contact-btn { margin-top: 0; }
}

@media (max-width: 800px){
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-tablet-mobile {display:block;}
	.only-mobile {display:none;}

	/* header */
	.global .top-search {width:280px; margin-right:-160px;}

	/* main */
	.visual-zone {margin:20px 0;}

	.main-visual {float:none; width:100%; height:auto; margin-bottom:20px;}
	.main-visual ul li img {height:auto !important;}

	.main-board {float:none; width:100%; padding-left:0; overflow:hidden;}

	.main-login,
	.main-logout {float:left; width:calc(34% - 15px); margin-right:15px; margin-bottom:0;}

	.main-result {float:left; width:calc(33% - 15px); margin-right:15px;}

	.main-notice {float:left; width:calc(33%); margin-top:0;}

	.main-catalog > ul {margin:0;}
	.main-catalog > ul > li {float:none; padding:0; width:auto;}
	.main-catalog > ul > li > a {min-height:auto;}
	.main-catalog > ul > li > a .thumb .box {padding-bottom:75%;}
	.main-catalog > ul > li > a .info ul {margin:0 -5px;}
	.main-catalog > ul > li > a .info ul li {float:left; width:50%; padding:0 5px 0 66px;}

	.main-list-wrap {display:block;}
	.main-list-wrap .col {width:auto; max-width:100%;}
	.main-list-wrap .col-1 {margin-bottom:15px; margin-right:0;}
	.main-notice {position:relative;}

	/* footer */
	.bottom-app .tit {padding:7px; margin-bottom:12px;}
	.bottom-app .txt {font-size:12px; line-height:1.6em;}
	.bottom-cs {padding:18px 14px;}
	.bottom-cs .call {width:55%;}
	.bottom-cs h3 {font-size:16px;}
	.bottom-cs h3 img {width:15px;}
	.bottom-cs .tel {font-size:20px;}
	.bottom-cs .email {font-size:14px;}
	.bottom-cs .hour {font-size:13px;}
	.bottom-service .serv {padding:18px 10px; font-size:16px;}
	.bottom-service .serv img {display:block; width:60px; margin:0 auto 7px;}

	/* content */
	.greeting {padding-right:0; min-height:auto; margin-bottom:60px; background-size:270px auto; background-position:right -60px top;}
	.greeting h3 {font-size:21px; line-height:1.5em; margin-right:260px; min-height:120px;}
	.greeting p {font-size:15px;}

	.check-list:after {display:none;}
	.check-list .list-ask {margin-bottom:0;}
	.check-list .list-ask .tt {width:190px; font-size:18px;}
	.check-list .list-ask .tt span {padding-left:30px; background-size:22px auto;}
	.check-list .list-ask ul {padding:20px 20px 20px 20px;}
	.check-list .list-ask ul li {font-size:15px; background-size:15px auto; padding-left:22px;}
	.check-list .line {display:block; position:relative; margin:-6px auto; width:12px; height:62px; background:url('../images/sub/connecting_link.png') 0 0 no-repeat;}
	.check-list.mgb120 {margin-bottom:80px;}
	.check-list .list-reply .txt .inner {font-size:16px; line-height:1.55em;}
	.check-list .list-reply .txt br {display:none;}

	.introduce .btn-zone {margin-top:80px;}
	.introduce .btn-zone ul {width:100%; max-width:600px; display:block; margin:0 auto;}
	.introduce .btn-zone ul:after {content:""; display:block; clear:both;}
	.introduce .btn-zone ul li {width:50%; background:none; padding:0 7px; margin:0; box-sizing:border-box;}
	.introduce .btn-zone ul li a {background:#294c9e;}

	.sell .how {background-size:240px auto; min-height:220px; padding-left:270px; margin-bottom:60px;}
	.sell .how h3 {font-size:24px; line-height:1.3em; margin-bottom:30px; padding-bottom:24px; padding-top:0;}
	.sell .how p {font-size:15px; line-height:1.65em;}

	.buy .how {background-size:240px auto; min-height:220px; padding-left:270px; margin-bottom:60px;}
	.buy .how h3 {font-size:24px; line-height:1.3em; margin-bottom:30px; padding-bottom:24px; padding-top:0;}
	.buy .how p {font-size:15px; line-height:1.65em;}

	.customer-center .customer-info ul li {height:90px; background-size:80px !important; background-position:20px 50% !important; padding-left:120px;}
	.customer-center .customer-info ul li .txt .tel {font-size:24px; line-height:1.3em;}

	/* board */
	.catalog-list > ul {margin:0;}
	.catalog-list > ul > li {width:100%; padding:0;}
	.catalog-list > ul > li.soldout .icon-soldout {right:10px;}

	.catalog-view .photo .photo-slider {padding:14px;}
	.catalog-view .photo .link-zone {height:auto;}
	.catalog-view .photo .link-zone > ul > li {width:50%; height:auto;}
	.catalog-view .photo .link-zone > ul > li > a {font-size:12px; line-height:40px;}
	.catalog-view .photo .link-zone > ul > li:nth-child(1),
	.catalog-view .photo .link-zone > ul > li:nth-child(2) {border-bottom:1px solid #ddd;}
	.catalog-view .photo .link-zone > ul > li:nth-child(3) {border-left:0;}
    .catalog-view .info .title { padding-bottom: 15px; margin-bottom: 0; }
	.catalog-view .info .title .catalog-name h2 {font-size:20px;}
	.catalog-view .info .title .catalog-name .price {font-size:18px;}
	.catalog-view .info .title .s-name {font-size:15px; line-height:1.5em;}
	.catalog-view .info .request-btn a {width:120px; font-size:14px;}
	.catalog-view .info .request-btn p {letter-spacing:-.04em; margin-left:7px;}
    .cata-titlt-wrap { display: block; }
    .cata-titlt-wrap span { display: block; padding-left: 0; margin-bottom: 10px; }

	.detail-info .col {margin-bottom:20px;}
	.detail-info .col ul {margin:0;}
	.detail-info .col ul li {float:none; width:auto; padding:0;}
	.detail-info .col ul br {display:none;}


	.slider-thumbs {margin-top:12px; padding:0 20px;}
	.slider-thumbs .slick-prev {left:-5px;}
	.slider-thumbs .slick-next {right:-5px;}

	/* member */
	.purchase-history table thead th {font-size:14px; line-height:1.5em;}
	.purchase-history table tbody td {font-size:14px; line-height:1.5em;}

	.find-account  {min-height:auto;}
}

@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

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

	/* header */
	.global .contain {padding-top:55px; height:auto;}
	.global .top-search {position:static; padding:10px 15px; width:auto; height:auto; margin:0 -15px; box-sizing:border-box; border-top:1px solid #ddd;}
	.global .top-search:after {content:""; display:block; clear:both;}
	.global .top-search input[type=search] {width:calc(100% - 30px); height:30px; padding:0 10px;}
	.global .top-search input[type=image] {width:30px;}
	.global .util {top:9px; margin-top:0; right:47px;}
	.global .util ul li {padding-left:10px;}
	.global .util ul li a {height:auto; padding:24px 0 0 0 !important; background-size:auto 20px !important; font-size:10px !important; letter-spacing:-.06em;}

	.sitelogo {top:18px; left:15px; margin-top:0;}
	.sitelogo img {height:30px;}

	.logo-top {font-size:10px !important; top:-2px; right:170px;}
    .top-etc {  left: 14px;}

	.top-text {position:relative;    bottom: auto;
    left: auto;
    transform: none; padding:0 20px 10px;}

	#gnb {display:none;}
	.gnb-m {display:block; text-align:center; color:#fff; font-size:11px; font-weight:500; line-height:30px; letter-spacing:-.05em; background:#232f6e;}
	.gnb-m ul li {border-left:1px solid #414a7c; box-sizing:border-box;}
	.gnb-m ul li:first-child {background:#294c9e; border-left:0;}

	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}

	.mobile-navigation .catalog-submenu {position:static; width:auto; min-height:auto; padding:10px 0 10px 25px;}
	.mobile-navigation .catalog-submenu .tt {display:none;}
	.mobile-navigation .catalog-submenu .col {float:none; width:auto;}
	.mobile-navigation .catalog-submenu .col ul:after {content:""; display:block; clear:both;}
	.mobile-navigation .catalog-submenu .col ul li {float:left; width:50%; padding-right:5px; box-sizing:border-box;}
	.mobile-navigation .catalog-submenu .col ul li:nth-child(2n+1) {clear:left;}
	.mobile-navigation .catalog-submenu .col ul li a {position:relative; padding:3px 0 3px 10px; background:none; text-decoration:none !important; word-break:break-all; letter-spacing:-.04em;}
	.mobile-navigation .catalog-submenu .col ul li a:before {content:""; position:absolute; top:11px; left:0; width:4px; height:4px; background:#949393; border-radius:100%;}
	.mobile-navigation .catalog-submenu .col ul li a:hover::before {background:#232f6e}

	@keyframes moveTo {
		0% {transform: translate3d(0, -100px, 0);}
		100% {transform: translate3d(0, 0, 0);}
	}

	.header-fixed #wrapper {padding-top:138px;}
	.header-fixed #header {position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #ddd; animation:moveTo .5s; -webkit-animation:moveTo .5s; -moz-animation:moveTo .5s; -ms-animation:moveTo .5s;}
	.header-fixed .global .top-search {display:none;}
	.header-fixed .gnb-m {display:none;}

	/* main */
	.visual-zone {margin:0 -15px 10px;}
	.main-visual {margin-bottom:10px;}
	.bx-wrapper .bx-controls-direction a {width:20px; height:20px; margin-top:-10px;}

	.main-board {padding:0 15px;}

	.main-login, .main-logout {display:none; float:none; width:100%; margin:0 0 10px;}

	.main-login {padding:0 10px;}
	.main-login .login-form {padding:10px 80px 0 0;}
	.main-login .login-form .login-btn {top:10px; width:80px;}

	.main-result {float:none; width:100%; height:auto;}
	.main-result ul li {line-height:30px; font-size:12px;}

	.main-notice {display:none; border:1px solid #ddd; position:relative; float:none; margin-top:10px; width:100%; padding:10px; box-sizing:border-box;}
	.main-notice ul li {font-size:13px;}
	.main-notice .more {top:14px; right:10px;}

	.main-bnr {margin:0 -15px 15px;}
	.main-bnr .slider {margin-right:-5px;}
	.main-bnr .slider li {margin-right:5px;}
	.mainBnr-form .bnr-form-wrap {width: 100%;}
	.mainBnr-form .bnr-item.ai-item .col-l .tit {color: #1bc1ff;}
	.mainBnr-form .bnr-item.ai-item .col-l .tit ~ p {line-height: 1.3em; margin-top: 5px; color: #999; letter-spacing: -.05em; font-size: 10px; margin-bottom: 30px;}
	.mainBnr-form .bnr-item.ai-item .board-form {padding: 0 30px;}
	.mainBnr-form .bnr-item.ai-item .input::placeholder {font-size: 14px; font-weight: 300;}

	.main-catalog > ul > li {margin-bottom:10px;}
	.main-catalog > ul > li > a {padding-left:154px; overflow:hidden; padding-bottom:4px;}
	.main-catalog > ul > li > a .thumb {width:130px; margin-left:-142px;}
	.main-catalog > ul > li > a .thumb .box {padding-bottom:88%;}
	.main-catalog > ul > li > a .title {font-size:14px; margin-top:-2px;}
	.main-catalog > ul > li > a .practicable {font-size:13px;}
	.main-catalog > ul > li > a .info ul {margin:0;}
	.main-catalog > ul > li > a .info ul li {float:none; width:auto; padding:0 0 0 45px; font-size:12px; line-height:16px; min-height:16px;}
	.main-catalog > ul > li.soldout .icon-soldout {font-size:12px; line-height:24px; height:24px; padding:0 8px;}

	body.main .bottom-customer .mobile-hidden {display:none !important;}
	.main-list-wrap {width:100%;}
	.main-list-wrap .col {padding:10px 15px;}
	.main-list-wrap .col .title-wrap p {font-size:15px;}
	.main-list-wrap .col .title-wrap p a {padding-left:15px;}
	.main-list-wrap .col .title-wrap p a:before {left:6px;}
	.main-list-wrap .col ul li span {font-size:12px;}
	.main-list-wrap .col .red-btn {width:90px; height:25px; line-height: 25px; top:10px; bottom:auto; right:10px; font-size:12px;}
	.main-list-wrap .col .title-wrap p a {font-size:12px;}

	.mainBnr-form {display: block; margin:30px 15px 0;}
	.mainBnr-form .col {width:93%; max-width:100%; padding:20px 15px;}
	.mainBnr-form .col-r {max-width:100%;}
	.mainBnr-form .col-l .tit {font-size: 20px;}
	.mainBnr-form .col-l .board-form table th,
	.mainBnr-form .col-l .board-form table td {font-size: 12px;}
	.mainBnr-form .col-l #machine_price {width:calc(100% - 20px) !important;}
	.mainBnr-form .col-l .view {width: 110px; height: 32px; line-height: 32px; font-size: 15px;}
	.mainBnr-form .ai-item .col-l .view {width: 116px; height: 38px;}

	.mainBnr-form .col-r .tit h2 {font-size:18px;}
	.mainBnr-form .col-r .tit p {font-size: 13px;}
	.mainBnr-form .col-r .tit h3 {font-size: 17px;}
	.mainBnr-form .col-r .tit .won {font-size:21px;}
	.mainBnr-form .col-r .tit .count {font-size: 12px;}
	.mainBnr-form .col-r .info .tt {font-size: 17px;}
	.mainBnr-form .col-r .info ul li {font-size: 13px; margin-bottom: 3px; padding-left: 14px;}
	.mainBnr-form .col-r .info ul li:before {top: 10px;}

	/* bottom */
	.bottom-customer {background:none; border:0;}

	.bottom-app {display:block; margin-bottom:10px; border:1px solid #ff5800;}
	.bottom-app a {display:table; width:100%; table-layout:fixed;}
	.bottom-app .tit {display:table-cell; vertical-align:middle; margin:0; padding:6px 0; font-size:12px; width:100px;}
	.bottom-app .txt {display:table-cell; vertical-align:middle; text-align:left; padding:6px 12px; line-height:1.3em;}

	.bottom-service {display:table; table-layout:fixed; width:100%; background:#f5f5f5; border-right:0; border-top:1px solid #ddd;}
	.bottom-service .serv {display:table-cell; vertical-align:middle; border-right:1px solid #ddd; padding:13px 10px; font-size:14px;}
	.bottom-service .serv img {display:inline-block; width:40px; margin:0 8px 0 0;}
	.bottom-service .only-mobile {display:table-cell; vertical-align:middle;}
	.bottom-service .notice {padding:10px; position:relative; text-align:left;}
	.bottom-service .notice h3 {color:#333; font-size:14px; line-height:1.3em; margin-bottom:5px;}
	.bottom-service .notice ul li {font-size:12px; color:#666; line-height:1.5em; overflow:hidden; white-space:nowrap; word-break:break-all; height:1.5em; text-overflow:ellipsis;}
	.bottom-service .notice ul li img {vertical-align:middle;}
	.bottom-service .notice .more {position:absolute; top:12px; right:10px; font-size:11px; color:#888; line-height:1.3em;}

	.bottom-cs {display:block; width:auto; padding:12px 10px; margin-bottom:20px; background:#f5f5f5; border-top:1px solid #ddd; border-right:0; border-bottom:1px solid #ddd;}
	.bottom-cs .call {width:50%;}
	.bottom-cs h3 {font-size:14px; margin-bottom:3px;}
	.bottom-cs h3 img {width:12px;}
	.bottom-cs .tel {font-size:19px; margin-bottom:3px;}
	.bottom-cs .email{font-size:12px;}
	.bottom-cs .hour {font-size:12px; line-height:1.6em;}

	/* footer */
	.foot-link .contain {padding:0;}
	.foot-link ul li {width:33.3333333%; border-bottom:1px solid #ddd; margin-bottom:-1px;}
	.foot-link ul li:nth-child(1) {border-left:0;}
	.foot-link ul li:nth-child(3) {border-right:0;}
	.foot-link ul li:nth-child(5) {border-right:0;}
	.foot-link ul li:nth-child(4),
	.foot-link ul li:nth-child(5) {width:50%}

	.foot-link ul li a {font-size:13px; line-height:36px;}

	.foot-info {text-align:center; font-size:12px;}

	.side-float {bottom:10px; right:10px;}
	.side-float .share-btn img {width:40px;}
	.side-float .share-list {right:55px;}
	.side-float .share-list ul li {width:40px;}
	.side-float .go-top img {width:40px;}

	/* sub */
	.sub-title {margin:0 -15px 25px; padding:20px 15px;}
	.sub-title h2 {text-align:center; font-size:20px;}
	.sub-title .path {display:none;}
	.sub-title.none-line {margin-bottom:0; border-bottom:0;}

	#lnb {margin:0 -15px 30px;}
	.lnb ul li {margin-right:0;}
	.lnb ul li a {font-size:13px; line-height:38px; border-left:0;}
	.lnb ul li:first-child a {border-left:1px solid #e5e5e5;}
	.lnb ul li.active:first-child a {border-left:1px solid #294c9e;}

	.lnb .swiper-container ul li {width:auto !important;}
	.lnb .swiper-container ul li a {min-width:75px; padding:0 12px; box-sizing:border-box;}

	.real-cont {padding-bottom:40px;}

	/* content */
	.sub-tab {margin:0 -15px 30px;}
	.sub-tab ul li {margin-right:0; width:auto !important;}
	.sub-tab ul li a {min-width:75px; padding:0 12px; font-size:13px; line-height:38px; border-left:0; box-sizing:border-box;}
	.sub-tab ul li:first-child a {border-left:1px solid #e5e5e5;}
	.sub-tab ul li.active:first-child a {border-left:1px solid #294c9e;}

	.greeting {text-align:center; background:url("../images/sub/greeting_bg_m.jpg") 50% 0 no-repeat; background-size:225px auto; padding:200px 0 0 0; margin-bottom:45px;}
	.greeting h3 {font-size:16px; padding:0; margin:0;}
	.greeting h3:after {position:static; display:block; margin:25px auto; width:40px;}
	.greeting p {font-size:14px; line-height:1.6em; letter-spacing:-.03em;}

	.check-list .list-ask .tt {display:block; width:auto; height:auto; padding:18px 0; font-size:16px;}
	.check-list .list-ask .tt span {background-size:19px auto; padding-left:27px;}
	.check-list .list-ask ul {display:block; padding:10px 13px;}
	.check-list .list-ask ul li {font-size:14px; background-size:12px auto; padding-left:20px;}
	.check-list .line {height:30px; background-size:contain; background-position:50% 0; margin:-3px auto;}

	.check-list .list-reply .img {display:block; width:auto;}
	.check-list .list-reply .img img {width:100%;}
	.check-list .list-reply .txt {display:block; width:auto; text-align:center; padding:30px 20px; background-size:cover !important;}
	.check-list .list-reply .txt .inner {font-size:15px; line-height:1.6em; text-align:center;}
	.check-list.mgb120 {margin-bottom:30px;}

	.introduce .btn-zone {margin-top:30px;}
	.introduce .btn-zone ul {width:auto; margin:0 -3px;}
	.introduce .btn-zone ul li {padding:0 3px;}
	.introduce .btn-zone ul li a {font-size:15px; line-height:45px;}

	.sell .how {background-size:230px auto; background-position:50% 0; padding:220px 0 0 0; margin-bottom:30px;}
	.sell .how h3 {font-size:20px; padding-bottom:15px; margin-bottom:15px;}
	.sell .how h3:after {width:48px;}
	.sell .how p {font-size:14px;}

	.buy .how {background-size:230px auto; background-position:50% 0; padding:220px 0 0 0; margin-bottom:30px;}
	.buy .how h3 {font-size:20px; padding-bottom:15px; margin-bottom:15px;}
	.buy .how h3:after {width:48px;}
	.buy .how p {font-size:14px;}

	.how-use ul li {margin:0 0 25px 0; padding:100px 15px 20px 15px; background-size:100px auto !important;}
	.how-use ul li .tt {font-size:16px;}
	.how-use ul li p {font-size:14px; line-height:1.6em;}
	.how-use ul li p br {display:none;}

	.customer-center .title {margin-bottom:20px;}
	.customer-center .title h3 {font-size:18px; line-height:1.3em;}
	.customer-center .title p {font-size:14px;}
	.customer-center .customer-info ul {border-top:1px dotted #c8c8c8;}
	.customer-center .customer-info ul li {float:none; width:auto; height:120px; margin:0 !important; padding-left:110px; border-left:0; border-right:0; border-bottom:1px dotted #c8c8c8; background-size:80px !important; background-position:10px 50% !important;}
	.customer-center .customer-info ul li .txt {height:120px;}
	.customer-center .customer-info ul li .txt .tt {font-size:16px; line-height:1.5em; margin-bottom:5px;}
	.customer-center .customer-info ul li .txt p {font-size:15px; line-height:1.5em;}
	.customer-center .customer-info ul li .txt .tel {font-size:22px;}

	.service-explain ul {margin:0;}
	.service-explain ul li {float:none; width:auto; padding:0; min-height:80px; margin-bottom:30px; background-position:0 0 !important; background-size:70px auto !important;}
	.service-explain ul li dl {padding-left:85px;}
	.service-explain ul li dl dd {font-size:14px; line-height:1.5em;}


	/* board */
	.board-search .total-page {float:none; margin-bottom:6px; margin-top:0;}
	.board-search .search {float:none;}
	.board-search .search:after {content:""; display:block; clear:both;}
	.board-search .search .select {float:left; width:90px; min-width:auto; margin-right:4px;}
	.board-search .search .input {float:left; width:calc(100% - 160px); margin-right:4px;}
	.board-search .search .btn-pack {float:left; width:62px; padding:0;}

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

	.faq {margin:0 -15px;}
	.faq .tit {background-position:15px 12px; background-size:22px auto;}
	.faq .tit a {padding:12px 15px 12px 46px;}
	.faq .tit .icon {display:none;}
	.faq .cnt {padding:12px 15px;}
	.faq .cnt br {display:none;}

	.board-view {margin:0 -15px;}
	.board-view .head .tit {font-size:15px; padding:10px 15px;}
	.board-view .head .info {font-size:12px; padding:8px 15px;}
	.board-view .head .files {padding:10px 18px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}

	.board-write {margin:0 -15px 20px;}
	.board-write .group {padding:12px 15px; line-height:1.5em;}
	.board-write .title {display:block; position:static; width:auto; line-height:1.5em; margin-bottom:7px;}
	.board-write .group.content {padding:0; border-top:0;}
	.board-write .group.content + .group {border-top:0;}
	.board-write .files_table .input {width:calc(100% - 110px) !important;}
	.board-write .textarea {display:block; width:100% !important;}
	.board-write input[type=radio]+label {margin-right:6px;}
	.board-write input[type=radio]+label:last-child {margin-right:0;}
	.board-write input#title {width:100% !important;}

	.buttons {margin:10px 0;}

	.btn-pack.small {height:20px; padding:0 8px; font-size:12px; line-height:18px;}

	.prev_next {margin:0 -15px; font-size:14px;}
	.prev_next dt {width:73px; padding:8px 0 8px 15px; text-align:left; margin-right:0; background-position:97% 50% !important;}
	.prev_next dd {margin-left:85px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 0 35px; background-size:45px; border:0;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.paginate a, .paginate strong {width:28px; height:28px; font-size:12px; line-height:26px;}

	.mailform table tbody th {font-size:14px; line-height:1.5em; padding:7px 7px 7px 3px;}
	.mailform table tbody td {font-size:14px; line-height:1.5em; padding:7px 0;}
	.mailform.wide .reg {color:#f53f3f}

	.form-agree {margin-top:25px; margin-bottom:25px;}
	.form-agree dt {font-weight:500;}

	.mailform.wide {margin:0 -15px;}
	.mailform.wide colgroup col {width:100% !important;}
	.mailform.wide table tbody tr {display:block; padding:12px 15px; border-bottom:1px solid #ddd;}
	.mailform.wide table tbody th {display:block; height:auto; padding:0; border-bottom:0; margin-bottom:8px; font-size:15px; font-weight:500;}
	.mailform.wide table tbody th br {display:none;}
	.mailform.wide table tbody td {display:block; height:auto; padding:0; border-bottom:0;}
	.mailform.wide table tbody td label {margin-right:6px;}
	.mailform.wide table tbody td label:last-child {margin-right:0;}
	.mailform.wide select#cat,
	.mailform.wide select#cat2,
	.mailform.wide select#etc_20 {width:100% !important;}
	.mailform.wide input#model {width:100% !important; margin-bottom:5px;}
	.mailform.wide input#etc_7 {width:100% !important;}
	.mailform.wide select#etc_7 {width:100% !important;}
	.mailform.wide input#isbn {width:calc(100% - 110px) !important;}
	.mailform.wide input[type=checkbox]#isbn {width:auto !important;}
	.mailform.wide #areachk {font-weight:500; display:block; margin-bottom:10px; color:#3d517f;}
	.mailform.wide #areachk span {display:inline-block; margin:2px 0;}
	.mailform.wide .txt {display:inline-block;}
	.mailform.wide .bank-item {display:block; margin:4px 0; overflow:hidden;}
	.mailform.wide .bank-item label {float:left; width:65px; margin:0; line-height:35px;}
	.mailform.wide .bank-item .input {float:left; width:calc(100% - 65px) !important;}
	.mailform.wide .deal-amount {display:inline-block; width:90%; margin:8px 0; font-weight:500;}
	.mailform.wide input[type=file] {width:calc(100% - 90px) !important;}

	.area-choice {margin-left:0; display:block;}
	.area-choice .btn > a {font-size:14px; width:90px; height:32px; line-height:32px;}
	.area-choice .btn span {font-size:14px !important; line-height:1.3em; margin-left:8px !important;}

	.area-choice-detail {width:100%; height:auto;}
	.area-choice-detail .tit {height:auto; padding:0 15px; font-size:15px; line-height:42px;}
	.area-choice-detail .close {top:11px; right:11px; width:22px; height:22px; box-sizing:border-box; padding:4px;}
	.area-choice-detail .clearfix {width:auto; height:auto;}
	.area-choice-detail .clearfix .city {width:45%; min-height:auto;}
	.area-choice-detail .clearfix .city ul li {width:50%; height:32px; box-sizing:border-box;}
	.area-choice-detail .clearfix .city ul li a {font-size:13px; line-height:32px;}
	.area-choice-detail .clearfix .borough {width:55%; height:288px;}
	.area-choice-detail .clearfix .borough ul li {width:33.33333333%; display:table; height:32px;}
	.area-choice-detail .clearfix .borough ul li a {display:table-cell; padding:0 2px; vertical-align:middle; font-size:13px; line-height:1.2em; letter-spacing:-.04em; word-break:break-all;}


	.form-agree .btn {display:none;}
	.form-agree .scroll-box {height:67px; font-size:12px; line-height:1.3em; padding:8px;}

	.menu-depth1 {display:none;}

	.menu-depth1-m {position:relative; display:block; margin:-26px -15px 20px; padding:12px 22px; background:#f9f9f9; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; overflow:hidden;}
	.menu-depth1-m ul li {width:auto !important; padding:0 14px; background:url('../images/sub/menu_bar.gif') 0 50% no-repeat; font-size:14px; font-weight:500; line-height:20px;}
	.menu-depth1-m ul li:first-child {background:none;}
	.menu-depth1-m ul li a {display:block; text-decoration:none !important; color:#353434;}
	.menu-depth1-m ul li.active a {color:#294c9e;}
	.menu-depth1-m .btn {position:absolute; top:50%; margin-top:-11px;; width:22px; height:22px; background-size:auto 16px; background-position:50% 50%; background-repeat:no-repeat;}
	.menu-depth1-m .btn.prev {left:3px; background-image:url("../images/bbs/slide_prev.png");}
	.menu-depth1-m .btn.next {right:3px; background-image:url("../images/bbs/slide_next.png");}

	.menu-depth2 ul li {width:33.33333333%; display:table; height:40px;}
	.menu-depth2 ul li a {display:table-cell; vertical-align:middle; font-size:13px; line-height:1.2em; word-break:break-all; white-space:normal; text-overflow:inherit;}

	.catalog-tt {height:auto; padding:0 0 10px;}
	.catalog-tt span {line-height:1.4em; font-size:18px; background-position:0 50%; background-size:14px auto;}

	.catalog-total {padding:10px 8px; margin-bottom:15px; font-size:13px; line-height:1.5em;}

	.catalog-list > ul > li {margin-bottom:10px;}
	.catalog-list > ul > li > a {}
	.catalog-list > ul > li > a .thumb {width:126px;}
	.catalog-list > ul > li > a .thumb .box {padding-bottom:90%;}
	.catalog-list > ul > li > a .title {font-size:14px;}
	.catalog-list > ul > li > a .price {font-size:14px;}
	.catalog-list > ul > li > a .practicable {font-size:13px;}
	.catalog-list > ul > li.soldout .icon-soldout {font-size:12px; line-height:24px; height:24px; padding:0 8px;}
	.catalog-list .icon-albel {left:0;}
	.catalog-list .pri {margin-right:2px;}
	.catalog-list .badge {font-size:10px; line-height:14px; padding:0 1px; letter-spacing:-.04em; margin-left:-2px;}

	.catalog-view {padding-bottom:15px; margin-bottom:25px;}
	.catalog-view .photo {float:none; width:auto; margin-bottom:20px; position:relative; z-index:2;}
	.catalog-view .photo .photo-slider {padding:24px;}
	.slider-thumbs {padding:0; margin-top:15px;}
	.slider-thumbs .slick-arrow {background-size:auto 15px;}
	.slider-thumbs .slick-prev {left:-20px;}
	.slider-thumbs .slick-next {right:-20px;}
	.slider-thumbs .slick-current .img:after {border-width:2px;}
	.catalog-view .photo .link-zone > ul > li > a {font-size:13px; line-height:36px;}
	.catalog-view .photo .link-zone .sns-share {width:auto; height:auto; top:36px; left:-1px;}
	.catalog-view .photo .link-zone .sns-share ul {width:auto; height:auto; padding:7px 7px;}
	.catalog-view .photo .link-zone .sns-share ul li {width:26px; height:auto; margin:0 3px;}

	.catalog-view .info {float:none; width:auto; padding-left:0;}
	.catalog-view .info .title .catalog-name h2 {font-size:18px;}
	.catalog-view .info .title .catalog-name .price {font-size:15px;}
	.catalog-view .info .request-btn {margin-top:15px;}

	.engineer-wrap {display:none;}

	.mobile-engineer-load {display:block; margin:0 0 20px;}

	.engineer-title {font-size:15px; letter-spacing:-.04em; padding:0 0 10px;}

	.engineer-profile {display:block; margin-bottom:10px;}
	.engineer-profile .left {display:flex; align-items:center; margin-bottom:8px; width:100%; text-align:left;}
	.engineer-profile .left .img {margin-bottom:0; margin-right:10px;}
	.engineer-profile .left .txt {flex:1 1 auto; min-width:0; width:1%;}
	.engineer-profile .right {width:100%;}

	.engineer-content {margin:0 -5px;}
	.engineer-content .tit {font-size:14px;}
	.engineer-content .box {width:calc(50% - 10px); margin:0 5px;}
	.engineer-content .more {top:9px; font-size:11px;}

	.buy-info {height:auto;}
	.buy-info .title {height:auto; padding:0 15px; line-height:50px;}
	.buy-info .btn-close {top:13px; right:10px; width:20px; padding:2px;}
	.buy-info .info-table {padding:0 15px;}
	.buy-info .info-table table colgroup col:nth-child(1) {width:90px !important;}
	.buy-info .info-table table tbody th {font-size:14px; line-height:1.5em; padding:7px 7px 7px 3px;}
	.buy-info .info-table table tbody td {font-size:14px; line-height:1.5em; padding:7px 0;}
	.buy-info .info-table table tbody td .textarea {height:120px !important;}

	.previous-info {margin-bottom:10px;}
	.previous-info .btn {width:100%; height:40px;}
	.previous-info .btn > a {font-size:15px; line-height:42px;}
	.previous-info .btn + span {display:block; margin:10px 0 0 0 !important; font-size:14px !important; text-align:center;}

	.previous-info-detail {width:100%; box-sizing:border-box; height:auto;}
	.previous-info-detail .tit {height:auto; padding:0 15px; font-size:15px; line-height:42px;}
	.previous-info-detail .close {top:11px; right:11px; width:22px; height:22px; box-sizing:border-box; padding:4px;}
	.previous-info-detail ul {padding:15px;}
	.previous-info-detail ul li {font-size:14px; line-height:1.5em; margin-bottom:8px; overflow:hidden;}
	.previous-info-detail ul li:last-child {margin-bottom:0;}
	.previous-info-detail ul li input {float:left; margin-top:4px !important;}
	.previous-info-detail ul li label {margin-left:20px; display:block;}
	.previous-info-detail ul li .bar {padding:0 7px;}

	/* fancybox */
	.fancybox-mobile .fancybox-wrap {width:calc(100% - 40px)!important;}
	.fancybox-mobile .fancybox-inner {width:100% !important; height:auto !important;}

	/* member */
	.login-area .login-header {height:auto; margin:0; padding:40px 0; text-align:center;}
	.login-area .login-header .logo {position:static; margin:0;}
	.login-area .login-header .logo img {width:190px;}
	.login-area .login-tit {height:auto; margin-bottom:22px;}
	.login-area .login-box .form {width:auto;}
	.login-area .login-box .form .group .input {width:100% !important; height:45px; line-height:1.3em; font-size:14px; padding:0 15px;}
	.login-area .login-box .form .idpw-find {width:auto; font-size:14px;}
	.login-area .login-box .form .btn-zone {width:auto;}
	.login-area .login-box .form .btn-zone ul li {width:auto; height:auto; padding:14px 0;}
	.login-area .login-box .form .btn-zone ul li .btn1 {width:100%; height:45px; font-size:15px; line-height:45px;}
	.login-area .login-box .form .btn-zone ul li .btn2 {width:100%; height:45px; font-size:15px; line-height:43px;}
	.login-area .login-footer {font-size:12px;}

	.join-area .join-header {height:auto; margin:0; padding:40px 0; text-align:center;}
	.join-area .join-header .logo {position:static; margin:0;}
	.join-area .join-header .logo img {width:190px;}
	.join-area .join-tit {height:auto; padding-bottom:12px; margin-bottom:20px;}
	.join-area .join-tit h3 {font-size:20px; line-height:1.3em;}
	.join-area .join-box .tit {padding:0 0 5px;}
	.join-area .join-box .tit p {position:static; margin-top:3px; margin-left:19px;}
	.join-area .join-box .tit .txt {font-size:14px; margin-top:15px; margin-left:0;}
	.join-area .form table tr {display:block; padding:12px 0;}
	.join-area .form table th {display:block; height:auto; padding:0; font-size:15px; line-height:1.5em; margin-bottom:8px; border-bottom:0;}
	.join-area .form table td {display:block; height:auto; padding:0; font-size:14px; line-height:1.5em; border-bottom:0;}
	.join-area .form table td label {margin-right:10px;}
	.join-area .form table td .select, .join-area .form table td .input {padding:0 10px; font-size:14px; line-height:1.3em;}
	.join-area #emailID, .join-area #emailDomain {width:calc(50% - 10px) !important;}
	.join-area #email_list {width:100% !important; margin-top:6px;}
	.join-area #birthYear {width:90px !important;}
	.join-area #birthMonth,
	.join-area #birthDay {width:65px !important;}
	.join-area #postcode {width:120px !important;}
	.join-area .form table td .btn-overlap {vertical-align:top; margin-top:6px; display:block; width:100%; font-size:14px; height:38px; background:#f7f7f7; box-sizing:border-box;}
	.join-area .form table td .btn-overlap2 {height:38px; box-sizing:border-box; font-size:14px; width:110px;}
	.join-area .join-agree .agree-box .scroll-box {height:100px; padding:8px;}
	.join-area .join-agree .agree-box .scroll-box * {font-size:12px; line-height:1.3em;}

	.join-area .join-btn .btn {width:137px; height:45px; line-height:43px; font-size:15px; margin:0 2px; box-sizing:border-box;}

	.find-account {display:block; width:100%; margin:0 0 20px; box-sizing:border-box; padding:15px;}
	.find-account .tit h3 {font-size:16px;}
	.find-account .tit p {font-size:12px;}
	.find-account .form {padding:15px 7px;}
	.find-account .form fieldset {padding-right:0;}
	.find-account .form .group {position:relative; margin-bottom:6px;}
	.find-account .form .group label {width:76px;}
	.find-account .input {width:100% !important;}
	.find-account select[name="byear"] {width:calc(40% - 5px) !important;}
	.find-account select[name="bmonth"],
	.find-account select[name="bday"] {width:calc(30% - 5px) !important;}
	.find-account .form .btn-pack.btn {position:static; width:100%; height:40px; font-size:15px; margin-top:10px;}
	.find-account .authenticate {margin-right:0;}

	.member-leave {border:0; padding:0; width:auto;}
	.member-leave .top {padding:0 0 18px; margin-bottom:18px; font-size:12px; line-height:1.5em; background:none;}
	.member-leave .top strong {font-size:14px;}
	.member-leave fieldset .group label {width:100px;}
	.member-leave fieldset p {margin-bottom:15px; font-size:13px; line-height:1.5em;}
	.member-leave .input {width:calc(100% - 106px) !important;}
	.member-leave .buttons {margin-top:30px;}

	.purchase-history {display:none;}

	.shop-table {display:none;}

	.order-list-m {display:block; margin:0 -15px; border-top:2px solid #ccc;}
	.order-list-m .none {border-bottom:2px solid #ccc; color:#999; text-align:center; padding:40px 0;}
	.order-list-m .group {padding:0 15px; border-bottom:2px solid #ccc;}
	.order-list-m .title {padding:16px 0 12px 0;}
	.order-list-m .title .num {color:#828282; font-size:14px; font-weight:500; line-height:1.4em; margin-bottom:5px;}
	.order-list-m .title .tit {color:#454545; font-size:16px; font-weight:700; line-height:1.4em;}
	.order-list-m .title .btn-pack {vertical-align:middle;}
	.order-list-m .title.wrap {display:table; table-layout:fixed; width:100%;}
	.order-list-m .title.wrap .thumb {display:table-cell; vertical-align:top; width:110px;}
	.order-list-m .title.wrap .thumb .box {position:relative; height:0; padding-bottom:65%; overflow:hidden;}
	.order-list-m .title.wrap .thumb .box img {position:absolute; top:0; left:50%; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
	.order-list-m .title.wrap .tit {display:table-cell; vertical-align:top; padding-left:15px;}
	.order-list-m .info {padding:12px 0; border-top:1px solid #e5e5e5; color:#454545; font-size:14px; line-height:1.5em; letter-spacing:-.02em;}
	.order-list-m .info .item {color:#828282;}
	.order-list-m .info .state {margin-left:5px;}
	.order-list-m .info .btn-pack {vertical-align:middle;}
	.order-list-m .btns {text-align:right; padding:12px 0; border-top:1px solid #e5e5e5;}
	.order-list-m .progress {color:#e21b1b;}
	.order-list-m .buy-finish {color:#294c9e; font-weight:500;}
	.order-list-m .price {color:#ff6000; font-weight:500;}
	.order-list-m .btn-pack.small {line-height:24px; height:26px; padding:0 10px;}
}