/* TEXT   ==================================================================================== */ 
.sub_title_txt01					{margin-bottom:20px; font-size:1.8em; line-height:1.4; letter-spacing:-1.5px; color:#222; font-weight:300;}
.sub_title_txt01 span				{font-weight:700;}
.sub_title_txt02					{margin-bottom:15px; font-size:1.4em; line-height:1.4; letter-spacing:-0.5px; color:#a80e0e; font-weight: 700; } 
.txt_line							{font-weight:700; color:#000; box-shadow: inset 0 -10px 0 #f8d9dd; }

h4									{position:relative; margin-bottom:20px; padding-left:30px; font-size:1.4em; color:#000; letter-spacing:-0.5px; line-height:140%; font-weight:500;}
h4:before							{position:absolute; left:2px; top:8px; content:''; width:10px; height:10px; border:5px solid #7e0000; border-radius:100%;}
h4 span								{font-size:15px; color:#797979; margin-left:7px; letter-spacing:-0.5px;}
h5									{margin-bottom:15px; font-size:1.2em; font-weight:700; color:#a80e0e; letter-spacing:-0.5px; line-height:140%;}
h5 span								{font-size:15px;}

.sub_cont01							{padding-left:5px;text-align:justify;}  
.sub_cont02							{padding:5px 0 10px 5px;text-align:justify;}  
.sub_list01							{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%;}
.sub_list01:after					{position:absolute; content:''; display:block; left:0; top:14px; width:3px; height:3px; background:#a80e0e;}
.sub_list02							{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%;}
.sub_list02:after					{position:absolute; content:''; display:block; left:0; top:12px; width:5px; height:2px; background:#b5b5b5;}

.sub_list							{overflow:hidden; margin:5px 0;}
.sub_list dt						{float:left; width: 120px; text-align: center; border: 2px solid #ddd;border-radius: 50px; height: 42px;  line-height: 39px;font-weight: 500; }
.sub_list dd						{padding: 10px 0 0 140px;}


/* 행사안내  ===================================================================================== */ 
.subprolist							{margin-bottom:40px;}
.subprolist li 						{border-bottom:1px dotted #ddd; overflow:hidden; padding:25px 0; min-height:220px;}
.subprolist li:first-child			{padding-top:0;}
.subprolist .img					{float:left; height:220px;width:220px;text-align:center;}
.subprolist .img img				{width:70%; height:100%; border:1px solid #ddd; object-fit:cover;}
.subprolist .cont					{margin:0 0 0 220px; }
.subprolist .more_btn				{float:right; display:inline-block; font-size:13px;padding:0 10px; line-height:22px; text-align:center; color:#fff; background:#464646; border:1px solid #000; border-radius:2px; cursor:pointer; margin:0 5px; }
.subprolist .more_btn2				{float:right; display:inline-block; font-size:13px;padding:0 10px; line-height:22px; text-align:center; color:#fff; background:#a80e0e; border:1px solid #000; border-radius:2px; cursor:pointer; margin:0 5px; }
.subprolist .more_btn:hover			{background:#000;}

.map_part							{display:block; width:25px; height:25px;  margin:0 auto 10px; line-height:24px; background:#a80e0e; color:#fff;}

.down_btn							{display:inline-block;zoom:1;*display:inline; line-height:40px; padding:0 20px 0 45px;border-radius:2px; color:#fff; letter-spacing:-0.5px; font-size:0.9em; background:url('../image/common/icon_down.png') no-repeat 15px center #333;background-size:20px; ;border:1px solid #000; } 
.down_btn:hover						{background-color:#000;}

.sub_poster							{text-align:center; margin-bottom:30px;}
.sub_poster li						{display:inline-block; margin:0 5px;}
.sub_poster li img					{width:350px; border:1px solid #eaeaea;}

/* MAP  ==================================================================================== */ 
.map_info							{overflow:hidden; padding:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:40px;}
.map_info p							{float:left; font-weight:500; font-size:1.4em; color:#a53135; letter-spacing:-0.5px;}
.map_info ul						{padding:0 0 0 220px;}
.map_info ul li						{overflow:hidden; margin-bottom:5px;}
.map_info ul li strong				{float:left; font-weight:700; margin-bottom:2px; width:80px;}

.map_marker							{position:relative; background:#a80e0e; color:#fff; font-size:0.9em; letter-spacing:-0.5px; padding:2px 10px 3px 10px; border-radius:2px;}
.map_marker:after					{ content:'';  position:absolute;  bottom:-8px; left:50%; transform:translate(-50%); border-top:8px solid #a80e0e; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0 solid transparent;}


/* 온라인전시관  ==================================================================================== */ 
.vrhall_list						{overflow:hidden; margin:40px 0 0 0;}
.vrhall_list li						{position:relative; float:left; width:49%; background:url("../image/sub/vr_01.png") no-repeat; background-size:cover; height:300px;}
.vrhall_list .rt					{float:right; background:url("../image/sub/vr_02.png") no-repeat; background-size:cover; }
.vrhall_list dl						{position:absolute; width:100%; top:45%; transform:translateY(-45%);text-align:center;  color:#fff; z-index:1;}
.vrhall_list dl dt					{opacity:0.8;}
.vrhall_list dl dd					{font-weight:700; font-size:1.5em; letter-spacing:-1px; margin:7px 0 20px 0;}
.vrhall_list .layer					{position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.vrhall_list li:hover .layer,
.vrhall_list li:hover dl			{display:none;}




/* screen 1024 */
@media screen and (max-width:1024px) {

	h4								{font-size:1.2em; margin-bottom:12px;}
	h4:before						{top:4px;}
	h5								{font-size:1.1em;}
	.sub_title_txt01				{font-size:1.6em;}
	.sub_title_txt02				{font-size:1.2em;} 

}



/* creen 768 */
@media screen and (max-width:768px) {

	.map_info p						{float:none; font-size:1.2em;}
	.map_info ul					{padding:15px 0 0 0;}
	.map_info ul li					{margin-bottom:2px;}

	.subprolist						{margin-bottom:20px;}
	.subprolist li					{padding:20px 0;}
	.subprolist .img				{float:none; text-align:center;  height:220px;width:220px; margin:0 auto;}
	.subprolist .cont				{margin:10px 0 0 0;}

	.sub_poster li					{margin:10px 0;}
	.sub_poster li img				{width:80%;}

	.vrhall_list					{margin:20px 0 0 0;}
	.vrhall_list li					{height:200px;}
	.vrhall_list dl dt				{font-size:0.9em;}
	.vrhall_list dl dd				{font-size:1.2em; margin:0 0 20px 0;}
	.vrhall_list img				{width:40px;}


}