/* iweb32-style02
* Copyright 2016, TANK
* 
* 2016 / 10 / 19
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:300,400,500,700,bold');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Sans+SC&family=Playfair+Display:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');

* { margin: 0; padding: 0; }

body {margin: 0;font-size: 14px;color: #565656;background-color: #fcf9f0;}

div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li {margin: 0;padding: 0;text-align: left;vertical-align: middle;word-wrap: normal;word-break: normal;border-width: 0;font-family: 'Cardo',serif,'Noto Sans TC';letter-spacing: .5px;line-height: 160%;-webkit-text-size-adjust: none;}

[class^="fancybox-"] , [class^="fancybox-"] * , .slick-track , .trans_none_box { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.fancybox-infobar__body span { font-size: inherit; color: currentcolor; vertical-align: initial; }

hr { margin: 0 0 10px; border-top: 1px #000 solid; }
th { font-weight: normal; }

ul, ol { list-style: none; }

p.lineHeight { line-height: 170%; }
p.marginTop { margin: 10px 0; }
p.marginLeft { margin: 0 10px; }

fieldset { border: 0; }
input, button, select, textarea { outline: none; }

img {max-width: 100%;object-fit: contain;object-position: top;}

a:link, a:visited { font-weight: normal; text-decoration: none; color: #545454; }
a:hover {text-decoration: none;color: #ababab;}

.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix:after { height: 0; display: block; font-size: 0; visibility: hidden; clear: both; content: "."; }
/* hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

livedemo00.template-help.com/media="screen":after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fancybox-infobar__body span { font-size: inherit; color: currentcolor; vertical-align: initial; }

/* wrapper */
.wrapper { overflow: hidden; position: relative; width: 100%; }
.wrapper section {overflow: hidden;margin: 0 auto;width: 1186px;}

/* jumpDiv */
#jumpDiv, #jumpIframe { position: relative; background: #fff; top: 0; left: 0; z-index: 50; }

/* a.photo */
a.photo { overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; }
a.photo img { margin-top: 0; width: 100%; max-width: inherit; }

/* header */
.wrapper header {position: fixed;padding: 0;width: 100%;z-index: 550;background-color: #fff;}
.wrapper header.headerfixed section { margin: 10px auto; }
.wrapper header .marqueeBox { width: 100%; height: 18px; background-color: #e0ecf2; display: none; top: 0; left: 0; z-index: 51; }
.wrapper header section {overflow: visible;position: relative;margin: 20px auto 20px;width: 98%;display: flex;z-index: 999;justify-content: center;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;align-items: center;}
.wrapper header #cis {width: 200px;display: flex;align-items: center;justify-content: center;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;z-index: 99;}
.wrapper header .topLink ul.top { text-align: right; }
.wrapper header .topLink ul.top li { margin-left: 25px; display: inline-block; }
.wrapper header .topLink ul.top li a { color: #fff; }
.wrapper header .topLink ul.menu { text-align: center; z-index: 0; }
.wrapper header .topLink nav ul li {position: relative;display: inline-flex;text-align: center;vertical-align: top;justify-content: space-evenly;}
.wrapper header .topLink nav ul li.home { width: 10%; text-align: right; }
.wrapper header .topLink nav ul li b { display: none; font-size: 13px; line-height: 18px; }
.wrapper header .topLink nav ul li a {position: relative;margin: 5px 0;padding: 10px;display: block;font-weight: 500;font-size: 16px;color: #ffffff;font-family: 'Noto Serif TC', serif;}
.wrapper header .topLink nav ul li ul.productmenu { position: absolute; padding: 10px 20px 10px 0; background: #99c7ca; display: none; }
.wrapper header .topLink nav ul li:hover ul.productmenu { display: block; }
.wrapper header .topLink nav ul li ul.productmenu li { float: non; width: auto; }
.wrapper header .topLink nav ul li ul.productmenu li a { margin: 0; border-left: 2px transparent solid; font-weight: bold; color: #4d4d4d; }
.wrapper header .topLink nav ul li ul.productmenu li a:hover { color: #fff; }
.wrapper header .topLink nav ul li ul.productmenu li ul.submenu a { margin-left: 10px; font-size: 16px; font-weight: normal; }
.wrapper header .topLink nav ul li ul.productmenu li ul.submenu li ul.lastmenu a { margin-left: 20px; }
.wrapper header .rightBox {position: absolute;top: -10px;right: 50px;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;height: 60px;}
.wrapper header .rightBox ul li {position: relative;padding: 0 5px;display: inline-block;text-align: center;font-size: 18px;}
.wrapper header .rightBox ul li a {position: relative;display: flex;width: 100%;flex-direction: column;align-items: center;justify-content: space-between;}
.wrapper header .rightBox ul li a img {width: 18px;transform: translateY(0%);transition: .6s;object-fit: cover;}
.wrapper header .rightBox ul li a p {font-weight: 400;font-size: 14px;color: #120f0f;transform: translateY(40%);transition: .6s;line-height: 160%;}
.wrapper header .rightBox ul li:hover a p {display: list-item;transform: translateY(30%);transition: .6s;opacity: 1;}
.wrapper header .language_box{margin-left: 15px;}
.wrapper header .topLink nav ul li{width: 140px;}

/* form */
form p { margin: 10px 0; }
form p input[type="text"], form p input[type="password"], form p textarea, form p select {width: 95%;padding: 10px 2% 10px;background: rgba(255,255,255,0.6);border: 1px #858384 solid;font-family: 'Noto Sans SC',serif;font-size: 16px;}
form p input[type="text"]:focus, form p input[type="password"]:focus { border-color: #a7a7a7; }
form p input#Checknum { width: 55%; }
form p.send img { margin: 0 10px; }
form p.send a { padding: 5px 20px; background: #424242; display: inline-block; color: #fff; }

/* webSeo */
.wrapper section #webSeo, .wrapper section #webSeo .seo { overflow: hidden; font-size: 12px; }
.wrapper section #webSeo .seo .js-marquee-wrapper { font-size: 12px !important; transition: none; }

/* footer */
.wrapper footer {padding: 50px 0 20px 0;position: relative;background-image: url(/images/02/index/img-footer-bg.png);}
.wrapper footer section {width: 70%;margin: auto;}
.wrapper footer .wrap .snsLinkBox { margin-bottom: 70px; padding-bottom: 0; border-bottom: 1px solid #f3f2f2; }
footer .snsPicLink { padding: 30px 230px 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
footer .snsPicLink li { overflow: hidden; display: inline-block; vertical-align: top; }
.snsPicLink li .Img { margin-right: 15px; float: left; width: 60px; height: 60px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 99em; }
.snsPicLink li:hover .Img { background-color: #696969; }
.snsPicLink li .Img a img { width: 60px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.snsPicLink li:hover .Img a img { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-filter: contrast(0) brightness(200%); filter: contrast(0) brightness(200%); }
.snsPicLink li .Img i { font-size: 30px; }
.snsPicLink li .txt { float: left; width: calc(100% - 75px); }
.snsPicLink li .txt p {  font-weight: 700; line-height: 150%; font-size: 18px; color: #434343; }
.snsPicLink li .txt .gray { font-weight: 600; font-size: 15px; color: #909090; }
.wrapper footer #footerInfo #info {display: flex;vertical-align: top;align-items: flex-start;}
.wrapper footer #cis {width: 260px;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 40px;}
.wrapper footer #cis h1{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.wrapper footer #footerInfo .row p, .wrapper footer #footerInfo .row p a, #community i {color: #fff;}

/* community */
#community{margin-top:50px;text-align:center}
#community a img{width:22px;height:22px;object-fit:contain}
#community i{padding:10px;font-size:16px}
.wrapper footer #footerInfo #QRcode{float:right;width:310px;padding:40px 0 0 40px}
.wrapper footer #footerInfo .tit{margin:0 0 20px 30px;padding-bottom:10px;border-bottom:1px rgb(217 174 114 / 30%) solid}
.wrapper footer #footerInfo .tit b{position:relative;margin-right:10px;display:inline-block;font-weight:400;font-size:17px;color:#fff;text-transform:uppercase}
.wrapper footer #footerInfo .tit b:after{position:absolute;width:100%;height:2px;background:#fff;display:block;bottom:-13px;left:0;content:""}
.wrapper footer #footerInfo .tit font{font-size:14px;color:#ffffff}
.wrapper footer #footerInfo #info h5,.wrapper footer #footerInfo #info p,.footerInfo b{margin:0 0 8px 0px;color:#fff;font-size:16px}
.wrapper footer #footerInfo #info p{display:flex;align-items:flex-start;}
.wrapper footer #footerInfo #info p b{font-weight:300;width: 80px;text-align: left;}
.wrapper footer #footerInfo #info p span{display:flex;flex-direction:column;align-items:flex-start;width: calc(80% - 70px);}
.footerInfo{display:flex}
.wrapper footer #footerInfo #QRcode .comlist{float:left;text-align:center}
.wrapper footer #footerInfo #QRcode #community{padding:20px 0 0;text-align:center}
.wrapper footer #footerInfo #QRcode #community a{font-size:17px;color:#c3c3c3}
.wrapper footer #footerInfo .row .sitemapList{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.wrapper footer #footerInfo .row .sitemapList li {margin: 5px 5px 0px 0px;}
.wrapper footer #footerInfo .row .sitemapList li a {font-weight: 400;color: #fff;position: relative;padding: 1px 0;font-size: 17px;}
.wrapper footer #footerInfo .info p { margin: 6px 0; }
.wrapper footer #fbWrap { margin: 0 10px; float: right; }

/* sitefooter */
#sitefooter .fcontact li { margin: 10px; }
#sitefooter >div { position: relative; text-align: right; }
#sitefooter >div a { width: 110px; height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgb(195 156 102 / 40%); border-radius: 50%; text-align: center; line-height: 34px; font-size: 12px; color: #d9ae72; transition: all linear .3s; text-transform: uppercase; }
#sitefooter >div a img { width: 20px; }
#sitefooter .down-contact { position: relative; margin-left: auto; align-items: flex-end; justify-content: space-between; }
#sitefooter .down-contact .title::before { position: absolute; width: 60px; height: 1px; background-color: rgb(177 177 177); display: block; top: 70%; left: 44%; content: ""; }
#sitefooter { text-align: right; }

/* otherIcon */
.wrapper footer #otherIcon{display:flex;justify-content:space-between;align-items:center;padding:30px 0 0px}
.wrapper footer #otherIcon .topLink, .wrapper footer #otherIcon #community, .wrapper footer #otherIcon p { text-align: right; color: #626263; }
.wrapper footer #otherIcon #community { margin: 10px 0; }
.wrapper footer #otherIcon #community a {width: 110px;display: inline-block;text-align: center;color: #ffffff;padding: 12px;background-color: #b7a179;margin-right: 10px;}
.wrapper footer #otherIcon #community a:last-child {background-color: #937f5a;}
.wrapper footer #otherIcon #community a font{margin-left: 10px;}
.wrapper footer #otherIcon p { font-size: 12px; }
.wrapper footer section.maq {margin-top: 0;}
.wrapper footer #footerSet {}
.wrapper footer #footerSet p{}
.wrapper footer #footerSet p.wrapper footer #footerSet p a {text-align: center;color: #fff;}
.wrapper footer #footerSet p ,.wrapper footer #footerSet p a {font-size: 14px;color: #acacac;text-align: center;font-weight: 100;letter-spacing: 0.5px;}

/* socialSlide */
.socialSlide {position: fixed;bottom: 50%;right: 1.5%;transform: translateY(50%);z-index: 900;}
.socialSlide .reset { position: relative; display: flex; flex-direction: column; align-items: center; }
.socialSlide .reset li {overflow: hidden;position: relative;margin: 10px;width: 40px;height: 40px;padding: 10px;border-radius: 50%;box-shadow: 2px 5px 10px 1px rgb(0 0 0 / 26%);background-color: #912a2a;display: inline-block;color: #818181;text-transform: uppercase;bottom: calc(50% - 300px);z-index: 100;}
.socialSlide .reset li a {padding: 10px 0px 8px 0px;display: flex;flex-direction: column;align-items: center;text-align: center;font-weight: 300;font-size: 12px;color: #fff;}
.socialSlide .reset li img {position: relative;margin-bottom: 5px;width: 20px;height: 20px;object-fit: contain;display: block;top: 0;-webkit-filter: drop-shadow(0 55px 0 #fff);filter: drop-shadow(0 85px 0 #fff);-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-align: center;}
.socialSlide .reset li.facebook {background-color: #206bc1;}
.socialSlide .reset li.instagram {background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.socialSlide .reset li.Line {background-color: #26a144;}
.socialSlide .reset li span{display: none;}


@media screen and (max-width:1500px) {
	.wrapper footer section{width:80%}
	.wrapper footer #footerInfo #QRcode{float:right;width:230px;padding:40px 0 0 40px}
	#sitefooter >div a{width:90px;height:90px;line-height:24px}
	#sitefooter >div a img{width:14px}
}
@media screen and (max-width:1366px) {
	.wrapper section {width: 86%;}
	.wrapper header  section { width: 95%; }
	.wrapper header .topLink nav ul li { font-size: 16px; }
	footer .snsPicLink { padding: 10px 60px 40px; }
	.wrapper footer .wrap .snsLinkBox { margin-bottom: 40px; }
	.wrapper footer #footerInfo #QRcode {float: right;width: 220px;padding: 40px 0 0 40px;}#sitefooter >div a{width: 90px;height: 90px;line-height: 24px;}
	#sitefooter >div a img { width: 14px; }
}
@media screen and (max-width:1440px) {
	.wrapper header .rightBox ul li:nth-child(3) { margin-left: 3px; }
	.wrapper header .rightBox {right: 10px;}
	.wrapper header .topLink nav ul li{width: auto;}
}
@media screen and (min-width: 1161px) {
	.wrapper header .topLink {position: relative;display: flex;-webkit-box-align: center;align-items: center;width: 100%;padding-left: 0px;padding-right: 140px;box-sizing: border-box;}
	.wrapper header .topLink nav {width: 100%;}
	.wrapper header .topLink nav ul li a {margin: 0;padding: 10px 2px;padding-left: 41px;-webkit-writing-mode: vertical-lr;writing-mode: inherit;color: #120f0f;letter-spacing: 2px;}
	.wrapper header .topLink nav ul li a:after {content: "";position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 38px;height: 16px;background-repeat: no-repeat;background-image: url(/images/02/h-icon.png);background-size: cover}
	.wrapper header .topLink nav ul li:hover a {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}
	.wrapper header .topLink nav ul li a::before{position:absolute;content:'';width:6px;height:6px;background: #caaf86;border-radius:50%;top:-22px;left: 56%;transform:translateX(-50%);opacity:0;transition:.3s ease}
	.wrapper header .topLink nav ul li:hover a::before{top:0px;opacity:0.8;transition:.3s ease}
	.wrapper header:before{position:absolute;width:100%;height:100%;display:block;top:0;left:0;z-index:90;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;transform:translate(0,-150%);content:""}
	.wrapper header #cis h1{position:relative}
	.wrapper header .topLink ul.menu {display: flex;-webkit-box-pack: justify;justify-content: center;}
	.socialSlide .reset li:hover { opacity: .8; }
	.socialSlide .reset li:hover img { top: -85px; }
	.wrapper footer #footerInfo,#sitefooter .fcontact{display:flex;align-items: center;justify-content: space-between;}
}
@media screen and (max-width:1280px) {
	.wrapper header .rightBox ul li a p { display: none; }
	.wrapper header .rightBox ul li { padding: 0 7px; }
	.wrapper header section:after { height: 240%; top: -40px; right: 33px; }
	.wrapper header .rightBox ul li #cart:after{top: -10px;height: 350%;}
}
@media screen and (max-width: 1160px) {
	.wrapper header .topLink nav ul li:nth-child(1), .wrapper header .topLink nav ul li:nth-child(4) {margin-left: 0;}
	.wrapper header .rightBox ul li:nth-child(3) { margin-left: 0; }
	.wrapper header section:after { display: none; }
	.wrapper header .topLink nav ul li b { font-size: 12px; }
	.wrapper header .topLink nav ul li a:after { display: none; }
	.wrapper header .topLink { text-align: left; }
	.wrapper header section { margin: 10px auto; justify-content: space-between; }
	.wrapper header #cis {position: relative;width: 180px;display: inline-block;}
	.wrapper header .rightBox { width: 230px; }
	.wrapper header .topLink ul.top { display: none; }
	.wrapper header {padding: 0;}
	.wrapper header #cis {margin-right:0;padding: 0;}
	.wrapper header .topLink nav { width: 100%; right: 0; top: 0; }
	.wrapper header .topLink nav h3 { position: relative; float: right; text-align: left; z-index: 550; }
	.wrapper header .topLink nav h3 i {position: absolute;padding: 20px;display: flex;justify-content: center;align-items: flex-end;font: normal normal normal 14px/1 FontAwesome;font-size: 24px;color: #b7a179;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;right: -16px;top: -33px;}
	.wrapper header .topLink nav h3.menuIcon i { background: none; }
	.wrapper header .topLink nav h3 i:before { content: "\f0c9"; }
	.wrapper header .topLink nav h3.menuIcon i:before { content: "\f00d"; }
	.wrapper header .topLink nav ul {overflow-y: auto;position: fixed;padding: 30px 20px;width: calc(100% - 0px);display: block;top: 64px;left:0;bottom: 0;z-index: 11;transform: translate(-100%,0);-webkit-overflow-scrolling: touch;box-sizing: border-box;background-color: #b7a179;transition: .6s;}
	.wrapper header .topLink nav ul.menuOpen {transition: .9s;transform: translate(0,0);}
	.wrapper header .topLink nav ul li {padding: 0;width: 100%;color: #484848;transform: translate(0,-20px);display: block;}
	.wrapper header .topLink nav ul li:not(:last-child) {border-bottom: 1px solid rgb(238 238 238 / 22%);}
	.wrapper header .topLink nav ul li.home { display: none; }
	.wrapper header .topLink nav ul li:hover a { color: #d9ae72; }
	.wrapper header .topLink nav ul li ul.productmenu { display: none !important; }
	.wrapper header .rightBox {/* display: none; */width: 120px;right: 40px;top: -7px;}
	.wrapper footer #footerInfo #info{margin-bottom:20px;width:100%;display:flex;flex-direction:column;align-items:center}
	.wrapper footer #footerInfo .row .sitemapList li a{display:block;font-size:16px;padding: 10px;letter-spacing:1.5px;writing-mode: horizontal-tb;text-align: center;}
	.wrapper footer #footerInfo .tit,.wrapper footer #footerInfo #info p,.footerInfo b{margin:0 0 10px}
	.wrapper footer #footerInfo #QRcode{float:none;width:100%;text-align:center;display:inline-flex;justify-content:space-around;padding:40px 0 0 0}
	#sitefooter .fcontact{display:flex}
	.wrapper footer #footerInfo .row .sitemapList{width:100%;grid-template-columns: repeat(4, 1fr);}
	.wrapper footer #otherIcon{padding:10px 0 30px;display:flex;flex-direction:column;align-items:center}
	.wrapper footer #footerInfo .row .sitemapList li{width: calc((100% / 4) - 10px);}
	.wrapper footer #fbWrap{float:none;margin:0 10px;text-align:center}
	.wrapper footer #footerInfo #QRcode .comlist{float:none;text-align:center}
	.wrapper footer{padding-top:40px}
	.wrapper footer #cis{width: 230px;height:100%;margin-bottom: 40px;margin-right: 0;}
	.wrapper footer #footerInfo #info p span{
    width: 100%;
}
	
}
@media screen and (max-width:1024px) {
	.wrapper header #cis { padding: 0 2vw; }
	.wrapper header section:after { height: 240%; top: -40px; right: 33px; }
	.wrapper footer #otherIcon .topLink, .wrapper footer #otherIcon #community, .wrapper footer #otherIcon p { display: inline-block; }
}
@media screen and (max-width:980px) {
	.socialSlide { transform: none; bottom: 0; right: 0; top: 40%; height: 200px; }
	.socialSlide .reset li {margin: 6px;box-shadow: 5px 5px 5px -3px rgb(0 0 0 / 22%);}
	.socialSlide .reset li img {margin-bottom: 0;}
}
@media screen and (max-width:768px) {
	.wrapper foote { padding-bottom: 70px; padding: 0 0 60px; }
	footer .snsPicLink li{width:100%;margin-bottom:10px}
	.wrapper footer #footerInfo{width:100%;text-align:center}
	.wrapper footer #otherIcon .topLink,.wrapper footer #otherIcon #community,.wrapper footer #otherIcon p{display:block}
	.wrapper footer #footerInfo div#cis{margin:0 0 30px 0}
	.wrapper footer #footerInfo div#cis h1{margin-bottom:0px;}
	.wrapper footer #footerInfo .info{margin-left:0;padding:20px 0;width:100%}
	.wrapper footer #otherIcon .topLink,.wrapper footer #otherIcon #community,.wrapper footer #otherIcon p{text-align:center}
	.wrapper footer #otherIcon p{font-size:14px;letter-spacing:0}
	.wrapper footer{padding-bottom: 50px;}
}
@media screen and (max-width:640px) {
	.wrapper header section, .wrapper header.headerfixed section { margin: 8px auto; }
	.wrapper footer #footerInfo #QRcode { padding: 0 0 10px 0; }
	.wrapper footer #footerInfo .info p { margin: 5px 0; letter-spacing: 1px; line-height: 24px; }
	.wrapper footer #footerInfo .item{width:100%;padding:10px 0}
	.wrapper footer #footerInfo .row .sitemapList{
    grid-template-columns: repeat(2, 1fr);
}
	.wrapper footer #footerInfo .row .sitemapList li{width: calc((100% / 3) - 10px);}
	.wrapper footer #footerInfo #info p b{width: 100px;}
}
@media screen and (max-width:480px) {
	footer .snsPicLink { padding: 0 30px 30px; }
}
@media screen and (max-width:450px) {
	form p input#Checknum { width: 100px; }
}