@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Oswald&display=swap');

/* sec1 - 메인비주얼 */
#mv {position: relative; overflow: hidden;}
#mv .mv_list {position: relative; height:975px; overflow: hidden;}
#mv .mv_list .visual  {width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; background-color: #f9f9f9; transform:scale(1.2); animation: sv-bg-change 5s infinite;}
#mv .mv_list_1 .visual { background-image: url('/jp/img/mv_01.jpg');}
#mv .mv_list_2 .visual { background-image: url('/jp/img/mv_03.jpg');}
#mv .mv_list_3 .visual { background-image: url('/jp/img/mv_02.jpg');}
#mv .mv_list .txt_wrap {opacity: 0;-webkit-transform:translateY(50%);transform:translateY(50%); transform:translate(-50%, -50%);color: #fff;font-weight: 500;text-align: center;overflow: hidden;}
#mv .mv_list.slick-active .txt_wrap {-webkit-animation:1s moveTop forwards 0.3s;animation: 1s moveTop forwards 0.3s}
#mv .mv_list .txt_wrap  .txt1 {/*font-family: 'Montserrat', sans-serif;*/font-family: 'Noto Sans SC', sans-serif; font-weight:600; margin-bottom: 20px;}
#mv .mv_list .txt_wrap  .txt2 {font-family:'Noto Sans SC', sans-serif; font-weight: 400; line-height: 1.5; margin-top: 20px; opacity: 0.6;  }




#mv .mv_list .txt_wrap .btn {display: inline-block; padding: 25px 50px;   border-radius:50px; font-size: 20px; line-height: 1; transition:.25s; color:#fff; opacity:.5; border:2px solid #fff;}
#mv .mv_list .txt_wrap .btn:hover {opacity:1; border:2px solid #8cc0f4; color:#8cc0f4; }

@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}
@-webkit-keyframes moveTop {
    0% { opacity: 0; -webkit-transform:translateY(50%) ; }
   100% { opacity: 1;-webkit-transform:translateY(0) ; }
} 
@keyframes moveTop {
    0% { opacity: 0;transform:translateY(50%) ; }
   100% { opacity: 1;transform:translateY(0) ; }
} 

#mv .mv_list .txt_wrap img {display: none;}
#mv .mv_list.slick-active .txt_wrap img {display: inline-block;}
#mv .txt_wrap .mv_txt_m {display: none;}
.mv_scroll {position: absolute; bottom: 8%; left: 50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); -webkit-animation:moveScroll 2s infinite; animation:moveScroll 2s infinite; cursor: pointer; }
@-webkit-keyframes moveScroll {
    0% { -webkit-transform:translate(-50%,0) ; }
   50% { -webkit-transform:translate(-50%,-10px) ; }
} 
@keyframes moveScroll {
    0% { transform:translate(-50%,0) ; }
   50% { transform:translate(-50%,-10px) ; }
} 

/* slide 설정 */
#mv .slick-dots { bottom: 22%; }
#mv .slick-dots li {margin: 0 3px;text-align: center; width:75px;}
#mv .slick-dots .dot {display: inline-block; text-align: center; width:75px;  height: 5px; background-color: #fff; opacity:.5; font-size:0; border-radius:20px;}
#mv .slick-dots .slick-active .dot {text-indent: -9999px; width: 75px; height: 5px; background-color: #d8b590; line-height: 0px; opacity:1;}

.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 34%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/en/img/mv_prev.png'); right: calc(50% - 31.3%);}
#mv .slick-next {background-image: url('/en/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}




.m1 { padding: 160px 0 0;}
.m1  .inner {display: flex; align-items:center }
.m1  .lt,
.m1  .rt {width: 50%;}
.m1  .lt {}

.m2 {padding: 160px 0; background-color:#f4efeb; }
.blue_tb {width: -webkit-fill-available; border-top: 3px solid #222; border-bottom: 2px solid #222;}
.blue_tb th,
.blue_tb td {padding: 25px 30px;  border-bottom:1px solid #ddd; border-left:1px solid #ddd; line-height: 1.7;}
.blue_tb th {font-size: 22px; vertical-align: middle; color: #222;  border-left:1px solid #fff;}
.blue_tb td {font-size: 20px; vertical-align: middle; color: #222; text-align:center; background-color:#fff; }

.m3 { padding: 160px 0;}

.chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.chk_list li { width: calc(50% - 25px);  margin:0 10px 10px; font-weight: 500;position: relative;word-break:keep-all;border-radius: 50px; background-color:#fff;  border:2px solid #222; padding: 20px 0 20px 5%; display: inline-block;}
.chk_list li:after {content:'';display: block;width: 35px;height: 35px;background: url('/cn/img/check_b.png') 0 0 no-repeat;position: absolute;top: 22%;left: 3.5%;}


.round {position: relative; text-align:center;}
.round  ul {text-align: center;font-size: 0;display: inline-block;position: relative;}
.round  li {display: inline-block ;vertical-align: top;width: 240px;height:240px;margin: 0 10px 30px;/* padding:70px 15px 0; */border-radius:100%;background-color: #d8b590;  color:#fff;  position: relative;}
.round  li:nth-child(2n) {background-color: #cf9d6d}
.round  li .txt_wrap {position: relative;left: 0;width: 100%;/* -webkit-transform: translateY(50%); *//* transform:translateY(-50%); */z-index: 1;display: block;padding-top: 24%;}
.round  li .txt_wrap .num {display: block; font-family: 'Montserrat'; line-height: 1; padding-bottom: 15px; letter-spacing:0; font-size:24px; margin:0 auto 10px; font-weight:500;  border-bottom: 1px solid rgba(255,255,255,0.5); width:20%;}
.round  li .txt_wrap .num1 {display: block; line-height: 1; padding-bottom: 15px; letter-spacing:0; font-size:20px; margin:0 auto 10px; font-weight:500;  border-bottom: 1px solid rgba(255,255,255,0.5); width:70%;}

.round  li .txt_wrap .txt {display: block;  padding-bottom: 10px; margin:0 auto 15px; border-bottom: 1px solid rgba(0,0,0,0.7); width:60%;}


.list {margin:0 auto; display:flex;}
.list li {width: calc(33.33% - 20px); margin: 0 10px; padding:30px 50px 50px;  position: relative; display:inline-block; vertical-align:top;  border:1px solid #ddd; background-color:#fff; }
.list li .tit{ padding:15px 0; background-color:#ebd5c3; color:#222;}
.list li  .img { width:100%; margin-bottom:20px; }
.list li  .img img { width:100%;}

.m4 { padding: 160px 0; background-color:#f9f9f9; }
.m4 ul { border-top:1px solid #ddd}
.m4 li {display: flex; padding: 35px 0;	position: relative;}
.m4 li:after {content:''; display: block; width: 200%; height: 1px; background-color: #ddd; position: absolute; left: -50%; bottom: 0;}
.m4 li .lt {padding: 0 45px 0 0; width:35%;}
.m4 li .rt { padding-top:7px;}
.m4 li .rt  .txt {display: block; position: relative; width: -webkit-fill-available;  float: left; padding-left: 16.5%; top: -33px;}
.m4 li h3 {position: relative; padding-left: 85px;}
.m4 li h3 .num {position: absolute; top: 0; left: 0; display: block; width: 65px; text-align: right; border-bottom: 2px solid #000; font-family: 'Montserrat'; font-weight:600;}

.square_img_list { background-color:#fff; padding: 30px; border-radius:20px; }
.square_img_list ul { border:none;}
.square_img_list li {display: inline-block; width:23%; margin: 0 5px 15px;  vertical-align: top; position:relative; padding:0;}
.square_img_list li:after { display:none;}
/*.square_img_list li:after {content:'';position: absolute;display: block; top: 44%;padding-top: 0%;left: -8%; background-image: url('/cn/img/arrow.png'); width:34px; height:31px; background-color:transparent; }*/



.square_img_list li .square_img {position: relative; text-align:center;}
.square_img_list li .num {display: inline-block; width: 55px; height: 55px; background-color: #74c5ce; border-radius:50%; text-align: center; line-height: 55px; font-weight:500;  color: #fff; font-size: 22px; letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;}
.square_img_list li .square_img img {}


.process_area { display: inline-block;  width: 100%;}
.process {  width: 100%;   height: 70px;   line-height: 68px;   border: 2px solid #cdcdcd; margin-bottom: 20px;}
.process > .title { width: 25%; text-align: center;  color: #666; font-weight:500; font-size:18px; position: relative; font-family: 'Montserrat';}
.process > span { display: inline-block; font-size:22px; font-weight:500;}
.process > .title:after {  content: "";  background: url('/cn/img/effect_arrow.png'); width: 30px;  height: 40px; position: absolute; bottom: -20px; left: 50%;  transform: translateX(-50%);}
.process > .title1 { width: 25%; text-align: center;  color: #666; font-weight:500; font-size:18px; position: relative; font-family: 'Montserrat';}
  
.btn {background-color:#d8b590;padding:15px 0;position: absolute;color:#fff;transition:.25s;width: 55%;text-align: center;border-radius: 50px;margin-top: 20px; font-size:18px; font-weight:500;}
.btn:hover { background-color:#333; color:#fff }



.location_wrap {display: flex; flex-wrap:wrap;}
.location_wrap .lt, .location_wrap .rt {  width: 50%;}
.location_wrap .rt {position: relative; overflow: hidden;}
.location_wrap .map_info {padding:0 0;}
.location_wrap .map_info .tel {font-family: 'Montserrat'; line-height:1.2;}
.location_wrap .map_info .map_address {padding:0 10px 30px;}
.location_wrap .map_info {width: 100%;}
.location_wrap .map_info ul {padding: 40px 0 20px 0;}
.location_wrap .map_info li {padding-bottom: 15px; font-size: 0;}
.location_wrap .map_info li .icon {display: inline-block; vertical-align: middle; width: 125px;}
.location_wrap .map_info li dl {display: inline-block; vertical-align: middle; width: calc(100% - 125px); padding-left: 0;}
.location_wrap .map_info li dd .arr {padding: 0 4px;font-size: 1.45em; font-weight: 500;}
.location_wrap .map_info ul + .txt {padding: 10px 15px 10px 85px; background-color: #560F7B; color: #fff;}
.location_wrap .map_info ul + .txt > span {margin-left: 45px; vertical-align: middle;}

.gray_box { background-color:#363636; padding:40px 0;}
.footer { padding:50px 0 100px;}








.pc { display:block}
.mobile { display:none}


@media all and (max-width:2300px){
	
.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 37%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/cn/img/mv_prev.png'); right: calc(50% - 34%);}
#mv .slick-next {background-image: url('/cn/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}


}


@media all and (max-width:2200px){
	
.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 39%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/jp/img/mv_prev.png'); right: calc(50% - 35.7%);}
#mv .slick-next {background-image: url('/jp/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}


}


@media all and (max-width:1900px){
	
	
.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 38%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/jp/img/mv_prev.png'); right: calc(50% - 34.2%);}
#mv .slick-next {background-image: url('/jp/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}



}


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

.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 45%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/jp/img/mv_prev.png'); right: calc(50% - 40%);}
#mv .slick-next {background-image: url('/jp/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}
	
}

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

}

@media all and (max-width:1280px){
	 #mv .mv_list .txt_wrap {width: calc(100% - 350px); opacity: 0;}
	
	
.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 39%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/jp/img/mv_prev.png'); right: calc(50% - 32%);}
#mv .slick-next {background-image: url('/jp/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}


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



}
@media all and (max-width:980px){
	
}
@media all and (max-width:768px){
	#mv .mv_list .txt_wrap {width: -webkit-fill-available;opacity: 0;}
	#mv .mv_list { position: relative; height:750px; }
	#mv .mv_list_wrap {margin-bottom: 0;}
	
	/*#mv {position: relative; overflow: hidden; margin-top:80px;}
	#mv .txt_area {}
	#mv .mv_list {height: auto !important; background-size: cover;}
	#mv .mv_list .visual {    width: 100%;
    padding-bottom: 145%;
    background-position: 50% 0;
    background-size: cover;}
	
	#mv .mv_list .visual {height: 750px !important; padding-bottom: 0;}
	#mv .mv_list_1 .visual { background-image: url('/cn/img/mv_01_m.jpg');}
    #mv .mv_list_2 .visual { background-image: url('/cn/img/mv_02_m.jpg');}
    #mv .mv_list_3 .visual { background-image: url('/cn/img/mv_03_m.jpg');}*/
	#mv .mv_list .visual  {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 37% 50%;background-size:cover;background-color: #f9f9f9;transform:scale(1.2);animation: sv-bg-change 5s infinite;}

	

	
	#mv .slick-prev,
	#mv .slick-next {display: none !important;}
	#mv .slick-dots {bottom:58px;}
	#mv .slick-dots li button {width: 12px; height: 12px;}
	#mv .slick-dots li.slick-active button {width: 30px;}
	#mv .controler {margin-right: -65px; bottom: -33px;}
	#mv .slick-dots .dot {display: inline-block; text-align: center; width: 35px; height: 5px;  background-color: #fff; opacity: .5; font-size: 0;}
	#mv .slick-dots .slick-active .dot {text-indent: -9999px; width: 35px; height: 5px; background-color: #fff; line-height: 0px; opacity:1;}
	#mv .slick-dots li { margin: 0 3px; text-align: center; width: 45px;}
	

	.mv_scroll {width: 15px; margin-left: 0;  bottom: 10px;}

  .m1 { padding: 100px 0 0;}
  .m1  .inner {display: contents;align-items:center}
  .m1  .lt,
  .m1  .rt {width: -webkit-fill-available;padding-bottom: 0;padding-top: 30px;}
  .m1  .lt {}

	
	
   .m2 {padding: 100px 0; background-color:#f4efeb; }
   .blue_tb {width: -webkit-fill-available; border-top: 3px solid #222; border-bottom: 2px solid #222;}
   .blue_tb th,
   .blue_tb td {padding: 15px 10px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height: 1.7;}
   .blue_tb th {font-size: 14px;vertical-align: middle;color: #222;border-left:1px solid #fff;}
   .blue_tb td {font-size: 13px;vertical-align: middle;color: #222;text-align:center;background-color:#fff;}
	.m3 {padding: 100px 0; }
	.chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
    .chk_list li {width: -webkit-fill-available;margin: 0 0 10px;font-weight: 500;position: relative;word-break:keep-all;border-radius: 50px;background-color:#fff;border:2px solid #222;padding: 20px 0 20px 15%;display: inline-block;}
   .chk_list li:after {content:'';display: block;width: 35px;height: 35px;background: url('/jp/img/check_b.png') 0 0 no-repeat;position: absolute;top: 29%;left: 5.5%;background-size: 70%;}
      
   .m4  {padding: 100px 0; }
   .m4 ul { border-top:1px solid #ddd}
.m4 li {display: block;padding: 35px 0;position: relative;}
.m4 li:after {content:''; display: block; width: 200%; height: 1px; background-color: #ddd; position: absolute; left: -50%; bottom: 0;}
.m4 li .lt {padding: 0 45px 0 0;width: -webkit-fill-available;}
.m4 li .rt {padding-top:7px;padding-left: 22%;}
.m4 li .rt  .txt {display: block; position: relative; width: -webkit-fill-available;  float: left; padding-left: 16.5%; top: -33px;}
.m4 li h3 {position: relative;padding-left: 85px;}
.m4 li h3 .num {position: absolute; top: 0; left: 0; display: block; width: 65px; text-align: right; border-bottom: 2px solid #000; font-family: 'Montserrat'; font-weight:600;}

.square_img_list {background-color:#fff;padding: 30px 0;border-radius:20px;}
.square_img_list ul { border:none;}
.square_img_list li {display: inline-block !important;width: 46%;margin: 0 5px 10px;vertical-align: top;position:relative;padding:0;}
.square_img_list li:after { display:none;}
/*.square_img_list li:after {content:'';position: absolute;display: block; top: 44%;padding-top: 0%;left: -8%; background-image: url('/cn/img/arrow.png'); width:34px; height:31px; background-color:transparent; }*/
.list {margin:0 auto;display: block;}
.list li {width: -webkit-fill-available;margin: 0 10px;padding: 30px 20px 30px;position: relative;display:inline-block;vertical-align:top;border:1px solid #ddd;background-color:#fff;}
.list li .tit{ padding:15px 0; background-color:#ebd5c3; color:#222;}
.list li  .img { width:100%; margin-bottom:20px; }
.list li  .img img { width:100%;}


.process_area {display: inline-block;width: 100%;padding: 0 15px;}
.process {width: 100%;height: 70px;line-height: 68px;border: 2px solid #cdcdcd;margin-bottom: 20px;}
.process > .title {width: 25%;text-align: center;color: #666;font-weight:500;font-size: 14px;position: relative;font-family: 'Montserrat';}
.process > span {display: inline-block;font-size: 14px;font-weight:500;}
.process > .title:after {content: "";background: url('/jp/img/effect_arrow.png');width: 25px;height: 33px;position: absolute;bottom: -14px;left: 50%;transform: translateX(-50%);background-size: contain;}
.process > .title1 { width: 25%; text-align: center;  color: #666; font-weight:500; font-size:14px; position: relative; font-family: 'Montserrat';}

 .w1000 {padding: 0 15px;} 
.btn {background-color:#d8b590;padding:15px 0;position: absolute;color:#fff;transition:.25s;width: 95%;text-align: center;border-radius: 50px;margin-top: 20px;font-size: 13px;font-weight:500;}
.btn:hover { background-color:#333; color:#fff }


  
   .pc { display:none}
   .mobile { display:block}
   
}

@media all and (max-width:486px){
	
	#mv .mv_list { position: relative; height:580px; }
	#mv .mv_list_wrap {margin-bottom: 0;}
	
	/*#mv {position: relative; overflow: hidden; margin-top:80px;}
	#mv .txt_area {}
	#mv .mv_list {height: auto !important; background-size: cover;}
	#mv .mv_list .visual {    width: 100%;
    padding-bottom: 145%;
    background-position: 50% 0;
    background-size: cover;}
	
	#mv .mv_list .visual {height: 580px !important; padding-bottom: 0;}
	#mv .mv_list_1 .visual { background-image: url('/jp/img/mv_01_m.jpg');}
    #mv .mv_list_2 .visual { background-image: url('/jp/img/mv_02_m.jpg');}
    #mv .mv_list_3 .visual { background-image: url('/jp/img/mv_03_m.jpg');}*/
	
}


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



}


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


}