@charset "utf-8";

		/* 스마트폰 기본 css */


		/* section */
			#contents {
				margin:0 auto;
				padding-top:4%;
				background:#ffffff;
			}
			.com_div_1 {
				width:100%;
				height:60px;
				margin:0 auto;
				text-align:center;
			}
			.com_div_1 h1 {
				position:relative;
				top:30%;
				font-size:1.5em;
				color:#ffffff;
			}
			.com_div_2 {
				display:none;
			}
			.m_com_div_2 {
				width:100%;
				height:30px;
				margin:0 auto;
				text-align:center;
				border-top:1px solid #ffffff;
			}
			.m_com_div_2 p {
				position:relative;
				top:30%;
				font-size:0.8em;
				word-spacing:2em;
			}
			.com_div_3 {
				width:90%;
				margin:0 auto;
				padding-top:5%;
				padding-bottom:5%;
			}
			.com_div_3 img {	
				width:60%;
			}
			.sp_01 {
				font-size:1.3em;
				font-weight:bold;
				color:#333333;
			}
			.sp_02 {
				display:block;
				font-size:0.9em;
				color:#333333;
				margin-top:3%;		
			}
			/*** 레이어팝업 ***/
			#layer_pop {
				width:100%;
				position:absolute;
				z-index:9999;
				margin-top:20%;
				margin-left:1%;
			}
			#layer_pop img{
				/* 기존 width:60%; */
				width:70%;
			}
			#Pop_close {
				width:60%;
				background-color:#000000;
				font-size:1.5em;
			}
			#Pop_close a {
				color:white;
				cursor:pointer;
				margin-left:2%;
			}
			/*** 레이어팝업 ***/


		/* 테블릿 css */
		/*@media all and (min-width:768px) and (max-width:1024px) {*/
		@media all and (min-width:768px) and (max-width:1439px) {
		
			/* section */

			#contents {
				margin:0 auto;
				padding-top:4%;
			}

			.com_div_1 {
				width:90%;
				height:140px;
				margin:0 auto;
				text-align:center;
				background:url("../../images/sub_01_img/sub_bg.gif") no-repeat;
			}
			.com_div_1 h1 {
				position:relative;
				top:40%;
				color:#ffffff;
			}
			.com_div_2 {
				display:block;
			}
			.m_com_div_2 {
				display:none;
			}
			.com_div_2 {
				width:90%;
				margin:0 auto;
				padding-top:1.5%;
				padding-bottom:1.5%;
				border-bottom:1px solid #cccccc;
			}
			.com_div_2 p {
				padding-left:2%;
				font-size:0.8em;
				background:url("../../images/home_icon.gif") no-repeat left bottom;
				display:inline;	
			}
			.com_div_2 img {	
			/*	width:250px; 카페이벤트배너 */
				width:150px;
			}
			.com_div_3 {
				width:90%;
				margin:0 auto;
				padding-top:2%;
				padding-bottom:1%;
			}
			.com_div_3 img {	
				display:none;
			}
			.sp_01 {
				font-size:1.4em;
				font-weight:bold;
				color:#333333;
			}
			.sp_02 {
				display:inline;
				font-size:1em;
				color:#333333;
				margin-top:0%;		
			}
		
			/*** 레이어팝업 ***/
			#layer_pop {
				width:100%;
				position:absolute;
				z-index:9999;
				margin-top:8%;
				margin-left:1%;
			}
			#layer_pop img{
				/* 기존 width:370px; */
				width:400px;
			}
			#Pop_close {
				width:370px;
				background-color:#000000;
				font-size:1.5em;
			}
			#Pop_close a {
				color:white;
				cursor:pointer;
				margin-left:2%;
			}
			/*** 레이어팝업 ***/


		}



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


			/* section */
			#contents {
				margin:0 auto;
				padding-top:4%;
			}

			.com_div_1 {
				width:90%;
				height:140px;
				margin:0 auto;
				text-align:center;
				background:url("../../images/sub_01_img/sub_bg.gif") no-repeat;
			}
			.com_div_1 h1 {
				position:relative;
				top:40%;
				color:#ffffff;
			}
			.com_div_2 {
				display:block;
			}
			.m_com_div_2 {
				display:none;
			}
			.com_div_2 {
				width:90%;
				margin:0 auto;
				padding-top:1.5%;
				padding-bottom:1.5%;
				border-bottom:1px solid #cccccc;
			}
			.com_div_2 p {
				padding-left:2%;
				font-size:0.8em;
				background:url("../../images/home_icon.gif") no-repeat left bottom;
				display:inline;	
			}
			.com_div_2 img {	
			/*	width:330px; 카페이벤트배너 */
				width:192px;
			}
			.com_div_3 {
				width:90%;
				margin:0 auto;
				padding-top:2%;
				padding-bottom:1%;
			}
			.com_div_3 img {	
				display:none;
			}
			.sp_01 {
				font-size:1.4em;
				font-weight:bold;
				color:#333333;
			}
			.sp_02 {
				display:inline;
				font-size:1em;
				color:#333333;
				margin-top:0%;	
			}

			/*** 레이어팝업 ***/
			#layer_pop {
				width:100%;
				position:absolute;
				z-index:9999;
				margin-top:8%;
				margin-left:5%;
			}
			#layer_pop img{
				/* 기존 width:370px; */
				width:400px;
			}
			#Pop_close {
				width:370px;
				background-color:#000000;
				font-size:1.5em;
			}
			#Pop_close a {
				color:white;
				cursor:pointer;
				margin-left:2%;
			}
			/*** 레이어팝업 ***/

		}