@charset "utf-8";

@media (max-width:1200px) {


	.flexbox.area2{flex-direction: column;}

	section .bg_box{background:#f4f4f4}

	#members section{padding:65px 0}
	#members.sub_prv section{padding:30px 0}
	#members section h4{font-weight:600;}
	#members .mem01 .card .img {
		margin-top: 20px;
		padding-left: 0;
		overflow: hidden;
	}
	#members .mem01 .card .img img{
		float: left;
		width: 45%;
		margin-right: 4%;
	}
	


	.lctWrap .section .lct_title,
	.lctWrap #lct02 .lct_title p{font-size:30px}
	.lctWrap #lct01,
	.lctWrap #lct02{min-height:600px}

	.membership .section_tit {font-size:30px}
	.membership #mem_01 .sectionBox.ver_01 {width:30%}
	.membership #mem_01 .sectionBox.ver_01 img{width:100%}
	.membership #mem_01 .sectionBox.ver_02{    width: 30%;    bottom: 18%;    right: 50%;}
	.membership #mem_03 .sectionBox.ver_06 {padding-top: 25%;}
	.sub_prv section.bg_box .new_cont_info .dlBox {width:100%}
	.sub_prv section.bg_box .new_cont_info .dlBox dt {width:110px}
	#members.sub_prv .imgListBox .img {height:300px}
	#members.sub_prv section.bg_box .new_cont_text h3 {font-size:25px}
	section.bg_box .new_cont_text.ver2 p {font-size:15px;word-break: keep-all;}
	section.bg_box .new_cont_text.ver2{left:5%}
	section.bg_box .new_cont_text.ver3 {    width: 100%;
    float: inherit;
    padding-top: 0;
    padding-left: 5%;
    margin-bottom: 40px;
    word-break: keep-all;}
	section.bg_box .new_cont_text.ver3 br {display:none}
	#members.sub_prv .imgListBox {padding:0}
	.imgList3  img{width:100%}

}