@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
@import url('/css/SeoJump.css');
@import url('/css/contentBuilder.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/cwtexyen.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

*{margin:0;padding:0}
*:focus{outline:none}
body{margin:0}
body::selection{background:#dedede;text-shadow:none}
body::-webkit-scrollbar{width:5px}
body::-webkit-scrollbar-track{background:#d0d0d0}
body::-webkit-scrollbar-thumb{background:#3c3c3c}
body::-webkit-scrollbar-thumb:hover{background:#222222}
header,footer,div,nav,article,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,li,img,span,font,strong,b,a,i{text-align:left;vertical-align:middle;margin:0;padding:0;font-weight:300;letter-spacing:.1em;line-height:170%;border-width:0;font-size: max(1.1 * (1vw + 1vh) / 2, 16px);word-wrap:break-word;word-break:break-all;font-family:'Roboto Slab','Noto Serif TC',serif;color: #0d0d0e;}
article,h2,h3,h4,h5,h6,hr,p,form,label,ul,li,span,font,strong,b,a,i{-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}
:before,:after{-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}
ul,ol{list-style:none}
fieldset{border:0}
input,button,select,textarea{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
img{max-width:100%}
a:link,a:visited,a:hover{text-decoration:none;vertical-align:initial}
* html .clearfix{height:1%}
.clearfix{display:block}
.text-clamp{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}

/* a.photo */
a.photo,.bgBox{overflow:hidden;background:no-repeat 50% / cover;display:block}

/* fancybox */
[class^="fancybox-"],[class^="fancybox-"] *,.slick-track,.fa,.fas,.fa:before,.fas:before,.fa:after,.fas:after{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
[class^="fancybox-"],[class^="fancybox-"] *{font-family:inherit;color:currentColor}

/* webBox */
.webBox{position:relative;overflow:hidden;width:100%}
.webBox .pageh1{position:absolute;top:0;z-index:1}
.webBox .wrapper{position:relative;background-image:url(/images/46/img_bg.jpg);z-index:2}

/* workframe */
.workframe {position: relative;margin: 0 auto;width: min(1440px ,90%);}

/* Sitemap */
#Sitemap #jsonUL a {color: #6d6d6d;}

/* bgTxt */
.bgTxt {position: relative;z-index: 1;}
.bgTxt.title{display:inline-block;width:100%;text-align:center;font-size:4rem;color:#bdad84;letter-spacing:.05em;font-weight:400;text-transform:uppercase;padding:5vw 0 1vw;display:flex;flex-direction:column;align-items:center}
.bgTxt.title .titleEn,.serviceArea .titleBox .titleEn{color:#bdad84;border-bottom:1px solid #bdad84;font-family:'Cormorant',serif;font-weight:500;line-height:140%;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:10px;display:inline-block;text-align:center}
.bgTxt.title h1,.bgTxt.title h3{color:#bdad84;text-align:center;margin-top:-3px}
.bgTxt.title h3{font-size:36px;letter-spacing:10.5px;font-family:'Noto Serif TC',serif}

/* more */
p.more{padding:0;text-align:center}
p.more a{position:relative;overflow:hidden;padding:8px 40px;display:inline-block;align-items:center;border:1px rgb(189 173 132 / 20%) solid;letter-spacing:.06em;line-height:30px;transition:1.2s ease 1.8s;transform:translateY(0%)}
p.more a:before{position:absolute;width:100%;height:100%;background:#bdad84;top:0;left:0;transform:translateY(110%);transition:.4s cubic-bezier(.23,1,.32,1);content:""}
p.more a font{position:relative;display:inline-block;font-size:13px;color:#bdad84;padding-bottom:5px;z-index:2;font-family:'Cormorant',serif}

/* header */
header{position:fixed;width:100%;font-size:0;top:0;left:0;z-index: 99999;}
header.headerfixed{background: #ffffff;}
header .top-wrap{position:relative;max-width:100%;align-items:center;transition:all 0.5s;display:flex}
header #cis{display:inline-block;text-align:center;width:144px;margin-left:100px}
header #menuIcon{width:50px;display:flex;color:#bdad84;vertical-align:top;justify-content:flex-end;display: none;}
header #menuIcon b{padding:10px 0;display:inline-block}
header #menuIcon font{position:relative;margin-right:10px;width:25px;height:25px;display:inline-block;text-align:center;line-height:23px;color:#555555;vertical-align:middle}
header #menuIcon span{position:absolute;width:26px;height:3px;background:#000000;display:block;top:2px;left:3px}
header #menuIcon span:nth-child(2){top:12px}
header #menuIcon span:nth-child(3){top:23px}
header #menuIcon[data-type="2"] span:nth-child(1){-webkit-transform:translate3d(0,7px,0) rotate(45deg);transform: translate3d(0,7px,0) rotate(45deg);transition-delay:0.1s}
header #menuIcon[data-type="2"] span:nth-child(2){width:0;height:0}
header #menuIcon[data-type="2"] span:nth-child(3){-webkit-transform:translate3d(0,-7px,0) rotate(-45deg);transform: translate3d(0,-13px,0) rotate(-45deg);transition-delay:0.1s}
header #mbMenu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 15px 0 50px;margin:0 auto;background-image: url(/images/46/bbJJ_bg.jpg);}
header #mbMenu .btnBox{text-align:right}
header #mbMenu .btnBox a{margin:0 10px;height:27px;display:inline-block;line-height:27px;color:#bdad84}
header #mbMenu nav>ul{position:relative;text-align:center;font-size:0}
header #mbMenu nav>ul>li{position:relative}
header #mbMenu nav>ul>li>p>a{color: #2d2d2d;display:block;font-weight:400;padding:25px;font-family:'Noto Serif TC',serif;letter-spacing:1.5px}
header #mbMenu nav>ul>li>p>a:hover{
    color: #6e6c2b;
}
header #mbMenu nav>ul>li .menu_body ul{position:relative;font-size:0;text-align:center}
header #mbMenu nav>ul>li .menu_body .subOption li{position:relative;overflow:hidden;display:inline-block;border-bottom:0}
header #mbMenu nav>ul>li .menu_body .subOption li>div a{width:150px;color:#807c71;max-height:initial;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;font-size:14px;display:block;letter-spacing:0.8px;padding:10px 15px}
header #rightBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin-right: 5px;flex:1;justify-content:flex-end}
header #rightBox .catext{display: flex;align-items: center;}
header #rightBox .catext p{text-transform: uppercase;}
header #rightBox .catext span{width: 95px;height: 2px;background: #939393;margin: 3px 20px 0;}
header #rightBox .socialBox a{padding: 6px;}
header #rightBox .socialBox a img{width: 25px;height: 25px;transition:0.6s}

/* hSearch */
header form[name="hSearch"]{position:absolute;border:1px solid #bdad84;box-shadow:0 0 10px #bdad84;background:#fff;right:245px;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="hSearch"] input{margin:5px 0;padding:5px 20px;background:transparent;color:#6d6d6d}
header form[name="hSearch"]:before{position:absolute;width:1px;height:25px;background:#bdad84;display:inline-block;right:59px;top:calc((100% - 25px) / 2);content:""}
header form[name="hSearch"] a{padding:0 20px;display:inline-block;color:#888}
header form#hSearch{top:53px;opacity:1}

/* footer */
footer{background:#433f38;padding:40px 0 0}
footer a{color:#f7f7f7}
footer .footercont .title h3.contact-txt{position:relative;width:155px;margin:0 auto}
footer .footercont .title h3:before,footer .footercont .title h3:after{position:absolute;top:16px;left:150px;right:150px;width:150px;height:1px;background:#bdad84;content:""}
footer .footercont .title h3:after{left:auto}
footer .footercont ul{display:inline-block;vertical-align:top;margin-left:75px;width:100%;display:flex;flex-wrap:wrap}
footer .footercont ul.extralist{padding-top:10px;margin-top:20px;border-top:#6c675d 1px solid}
footer .footercont ul li{width:calc((100% / 3) - 10px);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin-bottom:10px}
footer .footercont ul li.extra{width:calc((100% / 2) - 10px)}
footer .footercont ul li font.fenfiest{width:75px;margin-left:0}
footer .footercont ul li font.fensre{width:calc(100% - 105px)}
footer #footerInfo #sitefooter font.fensre a{display:flex}
footer #footerInfo #sitefooter font.fensre a img{width:20px;height:20px}
footer .footercont ul li i{color:#e4e0d8;font-size:18px;width:20px;text-align:center}
footer .footercont ul li font{margin-left:10px;color:#bdad84;width:calc(100% - 40px);display:flex}
footer .footercont ul li.plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}
footer #footerInfo{padding:40px 0 50px;font-size:0;display:flex;width:1280px;margin:auto;justify-content:space-between}
footer #footerInfo .leftBox{width:200px;margin-right:10px}
footer #footerInfo .rightBox{width:calc(100% - 260px);display:flex;flex-direction:column}
footer #footerInfo .row{text-align:center;display:flex;margin-bottom:50px}
footer #footerInfo .row #flogo{text-align:center;margin-bottom:10px}
footer #footerInfo .row #flogo a{margin-bottom:10px;display:inline-block}
footer #footerInfo .row .foot{margin-right:10px;display:inline-block;font-size:15px;color:#fff}
footer #footerInfo .row .foot.text{color:#d4ccb7}
footer #footerInfo #sitefooter>div{text-align:center;width:calc(100% - 0px)}
footer #footerInfo #sitefooter>div a{display:inline-block;color:#fffc;font-size:16px;font-weight:300;letter-spacing:0;font-family:'Noto Serif TC',serif}
footer #footerInfo #sitefooter #community{padding:0;width:150px}
footer #footerInfo #sitefooter #community .social{display:flex;justify-content:flex-end}
footer #footerInfo #sitefooter #community .social li a{padding:0 10px;width:auto;height:auto;background:unset;margin:0}
footer #footerInfo #sitefooter #community .social li a img{padding-top:3px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
footer #footerInfo #sitefooter #community a svg{width:60%;height:60%;fill:#fffc}
footer #copyright{display:flex}
footer #copyright .foot,footer #copyright .foot a{letter-spacing:0.5px;color:#807c71;font-size:13px;vertical-align:bottom;font-family:'Noto Serif TC',serif}
footer #copyright .text{margin-left:10px}
.contactArea{background-color:#bdad84;border-top:#a5946a 5px solid;background:url(/images/46/img_n_t_bg.png) repeat top/contain}
.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%;margin-left:8px;font-size:30px;letter-spacing:0;color:#fff;font-family:'Cormorant',serif}
.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{display:inline-block;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);position:relative;margin-right:18px}
.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:26px;line-height:23px;letter-spacing:2px;color:#fff;font-weight:500;font-family:'Noto Serif TC',serif}
.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}

/* webSeo */
#webSeo{position:relative;overflow:hidden;padding:4px 0;margin-top:0;background:#5a5140}
#webSeo .js-marquee-wrapper *,#webSeo .js-marquee *,#webSeo .seo *{font-size:13px;color:#b9ac8e;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;font-weight:200;font-family:'Noto Serif TC'}

/* gotop */
.gotop{position:fixed;right:20px;bottom:20px;z-index: 9909;width:40px;height:41px;background: #ffffff;border-radius:50%;display:block;text-align:center;line-height:41px;border: #8f8f8f 1px solid;}
.gotop a{color: #464646;opacity:1;font-family:'Cormorant',serif;font-weight:500;font-size:13px}
.gotop span{position:relative;margin:0 auto 10px;width:1px;height:20px;background:#000;display:none;animation:gotop 2s infinite alternate ease-in-out;-webkit-animation:gotop 2s infinite alternate ease-in-out}
.gotop span:before{position:absolute;border-left:4px solid transparent;border-bottom:7px solid #000;border-right:none;border-top:none;display:block;top:-5px;left:-3px;content:""}

/*flyiconJJco*/
.flyiconJJco{
    position: fixed;
    right: 21px;
    bottom: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9909;
}
.flyiconJJco a{
    background: #040000;
    border-radius: 150px;
    margin-bottom: 7px;
}

/* SeoStarRating */
#SeoStarRating font{margin-right:5px;display:inline-block;vertical-align:bottom}
#SeoStarRating font:first-child{font-size:14px;color:#bdad84}
#SeoStarRating font:nth-child(2){font-size:16px;color:#bdad84}
#SeoStarRating font:last-child{color:#6D6D6D;font-size:14px}


/*cacafooterArea*/
#cacafooterArea{position: relative;z-index: 999;background-image: url(/images/46/fmb_bg.jpg);padding: 5px 0 40px;}
#cacafooterArea *{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#cacafooterArea .paJmore{display:flex;align-items:center;justify-content:space-between;margin-top: 64px;}
#cacafooterArea .foocis{margin:5px 0 30px}
#cacafooterArea select{width:100%;border:navajowhite;border-bottom:#c4c4c4 1px solid;padding:5px 0;background-image:url(/images/46/arrdn.png);background-repeat:no-repeat;background-position:100% 50%;color:#191716;font-weight:300;font-family:'Roboto Slab','Noto Serif TC',serif;background-color: unset;}
#cacafooterArea .workframe{display:grid;grid-template-columns:50% 50%;align-items:center;gap:69px}
#cacafooterArea .workframe .foormbox{display:grid;order:2;-moz-transform: translateY(-2.75em);-webkit-transform: translateY(-2.75em);-o-transform: translateY(-2.75em);-ms-transform: translateY(-2.75em);transform:translateY(-2.75em);padding:70px 50px;background:#ffffff;border-radius:12px;width:90%}
#cacafooterArea .workframe .foominfo{display:grid;width:80%}
#cacafooterArea .workframe .foominfo .foomtitle h5{font-size: max(2.8 * (1vw + 1vh) / 2,25px);text-transform:uppercase;font-weight:400}
#cacafooterArea .workframe .foominfo .footext p{padding:20px 0;margin:30px 0;color:#676564;border-bottom:#b6b6b6 1px solid;border-top:#b6b6b6 1px solid;font-weight: 200;}
#cacafooterArea .workframe .foormbox .fooformtop{display:flex;align-items:flex-end}
#cacafooterArea .workframe .foormbox .fooformtop h5{font-size: max(3 * (1vw + 1vh) / 2,25px);font-weight:500;line-height:100%}
#cacafooterArea .foombox{display:grid;grid-template-columns:50% 50%;margin:30px 0;gap:20px}
#cacafooterArea .foombox .fooitem .footitle{display:flex}
#cacafooterArea .foombox .fooitem p{margin-right:6px;}
#cacafooterArea .foombox .fooitem.fuultye{grid-column:span 2;padding:5px 0;margin:5px 0}
#cacafooterArea .foombox input{border-bottom:#c4c4c4 1px solid;width:100%;background: unset;}
#cacafooterArea .foombox input[type="radio"]{width:auto;webkit-appearance:auto;-moz-appearance:auto;appearance:auto;margin-left:10px;margin-right:3px}
#cacafooterArea .fooinfo{display: flex;flex-direction: column;}
#cacafooterArea .fooinfo *{color:#464040;}
#cacafooterArea .fooinfo .foocopy{display: flex;flex-wrap: wrap;}
#cacafooterArea .fooinfo .foocopy{margin: 25px 0;}
#cacafooterArea .fooinfo .foocopy ,#cacafooterArea .fooinfo .foocopy *{
    font-size: max(0.9 * (1vw + 1vh) / 2, 14px);
    color: #9f9f9f;
}

#cacafooterArea .fooiconcom{
    display: flex;
}
#cacafooterArea .fooiconcom .coofoleft{
    display: flex;
    align-items: center;
}
#cacafooterArea .fooiconcom .coofoleft p{
    margin-right: 10px;
}
#cacafooterArea .fooiconcom .cooforight{
    display: flex;
}
#cacafooterArea .fooiconcom .cooforight a{
    background: #040000;
    aspect-ratio: 1/1;
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 0 5px;
}
/* +footercall
*----------------------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
    .phoneWrap{display:none !important}
	footer #footerCompany .plus-information a:hover img{display:block}
}

@media screen and (max-width: 1024px) {
    .phoneWrap{display:flex;position:fixed;bottom:0px;left:0px;width:100%;z-index:5;flex-direction:column}
	.phoneWrap ul{display:flex}
	.phoneWrap ul li{width:50%;box-sizing:border-box;background: #e9eb00;}
	.phoneWrap ul li.line{background-color: #ab9863;}
	.phoneWrap ul li+li{border-left:1px solid #fff}
	.phoneWrap ul li a{display:inline-block;width:100%;color: #1b1b1b;text-align:center;padding:4px 0px}
	.phoneWrap ul li.line a{
    color: #ffffff;
}
	footer{padding:40px 0 40px}
}

@media screen and (max-width: 6280px) {
    header #linelink .member_other,header #linelink[data-type="2"] .member_other{right:-50%;width:120px;-webkit-transform:translate(0%,70%);transform:translate(0%,70%)}
	header #linelink .member_other p a{padding:13px 10px}
	header .top-wrap{margin:0 auto;display:flex;justify-content:space-between;width:min(1440px,90%);padding: 30px 0;}
	header #cis{display:inline-block;text-align:left;margin-left:0;width:270px}
	header #mbMenu{overflow-y:scroll;position:fixed;top: 0;left:0;width:100%;height:0;margin-left:auto;padding:0;-webkit-transition-duration:.35s;transition-duration:.35s;display:inline-block;z-index: -1;}
	header #mbMenu::selection{background:#dedede;text-shadow:none}
	header #mbMenu::-webkit-scrollbar{width:5px}
	header #mbMenu::-webkit-scrollbar-track{background:#d0d0d0}
	header #mbMenu::-webkit-scrollbar-thumb{background:#9d9340}
	header #mbMenu::-webkit-scrollbar-thumb:hover{background:#867c29}
	header #mbMenu nav{margin-top:50px;padding-bottom:400px;margin:0 10px;padding-top: 100px;}
	header #mbMenu nav ul li{width:100%;text-align:center;border-bottom: 1px #0000001c solid;display:block}
	header #mbMenu nav ul li:last-child{border-bottom:none}
	header #mbMenu nav>ul>li>p{position:relative}
	header #mbMenu nav>ul>li>p a{padding: 45px 50px 35px 60px;text-align:center;font-size: max(1.8 * (1vw + 1vh) / 2, 18px);}
	header #mbMenu nav>ul>li>p b,header #mbMenu nav>ul>li .menu_body .subOption li .bo b{position:absolute;padding:10px 10px;color:#c4c4c4;right:0;padding-left:calc(100% - 50px);width:35px;height:45px;display:inline-block;text-align:center;line-height:41px;top:calc((100% - 60px) / 2);left:0;cursor:pointer}
	header #mbMenu nav>ul>li .menu_body,header #mbMenu nav>ul>li .menu_body .sub2Option,header #mbMenu nav>ul>li .menu_body .sub3Option{display:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
	header #mbMenu nav>ul>li .menu_body .subOption{padding:20px 0 35px;background:rgb(217 217 217 / 10%)}
	header #mbMenu nav>ul>li .menu_body .subOption li .bo{position:relative}
	header #mbMenu nav>ul>li .menu_body .subOption li>div a{width:100%;border-bottom:0;color:#6e6e6e}
	header #mbMenu nav>ul>li .menu_body .subOption li>div p{padding:10px 30px}
	header #mbMenu nav>ul>li .menu_body .subOption li .sub3Title a{color:#bdad84}
	header #mbMenu nav>ul>li .menu_body .sub2Option,header #mbMenu nav>ul>li .menu_body .sub3Option{background:rgb(240 216 211 / 0.2);padding:25px 0}
	header #mbMenu nav>ul>li .menu_body .sub3Option li>div a{color:#d7a297}
	header #mbMenu nav>ul>li .menu_body .subOption li .bo b{padding:10px 40px}
	header #mbMenu[data-type="2"] nav{padding:30px;height:calc(100vh - 139px)}
	header form#hSearch{top:131px;right:235px}
}

@media (max-width: 1540px) {
	.contactArea .wrap { padding: 0 20px; }
	header #cis {margin-left: 30px;width: 160px;}
	header #rightBox { margin-right: 30px; }
}
@media screen and (min-width: 1281px) {
	header #webmenu li .menu_body .subOption li>div a:hover, header #linelink .member_other p a:hover { color: var(--white); background-color: #000; }
	p.more a:hover { border-color: #bdad84; }
	p.more a:hover:before { transform: translateY(0); }
	header #rightBox .socialBox a:hover img { transform: translateY(-15%); }
	p.more a:hover font { color: #fff; }
	header #mbMenu nav>ul>li { overflow: hidden; display: inline-block; }
	header #mbMenu nav>ul>li:hover, header #mbMenu nav>ul>li .menu_body .subOption>li:hover, header #mbMenu nav>ul>li .menu_body .sub2Option>li:hover { overflow: visible; }
	header #mbMenu nav>ul>li .menu_body .subOption li>div p:hover { background: #bdad84; }
	header #mbMenu nav>ul>li .menu_body .subOption li>div p:hover a { color: #fff; }
	header #mbMenu nav ul li b { display: none; }
	header #mbMenu nav>ul>li .menu_body, header #mbMenu nav>ul>li .menu_body .subOption li ul { position: absolute; left: calc(50% - 100px); /* width: 200px; */
	background: #fff; z-index: 1; opacity: 0; transform: translateY(20px); transition: all .3s ease-out; }
	header #mbMenu nav>ul>li:hover .menu_body { opacity: 1; transform: translateY(0); }
	header #mbMenu nav>ul>li .menu_body .subOption li ul { top: 0; left: 200px; background: #bdad84; -webkit-transform: translateY(0); -webkit-transform: translateX(30px); transform: translateY(0); transform: translateX(30px); }
	header #mbMenu nav>ul>li:last-child .menu_body .subOption li ul { left: auto; right: 200px; }
	header #mbMenu nav>ul>li .menu_body .subOption li:hover ul.sub2Option, header #mbMenu nav>ul>li .menu_body .subOption li ul.sub2Option li:hover ul.sub3Option { opacity: 1; transform: translateX(0); }
	footer #footerInfo #sitefooter #community a:hover { color: #bdad84; }
	footer #footerInfo #sitefooter #community a:hover svg { fill: #bdad84; }
}
@media screen and (max-width: 1280px) {
	.bgTxt.title h3 { font-size: 30px; letter-spacing: 7.5px; }
	.workframe, footer #footerInfo, .contactArea .wrap { width: 90%; }
	footer .footercont { width: 90%; }
	footer #footerInfo #sitefooter { margin-left: 0; width: 100%; }
	#cacafooterArea .workframe{
    display: flex;
    flex-direction: column;
}
	#cacafooterArea .workframe .foominfo{
    width: 100%;
}
	#cacafooterArea .workframe .foormbox{
    order: 0;
}
}
@media screen and (max-width: 1180px) {
	footer #footerInfo { display: flex; flex-direction: column; align-items: center; padding: 20px 0 10px; }
	footer #footerInfo .leftBox, footer #footerInfo .row { width: 100%; margin: auto; text-align: center; display: flex; justify-content: center; }
	footer #footerInfo .leftBox { margin-bottom: 30px; }
	footer #footerInfo .rightBox, footer #footerInfo #sitefooter { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; }
	footer #footerInfo #sitefooter #community { width: 100%; }
	footer #footerInfo #sitefooter>div { width: calc(100% - 70px); margin: auto; }
	footer .footercont ul { display: flex; flex-direction: column; align-items: flex-start; }
	footer .footercont ul li { width: 100%; }
	footer #footerInfo #sitefooter #community .social { display: flex; justify-content: center; }
	footer #copyright { display: flex; align-items: center; justify-content: center; padding: 10px 0; }
	.contactArea .rightBox { width: 100%; display: flex; justify-content: center; align-items: center; }
	.contactArea .rightBox .item a { width: 100%; }
	.contactArea .wrap { padding: 30px 0; }
	.contactArea .titleBox { width: 100%; text-align: center; }
}
@media screen and (max-width: 980px) {
	.bgTxt.stitle { position: relative; font-size: 10vw; -webkit-writing-mode: inherit; writing-mode: inherit; }
	.bgTxt.title .titleEn { margin-bottom: 4px; }
	.bgTxt.title { font-size: 2rem; margin-bottom: 15px; }
	.bgTxt.title h3 { margin-top: 0px; font-size: 27px; letter-spacing: 5.5px; }
	header {padding: 15px 4%;width: 94%;}
	header .top-wrap {margin: 0;padding: 10px 0;}
	header.headerfixed #mbMenu {top: 75px;}
	header.headerfixed .top-wrap {margin: 0;display: flex;justify-content: center;width: 100%;}
	footer a { font-size: 14px; }
	footer .footercont:before, footer .footercont:after { background-size: 75%; background-repeat: no-repeat; top: -60px; bottom: -120px; right: -130px; }
	footer .footercont:after { top: auto; left: -42px; }
	footer .footercont .title h3:before, footer .footercont .title h3:after { display: none; }
	.gotop {bottom: 50px;right: 8px;}
	header #rightBox{display:none;}
	header #cis{width: 190px;margin-left: 0;}
	.flyiconJJco{
    bottom: 100px;
    right: 8px;
}
}
@media (max-width: 840px) {
	.contactArea .wrap { padding: 20px 0 15px; height: auto; }
	.contactArea .titleBox::before { width: 16px; left: calc(50% - 8px); display: none; }
	.contactArea .rightBox { width: 100%; justify-content: center; flex-wrap: wrap; }
	.contactArea .rightBox .item { padding: 9px 0px; }
	.contactArea .rightBox .item .iconBox { margin-right: 15px; width: 34px; height: 34px; }
	.contactArea .rightBox .item .iconBox i { font-size: 15px; }
	.contactArea .rightBox .item b, .contactArea .rightBox .item span { font-size: 20px; }
}
@media (max-width: 768px){
	#cacafooterArea .foombox{
    grid-template-columns: 100%;
}
	#cacafooterArea .foombox .fooitem.fuultye{
    grid-column: 1;
}
	#cacafooterArea .workframe .foormbox{
    background: none;
    padding: 0 0;
    -moz-transform: translateY(0em);
    -webkit-transform: translateY(0em);
    -o-transform: translateY(0em);
    -ms-transform: translateY(0em);
    transform: translateY(0em);
}
	#cacafooterArea .workframe .foormbox .fooformtop h5{
    line-height: 180%;
}
	#cacafooterArea .workframe .foormbox .fooformtop{
    display: flex;
    flex-direction: column;
    align-items: center;
}
	#cacafooterArea{
    padding: 50px 0;
}
	
	#cacafooterArea .paJmore{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
	header #mbMenu nav{
    padding-top: 50px;
}
}
@media screen and (max-width: 640px) {
	body{-webkit-text-size-adjust:100%;}
	header #mbMenu .btnBox { text-align: center; padding: 0; }
	header form[name="hSearch"] { top: 143px; right: -100%; }
	header form#hSearch { top: 143px; right: calc(35% / 2); }
	footer .footercont ul { padding: 2vh 0 0; margin-left: 0; }
	footer .footercont ul li.extra { width: calc((100% / 1) - 10px); }
	footer .footercont ul:last-child { padding: 0 0 1vh; }
	footer .footercont .title h3.contact-txt { font-size: 12px; margin-top: -10px; }
	footer #copyright { display: flex; flex-direction: column; align-items: center; margin-top: 20px; }
}
@media (max-width: 440px) {
	.contactArea .rightBox .item:nth-child(1)::before { display: none; }
}
header #linelink .member_other { position: absolute; width: 130px; background: rgb(255 255 255 / 90%); opacity: 0; right: -35px; -webkit-transform: translate(0%, 80%); transform: translate(0%, 80%); pointer-events: none; -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%); box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
header #linelink .member_other p { line-height: 1; }
header #linelink .member_other p a { display: block; line-height: 1; color: #000; padding: 15px 20px; text-align: center; border-bottom: 1px solid #a7a7a733; }
header #linelink[data-type="2"] .member_other { opacity: 1; -webkit-transform: translate(0%, 35%); transform: translate(0%, 35%); -webkit-transition-delay: .2s; transition-delay: .2s; pointer-events: auto; right: -35px; }
#linelink { margin-right: 0; margin-left: 0; display: inline-block; }