@charset "utf-8";
#container{max-width: 100%!important;margin-bottom: 50px;}
.sub{font-size: 18px;}
.sub .sec{position: relative;line-height: 1.6;}

.sub .sec:after{position: absolute;content: '';width: 20px;height: 2px;left: 50%;transform: translateX(-50%);bottom: -25px;background: #f00;}
.sub .sec h3{font-size: 24px;text-align: center;position: relative;margin-bottom: 60px;}
.sub .sec h3:after{position: absolute;content: '';background: #2282ca;width: 2px; height: 40px;bottom: -50px;left: 50%;transform: translateX(-50%);}
.sub .sec table{border-collapse: collapse;width: 100%;word-break: keep-all;}
.sub .sec table th{padding: 20px;background: #f5f5f5;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;word-break: keep-all;white-space: nowrap;}
.sub .sec table td{padding: 20px;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
.sub .gray_p{padding: 20px;background: #eef6fc;line-height: 1.6;word-break: keep-all;}
.sub .gray_p strong {color:#c00000;}
.sub .gray_p b{display:block;width:auto;margin:0 auto 10px;padding: 4px 10px;color:#fff;background: #2282ca;}
.sub .sec p{word-break: keep-all;}

.sub0101 .sec1 figure{text-align: center;}
.sub0101 .sec1 figure img{margin: 30px 0;max-width: 300px;width: 60%;}
.sub0101 .sec2 ul{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.sub0101 .sec2 ul li{width: 20%;border-radius: 20px;box-shadow: 2px 3px 3px rgba(0,0,0,0.2);overflow: hidden;}
.sub0101 .sec2 ul li img{width: 100%;height: 180px;object-fit: cover;}
.sub0101 .sec2 ul li p{text-align: center;margin: 30px 0;}

.sub0102 .sec2 ul{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.sub0102 .sec2 ul li{width: 25%;border-radius: 20px;box-shadow: 2px 3px 3px rgba(0,0,0,0.2);padding: 50px;text-align: center;}
.sub0102 .sec2 ul li .txt{margin-top: 20px;}
.sub0102 .sec2 ul li .txt h5{font-size: 18px;margin-bottom: 20px;}

.sub0104 .sec1{background: #f8f8f8;padding: 50px 0;}
.sub0104 .sec1:nth-child(2n){background: #fff;}
.sub0104 .sec1 figure{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;}
.sub0104 .sec1:nth-child(2n) figure{flex-direction:row-reverse;}
.sub0104 .sec1 figure img{width: 50%; height: 430px; object-fit: cover;}
.sub0104 .sec1 figure figcaption{width: 50%;padding: 44px;align-self: center;word-break: keep-all;}
.sub0104 .sec1 figure figcaption h2{text-align: center;font-size: 24px;position: relative;margin-bottom: 50px;}
.sub0104 .sec1 figure figcaption h2:after{position: absolute;bottom: -25px;width: 40px; height: 3px; background: #f00;left: 50%;transform: translateX(-50%);content: '';}
.sub0104 .sec2.dark{background: #eef6fc;padding: 50px 0;}
.sub0104 .sec2 p{text-align: center;margin: 10px 0;}
.sub0104 .sec2 ul{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;margin: 30px auto;}
.sub0104 .sec2 ul li{width: 30%;margin:1.5%;padding: 30px;box-shadow: 3px 4px 4px rgba(0,0,0,0.2);border-radius: 30px;text-align: center;background: #fff;}
.sub0104 .sec2 ul li img{margin: 20px 0;max-width: 60%;}
.sub0104 .sec2 ul li p{color: #000!important;}

.sub0105 .sec1{text-align: center;}
.sub0105 .sec1 img{width: 80%;max-width: 800px;margin: 20px 0;}
.sub0105 .sec2 ul{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.sub0105 .sec2 ul li{width: 20%;text-align: center;}
.sub0105 .sec2 ul li img{width: 80%;}

.sub02 .sec1{background: #f8f8f8;padding: 50px 0;}
.sub02 .sec1:nth-child(2n){background: #fff;}
.sub02 .sec1 figure{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;}
.sub02 .sec1:nth-child(2n) figure{flex-direction:row-reverse;}
.sub02 .sec1 figure img{width: 50%; height: 430px; object-fit: cover;}
.sub02 .sec1 figure figcaption{width: 50%;padding: 44px;align-self: center;word-break: keep-all;}
.sub02 .sec1 figure figcaption h2{text-align: center;font-size: 24px;position: relative;margin-bottom: 50px;}
.sub02 .sec1 figure figcaption h2:after{position: absolute;bottom: -25px;width: 40px; height: 3px; background: #f00;left: 50%;transform: translateX(-50%);content: '';}
.sub02 .sec2.dark,
.sub03 .sec2.dark,
.sub04 .sec2.dark{background: #eef6fc;padding: 50px 0;}
.sub02 .sec2 p,
.sub03 .sec2 p,
.sub04 .sec2 p{text-align: center;margin: 10px 0;}

ul.step_wrap{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;margin: 30px auto;}
ul.step_wrap li{width: 30%;margin:1.5%;padding: 30px;box-shadow: 3px 4px 4px rgba(0,0,0,0.2);border-radius: 30px;text-align: center;background: #fff;}
ul.step_wrap li img{margin: 20px 0;max-width: 60%;}
ul.step_wrap li p{color: #000!important;}
ul.step_wrap li p.step {font-size: 1.3rem;color: #f00 !important;font-weight: bold;padding-bottom: 10px;border-bottom: 3px solid #eee;}

.sub0301 .sec1{text-align: center;}
.sub0301 .sec1 img{max-width: 900px;width: 100%;}

.trading_country_wr{position:relative;width:100%;overflow:hidden;overflow-x: scroll;}
.trading_country_tb td{text-align:center;}
.trading_country_tb .office_name{width:65%;}
.trading_country_tb .office_more{width:35%;}
.trading_country_tb .btn.office_btn,
.trading_country_tb .btn.office_close_btn{font-size: 14px;border-radius: 8px;}
.office_close_btn_wr{margin-top:10px;text-align:right;}
.office_dialog{
	text-align:left;
	
	.office_dialog_inner{
		padding:8px;

		p{
			margin-bottom:10px;
			text-align:left;
		}
		h4{margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #ddd;}
		.office_dialog_tit{margin-bottom:4px;font-weight:bold;}
		.office_img{width:100%;min-width:260px;max-width:460px;}
		.office_img img{width:100%;}
	}
}

.office_dialog::backdrop {
  background: #000;
  opacity: 0.5;
}

@media screen and (min-width:1201px){
}


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

	.mo_hide {display:none;}

	.sub{font-size: 14px;}
	.sub .gray_p{text-align: left;}
	.sub .sec h3{font-size: 16px;text-align: left;padding-left: 10px;margin-bottom: 15px;}
	.sub .sec h3:after{width: 4px; height: 100%;bottom: auto;top: 0;left: 0;}
	.sub .sec table th{padding: 8px;}
	.sub .sec table td{padding: 8px;}
	
	.sub0101 .sec2 ul li{width: 100%;margin: 20px 0;}
	
	.sub0102 .sec2 ul li{width: 100%;margin: 20px 0;padding: 20px;}
	.sub0102 .sec2 ul li .txt{margin-top: 8px;}
	.sub0102 .sec2 ul li .txt h5{font-size: 14px;margin-bottom: 8px;}
	
	.sub0104 .sec1 figcaption{font-size: 14px;}
	
	.sub02 .sec1 figure img{width: 100%;height: 180px;}
	.sub02 .sec1 figure figcaption{width: 100%;padding: 30px;}
	ul.step_wrap li{padding: 12px;width: 47%;border-radius: 12px;}
	ul.step_wrap li p br{display: none;}
}


@media screen and (max-width:767px){
	.sub0104 .sec1 figure{display:block;}
	.sub0104 .sec1 figure figcaption{width:100%;padding: 30px 16px;}
	.sub0104 .sec1 figure figcaption h2{text-align:left;}
	.sub0104 .sec1 figure figcaption h2:after{left:0;transform: translateX(0%);}
	.sub0104 .sec1 figure img{width:100%;height:auto;}
}