.wrap{width:100%;}


/*shop */
@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_con {width:100%; max-width:1300px; margin:0 auto;  box-sizing:border-box;  font-size:16px; }
.sub_con h2.guide {font-size:2.2rem; font-weight:800;  line-height:1; display:block; margin-bottom:20px; margin-top:70px;}
.sub_con h2.guide.kr {font-family:'Pretendard'}
.sub_con.shop h2.guide   {margin-bottom:30px;}

.sub_con h3.sub_h3 {font-size:1.5rem; }

.sub_con1 {width:100%; max-width:1200px; margin:0 auto;  box-sizing:border-box;  font-size:16px; }

hr.con_hr {margin:20px 0}

.sub_menu {width:100%; max-width:1100px; margin:0 auto; box-sizing:border-box;   }

.product_search {display:flex; height:35px;  margin-bottom:20px; width:100%;   box-sizing:border-box; }
.product_search .input_box {background-color:#ddd; border-radius:5px; display:flex; box-sizing:border-box; line-height:0; padding:0 5px;  height:35px;  }
.product_search .input_box svg { }
.product_search .input_box a {  margin-top:5px; display:inline-block }
.product_search  .input_box input {border:none; height:100%; background-color:#ddd; color:#fff  }


.shop_cate {width:100%;   width:100%;  }
.shop_cate ul {width: 100%;  box-sizing:border-box; 
    
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    line-height: 0;
    font-size: 0; display:flex; justify-content:space-between}

.shop_cate ul li {font-size:1.45rem; line-height:1.2; letter-spacing:.5px; font-weight:600}
.shop_cate ul li a { color:#333 !important}
.shop_cate ul li a:hover {color:#ff4a00 !important;  }
.shop_cate ul li.on a {color:#ff4a00  !important;  }


.wrap{margin:120px 0 100px 0}
.intro h3{font-size:3.5em;text-align:Center;padding:0 0 60px 0}
 .intro .sub_tab{display:flex;
 width: 100%;  
 margin:0 auto;
 box-sizing:border-box; 
 margin-bottom:80px;
 padding-bottom:10px;
 justify-content:center;

 }
.intro .sub_tab li{font-size:1.4em;color:#aaa;position:relative;padding:0 37px;cursor:pointer}
.intro .sub_tab li:after{
width: 1px;
    height: 80%;
    position: absolute;
    right: 0;
    top: 3px;
    background-color: #aaa;
    content: '';
}
.intro .sub_tab li:last-child::after{display:none}
.intro .sub_tab li.ov{color:#b98700;font-weight:600;}

  .product .sub_tab{flex-wrap:wrap;max-width:1300px}
  .product .sub_tab li{margin-bottom:20px;padding: 0 30px;}
  .product .sub_tab li:after{display:none}

 @media all and (max-width:1024px) {
 .wrap{margin:80px 0 60px 0}
.intro h3{font-size:2.5em;padding:0 0 30px 20px;text-align:left}

  .intro .sub_tab{
overflow-x: auto;
white-space: nowrap;
justify-content:flex-start;
margin-bottom:30px;

  }
  .intro .sub_tab li{padding:0 20px;font-size:1.2em;}
  .product .sub_tab li{margin-bottom:10px}



 }
/* .intro .sub_tab{display:flex;justify-content:center}
.intro .sub_tab li{font-size:1.4em;color:#aaa;position:relative;padding:0 37px;cursor:pointer}
.intro .sub_tab li:after{
width: 1px;
    height: 80%;
    position: absolute;
    right: 0;
    top: 3px;
    background-color: #aaa;
    content: '';
}
.intro .sub_tab li:last-child::after{display:none}
.intro .sub_tab li.ov{color:#b98700;font-weight:600;} */


.list_top {display:flex; width:100%; font-size:1em}
.list_top  ul {display:flex; margin-left:auto}
.list_top  ul  li {padding-left:10px; }
.list_top  ul  li a {color:#666}
.list_top  ul  li.ov a {font-weight:600; color:#ff4a00 }


ul.gall_list {width:100%;    display:flex; margin-top:20px; margin-bottom:20px; flex-wrap:wrap}
ul.gall_list  li {width:19%;  box-sizing:border-box; position:Relative; margin-right:1.23%} 

ul.gall_list li div {width:100%; padding-bottom:100%; position:relative; border-radius:10px; overflow:hidden }
ul.gall_list li img {  min-width:100%; position:absolute;  left:50%; top:50%; transform: translate(-50%, -50%);   transition: all .6s; }
/* ul.gall_list li:hover  img {min-width:140%}
 */
ul.gall_list li h4 {font-size:1em; font-weight:400; line-height:1.2; display:block; margin-top:20px}
ul.gall_list li h3 {font-size:1.3em; font-weight:700; line-height:1.3; display:block; margin:5px 0 }
 
ul.gall_list li p {font-size:1em; font-weight:400; line-height:1.35; color:#555;
    width: 100%; }
ul.gall_list a:hover li h3 {color:#ff4a00; }
ul.gall_list a:hover li p {color:#111}

ul.gall_list span.heart {position:absolute; right:5%; top:4%; z-index:999; font-size:2rem; color:#ddd; cursor:pointer}
ul.gall_list span.heart_ov {position:absolute; right:5%; top:4%; z-index:999; font-size:2rem; color:#edce55; }

ul.gall_list.col-3  li {width:32.5%;  } 
ul.gall_list p.price {text-align:right; }
ul.gall_list p.price span {font-size:.95em; text-decoration:line-through; color:#444}
ul.gall_list p.price b {font-size:1.3em; letter-spacing:-1px; font-weight:600; color:#333; margin-left:5px}


#heart {
 cursor:pointer;
  color: grey;  
  font-size: 40px;
}

#heart.red {
  color: red;
}


 @media all and (max-width:1101px) {
	.sub_con {padding-left:4%; padding-right:4%;  }
	.product_search {padding-left:4%; padding-right:4%}
	.shop_cate ul {padding-left:4%; padding-right:4%}


}
 @media all and (min-width:950px) {
  	 ul.gall_list  li:nth-child(5n) {  margin-right:0}
  	 ul.gall_list li:nth-child(n + 6) {margin-top:30px}

  	 ul.gall_list.col-3  li:nth-child(5n) { margin-right:1.23%}
  	 ul.gall_list.col-3  li:nth-child(3n) {  margin-right:0}
  	 ul.gall_list.col-3 li:nth-child(n + 4) {margin-top:30px}


 }

 @media all and (max-width:950px) {
		.sub_con  {font-size:15px;}

		.sub_con h2.guide {font-size:1.5rem;  margin-top:30px; margin-bottom:20px}
		.sub_con.shop h2.guide {margin-bottom:20px;}

		.sub_con h3.sub_h3 {font-size:1.2rem; }

		hr.con_hr {margin:10px 0}

		.product_search {margin-top:20px; height:30px;}
		.shop_cate {  margin-top:15px}
		.shop_cate ul li {font-size:1.2rem;  padding-right:20px; }
		ul.gall_list {margin-bottom:20px; margin-top:15px; justify-content:space-between}
		ul.gall_list li {width:48%; margin-right:0;} 
		ul.gall_list li:nth-child(n + 3) {margin-top:20px}
		ul.gall_list li h3 {font-size:1.1em;  margin:5px 0 3px 0 }

		ul.gall_list li p {font-size:.95em}

		ul.gall_list.col-3 li {width:48%; margin-right:0;} 
		ul.gall_list.col-3 li:nth-child(n + 3) {margin-top:20px}
}


.story_box {width:100%; display:flex; padding:8% 0;  background:url('/common/img/story_bg.png') no-repeat top; background-size:cover;  }
.story_box img {max-width:100%}

.story_box div.text {width:100%; max-width:1300px;   margin:0 auto;}
.text .in_box {display:flex; align-items:center; margin-bottom:50px; box-sizing:border-box; padding:0 3%}
.text .in_box p.img   {width:45%}
.text .in_box p img {width:100%}
.text .in_box div  { width:55%; }
.text .in_box div h3  {font-size:2em; line-height:1.3}
.text .in_box div div {font-size:1.2em; line-height:1.5; box-sizing:border-box;  width:100%; padding-left:50px; display:block}
.text .in_box div h3 span {padding-left:50px; line-height:1.2; box-sizing:border-box; width:100%; display:inline-block}
.text .in_box div div hr {margin:4px 0}



h2.guide2 {font-size:2.5rem; font-weight:800;  line-height:1; display:block; margin-bottom:20px; }


.story_list {width:80%; margin:0 auto}
.story_list li {width:70%; display:flex; align-items:center; font-size:1.5em}
.story_list li:nth-child(n + 2) { margin-top:-8%;}
.story_list li p.img {margin-right:4%}
.story_list li img {width:100%; }
.story_list li div { }
.story_list li div h4 {color:#003084; display:flex; align-items:center}
.story_list li div h4 span {width:50px; color:#666;  display:inline-block}
.story_list li div p  {padding-left:50px; width:100%; box-sizing:border-box; padding-top:5px; color:#111}

.story_list li:nth-child(2n) {margin-left:auto; justify-content:flex-end}

.story_list li:nth-child(2n) p.img {order:2; text-align:right; margin-right:0; margin-left:4%  }
.story_list li:nth-child(2n) div {order:1}

.story_list li:nth-child(1) p img {max-height:350px}
.story_list li:nth-child(2) p img {max-height:260px}
.story_list li:nth-child(3) p img {max-height:400px}
.story_list li:nth-child(4) p img {max-height:220px}

 @media all and (max-width:1200px) {
 	.text .in_box div h3  {font-size:1.5em}
    .story_list {width:90%;  }
    .story_list li {font-size:1.3em}
	.story_list li:nth-child(n + 2) { margin-top:-3%;}
}

 @media all and (max-width:950px) {

		.story_box { padding:2% 0; }
		.text .in_box {padding:0 4%; box-sizing:border-box; flex-wrap:wrap}
		.text .in_box p.img   {width:90%; margin:0 auto}
		.text .in_box div  {width:100%; margin-top:10px; margin-left:auto;  font-size:1em}
		.text .in_box div h3  {font-size:1.3em}
		.text .in_box div div {font-size:.97em;  padding-left:0; margin-top:0; line-height:1.4}
		.text .in_box div h3 span {padding-left:0}

		 
         h2.guide2 {font-size:1.5rem;    }

		.story_list {width:100%;  box-sizing:border-box; padding:0 4%; margin-top:10px; padding-bottom:50px }
		.story_list li:nth-child(n + 2) { margin-top:0;}
		.story_list li p.img {width:35%; margin-right:4%;  margin-left:0}
		.story_list li {width:100%;  font-size:1.1em}
		.story_list li div h4 span {width:30px; }
		.story_list li div p  {padding-left:30px; font-size:.96em}


		.story_list li:nth-child(2n) p.img {  margin-left:4%; margin-right:0}
		.story_list li:nth-child(2n) div {text-align:right}
		.story_list li:nth-child(2n) div h4 {justify-content:flex-end }
		.story_list li:nth-child(2n) div h4 span {order:1}
		.story_list li:nth-child(2n) div p  {padding-left:0; padding-right:30px; }



}

.shop_view {width:100%; display:flex}
.shop_view_img {width:50%; display:flex;gap:20px   }
.shop_view_img img {max-width:100%}
.shop_view_img .b_img {width:75%; padding-bottom:75%; position:relative; overflow:hidden ;border:1px solid #ddd;box-sizing:border-box; }
.shop_view_img .b_img img { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100% }
.shop_view_img ul {width:31%;display: flex;
    flex-direction: column;
    gap: 20px; 
	}
.shop_view_img ul li {width:100%; position:relative; padding-bottom:100%; overflow:hidden;cursor:pointer;border:1px solid #ddd;box-sizing:border-box;}
.shop_view_img ul li img { position:absolute;left:50%; top:50%; transform: translate(-50%, -50%); width:100% }

.shop_view_text {width:46%; margin-left:auto; font-size:1.1em; color:#444}
.shop_view_text h3 {font-size:1.8em;   padding-bottom:20px; display:block; color:#111}

#wish_btn {width:48%; max-width:150px; line-height:50px;  background-color:#ddd;   color:#fff !important; font-size:1.15rem; border-radius:5px; font-weight:600; text-align:center; display:inline-block; transition: background-color 0.1s ease-in; cursor:pointer; margin-top:30px; white-space:nowrap; }
#wish_btn.red {background-color:#edce55}

.shop_view_text a  {width:48%; max-width:150px; line-height:50px;  background-color:#bf9d57;   color:#fff; font-size:1.15rem; border-radius:5px; font-weight:600; text-align:center; display:inline-block; transition: background-color 0.1s ease-in; cursor:pointer; margin-top:30px; white-space:nowrap;}


 @media all and (max-width:950px) {
		.shop_view {flex-wrap:wrap; }
		.shop_view_img {width:100%}
		.shop_view_text {width:100%; margin-top:30px; font-size:1.05em}
		.shop_view_text h3 {font-size:1.3em; padding-bottom:10px }

		  #wish_btn { font-size:1.05rem;  line-height:45px; margin-top:15px}
		  .shop_view_text a  { font-size:1.05rem;  line-height:45px; margin-top:15px}


}




/* 스토리 230619수정 */

.storybox{text-align:center;}

.story1{ display:inline-block;margin:190px  auto;}
.story1 h2{position:relative; font-size:1.8em;font-weight:700}
.story1 span{background:#fff;padding:0 10px;}
.story1 h2::before{
    border-top: 4px solid #000;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
	box-sizing:border-box;
    border-left: 4px solid #000;
    border-right: 4px solid #000;
}

.story1  p{position:relative;border-bottom:4px solid #000;padding:40px 50px;box-sizing:border-box;font-size:1.8em;font-weight:700;font-family:'SBAggroB';}
.story1  p::before{
    border-left: 4px solid #000;
    border-right: 4px solid #000;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
height:100%;
    z-index: -1;
	box-sizing:border-box
}


.orange_bg{
margin-top:120px;
font-size:2em;
width: 100%;
background: url('/common/img/orange_bg.png') no-repeat bottom;
background-size: cover;
padding-bottom:13%;
font-weight:700;
line-height:1.4
}

.en{font-family:'SBAggroB';}


@media (max-width: 950px){
		.logoimg img{width:200px;}
		.story1{margin:15% 5%}
		.story1 h2{font-size:1em}
		.story1 p{font-size:1.1em;line-height:1.4;padding:5% 8%}
		.orange_bg{font-size:1.2em;margin-top:10%;padding:0 5%;width:90%;padding-bottom:20%;word-break:keep-all}
}



.cart_table {width:100%; display:flex; align-items:center; border-bottom:1px solid #ddd; border-top:2px solid #333; margin-top:15px; cursor:pointer}
.cart_table p.img {width:120px; flex-shrink:0; margin:0 20px; }
.cart_table h3 {font-size:1.5em; margin-bottom:5px; font-weight:500}
.cart_table p.button {margin-left:auto; margin-right:10px; }

.cart_pay {width:100%; background-color:#f7f7f7; padding:20px 0;  display:flex; align-items:Center; justify-content:center; font-size:1.2em}
.cart_pay p {margin:0 5px; text-align:Center}
@media (max-width: 600px){
.cart_pay {font-size:1.1em}
}
.cart_h3 {font-size:1.4em; color:#b97d00; margin-bottom:10px}

.order_list .cart_h3 {margin-top:20px}
.order_list .cart_table {cursor:pointer}
.order_list .cart_table:nth-child(2) {margin-top:0}

.info_bg_box {background-color:#f7f7f7; padding:15px; width:100%; display:inline-block; box-sizing:border-box}


.option {width:100%; margin-top:25px; }
.option li  {width:100%;  display:flex; align-items:Center; margin-bottom:10px}
.option li h3 {width:100px; font-size:1em; padding-bottom:0  }
.option li select {width:calc(100% - 100px); height:30px; font-size:.95rem; padding:0 2px; box-sizing:border-box  }
.pay {font-size:1.1em; font-weight:500; width:100%; text-align:right; margin-top:15px; color:#111}

.cart_btn {width:100%; display:flex; justify-content:space-between}
.cart_btn #wish_btn {width:20%; max-width:20%}
.cart_btn a {width:38%; max-width:38%}
.cart_btn a:nth-child(2) {background-color:#333}

.option_plus {width:100%;  border-bottom:1px solid #ddd; padding:8px 0; font-size:.95em }
.option_plus div.flex_in { width:100%; display:flex; align-items:center; margin-top:5px; }
.option_plus div.flex_in .number {border:1px solid #ddd; width:100px; flex-shrink:0; display:flex;  } 
.option_plus div.flex_in .number span {width:30px; flex-shrink:0;  background-color:#ddd; text-align:center; line-height:30px; cursor:pointer}
.option_plus div.flex_in .number p {width:100%;  text-align:Center; line-height:30px; height:30px; float:left; font-size:15px; background-color:#fff}
.option_plus div.flex_in p {margin-left:auto; font-size:.90em }
.option_plus  div.flex_in a {background-color:#fff; font-weight:300; font-size:.95em;  width:auto; padding:0; margin:0; color:#555; line-height:1}
.radio_wrap span {display:inline-block; margin:2px 0; margin-right:10px}
  

@media (max-width: 950px){
	.cart_table {padding:13px 0}
	.cart_table p.img {width:65px;  margin:0; margin-right:5px }
	.cart_table h3 {font-size:1.15em; margin-bottom:5px;  }
	.cart_table p.button {  margin-right:0; }
	.cart_table a.s_btn  { flex-shrink:0;font-size:.7rem; line-height:20px; width:25px; padding:0; text-align:center}
	.cart_table a.s_btn2  { flex-shrink:0;font-size:.8rem; line-height:20px; width:70px; padding:5px; text-align:center}
	.cart_pay {flex-wrap:wrap; font-size:1.1em}
	.cart_pay p {margin:2px 3px}
	.cart_pay p br {display:none}
	.cart_pay p:last-child {width:100%}

}




.view_guide{font-size:2em;margin-top:40px;}
@media (max-width: 600px){
.view_guide {font-size:1.5em}
}


/* 조회하기 */
.confirm{max-width:700px;margin:0 auto}
@media (max-width: 1024px){
.confirm{max-width:100%}
}

.confirm_view{}
.confirm_view table{box-sizing:border-box;width:80%;margin:0 auto;table-layout: fixed}
.confirm_view tr{border:1px solid #d9d8c6;box-sizing:border-box;}
.confirm_view th{box-sizing:border-box;padding:10px;background:#f5f4e8;font-size:1.2em;width:170px;    word-break: break-all;}
.confirm_view td{box-sizing:border-box;padding:20px;    word-break: break-all;font-size:1.1em}
.confirm_view .info{text-align:center;font-weight:500;font-size:1.2em;}
.confirm_view_add{display:none}
@media all and (max-width:1100px) {
.confirm_view table{width:100%}
}
@media all and (max-width:650px) {
.confirm_view th{font-size:1.1em;width:100px;}
.confirm_view td{padding:10px;font-size:1em}
}
@media all and (max-width:500px) {
.confirm_view{overflow:auto;}
.confirm_view table{min-width:450px}
}





/* company1 */

.visual2{background: url('/common/img/sub/build.jpg') no-repeat center / cover , rgba(0, 0, 0, 0.2); background-blend-mode:multiply; background-attachment: fixed;  width:100%;height:300px;display:flex;align-items:center;justify-content:center;position:relative; margin-bottom:100px}
.visual2 span{font-weight:400; font-size:1.3em; color:#fff;  text-align:Center; line-height:1; width:100%; display:inline-block;}
.visual2 h3{font-size:2.1em; text-align:center;color:#fff; margin-top:5px;font-weight:400;line-height:1.2}
.visual2 p{font-size:3.5em; line-height:1.4;text-align:center;color:#fff; font-weight:600;font-family: 'Montserrat';}
.visual2 b{font-size:1.1em;font-weight:700;font-family: 'Montserrat';}

@media all and (max-width:800px)  {
.visual2{height:200px;background-attachment:initial;}
.visual2 p{font-size:2.3em; padding:0 10px}
}

.intro_label{color:#b98700;font-size:2em;font-weight:600;margin-bottom:30px;display:inline-block}
.intro_label2{font-size:2.5em;font-weight:700}
.intro_txt{font-size:2.3em;color:#333;line-height:1.4;word-break:keep-all;font-weight:700; letter-spacing:-2px}
.intro_txt2{color:#555;margin-top:20px;font-size:1.5em; line-height:1.6; font-weight:500; letter-spacing:0}

.intro1{margin:0 auto;margin-bottom:100px;}
.highlight{position:relative;display: inline-block;}
.highlight::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5em;
    background: #b98700;
    opacity: 0.2;
    z-index: -1;
}
.c{text-align:center}

@media all and (max-width:800px)  {
.intro_txt{font-size:1.8em;}
.intro_txt2{font-size:1.2em}
}

@media all and (min-width:800px)  {
[data-scroll]{transition: all 0.5s linear;}
[data-scroll] .imgmove{transform: scale(calc(.8 + .2 * var(--visible-y)));}
[data-scroll="out"]{ opacity: 0; }
}
.imgmove{background:url('/common/img/sub/imgmove.jpg') no-repeat 0 0 ;background-size:cover;height:600px;}
.truth{max-width:1200px;margin:0 auto}
.truth span{font-size:2.7em;font-weight:600}
.truth p{color:#777;font-size:1.4em}

.company1_list h2{margin:60px 0 20px 0;text-align:center ;width:100%;}
.company1_list ul{display:flex;gap:30px;}
.company1_list li{box-sizing:border-box;padding:20px 10px;border-radius:10px;position:relative;margin-top:30px;flex:1;text-align:center}
.company1_list img{width:80px}
.company1_list p{font-size:1.2em;font-weight:600;color:#333;word-break:keep-all;text-align:center}

.company1_contact{display:flex;gap:5%;align-items:center;margin:100px auto;max-width:1400px}	
.company1_contact > p{flex:1;}
.company1_contact img{width:100%}
.company1_contact .txt{line-height:1.8;color: #666;}
.company1_contact .highlight{font-weight:600}

.company1_vi{background: url('/common/img/sub/company1_vi.jpg') no-repeat center / cover , rgba(0, 0, 0, 0.4); background-blend-mode:multiply; background-attachment: fixed;  width:100%;height:auto;padding:60px;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;}
.company1_vi::after{content: '';
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    left: 10px;
    top: 10px;
    border: 1px solid rgba(255,255,255,.5);
	}
.company1_vi span{color:#ffe08c;font-size: 2.5em;    font-weight: 600;}
.company1_vi p{color:#fff;line-height:1.8}


@media all and (max-width:1000px) {
.imgmove{height:300px}
.truth {width:90%}
.truth span{font-size:2em;}
.truth p{font-size:1.2em;}
.company1_contact{flex-wrap:wrap;margin:60px auto}
.company1_contact > p{flex:auto;width:100%;}
.company1_vi{padding:30px}
.company1_vi span{font-size:2em;}
.company1 br{display:none}
.company1_vi br{display:inline-block}
}




.company2_vi{background: url('/common/img/sub/company2.jpg') no-repeat bottom / cover , rgba(0, 0, 0, 0.3); background-blend-mode:multiply; background-attachment: fixed;  width:100%;height:300px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative; margin-bottom:0}
.company2_vi p{font-family:'pretendard'}

.company2{margin:40px 0 80px 0}
.company2 ul{display:flex;gap:30px;}
.company2 li{box-sizing:border-box;padding:20px 10px;background:#f9f9f9;border-radius:10px;position:relative;margin-top:30px;flex:1}
.company2 span{font-style: italic;
    font-family: 'Montserrat';
    font-size: 3.5em;
    font-weight: 800;
    letter-spacing: -3px;
    color: #dfddd3;
	position:absolute;
	top:-30px;
	}
.company2 p{font-size:1.3em;font-weight:500;color:#444;padding-left:10px;padding-top:30px;word-break:keep-all}
.company2 i{color:#b19400}
.company2 b{font-weight:600;border-bottom:1px solid #000}

.company2_1 b{font-weight:700;color:#b99e55;}
.company2_1 p:first-child{line-height:1.4;font-size:1.05em;}
.company2_1 p:nth-of-type(2){font-size:1.1em;color:#333}
.company2_1 span{color:#b99e55;font-weight:600}

@media all and (max-width:1000px) {
.company2{margin:20px 0 40px 0}
.company2_vi{background-attachment:initial;height:200px}
.company2 ul{flex-wrap:wrap}
.company2 li{width:100%;flex:auto}
.company2 p{line-height:1.4;padding:20px;}
.company2_1 br.m_none{display:none}
}

.company3 .vi{background: url('/common/img/sub/ceo.jpg') no-repeat 0 0 / cover , rgba(0, 0, 0, 0.05); background-blend-mode:multiply; background-attachment: fixed;  width:100%;height:400px;display:flex;align-items:center;justify-content:center;position:relative; margin-bottom:100px}
.company3 > .company3_box{background: #fff;
    margin-top: -230px;
    z-index: 999999;
    position: relative;
    width: 70%;
    padding: 70px 90px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);
    margin-left: auto;
    text-align: left;
	border-top: 5px solid #c0a162;
	box-sizing:border-box;
	}
.company3 p{text-align:left}

@media all and (max-width:1800px) {
.company3 > .company3_box{width:80%;}
}
@media all and (max-width:1600px) {
.company3 .vi{background-position:center; background-attachment: initial; height:300px;margin-bottom:0;}
.company3 > .company3_box{width:100%;padding:5%;    margin-top: -50px;}
}


.company4 > div {margin:0 0; position:relative; box-sizing:border-box; width:100%;  }
.company4 .box_wrap  {position:relative; z-index:9; display:flex; flex-wrap:wrap; justify-content : space-between; align-items:flex-start; margin-top:100px}
.company4 .box_wrap div {width:18%; text-align:center; }
.company4 .box_wrap p.b {width:100%;  background-color:#d9b65f; line-height:53px; font-size:1.1rem; font-weight:500; color:#fff; position:relative}

.company4 .box_wrap p.b:after {content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: inline-block;
    border: 1px solid #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
	}

.company4 .box_wrap p.s {width:100%;  background-color:#f1f1f1;  margin-top:10px; line-height:40px;   font-size:1rem; font-weight:500; color:#666;}
.company4  .box1 {width:250px; text-align:center; background-color:#333; line-height:60px; font-size:1.3rem; color:#fff; margin:0 auto; border-radius:60px; font-weight:600; position:relative; z-index:9;margin-bottom:30px;}
.company4  .box2 {
    width: 200px;
    text-align: center;
    background-color: #97856f;
    line-height: 55px;
    font-size: 1.3rem;
    color: #fff;
    margin: 0 auto;
    border-radius: 60px;
    font-weight: 600;
    top: 0;
    margin-right: 15%;
}
 
.company4 .line_x {width:82%; height:1px; background-color:#999; display:inline-block; position:absolute; left:9%; top:190px}
.company4 .line_x:nth-of-type(2) {  
    width: 35%;
    top: 120px;
	left:50%;
	z-index:-1
}
.company4 .line_y {width:1px; height:60px;  background-color:#999; display:inline-block; position:absolute;  top:190px}
.company4 .line_y:nth-child(1) {left:9%;}
.company4 .line_y:nth-child(2) {left:36%;}
.company4 .line_y:nth-child(3) {left:50%; top:20px; height:170px}
 .company4 .line_y:nth-child(4) {right:36%;}
.company4 .line_y:nth-child(5) {right:9%;}

@media all and (max-width:900px) {
		.company4 > div {margin:0;width:100% }
		.company4  .box2 {margin-right: auto;
    z-index: 9999;
    position: relative;}
		.company4 .box_wrap div {width:47%; text-align:center; }
		.company4 .box_wrap div:nth-child(3) {margin-top:20px}
		.company4 .box_wrap div:nth-child(4) {margin-top:20px}
		.company4 .line_x {width:60%; left:20%; }
		.company4 .line_x:nth-of-type(2){display:none}
		.company4 .line_y:nth-child(1) {left:20%;}
		.company4 .line_y:nth-child(2) {display:none}
		.company4 .line_y:nth-child(4) {display:none}
		.company4 .line_y:nth-child(5) {right:20%;}

  }

.map_ifm{height:500px;}
.map_con{display:flex;gap:10%;justify-content:space-between;}
.contact{font-size:3em;margin:50px 0 40px 0;font-weight:600;display:inline-block;position:relative}
.contact::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.4em;
    background: #b98700;
    opacity: 0.2;
    z-index: -1;
}
.map_con li{position:relative;display:flex;align-items:center;gap:20px;padding-left:12px;}
.map_con li::before{position:absolute;top:0;left:0;background:#cb9400;width:8px;height:8px; content:''}
.map_tit{font-size:1.5em;font-weight:600}
.map_txt{font-size:1.4em;}

@media all and (max-width:1300px) {
.map_ifm{height:300px;}
.map_con{flex-wrap:wrap}
.map_con li{width:100%;margin-bottom:15px;align-items:flex-start}
.contact{font-size:2.2em;margin:30px 0 20px 0}
 .map_tit{ width:70px; flex-shrink: 0;font-size:1.3em;}
 .map_txt{font-size:1.1em;}
}


.recruit{max-width:1200px;margin:0 auto;}
.recruit dl{display:flex;align-items:center;    border-top: 1px solid #d9d8c6; box-sizing:border-box; background: #f5f4e8;}
.recruit dt{width:20%;font-size:1.2em;font-weight:600;background: #f5f4e8;box-sizing:border-box;padding:35px 20px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}
.recruit dd{color:#555;width:80%;font-size:1.1em;line-height:1.5; background: #fff;box-sizing:border-box;padding:35px 20px;}
.recruit i{font-size:1.2em;}

.recruit2{max-width:1200px;margin:0 auto}
.recruit2 ul{display:flex;}
.recruit2 ul:first-child{border-top:1px solid #a3997c}
.recruit2 li{display:flex;align-items:center;width:50%;box-sizing:border-box;padding:40px 20px;background:#f9f9f9;}
.recruit2 i{font-size:2.4em;color:#c3b898;width:10%;text-align:center}
.recruit2 p{font-size:1.3em;font-weight:500;margin-left:15px;color:#444}
.bg_gray{background:#f1f1ed !important}

@media all and (max-width:800px) {
.recruit dl{flex-wrap:wrap}
.recruit dt{width:100%;justify-content:start;padding:20px 10px}
.recruit dd{width:100%;padding:20px 10px}

.recruit2 ul{flex-wrap:wrap}
.recruit2 li{width:100%;padding:20px 10px}
.recruit2 p{font-size:1.2em;margin-left:20px;}
.recruit2 i{width: 40px;
    text-align: center;
    display: inline-block;}

.bg_gray{background:#f9f9f9 !important}
.recruit2 li:nth-of-type(odd){background: #f1f1ed !important}
}


.partner{display:flex;flex-wrap:wrap;gap:3%}
.partner li{width:22.75%;border:1px solid #ddd;box-sizing:border-box;margin-top:3%;padding:10px;}
.partner li:nth-child(1){margin-top:0}
.partner li:nth-child(2){margin-top:0}
.partner li:nth-child(3){margin-top:0}
.partner li:nth-child(4){margin-top:0}
@media all and (max-width:700px)  {
.partner{gap:5%}
.partner li{width:30%;}
.partner li:nth-child(4){margin-top:3%}
}