@charset "utf-8";
.aftCB::after{content:"";display:block;clear:both;}


.container_wrap{width:100%;box-sizing:border-box;padding:10px;padding-top:60px;}

.top_img img{width:100px;cursor:default;}

.txtar{margin-top:45px;}
.txtar p{word-break:keep-all;cursor:default;}
.txtar p:nth-child(1){font-size:32px;font-weight:bold;color:#666;}
.txtar p:nth-child(2){margin-top:15px;font-size:13px;color:#777;}

.ft{margin-top:60px;border-top:2px solid #ccc;box-sizing:border-box;padding-top:10px;}
.ft_left{text-align:center;}
.ft_right p{margin:5px 0; text-align:center; font-size:13px;word-break:keep-all;letter-spacing:-0.5px;color:#777;cursor:default;}
	
.ft_right_short{}

.container{background:url("/temp/ujin_bg.png") no-repeat; background-size:cover; }
.container_wrap{min-height: 100vh;}

.mid_preparing{font-size:40px; text-align:center; margin:25px 0 35px;letter-spacing:-2px;}

.mid_left .mid_title h1{color:#ffa22e;}

.mid_title{margin:0 auto; margin-bottom:5%; /* margin: 0 2% 0 6%; */}
.mid_title h1 {text-align:center; font-size:30px;}
.mid_title img{/* margin-left:21%; */ width:18%; vertical-align:middle;}
.mid_title p{/* float: left;  */text-align:center; font-size: 15px; font-weight: 400; margin:0;}


.mid{text-align:center; font-size:17px; background: rgb(255,255,255,0.5); border-radius: 10px; box-shadow: 1px 0px 5px rgb(0 0 0 / 10%); padding:24px 37px;}

.mid_left p strong{color:#ffa22e;}
.mid_right p strong{color:#779014;}

.mid strong{font-size:22px;}
.mid_right .mid_title h1{color:#779014; margin: 0 2% 0 6%;}
.mid_right .mid_title img{padding-right:3%;}

.mid_left p img{padding-left: 40px;}

.cont1{margin-bottom:10px;}


.motto h4 {font-size:22px; font-weight:500px;}
.motto strong{font-size:20px; font-weight:600;}




@media all and (min-width:320px){
.mid_left{width:100%;}
.mid_right{width:100%;}


}

@media all and (max-width: 400px){
.mid_title h1{font-size:33px;}
.mid_title img{width:30%;}
.mid_title strong{font-size:17px;}
}

@media all and (min-width: 730px){
.motto p {/* float:left; */ margin-right:5%; display:inline-block; }
.mid.motto {height:75px;}

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

@media all and (min-width: 768px) {

	.container_wrap{padding-top:100px;}
	.top_img img{width:150px;}
	.txtar{margin-top:60px;}
	.txtar p:nth-child(1){font-size:38px;}
	.txtar p:nth-child(2){font-size:15px;}

	/* .mid{ height:180px;} */
	/* .mid_info1{margin-bottom:50%;} */

@media all and (max-width: 1023px) {
	.cont_mid_bg .clip{display: none;}

}

}

@media all and (min-width: 1024px) {

	body{width:100%;height:100%;/* position:relative; */}
	.container_wrap{padding:10px 40px;/* padding-top:10%; */}
	.top_img img{width:217px;}
	.txtar{margin-top:80px;}
	.txtar p:nth-child(1){font-size:46px;}
	.txtar p:nth-child(2){font-size:20px;margin-top:30px;}

	.ft{/* position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:98%;box-sizing:border-box; */ padding:1% 3% 0;}
	.ft p{font-size:15px;letter-spacing:0;}
	
	.ft_left{text-align:left; float:left; margin-right:60px;}
	.ft_left p{text-align:left; margin:0 0 10px;}

	.ft_right_long p{text-align:right;}
	.cont_mid_bg{position:relative;}
	.cont_mid_bg .clip{position:absolute; width: 4%; top:35%; left:48%;}

	.mid_info1{margin-bottom:3%;}

	.mid_left{float: left; width: 50%; }
	.mid_right{float: right; width: 50%; /* border-left: 2px solid #ccc; */}

	.cont1{width:75%; margin:0 auto; height: 120px;}
	.mid.motto {width:88%; margin:0 auto;}

	.cont_mid_bg{position:relative;}
	.cont_mid_bg:before{content:"";display:block; position:absolute; width:1px; height:100%; background:#ccc; left:50%;}

	.cont_mid_wrp{background:url("../images/clip.png") no-repeat 50%; background-size:5%; position: inherit;}

	.mid_preparing{margin:65px 0;font-size:42px;}
}