@charset "utf-8";

		/* 스마트폰 기본 css */


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

			.studio_div_1 {
				width:90%;
				margin:0 auto;
				padding-top:5%;
				padding-bottom:5%;
			}
			.studio_div_1_01 {
				width:100%;
			}
			.studio_div_1_01 tr {
				height:30px;
			}
			.tb_01 {
				border-top:2px solid #000000;
				border-bottom:2px solid #000000;
				padding-top:1%;
				padding-bottom:1%;
				text-align:left;
			}
			.tb_02 {
				border-bottom:1px solid #7f7f7f;
				padding-top:1%;
				padding-bottom:1%;
				font-size:0.7em;
			}
			.tb_02_sel_1 {
				background:#dadada;
			}
			.tb_02_sel_2 {
				font-weight:bold;
			}

			.tb_03 {
				border-bottom:2px solid #000000;
				padding-top:1%;
				padding-bottom:1%;
				text-align:center;
				font-size:0.8em;
			}
			.studio_div_1_01 td:first-child {
				padding-left:2%;
			}
			.studio_div_1_01 td:nth-child(3) .sp_03 {
				display:none;
			}
			.sp_03 a {
				color:#ffffff;
			}
			h2 {
				font-size:1em;
				text-align:center;
				padding-top:10%;
				padding-bottom:3%;
			}
			.studio_div_2 {
				margin:0 auto;
				text-align:center;
			}
			.studio_div_2_01 {
				height:30px;
				padding-top:2%;
				word-spacing:1em;
				border-top:2px solid black;
				border-bottom:1px solid black;
			}
			.sp_04 {
				font-size:0.8em;
				padding:1% 1%;
				background:#c9c9c9;
				color:#000000;
				font-weight:bold;
			}
			.sp_04_off {
				font-size:0.8em;
				padding:1% 1%;
				color:red;
			}

			/* 위치 */
			.studio_div_2_02 {
				height:70px;
				padding-top:0%;
				padding-bottom:8%;
				text-align:left;
			}
			.studio_div_2_02_01 {
				float:left;
				width:100%;
				margin-top:1.5%;
				padding-left:1%;
				padding-bottom:1%;
			}
			.sp_05 {
				font-size:0.9em;
			}
			.studio_div_2_02_02 {
				float:left;
				width:100%;
			}
			.studio_div_2_02_02 ul li {
				display:block;
				font-size:0.7em;
				line-height:180%;
				text-align:left;
				color:#5c5c5c;
			}
			.studio_div_2_03 {
				width:100%;
				height:400px;
			}
			#map {
				float:left;
				width:100%;
				height:200px;
			}
			#map img {
				width:100%;
				height:200px;
			}
			#st_info {
				float:left;
				width:95%;
				height:200px;
				padding-top:3%;
				padding-left:5%;
				text-align:left;
				overflow:auto;
			}
			#map_view {
				position:absolute;
				text-align:left;
			}
			#map_view p {
				text-align:center;
				padding:6px 11px;
				font-size:0.7em;
				color:#ffffff;
				background:#000000;
			}
			.sp_06 {
				font-size:0.8em;
				color:#5c5c5c;
			}



			/*전경*/
			.studio_div_2_04 {
				height:50px;
				padding-top:2%;
			}
			.studio_div_2_04_01 {
				width:100%;
				margin-top:1%;
			}
			.studio_div_2_04_01 ul {
				font-size:0.9em;
				word-spacing:5em;
			}
			.studio_div_2_05 {
				display:table;
				width:100%;
				height:auto;
				margin:0 auto;
				text-align:center;
				border-top:2px solid black;
				border-bottom:2px solid black;
			}
			#studio_div_2_05_01 {
				float:left;
				width:100%;
				overflow:hidden;
			}
			#studio_div_2_05_01 img {
				display:block;			/*상단여백제거에 필요*/
				vertical-align:top;		/*상단여백제거에 필요*/
				margin-top:-5px;		/*상단여백제거에 필요*/
				width:100%;
			}
			#studio_div_2_05_02 {
				float:left;
				width:100%;
				margin-top:1%;
			}
			#studio_div_2_05_02 img {
				width:32%;
				padding-bottom:1%;
			}
			#studio_div_2_05_02 a {
				width:32%;
				opacity: 0.5;
				filter: alpha(opacity=50);
			}
			#studio_div_2_05_02 a:hover {
				width:32%;
				opacity: 1;
				filter: alpha(opacity=100);
			}
			.sp_07 {
				font-weight:bold;
				text-decoration:underline;
			}
			.video {
				width:100%;
			}


			/*갤러리*/
			.studio_div_2_06 {
				height:40px;
				padding-top:20px;
			}
			/*.studio_div_2_06_01 p {
				display:none;
			}
			.studio_div_2_06_01 {
				width:100%;
				margin-top:1%;
			}
			.studio_div_2_06_01 ul {
				font-size:0.8em;
				word-spacing:3em;
			}*/

			.studio_div_2_06_01 {
				display:none;
			}
			.studio_div_2_06_02 {
				text-align:left;
				padding-left:2%;
				font-size:1em;
			}
			.studio_div_2_07 {
				display:table;
				width:100%;
				height:auto;
				margin:0 auto;
				text-align:center;
				border-top:2px solid black;
				border-bottom:2px solid black;
			}
			#studio_div_2_07_01 {
				float:left;
				width:100%;
				overflow:hidden;
			}
			#studio_div_2_07_01 img {
				display:block;			/*상단여백제거에 필요*/
				vertical-align:top;		/*상단여백제거에 필요*/
				margin-top:-5px;		/*상단여백제거에 필요*/
				width:100%;
			}
			#studio_div_2_07_02 {
				float:left;
				width:100%;
				margin-top:1%;
			}
			#studio_div_2_07_02 img {
				width:32%;
				padding-bottom:1%;
			}
			#studio_div_2_07_02 a {
				width:32%;
				opacity: 0.5;
				filter: alpha(opacity=50);
			}
			#studio_div_2_07_02 a:hover {
				width:32%;
				opacity: 1;
				filter: alpha(opacity=100);
			}
			.paging {
				width:100%;
				margin:0 auto;
				text-align:center;
				font-size:0.8em;
				word-spacing:1em;
				padding-top:3%;
				padding-bottom:3%;
				border-bottom:1px solid #000000;
			}
			.paging_sub {
				width:100%;
				margin:0 auto;
				text-align:center;
				font-size:0.8em;
				word-spacing:1em;
				padding-top:3%;
				padding-bottom:3%;
			}



		/* 테블릿 css */
		/*@media all and (min-width:768px) and (max-width:1024px) {*/
		@media all and (min-width:768px) and (max-width:1439px) {
		
			/* section */
			.studio_div_1 {
				width:90%;
				margin:0 auto;
				padding-top:3%;
				padding-bottom:5%;
			}
			.tb_02 {
				border-bottom:1px solid #7f7f7f;
				padding-top:1%;
				padding-bottom:1%;
				font-size:0.8em;
			}
			.sp_03 {
				display:inline;
				border:1px solid black;
				padding:1% 2%;
				background:#5a5a5a;
				color:#ffffff;
			}
			.studio_div_1_01 td:nth-child(3) .sp_03 {
				display:inline;
			}
			.studio_div_1_01 td:nth-child(3) {
				width:18%;
				text-align:right;
			}
			h2 {
				font-size:1.3em;
				text-align:center;
				padding-top:7%;
				padding-bottom:3%;
			}
			.studio_div_2_01 {
				height:40px;
				padding-top:2%;
				word-spacing:5em;
				border-top:2px solid black;
				border-bottom:1px solid black;
			}
			.sp_04 {
				font-size:0.9em;
				padding:1% 3%;
				background:#c9c9c9;
				color:#000000;
				font-weight:bold;
			}
			.sp_04_off {
				font-size:0.9em;
				padding:1% 3%;
				color:red;
			}

			/* 위치 */
			.studio_div_2_02 {
				height:70px;
				padding-top:2%;
				padding-bottom:1%;
			}
			.studio_div_2_02_01 {
				float:left;
				width:50%;
				margin-top:1.5%;
			}
			.sp_05 {
				font-size:0.9em;
			}
			.studio_div_2_02_02 {
				float:left;
				width:45%;
			}
			.studio_div_2_02_02 ul li {
				display:block;
				font-size:0.8em;
				line-height:180%;
				text-align:left;
				color:#5c5c5c;
			}
			.studio_div_2_03 {
				width:100%;
				height:300px;
				border-top:2px solid black;
				border-bottom:2px solid black;
			}
			#map {
				float:left;
				width:50%;
				height:300px;
			}
			#map img {
				width:100%;
				height:300px;
			}
			#st_info {
				float:left;
				width:40%;
				height:280px;
				padding-top:3%;
				padding-left:5%;
				text-align:left;
				overflow:auto;
			}
			#map_view {
				position:absolute;
				text-align:left;
			}
			#map_view p {
				text-align:center;
				padding:8px 13px;
				font-size:0.8em;
				color:#ffffff;
				background:#000000;
			}


			/*전경*/
			.studio_div_2_04 {
				height:50px;
				padding-top:2%;
			}
			.studio_div_2_04_01 {
				width:100%;
				margin-top:1%;
			}
			.studio_div_2_04_01 ul {
				font-size:0.9em;
				word-spacing:5em;
			}
			.studio_div_2_05 {
				display:table;
				width:100%;
				height:auto;
				margin:0 auto;
				text-align:center;
				border-top:2px solid black;
				border-bottom:2px solid black;
			}
			#studio_div_2_05_01 {
				float:left;
				width:60%;
				overflow:hidden;
			}
			#studio_div_2_05_01 img {
				display:block;			/*상단여백제거에 필요*/
				vertical-align:top;		/*상단여백제거에 필요*/
				margin-top:-5px;		/*상단여백제거에 필요*/
				margin-bottom:-5px;		/*하단여백제거에 필요*/
				width:100%;
			}
			#studio_div_2_05_02 {
				float:left;
				width:40%;
				margin-top:1%
			}
			#studio_div_2_05_02 img {
				width:31%;
			}


			/*갤러리*/
			.studio_div_2_06 {
				height:40px;
				padding-top:20px;
			}

			/*
			.studio_div_2_06_01 p {
				display:inline;
			}
			.studio_div_2_06_01 {
				width:100%;
				margin-top:1%;
			}
			.studio_div_2_06_01 ul {
				font-size:0.9em;
				word-spacing:5em;
			}*/
			.studio_div_2_06_01 {
				display:none;
			}
			.studio_div_2_06_02 {
				text-align:left;
				padding-left:2%;
				font-size:1em;
			}
			.studio_div_2_07 {
				display:table;
				width:100%;
				height:auto;
				margin:0 auto;
				text-align:center;
				border-top:2px solid black;
				border-bottom:2px solid black;
			}
			#studio_div_2_07_01 {
				float:left;
				width:60%;
				overflow:hidden;
			}
			#studio_div_2_07_01 img {
				display:block;			/*상단여백제거에 필요*/
				vertical-align:top;		/*상단여백제거에 필요*/
				margin-top:-5px;		/*상단여백제거에 필요*/
				margin-bottom:-5px;		/*하단여백제거에 필요*/
				width:100%;
			}
			#studio_div_2_07_02 {
				float:left;
				width:40%;
			}
			#studio_div_2_07_02 img {
				width:31%;
			}

			.paging {
				width:90%;
				margin:0 auto;
				text-align:center;
				font-size:0.8em;
				word-spacing:1em;
				padding-top:3%;
				padding-bottom:3%;
				border-bottom:1px solid #000000;
			}
			.paging_sub {
				width:100%;
				margin:0 auto;
				text-align:center;
				font-size:0.8em;
				word-spacing:1em;
				padding-top:3%;
				padding-bottom:3%;
			}

		}



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


			/* section */
			.studio_div_1 {
				width:90%;
				margin:0 auto;
				padding-top:3%;
				padding-bottom:5%;
			}
			.tb_02 {
				border-bottom:1px solid #7f7f7f;
				padding-top:1%;
				padding-bottom:1%;
				font-size:0.9em;
			}
			.sp_03 {
				display:inline;
				border:1px solid black;
				padding:1% 3%;
				background:#5a5a5a;
				color:#ffffff;
			}
			.studio_div_1_01 td:nth-child(3) .sp_03 {
				display:inline;
			}
			.studio_div_1_01 td:nth-child(3) {
				text-align:right;
			}
			h2 {
				font-size:1.5em;
				text-align:center;
				padding-top:7%;
				padding-bottom:3%;
			}
			.studio_div_2_01 {
				height:40px;
				padding-top:2%;
				word-spacing:5em;
				border-top:2px solid black;
				border-bottom:1px solid black;
			}
			.sp_04 {
				font-size:1em;
				padding:1% 5%;
				background:#c9c9c9;
				color:#000000;
				font-weight:bold;
			}
			.sp_04_off {
				font-size:1em;
				padding:1% 5%;
				color:#e40000;
			}

			/* 위치 */
			.studio_div_2_02 {
				height:70px;
				padding-top:2%;
				padding-bottom:1%;
			}
			.studio_div_2_02_01 {
				float:left;
				width:60%;
				margin-top:1.5%;
			}
			.sp_05 {
				font-size:1em;
			}
			.studio_div_2_02_02 {
				float:left;
				width:35%;
			}
			.studio_div_2_02_02 ul li {
				display:block;
				font-size:0.9em;
				line-height:180%;
				text-align:left;
				color:#5c5c5c;			
			}
			.studio_div_2_03 {
				width:100%;
				height:400px;
				border-top:2px solid black;
				border-bottom:2px solid black;
			}
			#map {
				float:left;
				width:50%;
				height:400px;
			}
			#map img {
				float:left;
				width:100%;
				height:400px;
			}
			#st_info {
				float:left;
				width:45%;
				height:350px;
				padding-top:3%;
				padding-left:5%;
				text-align:left;
				overflow:auto;
			}
			#map_view {
				position:absolute;
				text-align:left;
			}
			#map_view p {
				text-align:center;
				padding:10px 15px;
				font-size:0.9em;
				color:#ffffff;
				background:#000000;
			}


			/*전경*/
			.studio_div_2_04 {
				height:50px;
				padding-top:2%;
			}
			.studio_div_2_04_01 {
				width:100%;
				margin-top:1%;
			}
			.studio_div_2_04_01 ul {
				font-size:1em;
				word-spacing:5em;
			}
			.studio_div_2_05 {
				display:table;
				width:100%;
				margin:0 auto;
				text-align:center;
				border-top:2px solid black;
				border-bottom:2px solid black;
			}
			#studio_div_2_05_01 {
				float:left;
				width:60%;
				overflow:hidden;
			}
			#studio_div_2_05_01 img {
				display:block;			/*상단여백제거에 필요*/
				vertical-align:top;		/*상단여백제거에 필요*/
				margin-top:-10px;		/*상단여백제거에 필요*/
				margin-bottom:-10px;	/*하단여백제거에 필요*/
				width:100%;
			}
			#studio_div_2_05_02 {
				float:left;
				width:40%;
				margin-top:0.7%
			}
			#studio_div_2_05_02 img {
				width:32%;
			}


			/*갤러리*/
			.studio_div_2_06 {
				height:50px;
				padding-top:2%;
			}

			.studio_div_2_06_01 {
				display:block;
			}

			.studio_div_2_06_01 p {
				display:none;
			}
			.studio_div_2_06_01 {
				width:100%;
				margin-top:1%;
			}
			.studio_div_2_06_01 ul {
				font-size:1em;
				word-spacing:5em;
			}
			.studio_div_2_06_02 {
				display:none;
			}
			.studio_div_2_07 {
				display:table;
				width:100%;
				margin:0 auto;
				text-align:center;
				border-top:2px solid black;
				border-bottom:2px solid black;
			}
			#studio_div_2_07_01 {
				float:left;
				width:60%;
				overflow:hidden;
			}
			#studio_div_2_07_01 img {
				display:block;			/*상단여백제거에 필요*/
				vertical-align:top;		/*상단여백제거에 필요*/
				margin-top:-10px;		/*상단여백제거에 필요*/
				margin-bottom:-10px;	/*하단여백제거에 필요*/
				width:100%;
			}
			#studio_div_2_07_02 {
				float:left;
				width:40%;
			}
			#studio_div_2_07_02 img {
				width:32%;
			}
			.paging {
				width:90%;
				margin:0 auto;
				text-align:center;
				font-size:0.9em;
				word-spacing:3em;
				padding-top:2%;
				padding-bottom:2%;
				border-bottom:2px solid #000000;
			}
			.paging_sub {
				width:100%;
				margin:0 auto;
				text-align:center;
				font-size:0.9em;
				word-spacing:3em;
				padding-top:2%;
				padding-bottom:2%;
			}
		}