@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 


/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{font-size:25px;color:#333; letter-spacing:-3px;padding:0 0 10px 5px;line-height:150%;}
.sub_title_txt02			{font-size:20px;color:#f36523;padding:0 0 7px 0;line-height:150%;} 
.sub_title_txt03			{color:#f36523;}

.down_btn					{display:inline-block;min-width:80px;border:2px solid #dcd7d2;color:#333;text-align:center;height:42px;line-height:42px;padding:0 20px 0 40px;
							background:url('../image/sub/icon_down.png') no-repeat 13px center;background-size:17px auto;font-size:0.95em;border-radius:50px;}
.down_btn:hover				{border-color:#ff7c07;}


/* 초대의 글 ============= */ 
.int_txt					{font-size:15px;line-height:160%;padding:10px 0 0 30px;}
.int_last					{font:bold 22px 'Nanum Myeongjo';padding-left:7px;}

.int_list					{}
.int_list dl				{overflow:hidden; padding:0 0 7px 0; }
.int_list dl dt				{float:left; width:120px; font-weight:bold; font-size:13px;line-height:26px; padding:0 0 0 0; text-align:center; color:#f36523; border-radius:22px; border:3px solid #f36523; }
.int_list dl dd				{padding:5px 0 0 135px; }


/* 와푸 이야기 ============= */ 
.story_box01				{overflow:hidden;padding:20px;border-top:1px dashed #dcd7d2;}
.story_box01 .img			{float:left;width:35%;}
.story_box01 .img img		{width:100%;}
.story_box01 dl				{float:right;width:62%;}
.story_box01 dl dt			{font-size:20px;letter-spacing:-0.5px;color:#5A4336;margin:20px 0 7px 0;line-height:130%;}
.story_box01 dl dd			{line-height:160%;}

.story_box02				{overflow:hidden;padding:20px;border-top:1px dashed #dcd7d2;background:#f7f7f7;}
.story_box02 .img			{float:right;width:35%;}
.story_box02 .img img		{width:100%;}
.story_box02 dl				{float:left;width:62%;}
.story_box02 dl dt			{font-size:20px;letter-spacing:-0.5px;color:#5A4336;margin:20px 0 7px 0;line-height:130%;}
.story_box02 dl dd			{line-height:160%;}


/*  오시는길 ============= */ 
.map_box					{border-bottom:1px solid #dcd7d2;}
.map_top					{padding:25px 0 25px 170px;margin-bottom:15px;background:url('../image/sub/map_bg.png') no-repeat 30px center #f7f7f7;background-size:110px;}	
.map_top_list				{list-style:none;font-size:15px;background:url(../image/common/icon02.gif) no-repeat 0 10px;padding:2px 0 2px 12px;}
.map_info					{overflow:hidden;padding:25px 0;}
.map_info dt				{float:left;text-align:center;}
.map_info dt .title			{font-size:17px;margin-top:10px;}
.map_info dt img			{width:100px;border-radius:100px;background:#928072;}
.map_info dd				{padding-left:130px;}

.pro_h4						{text-align:left;padding:2px 0 12px 28px;margin:0;font-size:18px;font-weight:bold; color:#444;letter-spacing:-0.5px;background:url("../image/common/h4_acc.png") no-repeat left -1px;background-size:25px auto;}
.pro_h4	span				{font-size:14px;color:#999;margin-left:7px;}


/*  헹사 일정표 ============= */ 
.table_time					{font-family:'tahoma';font-size:0.85em;color:red;}
.table_color01				{background:#ffdad9 !important;}
.table_color02				{background:#fff1b5 !important;}
.table_color03				{background:#fffeda !important;}
.table_color04				{background:#e8fac3 !important;}
.table_color05				{background:#e7fbff !important;}
.table_color06				{background:#fef2fe !important;}
.table_color07				{background:#e0e0ff !important;}
.table_color08				{background:#f9f9f9 !important;}
.table_color09				{background:#d8f0ee !important;}
.table_color10				{background:#fcd4b2 !important;}
.table_color11				{background:#f1f0ee !important;}
.table_color12				{background:#d8eefe !important;}


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

	.int_txt					{font-size:1.05em;padding:10px 0 0 10px;}

	.story_box01 dl dt, .story_box02 dl dt		{font-size:1.2em;margin:0 0 5px 0;}

	.map_info					{padding:20px 10px;}
	.map_info dt				{float:none;}
	.map_info dt img			{width:80px;}
	.map_info dd				{padding:10px 0 0 0;}

	.int_list dl dt				{width:100px;font-size:0.95em;}
	.int_list dl dd				{padding:5px 0 0 115px; }

}



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

	.map_top					{padding:20px 10px 20px 95px;background-size:70px;background-position:10px center;}


}




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

	.story_box01, .story_box02				{padding:10px;}
	.story_box01 .img, .story_box02 .img	{float:none;width:100%;}
	.story_box01 dl, .story_box02 dl		{float:none;width:100%;margin-top:15px;}


}