@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@400;600&family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700;800;900&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+TC:wght@100&family=Nunito+Sans:opsz,wght@6..12,200;6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900;6..12,1000&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

* {margin: 0;padding: 0;}
body {margin:0;color: #565656;font-size: 14px;}
div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li {text-align: left;vertical-align: middle;margin: 0;padding: 0;word-wrap: normal;word-break: normal;line-height: 170%;border-width: 0;font-family: 'Noto Sans TC', 'Noto Sans SC', 'Source Sans Pro', sans-serif;letter-spacing: 0.5px;line-height: 25px;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
hr {border-top:1px #000 solid;margin:0 0 10px 0;}
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%;}

/**** =anchor***/
a:link, a:visited {color: #545454;font-weight: normal;text-decoration: none;-webkit-transition: all .3s;transition: all .3s;}
a:hover {color: #545454;text-decoration: none;}

/**** =clear,clearfix***/

/* regular clearing apply to column that should drop below previous ones. */
.clear {clear: both;}

/* this needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

/* clearing floats without extra markup */
.clearfix:after {display: block;visibility: hidden;clear: both;height: 0;font-size: 0;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;}


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


/**** =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 {width: 100%;}


/* + header
*----------------------------------------------------------------------------*/
.rightbtn{display:block;width:50px;text-align:center;position:fixed;top: 50%;right:0;margin:-10% 0 0 0;z-index:99;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.rightbtn.top{ right:0;}
#pages .rightbtn{ right:0;}
.rightbtn a{display:block;width:50px;padding: 39px 0 28px 0;text-align:center;font-size:17px;line-height:19px;color:#FFF;font-weight: bold;background: #cba06c no-repeat  center 30px;position: relative;border-top-left-radius:50px;}
.rightbtn a.inquiry{background: #c12d33 no-repeat  center 13px;padding: 30px 0 37px 0;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:0px;}
.rightbtn li:nth-child(2) a{background: #151515 no-repeat  center 13px;padding: 25px 0 25px 0;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius: 0px;border-bottom-right-radius:0px;}
.rightbtn a.inquiry span{ display:inline-block; width:30px; height:30px; margin:5px 0 0 0; background:#FFF; color:#a07c52; font-size:16px; line-height:30px; border-radius:50%; text-align:center;}
.rightbtn a p{display:inline-block;width: 32px;padding: 5px 0 0 0;font-size:16px;line-height: 19px;color:#FFF;text-align:center;font-weight: 300;}

/* formSelect */
header form[name="formSelect"] {position: absolute;border: 1px solid #e2e2e2;box-shadow: 0 0 10px #8a8a8a4d;background: #fff;right: 45px;top: -100%;opacity: 0;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3st;-o-transition-duration: .3s;transition-duration: .3s;}
header form[name="formSelect"] input {margin: 5px 0;padding: 5px 0px 5px 10px;background: transparent;color: #6d6d6d;}
header form[name="formSelect"]:before {position: absolute;width: 1px;height: 25px;background: #dadada;display: inline-block;right: 59px;top: calc((100% - 25px) / 2);content: "";}
header form[name="formSelect"] a {padding: 0 17px;display: inline-block;color: #888;}
header form#formSelect {top: 80px;opacity: 1;z-index: 100;}


.wrapper header .marqueeBox {position: fixed;left: 0;top: 0;z-index: 50;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: calc(100% - 280px);padding: 15px 170px 15px 110px;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;background-image: url(/images/02/main/header-bg.jpg);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.wrapper header section {position: relative;display: flex;-webkit-box-align: center;align-items: center;width: 100%;margin: 0 auto;overflow: unset;}
.wrapper header #cis{-ms-flex-negative: 0;flex-shrink: 0;margin-right: 20px;width: 240px;}.wrapper header .topLink {display: inline-block;}
.wrapper header .topLink {-webkit-box-flex: 1;flex-grow: 1;display: block;}
.wrapper header .topLink nav ul.menu{display: flex;width: 80%;float: right;justify-content: flex-end;}.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: #ffffff;}.
wrapper header .topLink nav ul li {position: relative;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.wrapper header .topLink nav ul li.home {width: 10%;text-align: right;}
.wrapper header .topLink nav ul li a {padding-left: 10px;display: block;font-size: 15px;}
.wrapper header .topLink nav ul li b {display: block;font-size: 13px;line-height: 18px;display: none;}.wrapper header .topLink nav ul li:hover a {color: #f15a30;}
.wrapper header .topLink nav ul li a {position: relative;z-index: 0;display: flex;padding: 10px 20px;font-size: 16px;font-weight: 500;letter-spacing: .05em;overflow: hidden;justify-content: center;align-items: center;}
.wrapper header .topLink nav ul li a:after{content:'/';color: #cfcfcf;font-size: 13px;position: absolute;right: 0;}
.wrapper header .topLink nav ul li:last-child a:after{content:'';}
.wrapper header .topLink nav ul li ul.productmenu {position: absolute;padding: 10px 0;padding-right: 20px;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: none;width: auto;}
.wrapper header .topLink nav ul li ul.productmenu li a {margin: 0;color: #4d4d4d;border-left: 2px transparent solid;font-weight: bold;}
.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 .bottom {display: flex;width: 160px;-webkit-box-pack: end;position: relative;}
header .socialLink,header .btn {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 34px;height: 34px;margin-left: 5px;border-radius: 50%;color: #fff;-webkit-transition: all .3s;transition: all .3s;}
header .socialLink:hover {background-color: rgb(33 96 193 / 89%);}
header .icon-line {width: 16px;height: 16px;}
header .contact {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 34px;height: 34px;text-align: center;color: #fff;margin-left: 10px;font-size: 14px;border-radius: 17px;}
header .contact:hover {background-color: #c12d33;}
header .contact p {margin-left: 8px;display: none;}

/* socialSlide */
.socialSlide{right: 0%;top: 50%;margin-top: -95px;position: fixed;transform: translateY(-30%);z-index: 900;}
.socialSlide .reset{display: flex;flex-direction: column;align-items: center;position: relative;}
.socialSlide .reset li{display: inline-block;position: relative;width: 100px;color: #818181;text-transform: uppercase;overflow: hidden;border-radius: 50%;box-shadow: -6px 5px 20px 1px rgb(0 0 0 / 10%);background-color: #3054a5;margin: 10px;}
.socialSlide .reset li a {color: #fff;font-size: 14px;font-weight: 300;padding: 16px 0px 13px;text-align: center;display: flex;flex-direction: column;align-items: center;}
.socialSlide .reset li img{width: 45px;height: 45px;}
.socialSlide .reset li img {position: relative;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;margin-bottom: 4px;}
.socialSlide .reset li.Line{background-color: #009b3f;}
.socialSlide .reset li.instagram{background-color: #c1469d;}
.socialSlide .reset li.purchase{background-color: #f15a30;}
.socialSlide .reset li.order{background-color: #403f99;}

.contactArea{background-image: url(/images/02/main/shop-bg.jpg);}
.contactArea .wrap{max-width: 1280px;height:100px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:space-between;position:relative;background-image:none;padding-top:0;z-index:initial;margin:auto;padding:0}
.contactArea .titleBox .title{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;font-size: 30px;letter-spacing:0;color:#ffffff;font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-weight: 400;}
.contactArea .rightBox{display:flex}
.contactArea .rightBox .item{padding:0;position:relative}
.contactArea .rightBox .item a{display:flex;align-items: center;}
.contactArea .rightBox .item a:hover .iconBox circle{animation:progressCircleAnimation 4s infinite linear}
.contactArea .rightBox .item a:hover span{text-shadow: 1px 1px 6px #ad9c6d;}
.contactArea .rightBox .item .iconBox{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);position:relative;margin-right:18px;display: flex;align-items: center;justify-content: center;}
.contactArea .rightBox .item .iconBox svg{fill:#fff;width: 20px;height: 20px;}
.contactArea .rightBox .item .iconBox .path{display:block;width:44px;height:44px;fill:none;stroke-dashoffset:0;stroke-dasharray:153.86;stroke:#fff;stroke-width:1px;transform:rotate(-90deg);position:absolute;opacity:0}
.contactArea .rightBox .item .iconBox i{display:block;filter:brightness(0) invert(1);position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);text-align:center;font-size:20px}
.contactArea .rightBox .item span{display:inline-block;font-size: 15px;line-height:23px;color:#fff;font-weight:500;font-family: 'Noto Serif TC', serif;}
.contactArea .rightBox .item span:after{content:'';display: block;width: 100%;height: 1px;background: #fff;margin-top: 3px;}
.contactArea .rightBox .item b{font-size: 30px;line-height:23px;letter-spacing:1px;color: #fff;font-weight: 300;margin-right: 10px;opacity: 0.6;font-family: 'Noto Serif TC', serif;}


/* + form
*----------------------------------------------------------------------------*/
form p {margin: 10px 0;}
form .send{display: flex;justify-content: space-between;align-items: center;}
form p input[type="text"] ,form p input[type="password"] ,form p textarea ,form p select {width: calc(98% - 2px);padding: 10px 0;padding-left: 2%;background: rgba(255,255,255,0.6);border: 1px #e2e2e2 solid;font-size: 16px;}
form p input[type="text"]:focus ,form p input[type="password"]:focus {border-color: #151515;}
form p input#Checknum {width: 68%;}form p.send img {margin: 0 10px;width: 70px;}
form p.send a {padding: 5px 20px;display: flex;background: #151515;border-radius: 5px;color: #fff;align-items: center;}


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


/* +footer
*----------------------------------------------------------------------------*/
.wrapper footer {overflow: hidden;padding: 50px 0 20px;background-position: 0% 0%;background: url(/images/02/main/footer-bg.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.wrapper footer section{width: 1280px;}
.wrapper footer .wrap .snsLinkBox{padding-bottom: 0px;margin-bottom: 70px;border-bottom: 1px solid #f3f2f2;}
footer .snsPicLink {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;padding: 30px 230px 80px;}
footer .snsPicLink li{overflow: hidden;display: inline-block;vertical-align: top;}
.snsPicLink li .Img {float: left;width: 60px;margin-right: 15px;height: 60px;background-color: #ffffff;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 {line-height: 150%;font-size: 18px;color: #434343;font-weight: 700;font-family: 'Poppins', sans-serif;}
.snsPicLink li .txt .gray {color: #909090;font-weight: 600;font-size: 15px;}
.wrapper footer #footerInfo p a{color: #fff;}
.wrapper footer #footerInfo .row {display: inline-block;vertical-align: top;width: calc(70% - 500px);}
.wrapper footer #footerInfo #lineInfo{width:20%}
.wrapper footer #footerInfo{margin-bottom: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wrapper footer #footerInfo #cis{width: 10%;}
.wrapper footer #footerInfo .row h1{width: 100%;margin-bottom: 30px;}
.wrapper footer #footerInfo #link{}
.wrapper footer #footerInfo #line {width: 320px;}
.wrapper footer #footerInfo .tit {margin: 0 0 10px 0;padding-bottom: 10px;border-bottom: 1px #ebebeb4a solid;}
.wrapper footer #footerInfo .tit b {position: relative;margin-right: 10px;display: inline-block;font-weight: 400;color: #ffffff;font-size: 17px;text-transform: uppercase;}
.wrapper footer #footerInfo .tit b:after {position: absolute;width: 100%;height: 2px;background: #ffffff;display: block;left: 0;bottom: -13px;content: "";}
.wrapper footer #footerInfo .tit font {font-size: 13px;color: #838383;}
.wrapper footer #footerInfo #info h5, .wrapper footer #footerInfo #info p,.wrapper footer #footerInfo #info p a{color: #ffffff;margin: 0px 0 4px 0;}
footer #footerInfo #info p.Copy, footer #footerInfo #info p.Copy a{color: #7f7c7c;letter-spacing: 0;font-size: 13px;}
.wrapper footer #footerInfo .row .sitemapList li{float: left;width: 38%;margin: 0 0 10px 10px;}
.wrapper footer #footerInfo .tit font, .wrapper footer #footerInfo #info b, .wrapper footer #footerInfo .row .sitemapList li a,#community a i{color: #ffffff;font-weight: 400;margin-right: 10px;}
.wrapper footer #footerInfo .info p {margin: 6px 0;}
.wrapper footer #lineInfo,.wrapper footer #QRcodeInfo{position: relative;}
.wrapper footer #lineInfo ul{display: flex;flex-wrap: wrap;}
.wrapper footer #lineInfo ul li a{color: #ffffff;}
.wrapper footer #QRcodeInfo #community{text-align: center;padding: 20px 0 0;}
.wrapper footer #QRcodeInfo #community a{color: #c3c3c3;font-size: 17px;}
.wrapper footer #QRcodeInfo{width: 400px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wrapper footer #QRcodeInfo >div{width: calc(35% - 10px);}
.wrapper footer #fbWrap {margin: 0 0px;float: right;width: 48%;}
.wrapper footer #footerSet{padding: -10px 0 10px;}
.wrapper footer #footerSet p{ text-align: center;}
.wrapper footer #footerSet p a{font-size: 12px;color: #b7b7b7;}
.wrapper footer section.maq {margin-top: 20px;margin-bottom: 8px;}

#community{padding: 10px 0;}
#community a{padding: 10px}
	
.reserve{position:fixed;bottom: 120px;right: 15px;z-index: 999;}
.wpfm-floating{margin-bottom: 20px;}
.wpfm-position-right.wpfm-menu-nav ul{width: 90px;background:#ffffff;border-radius:80px;box-shadow: 0 0 0 5px #cbcbcb;padding: 15px 5px 10px;display: flex;flex-direction: column;}
.wpfm-position-right.wpfm-menu-nav ul li{position:relative;margin-bottom: 18px;display: none;}
.wpfm-position-right.wpfm-menu-nav ul li:last-child{margin:0;display: block;}
.wpfm-position-right.wpfm-menu-nav ul li a{text-align:center;position:relative;display: block;}
.wpfm-position-right.wpfm-menu-nav ul li a span{display: inline-flex;align-items: center;justify-content: center;flex-direction: column;}
.wpfm-position-right.wpfm-menu-nav ul li a span svg{width:20px;height: 20px;fill: #fff;padding: 15px;background: #67a7da;border-radius: 50px;}
.wpfm-position-right.wpfm-menu-nav ul li a b{font-size: 15px;margin-top: 3px;display: block;}
.wpfm-position-right.wpfm-menu-nav ul li:last-child a b{font-size: 12px;}
.wpfm-position-right.wpfm-menu-nav ul li a[data-type="2"] b{display:none;}
.wpfm-position-right.wpfm-menu-nav ul li a[data-type="2"]{margin-bottom:15px;}
.wpfm-position-right.wpfm-menu-nav ul li a:hover img{background:#f26038}
.wpfm-position-right.wpfm-menu-nav ul li a span i{color: #a9a7a2;font-size: 22px;}
.wpfm-position-right.wpfm-menu-nav ul li a span img{padding:3px 0 0;margin:auto;background: #1766b1;border-radius:90px;padding:11px;width: 40px;transition:all linear .2s}


@media screen and (min-width: 1281px) {
	.socialSlide .reset li:hover img {top: -85px;}
}
@media screen and (max-width: 1500px) {
	.wrapper footer section{width: 85%;}
}

@media screen and (max-width: 1500px) {
	.wrapper header .topLink nav ul.menu{width: 90%;}
}
@media screen and (max-width: 1366px) {
	.socialSlide .reset li{width: 90px;margin-bottom: 0;}
	.socialSlide .reset li img{width: 30px;height: 30px;}
	.wrapper header .marqueeBox{padding: 15px 0 15px 0;width: 100%;}
	.wrapper header .topLink nav ul li a {font-size: 13px;padding: 10px 15px;}
	.wrapper section{width: 1024px;}
	.wrapper header .topLink nav ul li {font-size: 16px;}
	footer .snsPicLink{padding: 10px 60px 40px;}
	.wrapper footer .wrap .snsLinkBox{margin-bottom: 40px;}
}

@media screen and (max-width: 1180px) {
	header .contact{width: 34px;}
	header .contact i {margin-right: 0px;}
	header .contact p {display: none;}
	.wrapper header .rightBox{width: 135px;}
	.wrapper header .marqueeBox {width: 100%;padding: 0;}
	.wrapper header section{border-radius: 0;padding: 15px 15px;overflow: visible;}
	.wrapper header #cis {margin-right: 10px;width: 190px;}
	header form#formSelect{top: 100px;right: 15px;}
	.wrapper footer #footerInfo .row, .wrapper footer #footerInfo #line,.wrapper footer #footerInfo #cis{width: 100%;margin-bottom: 20px;}
	.wrapper footer #footerInfo #lineInfo{width: calc(90% - 300px);}
	.wrapper footer #footerInfo .tit, .wrapper footer #footerInfo #info p,.wrapper footer #footerInfo .row .sitemapList li{margin: 0 0 10px;}
}

@media screen and (max-width: 1366px) {
	.contactArea .wrap, .wrapper footer section{width: 90%;}
	.wrapper header #cis{margin-left: 90px;}
	.wrapper section{width: 90%;}
	.wrapper header .topLink nav ul li b {font-size: 12px;}
	.wrapper header .topLink nav ul li a:after {display: none;}
	.wrapper header .topLink ul.top {display: none;}
	.wrapper header {overflow: auto;}
	.wrapper header .topLink nav {width: 100%;right: 0;top: 0;}
	.wrapper header .topLink nav ul.menu{position: absolute;padding: 50px 0 0;width: 100%;height: 100vh;top: 0;right: -1200px;z-index: 501;transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);}
	.wrapper header .topLink nav h3 {position: absolute;left: 20px;z-index: 550;padding: 0px;top: 27px;}
	.wrapper header .topLink nav h3 i {padding: 14px 14px;display: inline-block;font: normal normal normal 20px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #302f2f;font-size: 20px;}
	.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 {position: absolute;padding: 60px 0 0;width: 100%;height: 100vh;top: 70px;left: -100%;z-index: 501;transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);}
	.wrapper header .topLink nav ul.menuOpen {left: 0;top: 101px;background-position: 0% 0%;background: url(/images/02/main/footer-bg.jpg);background-repeat: no-repeat;background-size: cover;}
	.wrapper header .topLink nav ul li {width: 100%;text-align: center;color: #ffffff;border-left: none;font-size: 13px;}
	.wrapper header .topLink nav ul li.home {display: none;}
	.wrapper header .topLink nav ul li:hover a {color: #333;}
	.wrapper header .topLink nav ul li ul.productmenu {display: none !important;}
	.wrapper header .topLink nav ul li a{font-size: 18px;padding: 18px 10px;}
	.wrapper header .topLink nav ul li a {color: #fff;}
	.wrapper footer #footerInfo {width: 100%;margin: 0;float: none;}
	.wrapper footer #QRcodeInfo .comlist,.wrapper footer #fbWrap{float: left;margin-right: 1%;text-align: center;}
}

@media screen and (max-width: 768px) {
	.wrapper section{width: 88%;margin: 0px auto;}	
	footer .snsPicLink li{width: 100%;margin-bottom: 10px;}
	.wrapper footer #footerInfo {width: 100%;text-align: center;}
	.wrapper footer #footerInfo div#cis {width: 100%;margin: 10px 0 10px 0;}
	.wrapper footer #footerInfo .row h1{margin-bottom: 20px;}
	.wrapper footer #footerInfo .info {margin-left: 0px;width: 100%;padding: 20px 0;}
}

@media screen and (max-width: 640px) {
	.wrapper footer #footerInfo #lineInfo{width: 100%;}
	.contactArea .wrap{display:flex;flex-direction: column;align-items: center;padding: 40px 0;}
	.socialSlide .reset li a span{font-size: 12px;display: none;}
	form p.send a{padding: 5px 10px;}
	.wrapper header section{padding: 14px 10px;}
	.wrapper footer #footerInfo .info p {margin: 5px 0;letter-spacing: 1px;line-height: 24px;}
	.wrapper footer{padding-top: 20px;padding-bottom: 70px;}
	header form#formSelect{top: 70px;right: 15px;}
	.wpfm-position-right.wpfm-menu-nav ul{width: 57px;background:#ffffff;border-radius:80px;box-shadow: 0 0 0 5px #cbcbcb;padding: 5px 5px 5px;display: flex;flex-direction: column;}
}

@media screen and (max-width: 480px) {
	.socialSlide .reset li img{width: 25px;height: 25px;margin: 0;}
	.rightbtn{width: 34px;top: 44%;}
	.rightbtn a{width: 36px;padding: 24px 0 11px 0;}
	.rightbtn a p{width: 32px;}
	.rightbtn li:nth-child(2) a{padding: 15px 0 15px 0;}
	.rightbtn li:nth-child(3) a{padding: 10px 0 25px 0;}
	.socialSlide .reset li{width: 53px;}
	.socialSlide .reset li.login{display:none;}
	.socialSlide{top:unset;margin: 0;bottom: 60px;}
}

@media screen and (max-width: 450px) {
	form p input#Checknum {width: 100px;}
}