/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{margin-bottom:7px; font-size:1.6em; color:#000; line-height:1.4; letter-spacing:-2px;}
.sub_title_txt02			{margin-bottom:15px; font-size:1.3em;color:#981937; line-height:1.7; letter-spacing:-2px;}
.sub_t_right				{color:#9a1f3c; font-family:"NotoKrM", sans-serif;}
.sub_title_txt01 strong, .sub_title_txt02 strong	{font-family:"NotoKrB", sans-serif;}



/* 인사말  ===================================================================================== */ 
.int						{overflow:hidden; text-align:justify; }
.int span					{font-family:"NotoKrB", sans-serif;}
.int .int_txt				{line-height:160%; margin-top:10px;}
.int .int_last				{float:right; }
.int .int_last img			{margin-left:10px; vertical-align:top;}
.int .int_last span			{line-height:50px; height:50px; font-sizE:1em; letter-spacing:-1px;}



/* 미술관 소개  ===================================================================================== */ 
.organization_chart					{position:relative; width:80%; margin:50px auto 20px auto;}
.organization_chart .depth1			{position:relative; width:180px; height:46px; line-height:46px; margin:0 auto 35px auto; background:#981937; color:#fff; 
									text-align:center; font-size:1.1em; letter-spacing:-1px; border-radius:2px;}
.organization_chart .depth1:after	{content:''; display:block; position:absolute; bottom:-35px; left:50%; width:1px; height:35px; background:#ddd;}
.organization_chart .depth2_menu	{position:relative; overflow:hidden;}
.organization_chart .depth2_menu:before	{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:23px; background:#ddd;}
.organization_chart .depth2			{position:relative; float:left; width:33.3%; }
.organization_chart .depth2:after	{content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background:#ddd; z-index:-1;}
.organization_chart .depth2	p		{width:75%; height:46px; line-height:46px; background:#60697a; color:#fff; text-align:center; z-index:1;  border-radius:2px;}
.organization_chart .depth3			{position:relative; float:left; width:33.3%; }
.organization_chart .depth3:after	{content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background:#ddd; z-index:-1;}
.organization_chart .depth3	p		{margin:0 auto;width:75%; height:46px; line-height:46px; background:#60697a; color:#fff; text-align:center; z-index:1;  border-radius:2px;}
.organization_chart .depth4			{position:relative; float:right; width:33.3%; }
.organization_chart .depth4:after	{content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background:#ddd; z-index:-1;}
.organization_chart .depth4	p		{float:right; width:75%; height:46px; line-height:46px; background:#60697a; color:#fff; text-align:center; z-index:1;  border-radius:2px;}

.int_ci						{position:relative; background:url('../image/sub/symbol_bg.gif') repeat; border:1px solid #ddd; text-align:center;}
.int_ci img					{width:68%; padding:50px 0;}
.ci_down_btn				{position:absolute; right:0; top:0; display:inline-block; background: url('../image/sub/acc_down.png') no-repeat 20px center #981937; 
							background-size:15px; padding:10px 20px 10px 45px; }
.ci_down_btn a				{color:#fff; font-size:0.85em !important; }
.ci_down_btn:hover			{background-color:#41464a;}

.img_box					{position:relative; border:1px solid #ddd;}
.img_box2					{overflow:hidden;}
.img_box2 li				{position:relative; float:left; width:49%; border:1px solid #ddd; margin:0 0 20px 0;}
.img_box2 li:nth-child(even)	{float:right;}
.img_box p, .img_box2 p			{display:inline-block; position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff; min-width:65px; padding:7px 10px; text-align:center; font-size:0.85em;}

.int_history				{border-top:1px solid #66575a;}
.int_history ul				{overflow:hidden; border-bottom:1px dotted #b2b2b2;}
.int_history ul li			{position:relative; float:left; width:50%; color:#666; padding:20px 0 20px 80px;}
.int_history ul li i		{display:inline-block; position:absolute; top:17px; left:0; width:52px; height:52px; line-height:52px; border-radius:50px; text-align:center; background:#888; color:#fff;
							font-style:normal; font-family:"NotoKrM", sans-serif; }
.int_history ul li .rd		{background:#981937;}
.int_history ul li span		{color:#981937; margin-right:15px; font-family:"NotoKrM", sans-serif;}


/* 설립목적 */ 
.e02_01					{text-align:center;}
.e02_01>dl dt			{font-family:"NotoKrB", sans-serif; padding:20px; background:#981937; color:#fff; font-size:1.6em; letter-spacing:-2px; }
.e02_01>dl dd			{font-family:"NotoKrB", sans-serif; color:#981937; border:1px solid #981937; padding:18px; font-size:1.3em; margin-top:30px; position:relative;}
.e02_01>dl dd:before	{content:''; display:block; position:absolute; top:-90px; left:50%; transform:translateX(-50%); border:50px solid transparent; border-bottom:25px solid #dadbe0; z-index:1;}
.e02_01>dl dd:after		{content:''; position:absolute; display:block; top:-15px; left:50%; transform:translateX(-50%); width:60px; height:20px; background:linear-gradient(to top, #fff, #dadbe0);}
.e02_01 .list			{margin-top:20px; text-align:left; display:grid; gap:10px;}
.e02_01 .list dl		{border:1px solid #e4e4e4; padding:20px 25px; font-size:1.05em; letter-spacing:-1px;}
.e02_01 .list dl dt		{font-family:"NotoKrM", sans-serif; color:#000; font-size:1.1em; margin-bottom:15px;}


/* 지도  ===================================================================================== */ 
.map_wrap					{margin-top:30px;}
.map_wrap dl				{overflow:hidden;}
.map_wrap dl dt				{float:left; width:20%;  border-top:1px solid #981937;}
.map_wrap dl dt p			{padding:20px;color:#981937; font-size:1.25em; font-family:"NotoKrB", sans-serif; letter-spacing:-1px;}

.map_wrap dl dd				{float:right; width:80%; border-top:1px solid #ddd;}
.map_wrap dl dd ul			{padding:20px;}
.map_wrap strong			{display:inline-block; min-width:70px; }
.map_wrap .map_part			{display:inline-block; padding:2px 10px; margin-bottom:10px; font-size:0.85em; background:#981937; color:#fff;}
.map_wrap .add br			{display:none;}



@media screen and (max-width:1024px) {
	.sub_title_txt01			{font-size:1.5em; }
	.sub_title_txt02			{font-size:1.2em; margin-bottom:7px;}
	.int .int_txt				{font-size:0.85em; margin-top:5px;}

	.map_wrap					{margin-top:10px;}		
	.map_wrap dl dt				{width:15%;}
	.map_wrap dl dt p			{font-size:1.05em; padding:15px 0 0 15px;}
	.map_wrap dl dd				{width:85%; }
	.map_wrap dl dd ul			{padding:15px;}
	.map_wrap dl dd ul li		{font-size:0.85em;}

	.img_box p					{padding:5px; font-size:0.85em;}

	.e02_01>dl dt				{font-size:1.2em; padding:12px 10px;}
	.e02_01>dl dd				{font-size:1.05em; padding:10px; margin-top:25px;}
	.e02_01>dl dd:after			{top:-15px; width:50px; height:15px;}
	.e02_01>dl dd:before		{top:-75px; border-width:40px; border-bottom-width:20px;}
	.e02_01 .list				{margin-top:10px; gap:5px;}
	.e02_01 .list dl			{padding:15px; font-size:1em;}
	.e02_01 .list dl dt			{margin-bottom:10px; font-size:1.05em;}
}

@media screen and (max-width:785px) {
	.organization_chart			{width:100%; font-size:0.85em; margin:0;}
	.organization_chart .depth1	{width:120px; height:42px; line-height:42px;}
	.organization_chart .depth2	p, .organization_chart .depth3	p, .organization_chart .depth4	p  {width:120px; height:42px; line-height:42px;}

	.map_wrap dl dt				{float:none; width:100%; border-top:1px solid #ddd;}
	.map_wrap dl dt p			{padding:10px;}
	.map_wrap dl dd				{float:none; width:100%; border-top:0; border-bottom:0;}
	.map_wrap dl dd ul			{padding:0 10px 10px 10px;}

	.int_ci img					{width:95%; padding:5%;}
	.int_history ul				{border-bottom:0;}
	.int_history ul li			{float:none; width:100%; border-bottom:1px dotted #b2b2b2;}

	.img_box2 li				{float:none; width:100%; margin-bottom:10px;}
	.img_box2 li:nth-child(even)	{float:none; }
}


@media screen and (max-width:480px) {
	.organization_chart .depth1 p, .organization_chart .depth2 p, .organization_chart .depth3 p, .organization_chart .depth4 p	{width:100px;}
	.map_wrap .add br			{display:block;}
}