@import 'base.css';
@import 'layout.css';
@import 'sub.css';

.ml25							{margin-left:25px}
.ml20							{margin-left:20px}
.ml10							{margin-left:10px}
.ml5							{margin-left:5px}

img								{ width:auto; max-width:100%; }

.tl								{ text-align:left !important; }
.tr								{ text-align:right !important; }
.tc								{ text-align:center !important; }

.txtContents .conTxt			{ width:100%; display:inline-block; font-size:20px; color:#333; line-height:35px; padding:0 0 4rem; text-align: justify; font-weight:400; }

.txtContents .conTxt a 			{ font-size: 20px; color: #333; line-height: 35px; padding: 0 0 4rem; text-align: justify; font-weight: 400;}

.txtContents .conTxt .fr		{ float:right; margin:0 0 0 3rem; }
.txtContents .conTxt .fl		{ float:left; margin:0 3rem 0 0; }

.txtContents .conTxt_c { width: 100%; display: flex; font-size: 20px; color: #333; line-height: 35px; padding: 0 0 4rem; text-align: justify; font-weight: 400;
    justify-content: space-around;}
.txtContents .conTxt_c .fr		{ float:right; margin:0 0 0 3rem; }
.txtContents .conTxt_c .fl		{ float:left; margin:0 3rem 0 0; }

.txtContents .conTxtq			{ width:100%; display:inline-block; font-size:20px; color:#333; line-height:35px; padding:0 0 4rem; text-align: justify; font-weight:400; }
.txtContents .conTxtq .fr		{ float:right; margin:0 0 0 3rem; }
.txtContents .conTxtq .fl		{ float:left; margin:0 3rem 0 0; }

.txtContents .conTxt2			{ width:100%; display:block; font-size:20px; color:#333; line-height:35px; padding:0 0 4rem; text-align:justify; font-weight:400; }
.txtContents .conTxt2 .fr		{ float:right; margin:0 0 0 6rem; }
.txtContents .conTxt2 .fl		{ float:left; margin:0 3rem 0 0; }

.txtContents .conTxt3			{ width:100%; display:inline-block; font-size:20px; color:#333; line-height:35px; padding:0; text-align:justify; font-weight:400; }
.txtContents .conTxt3 .fr		{ float:right; margin:0 0 0 3rem; }
.txtContents .conTxt3 .fl		{ float:left; margin:0 3rem 0 0; }

.txtContents .conTxt4			{ width:100%; display:inline-block; font-size:20px; color:#333; line-height:35px; padding:0 0 7rem; text-align:justify; font-weight:400; }
.txtContents .conTxt4.fr		{ float:right; margin:0 0 0 3rem; }
.txtContents .conTxt4 .fl		{ float:left; margin:0 3rem 0 0; }

.txtContents .conTxt5			{ width:100%; display:inline-block; font-size:20px; color:#333; line-height:35px; padding:4rem 0 7rem; text-align:justify; font-weight:400; }
.txtContents .conTxt5.fr		{ float:right; margin:0 0 0 3rem; }
.txtContents .conTxt5 .fl		{ float:left; margin:0 3rem 0 0; }

.txtContents .conTxt.box1_3 {background: #f5f5f5; padding: 50px; width: auto;}

.phoTxt			{ width:100%; display:block; font-size:16px; color:#333; line-height:150%; padding:1rem 0 0; text-align:center; }
.phoTxt	strong	{color: #000000;font-size:1.05em}
.phoTxt2		{ width:100%; display:block; font-size:20px; color:#333; line-height:150%; padding:1rem 0 0; text-align:center; }


/*오른쪽&왼쪽 이미지*/
.rImg			{ float:right; padding:.7rem 0 1rem 3rem;}
.rImg .inner	{display:inline-block;}
.lImg			{ padding:.7rem 3rem 1rem 0; float:left;}
.lImg .inner	{display:inline-block;}
.lImg2			{ padding:0; float:left;}
.lImg2 .inner	{display:inline-block;}

.oneImg			{ padding:0 0 4rem; width:100%; display:inline-block; text-align:center; }
.oneImg2		{ padding:6rem 0 6rem; width:100%; display:inline-block; text-align:center; }
.oneImg2_2		{ padding:3rem 0 20px; width:100%; display:inline-block; text-align:center; }
.oneImg3		{ padding:4rem 0 0; width:100%; display:inline-block; text-align:center; }
.oneImg4		{ padding:0 0 20px; width:100%; display:inline-block; text-align:center; margin:30rem 0;}
.oneImg5		{ padding:0 0 20px; display:inline-block; text-align:center; }

.imgBox_multi				{ width:100%; display:table;text-align:center; }
.imgBox_multi .inner		{display:inline-block;}
.imgBox_multi p				{ display:inline-block;}
.imgBox_multi p .noib		{ display:block; }
.imgBox_multi p .noib_f		{ display:block; padding:0 0 1.5rem; }

.imgBox_multi2				{ width:100%; display:block; text-align:center;}
.imgBox_multi2 .inner		{display:inline-block;}
.imgBox_multi2 p				{ display:inline-block; text-align:center; }
.imgBox_multi2 p .noib		{ display:block; }
.imgBox_multi2 p .noib_f		{ display:block; padding:0 0 1.5rem; }

.imgBox_multi3				{ width:100%; display:table;text-align:center; }
.imgBox_multi3 .inner		{display:inline-block;}
.imgBox_multi3 p				{ display:inline-block;}
.imgBox_multi3 p .noib		{ display:block; }
.imgBox_multi3 p .noib_f		{ display:block; padding:0 0 1.5rem; }


.twoImg					{ padding:20px 0 20px; width:100%; display:inline-block; }
.twoImg img				{ float:left; width:50%; box-sizing:border-box; padding:0 4rem; }
.twoImg.nopad img		{ padding:0 .25rem; }

.twoImg2				{ padding:5rem 0 20px; width:100%; display:inline-block; text-align:center; }
.twoImg2 img			{ padding:0 6.4rem; }

.twoImg2_2				{ padding:1rem 0 4rem; width:100%; display:inline-block; text-align:center; }
.twoImg2_2 img			{ padding:0; }

.twoImg3				{ padding:20px 0 20px; width:100%; display:inline-block; }
.twoImg3 img			{ float:left; width:50%; box-sizing:border-box; padding:0; }

.twoImg4				{ padding:0 0 20px; width:100%; display:inline-block; }
.twoImg4 img			{ float:left; width:50%; box-sizing:border-box; padding:0 4rem; }
.twoImg4.nopad img		{ padding:0 .25rem; }

.imgDesc 	{ text-align:center; color:#333;font-size:16px; padding:1rem 0 50px; }
.imgDesc span	{ ;font-size:16px}
.imgDesc2 	{ text-align:center; color:#333;font-size:16px; padding:0 0 30px; }
.img_bt 	{ text-align:center;}
.img_bt img		{ width:auto;max-width:100%; }

/*사진 세 장*/
.threeImg								{padding-top:7rem;}
.threeImg ul.three						{ width:95%; overflow:hidden; padding:0 0 3rem;  margin: 0 auto;}
.threeImg ul.three li					{ float:left; width:33.33333333333333%; text-align:center; height:auto; box-sizing:border-box; }
.threeImg ul.three li:nth-child(1)		{ padding-right:.8rem; }
.threeImg ul.three li:nth-child(2)		{ padding:0 .4rem; }
.threeImg ul.three li:nth-child(3)		{ padding-left:.8rem; }

.space									{ padding-bottom:3rem;}

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

/*오른쪽&왼쪽 이미지*/
	.rImg					{ padding:0 0 2.5rem !important; float:none; text-align:center; display:block; width:100%; }
	.rImg .inner			{ display:inline-block;}
	.lImg					{ padding:0 0 2.5rem !important; float:none; text-align:center; display:block; width:100%; }
	.lImg .inner			{ display:inline-block;}
    .lImg2					{ padding:0; float:none; text-align:center; display:block; width:100%; }
	.lImg2 .inner			{ display:inline-block;}
}



@media screen and (max-width:760px) {
	.ml25							{margin-left:0px}
	.ml20							{margin-left:0px}
	.ml10							{margin-left:0px}
	.ml5							{margin-left:0px}

	.txtContents .conTxt			{ font-size:18px; line-height:150%; padding:0 0 2.5rem; }
	.txtContents .conTxt.box1_3		{ padding:30px; word-break: break-all; letter-spacing: 0.01em;}
	.txtContents .conTxt .fr		{ display:block; float:none; width:100%; margin:0 0 20px; }
	.txtContents .conTxt .fl		{ display:block; float:none; width:100%; margin:0 0 20px; }

    .txtContents .conTxt_c			{ font-size:18px; line-height:150%; padding:0 0 2.5rem; }
    .txtContents .conTxt_c .fr		{ display:block; float:none; width:100%; margin:0 0 20px; }
    .txtContents .conTxt_c .fl		{ display:block; float:none; width:100%; margin:0 0 20px; }

	.txtContents .conTxtq			{ line-height:150%; padding:0 0 2.5rem; }
	.txtContents .conTxt .fr		{ display:block; float:none; width:100%; margin:0 0 20px; }
	.txtContents .conTxt .fl		{ display:block; float:none; width:100%; margin:0 0 20px; }

	.txtContents .conTxt2			{ line-height:150%; padding:0 0 2.5rem; }
	.txtContents .conTxt2 .fr		{ display:block; float:none; width:100%; margin:20px 0 20px; }
	.txtContents .conTxt2 .fl		{ display:block; float:none; width:100%; margin:0 0 20px; }

	.txtContents .conTxt3			{ line-height:150%; padding:0; }
	.txtContents .conTxt3 .fr		{ display:block; float:none; width:100%; margin:0 0 20px; }
	.txtContents .conTxt3 .fl		{ display:block; float:none; width:100%; margin:0 0 20px; }

	.txtContents .conTxt4			{ line-height:150%; padding:0 0 3.5rem; }
	.txtContents .conTxt4 .fr		{ display:block; float:none; width:100%; margin:0 0 20px; }
	.txtContents .conTxt4 .fl		{ display:block; float:none; width:100%; margin:0 0 20px; }

	.txtContents .conTxt5			{ line-height:150%; padding:2.5rem 0 3.5rem; }
	.txtContents .conTxt5 .fr		{ display:block; float:none; width:100%; margin:0 0 20px; }
	.txtContents .conTxt5 .fl		{ display:block; float:none; width:100%; margin:0 0 20px; }

	.phoTxt2		{font-size:14px;}

	/*오른쪽&왼쪽 이미지*/
	.rImg					{ padding:0 0 2.5rem !important; float:none; text-align:center; display:block; width:100%; }
	.rImg .inner			{ display:inline-block;}
	.lImg					{ padding:0 0 2.5rem !important; float:none; text-align:center; display:block; width:100%; }
	.lImg .inner			{ display:inline-block;}
    .lImg2					{ padding:0; float:none; text-align:center; display:block; width:100%; }
	.lImg2 .inner			{ display:inline-block;}

	.oneImg				{ padding:0 0 2.5rem; width:100%; display:inline-block; text-align:center; }
	.oneImg2			{ padding:0 0 3rem; width:100%; display:inline-block; text-align:center; }
	.oneImg2_2			{ padding:0 0 20px; width:100%; display:inline-block; text-align:center; }
	.oneImg3			{ padding:20px 0 3rem; width:100%; display:inline-block; text-align:center;}
	.oneImg4			{ padding:0 0 20px; width:100%; display:inline-block; text-align:center; margin:1rem 0;}
	.oneImg5			{ padding:0 0 20px; display:inline-block; text-align:center; }

	.imgBox_multi				{ width:100%; display:block; padding:0; }
	.imgBox_multi p				{ display:block; text-align:center; padding:0 0 2.5rem !important; width: 100%; }
	.imgBox_multi p.tl,
	.imgBox_multi p.tr			{ text-align:center !important; }
	.imgBox_multi p .inner		{ display:inline-block;}
	.imgBox_multi p .tabalC		{ display:block; text-align:center; }
	.imgBox_multi p .noib		{ display:inline-block; }
	.imgBox_multi p .noib_f		{ display:inline-block; padding:0 0 2.5rem; }

	.imgBox_multi2				{ width:100%; display:block; padding:0; }
	.imgBox_multi2 p			{ display:block; text-align:center; padding:0 0 2.5rem !important; }
	.imgBox_multi2 p.tl,
	.imgBox_multi2 p.tr			{ text-align:center !important; }
	.imgBox_multi2 p .inner		{ display:inline-block;}
	.imgBox_multi2 p .tabalC	{ display:block; text-align:center; }
	.imgBox_multi2 p .noib		{ display:inline-block; }
	.imgBox_multi2 p .noib_f	{ display:inline-block; padding:0 0 2.5rem; }
	
	.imgBox_multi3				{ width:100%; display:block; padding:0; }
	.imgBox_multi3 p				{ display:block; text-align:center; padding:0 0 0.5rem !important; width: 100%; }
	.imgBox_multi3 p.tl,
	.imgBox_multi3 p.tr			{ text-align:center !important; }
	.imgBox_multi3 p .inner		{ display:inline-block;}
	.imgBox_multi3 p .tabalC		{ display:block; text-align:center; }
	.imgBox_multi3 p .noib		{ display:inline-block; }
	.imgBox_multi3 p .noib_f		{ display:inline-block; padding:0 0 2.5rem; }

	.twoImg						{ padding:20px 0 0;}
	.twoImg img 				{ display:block; float:none; width:100%; margin:0 0 20px; padding:0; }

	.twoImg2					{ padding:0 0 20px; width:100%; display:inline-block; text-align:center; }
	.twoImg2 img				{ padding:20px 0; }

	.twoImg2_2					{ padding:0 0 20px; width:100%; display:inline-block; text-align:center; }
	.twoImg2_2 img				{ padding:20px 0 0 0; }

	.twoImg3					{ padding:20px 0 20px; width:100%; display:inline-block; }
	.twoImg3 img				{ float:left; width:50%; box-sizing:border-box; padding:0; }

	.twoImg4					{ padding:0;}
	.twoImg4 img 				{ display:block; float:none; width:100%; margin:0 0 20px; padding:0; }

	.imgDesc 	{ font-size:16px; padding:1rem 0 30px; }
	.imgDesc span	{ font-size:16px;}
	.imgDesc2 	{ font-size:16px;}
	.img_bt img		{ width:auto;max-width:80%; }
	.img_bt 	{ text-align:center; }

	/*사진 세장*/
	.threeImg								{ padding-top:20px; }
	.threeImg ul.three						{ padding:0 0 1rem; }
	.threeImg ul.three li					{ width:100%; height:auto; padding-bottom:20px;}
	.threeImg ul.three li:nth-child(1)		{ padding:0 0 4rem; }
	.threeImg ul.three li:nth-child(2)		{ padding:0 0 4rem; }
	.threeImg ul.three li:nth-child(3)		{ padding:0; }
}