@charset "utf-8";

		/* 스마트폰 기본 css */


		/* section */
			.com_div_1 {
				background:url("../../images/sub_01_img/sub_bg.gif") no-repeat;
				background-size:100% 100%;
			}

			.m_com_div_2 {
				background:url("../../images/sub_01_img/sub_bg.gif") no-repeat;
			}

			.comp_div_1 {
				width:90%;
				margin:0 auto;
				padding-top:5%;
				padding-bottom:5%;
			}
			.comp_div_1_01 {
				display:table;	/*border적용을 위해 display 속성을 table로 변경*/
				width:100%;
				height:300px;
			}
			#map {
				float:left;
				width:100%; 
				height:300px;
			}
			#add {
				float:left;
				width:90%;
				padding-top:5%;
				padding-left:5%;
			}
			.add_01 {
				font-size:1.2em;
				padding-top:1%;
				padding-bottom:1%;
				color:#000000;
			}
			.add_02 {
				font-size:0.8em;
				padding-top:1%;
				padding-bottom:1%;
				color:#5c5c5c;
			}
			#map_view {
				position:absolute;
				text-align:left;
			}
			#map_view p {
				text-align:center;
				padding:6px 11px;
				font-size:0.7em;
				color:#ffffff;
				background:#000000;
			}


		/* 테블릿 css */
		/*@media all and (min-width:768px) and (max-width:1024px) {*/
		@media all and (min-width:768px) and (max-width:1439px) {
		
			/* section */
			.comp_div_1 {
				width:90%;
				margin:0 auto;
				padding-top:3%;
				padding-bottom:5%;
			}
			.comp_div_1_01 {
				display:table;	/*border적용을 위해 display 속성을 table로 변경*/
				width:100%;
				height:350px;
				border-top:2px solid #2e323b;
				border-bottom:2px solid #2e323b;
			}
			#map {
				float:left;
				width:60%; 
				height:350px;
			}
			#add {
				float:left;
				width:30%;
				padding-top:8%;
				padding-left:5%;
			}
			.add_01 {
				font-size:1.2em;
				padding-top:2%;
				padding-bottom:2%;
			}
			.add_02 {
				font-size:0.8em;
				padding-top:2%;
				padding-bottom:2%;
			}
			#map_view {
				position:absolute;
				text-align:left;
			}
			#map_view p {
				text-align:center;
				padding:8px 13px;
				font-size:0.8em;
				color:#ffffff;
				background:#000000;
			}
		}



		/* pc css */
		/*@media all and (min-width:1025px) {*/
		@media all and (min-width:1440px) {


			/* section */
			.comp_div_1 {
				width:90%;
				margin:0 auto;
				padding-top:3%;
				padding-bottom:5%;
			}
			.comp_div_1_01 {
				display:table;	/*border적용을 위해 display 속성을 table로 변경*/
				width:100%;
				height:400px;
				border-top:2px solid #2e323b;
				border-bottom:2px solid #2e323b;
				/*background:url("../../images/sub_01_img/map_view.gif") no-repeat right bottom;*/
			}
			#map {
				float:left;
				width:60%; 
				height:400px;
			}
			#add {
				float:left;
				width:30%;
				padding-top:8%;
				padding-left:5%;
			}
			.add_01 {
				font-size:1.3em;
				padding-top:2%;
				padding-bottom:2%;
			}
			.add_02 {
				font-size:0.9em;
				padding-top:2%;
				padding-bottom:2%;
			}
			#map_view {
				position:absolute;
				text-align:left;
			}
			#map_view p {
				text-align:center;
				padding:10px 15px;
				font-size:0.9em;
				color:#ffffff;
				background:#000000;
			}
		}