@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}
/*패딩*/
.pt0 						{ padding-top:0}
.pt10						{ padding-top:10px}
.pt20						{ padding-top:20px}
.pt30					    { padding-top:30px}
.pt40						{ padding-top:40px}
.pt50						{ padding-top:50px}
.pt60						{ padding-top:60px}
.pt70						{ padding-top:70px}
.pt80						{ padding-top:80px}
.pt90						{ padding-top:90px}
.pt100						{ padding-top:100px}

.pl0 						{ padding-left:0}
.pl10						{ padding-left:10px}
.pl20						{ padding-left:20px}
.pl30					    { padding-left:30px}
.pl40						{ padding-left:40px}
.pl50						{ padding-left:50px}
.pl60						{ padding-left:60px}
.pl70						{ padding-left:70px}
.pl80						{ padding-left:80px}
.pl90						{ padding-left:90px}
.pl100						{ padding-left:100px}

.pr0 						{ padding-right:0}
.pr10						{ padding-right:10px}
.pr20						{ padding-right:20px}
.pr30						{ padding-right:30px}
.pr40						{ padding-right:40px}
.pr50						{ padding-right:50px}
.pr60						{ padding-right:60px}
.pr70						{ padding-right:70px}
.pr80						{ padding-right:80px}
.pr90						{ padding-right:90px}
.pr100						{ padding-right:100px}

.pb0 						{ padding-bottom:0}
.pb10						{ padding-bottom:10px}
.pb16						{ padding-bottom:16px}
.pb20						{ padding-bottom:20px}
.pb30					    { padding-bottom:30px}
.pb40						{ padding-bottom:40px}
.pb50						{ padding-bottom:50px}
.pb60						{ padding-bottom:60px}
.pb70						{ padding-bottom:70px}
.pb80						{ padding-bottom:80px}

/*마진*/
.mr10						{ margin-right:10px; }
.mr20						{ margin-right:20px; }
.mr30						{ margin-right:30px; }
.mr40						{ margin-right:40px; }
.mr50						{ margin-right:50px; }
.mr60						{ margin-right:60px; }

.ml10						{ margin-left:10px; }
.ml20						{ margin-left:20px; }
.ml30						{ margin-left:30px; }
.ml40						{ margin-left:40px; }
.ml50						{ margin-left:50px; }
.ml60						{ margin-left:60px; }
.ml70						{ margin-left:70px; }

.mt10						{ margin-top:10px; }
.mt15						{ margin-top:15px;}
.mt20						{ margin-top:20px; }
.mt30						{ margin-top:30px; }
.mt40                       { margin-top:40px; }
.mt50                       { margin-top:50px; }
.mt60                       { margin-top:60px; }
.mt70                       { margin-top:70px; }
.mt80                       { margin-top:80px; }
.mt90                       { margin-top:90px; }
.mt100                      { margin-top:100px; }

.mb10						{ margin-bottom:10px; }
.mb16						{ margin-bottom:15px; }
.mb20						{ margin-bottom:20px; }
.mb30						{ margin-bottom:30px; }
.mb40                       { margin-bottom:40px; }
.mb50                       { margin-bottom:50px; }
.mb60                       { margin-bottom:60px; }
.mb70                       { margin-bottom:70px; }
.mb80                       { margin-bottom:80px; }
.mb90                       { margin-bottom:90px; }
.mb100                       { margin-bottom:100px; }

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; }
.phoTxt3			{ width:100%; display:block; font-size:18px; 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:table; text-align:center;}
.imgBox_multi2 .inner		{display:inline-block;}
.imgBox_multi2 p				{ display:table-cell; 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}
    /*패딩*/
    .pt0 						{ padding-top:0}
    .pt10						{ padding-top:5px}
    .pt20						{ padding-top:10px}
    .pt30					    { padding-top:15px}
    .pt40						{ padding-top:20px}
    .pt50						{ padding-top:25px}
    .pt60						{ padding-top:30px}
    .pt70						{ padding-top:35px}
    .pt80						{ padding-top:40px}
    .pt90						{ padding-top:45px}
    .pt100						{ padding-top:50px}

    .pl0 						{ padding-left:0}
    .pl10						{ padding-left:5px}
    .pl20						{ padding-left:10px}
    .pl30					    { padding-left:15px}
    .pl40						{ padding-left:20px}
    .pl50						{ padding-left:25px}
    .pl60						{ padding-left:30px}
    .pl70						{ padding-left:35px}
    .pl80						{ padding-left:40px}
    .pl90						{ padding-left:45px}
    .pl100						{ padding-left:50px}

    .pr0 						{ padding-right:0}
    .pr10						{ padding-right:5px}
    .pr20						{ padding-right:10px}
    .pr30						{ padding-right:15px}
    .pr40						{ padding-right:20px}
    .pr50						{ padding-right:25px}
    .pr60						{ padding-right:30px}
    .pr70						{ padding-right:35px}
    .pr80						{ padding-right:40px}
    .pr90						{ padding-right:45px}
    .pr100						{ padding-right:50px}

    .pb0 						{ padding-bottom:0}
    .pb10						{ padding-bottom:5px}
    .pb16						{ padding-bottom:7px}
    .pb20						{ padding-bottom:10px}
    .pb30					    { padding-bottom:15px}
    .pb40						{ padding-bottom:20px}
    .pb50						{ padding-bottom:25px}
    .pb60						{ padding-bottom:30px}
    .pb70						{ padding-bottom:35px}
    .pb80						{ padding-bottom:40px}

    /*마진*/
    .mr10						{ margin-right:5px; }
    .mr20						{ margin-right:10px; }
    .mr30						{ margin-right:15px; }
    .mr40						{ margin-right:20px; }
    .mr50						{ margin-right:25px; }
    .mr60						{ margin-right:30px; }

    .ml10						{ margin-left:5px; }
    .ml20						{ margin-left:10px; }
    .ml30						{ margin-left:15px; }
    .ml40						{ margin-left:20px; }
    .ml50						{ margin-left:25px; }
    .ml60						{ margin-left:30px; }
    .ml70						{ margin-left:35px; }

    .mt10						{ margin-top:5px; }
    .mt20						{ margin-top:10px; }
    .mt30						{ margin-top:15px; }
    .mt40                       { margin-top:20px; }
    .mt50                       { margin-top:25px; }
    .mt60                       { margin-top:30px; }
    .mt70                       { margin-top:35px; }
    .mt80                       { margin-top:40px; }
    .mt90                       { margin-top:45px; }
    .mt100                      { margin-top:50px; }

    .mb10						{ margin-bottom:5px; }
    .mb20						{ margin-bottom:10px; }
    .mb30						{ margin-bottom:15px; }
    .mb40                       { margin-bottom:20px; }
    .mb50                       { margin-bottom:25px; }
    .mb60                       { margin-bottom:30px; }
    .mb70                       { margin-bottom:35px; }
    .mb80                       { margin-bottom:40px; }
    .mb90                       { margin-bottom:45px; }
    .mb100                       { margin-bottom:50px; }

	.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; }
}