/* header22 */
header22 {position: fixed;width: 100%;top: 0;left: 0;background-size: cover;display: flex;z-index: 999999;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;height: 5.46875vw;}
header22.headerfixed{background: #ffffff;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);height: 4.46875vw;}

header22 >.nowrap_box {margin: 0 auto;width: min(1680px , 95%);}
header22 #cis img {object-fit: contain;}
header22 #menubtn {position: fixed;width: 25px;height: 20px;display: inline-block;top: 26.5px;left: 20px;}
header22 #menubtn span {position: absolute;width: 100%;height: 2px;background: #000000;display: block;top: 0;right: 0;}
header22 #menubtn[data-type="1"] span:nth-child(2) { top: calc(50% - 1px); }
header22 #menubtn[data-type="1"] span:nth-child(3) { top: calc(100% - 1px); }
header22 #menubtn[data-type="1"] span { transition: transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s cubic-bezier(.215,.61,.355,1), -webkit-transform .4s cubic-bezier(.215,.61,.355,1); }
header22 #menubtn[data-type="2"] span, header22.header22fixed #menubtn[data-type="2"] span { background: #454545; transition: .4s cubic-bezier(.645,.045,.355,1); }
header22 #menubtn[data-type="2"] span:nth-child(1) {top: 50%;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
header22 #menubtn[data-type="2"] span:nth-child(2) { opacity: 0; }
header22 #menubtn[data-type="2"] span:nth-child(3) { top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
header22 #webmenu .menu_box{flex:1;display:flex;justify-content:flex-end;align-items:center}
header22 #webmenu .menu_box >ul{}
header22 #webmenu .menu_box >ul >li >p a{padding:0 15px;display:block;font-size:18px;color:#252525;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
header22 #webmenu .menu_box >ul >li >p a:hover,header22.header22fixed #webmenu .menu_box >ul >li >p a:hover{background:-webkit-linear-gradient(225deg,#CB0033 20%,#D24F3F,#D97A4D 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
header22 #webmenu .menu_box >ul >li:last-child a:hover{text-shadow:unset}
header22 #webmenu .menu_box >ul >li:last-child:hover{opacity:.8}
header22 #webmenu .menu_box >ul >li:last-child:hover p a{color:#ffffff}
header22 #webmenu .menu_box >ul >li .menu_body .subOption li { position: relative; overflow: hidden; }
header22 #webmenu .menu_box >ul >li .menu_body .subOption li >div a {padding: 9px 0px;display: block;color: #252525;text-align: center;-webkit-text-fill-color: #000000;}
header22 #webmenu .contact_box { padding: 50px 20px; }
header22 #webmenu .contact_box p {margin-top: 10px;margin-bottom: 15px;}
header22 #webmenu .contact_box p a {color: #999;line-height: 130%;}
header22 #webmenu .contact_box .community { margin: 30px 0; padding-top: 30px; border-top: 1px #e0e0e0 solid; text-align: center; }
header22 #webmenu .contact_box .community a { margin: 0 15px; width: 40px; height: 40px; background: #f3f3f3; border-radius: 50%; display: inline-block; text-align: center; line-height: 38px; color: #999; }
header22 #menubg { position: fixed; width: 100vw; height: 100vh; background: rgb(0 0 0 / .4); display: none; top: 0; left: 0; opacity: 998; }
header22.header22fixed {background: #131719;border-bottom: 2px #646464de solid;}
header22.header22fixed #menubtn span {background: #e7e7e7;}


/* header22_bar */
#header22_bar{display:none}
#header22_bar a {  background: #c5ada1;margin: 0 6px;border-radius: 50%;width: 50px;height: 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#header22_bar a[title="facebook"] svg{width: 38px;height: 38px;}
#header22_bar a[title="line"] svg{width: 38px;height: 38px;}
#header22_bar a >svg { width: 28px; height: 28px; fill: #ffffff; }
#header22_bar a#openform {position: relative;margin-right: 5px;padding: 0 20px 0 0;}
#header22_bar a#openform:after { position: absolute; width: 1px; height: 12px; background: #ccc; top: 50%; right: 0; transform: translateY(-50%); content: ""; }


@media screen and (max-width: 1024px){
	header22 #menubg[data-type="2"] { display: block; }
	
}
@media screen and (max-width: 1500px){
	header22 >.nowrap_box{display:flex;align-items:center}
	header22 #webmenu .menu_box >ul >li p a { padding: 0 10px; }
}

@media screen and (min-width: 1281px){
	header22.header22fixed { padding: 0; border-top: #e8d1c9 0px solid;}
	header22 .row {width: 240px;display: flex;flex-direction: column;order: 1;justify-content: center;margin: 0;}
	header22 #webmenu {margin: 0;width: calc(100% - 89px);display: flex;order: 1;}
	header22 .leg{display:flex;justify-content:space-between}
	#header22_bar{display:flex;position:relative;left:0;align-items:center;flex-wrap:wrap;order:3}
	header22 #cis a{text-align:center;color:#4b4551}
	header22 #menubtn,header22 #webmenu .menu_box ul b,header22 #webmenu .contact_box{display:none}
	header22 #webmenu .menu_box >ul >li{position:relative;overflow:hidden;display:inline-block}
	header22 #webmenu .menu_box >ul >li:last-child{background:#d61818;background:-webkit-linear-gradient(220deg,#d61a1a 20%,#cb4838,#D97A4D 90%);border-radius:30px}
	header22 #webmenu .menu_box ul li:last-child a,header22 #webmenu .menu_box ul li:last-child a:hover{padding:5px 19px;background:none;-webkit-text-fill-color:#ffffff}
	header22 #webmenu .menu_box >ul >li:last-child a{color:#ffffff}
	header22 #webmenu .menu_box >ul >li >p a{letter-spacing:0.05em;padding:13px 12px;font-size:1.2rem;font-weight:500}
    header22.header22fixed #webmenu .menu_box >ul >li >p a {color: #e6e6e6;}
	header22 #webmenu .menu_box >ul >li .menu_body , header22 #webmenu .menu_box >ul >li .subOption li ul {position: absolute;width: 170px;left: calc(50% - 85px);z-index: 1;opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);transition: all .3s ease-out;}
	header22 #webmenu .menu_box >ul >li .subOption {background: #fff;-webkit-box-shadow: 5px 8px 15px rgb(228 160 151 / 21%);box-shadow: 5px 8px 15px rgb(228 160 151 / 21%);}
	header22 #webmenu .menu_box >ul >li .subOption li ul { background: #f3f3f3; box-shadow: none; top: 0; left: 170px; -webkit-transform: translateY(0); -webkit-transform: translateX(30px); transform: translateY(0); transform: translateX(30px); }
	header22 #webmenu .menu_box >ul >li .subOption li ul.sub3Option { background: #dbdbdb; }
	header22 #webmenu .menu_box >ul >li:last-child .menu_body { left: auto; right: 0; }
	header22 #webmenu .menu_box >ul >li:last-child .subOption li ul { left: auto; right: 170px; }
	header22 #webmenu .menu_box >ul >li:hover , header22 #webmenu .menu_box >ul >li .subOption >li:hover , header22 #webmenu .menu_box >ul >li .sub2Option >li:hover { overflow: visible; }
	header22 #webmenu .menu_box >ul >li:hover .menu_body {padding-top: 1px;z-index: 10;opacity: 1;transform: translateY(-5px);}
	header22 #webmenu .menu_box >ul >li .subOption li:hover ul.sub2Option , header22 #webmenu .menu_box >ul >li .subOption li ul.sub2Option li:hover ul.sub3Option { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@media screen and (max-width: 1280px){
	header22 #cis {text-align: center;width: 100%;margin: 0;}
	header22 #webmenu {overflow: hidden;position: fixed;width: 300px;background: #fff;top: 0;left: -400px;box-shadow: 0 0 10px rgb(0 0 0 / .3);z-index: 999;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
	header22 #webmenu .menu_box::-webkit-scrollbar { width: 0; }
	header22 #webmenu .menu_box >ul >li >p , header22 #webmenu .menu_box ul li .menu_body ul li .bo { position: relative; }
	header22 #webmenu .menu_box >ul{width:98%}
	header22 #webmenu .menu_box >ul >li b { position: absolute; width: 23px; display: inline-block; text-align: center; color: #252525; top: calc((100% - 27px) / 2); right: 0; }
	header22 #webmenu .menu_box ul li .menu_body , header22 #webmenu .menu_box ul li .menu_body >ul li .sub2Option , header22 #webmenu .menu_box ul li .menu_body >ul li .sub3Option { margin-bottom: 15px; display: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
	header22 #webmenu .menu_box >ul >li .menu_body .subOption li >div a { padding: 10px 25px 10px 30px; color: #7f7f7f; }
	header22 #webmenu .menu_box >ul >li .menu_body .subOption li .sub3Title a { padding: 5px 25px 5px 40px; color: #777; }
	header22 #webmenu .menu_box >ul >li .menu_body .sub3Option { margin: 0 40px; padding: 5px; background: #f3f3f3; }
	header22 #webmenu .menu_box >ul >li .menu_body .sub3Option li >div a { padding: 5px; font-size: 14px; color: #666; }
    header22 #webmenu .contact_box p font{margin-right:15px}
}
@media screen and (max-width: 1460px){
	header22 #webmenu{margin: 0 0 0 0px;}
	header22 #cis{width: 200px;}
	header22 #webmenu .menu_box >ul >li >p a{padding:13px 5px;font-size:1.1rem}	
}
@media screen and (max-width: 1280px){
    header22,header22.headerfixed{height:65px}
	header22 #cis{margin:0 0 0 50px;width:180px}
	header22 #webmenu {overflow: hidden;position: fixed;width: 350px;background: #fff;top: 0;left: -400px;-webkit-box-shadow: 5px 8px 15px rgb(228 160 151 / 21%);box-shadow: 5px 8px 15px rgb(228 160 151 / 21%);z-index: 999;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
	header22 #webmenu .menu_box {overflow-y: scroll;margin: 60px 15px 0;padding-top: 20px;height: calc(100vh - 70px);display: flex;flex-direction: column;justify-content: unset;align-items: flex-start;}
	header22 #webmenu .menu_box::-webkit-scrollbar { width: 0; }
	header22 #webmenu .menu_box >ul >li >p , header22 #webmenu .menu_box ul li .menu_body ul li .bo { position: relative; }
	header22 #webmenu .menu_box >ul{width:92%}
	header22 #webmenu .menu_box >ul >li b { position: absolute; width: 23px; display: inline-block; text-align: center; color: #252525; top: calc((100% - 27px) / 2); right: 0; }
	header22 #webmenu .menu_box >ul >li >p a {padding: 12px 10px;display: block;font-size: 17px;width: 95%;border-bottom: #9e9e9e6e 1px solid;letter-spacing: 0.10em;font-weight: 500;}
	header22 #webmenu .menu_box ul li .menu_body , header22 #webmenu .menu_box ul li .menu_body >ul li .sub2Option , header22 #webmenu .menu_box ul li .menu_body >ul li .sub3Option { margin-bottom: 15px; display: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
	header22 #webmenu .menu_box >ul >li .menu_body .subOption li >div a { padding: 10px 25px 10px 30px; color: #7f7f7f; }
	header22 #webmenu .menu_box >ul >li .menu_body .subOption li .sub3Title a { padding: 5px 25px 5px 40px; color: #777; }
	header22 #webmenu .menu_box >ul >li .menu_body .sub3Option { margin: 0 40px; padding: 5px; background: #f3f3f3; }
	header22 #webmenu .menu_box >ul >li .menu_body .sub3Option li >div a { padding: 5px; font-size: 14px; color: #666; }
    header22 #webmenu .contact_box p font{margin-right:15px}
	header22 #webmenu .menu_box >ul >li >p a:hover,header22.header22fixed #webmenu .menu_box >ul >li >p a:hover{color:black}
}
@media screen and (max-width: 640px){
	header22 #cis a{font-size: 13px;}
    header22 #cis a span{display:none;}
}