@charset "utf-8";

		/* 스마트폰 기본 css */


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

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

			.ionemom_div_1 {
				width:90%;
				margin:0 auto;
			}
			.ionemom_div_1_01 {
				width:100%;
				float:left;
				margin:0 auto;
				text-align:center;
			}
			.ionemom_div_1_01 img {
				width:100%;
			}
			.ionemom_div_1_02 {
				background:url("../../images/sub_04_img/sub_bg2_02.gif") no-repeat right bottom;
				background-size:cover;
			}
			.p_01 {
				width:90%;
				font-size:0.9em;
				margin-left:3%;
				margin-right:15%;
				padding-top:55%;
				padding-bottom:0.7%;
			}
			.p_02 {
				width:90%;
				font-size:1.1em;
				margin-left:3%;
				margin-right:15%;
				padding-bottom:3%;
			}
			.p_03_01 {
				display:none;
			}
			.p_04 {
				width:90%;
				font-size:0.8em;
				margin-left:3%;
				margin-right:15%;
				line-height:1.6em;
			}
			.p_05 {
				width:90%;
				font-size:0.8em;
				margin-left:3%;
				margin-right:15%;
				line-height:1.6em;
			}
			.p_06 {
				width:90%;
				font-size:0.8em;
				margin-left:3%;
				margin-right:15%;
				padding-top:1%;
				padding-bottom:5%;
				color:#d44321;
			}
			.p_07 {
				width:90%;
				margin:0 auto;
				padding-top:5%;
				padding-bottom:1.2%;
				text-align:center;
				font-size:1.1em;
			}
			.p_08 {
				width:90%;
				margin:0 auto;
				padding-bottom:3%;
				text-align:center;
				font-size:0.8em;
			}			
			.ionemom_div_2 {
				display:table;
				width:90%;
				margin:0 auto;
				text-align:left;
				padding-top:3%;
				padding-bottom:3%;
				background:#e6decf;
			}
			.ionemom_div_2 ul {
				float:left;
				width:100%;
			}
			.ionemom_div_2 ul li:nth-child(1) {
				float:left;
				width:35%;
				padding-top:5%;
				padding-bottom:5%
			}
			.ionemom_div_2 ul li:nth-child(2) {
				float:right;
				width:60%;
				padding-top:5%;
			}
			.ionemom_div_2 ul li:nth-child(3) {
				float:right;
				width:60%;
			}
			.ionemom_div_2 img {
				width:100%;
				margin-left:10%;
			}
			.p_09 {
				width:90%;
				margin:0 auto;
				margin-top:7%;
				margin-bottom:7%;
				font-size:1em;
				color:#356494;
				font-weight:bold;
				text-decoration:underline;
			}
			.p_10 {
				width:90%;
				margin:0 auto;
				line-height:2em;
				font-size:0.7em;
			}
			.ionemom_div_3 {
				display:table;
				width:90%;
				margin:0 auto;
				text-align:center;
				padding-top:3%;
				padding-bottom:5%;
			}
			.ionemom_div_3_01 {
				float:left;
				width:100%;
				height:130px;
				margin-bottom:2%;
				text-align:left;
				background:url("../../images/sub_04_img/sub_04.gif") no-repeat;
				background-size:100% 100%;
			}
			.ionemom_div_3_02 {
				float:left;
				width:100%;
				height:130px;
				background:url("../../images/sub_04_img/sub_05.gif") no-repeat;
				background-size:100% 100%;
			}
			.p_11 {
				width:40%;
				margin-left:8%;
				margin-top:10%;
				font-size:0.9em;
				text-align:left;
			}
			.sp_03 {
				color:#ffffff;
			}
			.sp_04 {
				color:#ffc044;
			}
			.sp_05 {
				color:#2790a5;
			}
			.sp_06 {
				color:#db5d26;
			}

		/* 테블릿 css */
		/*@media all and (min-width:768px) and (max-width:1024px) {*/
		@media all and (min-width:768px) and (max-width:1439px) {
		
			/* section */
			.ionemom_div_1 {
				width:90%;
				margin:0 auto;
				margin-top:4%;
			}
			.ionemom_div_1_01 {
				width:30%;
				float:left;
				margin:0 auto;
				margin-top:-4%;
			}
			.ionemom_div_1_01 img {
				width:85%;
				border:10px solid #ffc044;
			}
			.ionemom_div_1_02 {
				background:url("../../images/sub_04_img/sub_bg2.gif") no-repeat right bottom;
				background-size:cover;
			}
			.p_01 {
				width:60%;
				font-size:0.9em;
				margin-left:31%;
				margin-right:15%;
				padding-top:4%;
				padding-bottom:0.7%;
			}
			.p_02 {
				width:60%;
				font-size:1.2em;
				margin-left:31%;
				margin-right:15%;
				padding-bottom:3%;
			}
			.p_03_01 {
				display:block;
			}
			.p_03_02 {
				display:none;
			}
			.p_04 {
				width:60%;
				font-size:0.8em;
				margin-left:31%;
				margin-right:15%;
				line-height:1.6em;
			}
			.p_05 {
				width:60%;
				font-size:0.8em;
				margin-left:31%;
				margin-right:15%;
				line-height:1.6em;
			}
			.p_06 {
				width:60%;
				font-size:0.8em;
				margin-left:31%;
				margin-right:15%;
				padding-top:1%;
				padding-bottom:5%;
				color:#d44321;
			}
			.p_07 {
				width:90%;
				margin:0 auto;
				padding-top:5%;
				padding-bottom:1.2%;
				text-align:center;
				font-size:1.3em;
			}
			.p_08 {
				width:90%;
				margin:0 auto;
				padding-bottom:3%;
				text-align:center;
				font-size:0.9em;
			}
			.ionemom_div_2 {
			clear:both;
				display:table;
				width:90%;
				margin:0 auto;
				text-align:center;
				padding-top:3%;
				padding-bottom:5%;
				background:#e6decf;
			}
			.ionemom_div_2 ul {
				width:30%;
				float:left;
				margin-left:2.5%;
			}
			.ionemom_div_2 ul li:nth-child(1) {
				float:left;
				width:100%;
			}
			.ionemom_div_2 ul li:nth-child(2) {
				float:left;
				width:100%;
			}
			.ionemom_div_2 ul li:nth-child(3) {
				float:left;
				width:100%;
			}
			.ionemom_div_2 img {
				width:80%;
				margin-left:0;
			}
			.p_09 {
				width:90%;
				margin:0 auto;
				margin-top:7%;
				margin-bottom:7%;
				font-size:1em;
				color:#356494;
				font-weight:bold;
				text-decoration:underline;
			}
			.p_10 {
				width:90%;
				margin:0 auto;
				line-height:2em;
				font-size:0.7em;
			}
			.ionemom_div_3 {
				width:90%;
				margin:0 auto;
				text-align:center;
				padding-top:3%;
				padding-bottom:5%;
			}
			.ionemom_div_3_01 {
				display:table;
				float:left;
				width:48%;
				height:150px;
				text-align:left;
				background:url("../../images/sub_04_img/sub_04.gif") no-repeat;
				background-size:100% 100%;
			}
			.ionemom_div_3_02 {
				float:right;
				width:48%;
				height:150px;
				background:url("../../images/sub_04_img/sub_05.gif") no-repeat;
				background-size:100% 100%;
			}
			.p_11 {
				width:40%;
				margin-left:8%;
				margin-top:10%;
				font-size:0.9em;
				text-align:left;
			}
			.sp_03 {
				color:#ffffff;
			}
			.sp_04 {
				color:#ffc044;
			}
			.sp_05 {
				color:#2790a5;
			}
			.sp_06 {
				color:#db5d26;
			}
		
		}



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


			/* section */
			.ionemom_div_1 {
				width:90%;
				margin:0 auto;
				margin-top:4%;
			}
			.ionemom_div_1_01 {
				width:30%;
				float:left;
				margin:0 auto;
				margin-top:-4%;
			}
			.ionemom_div_1_01 img {
				width:85%;
				border:10px solid #ffc044;
			}
			.ionemom_div_1_02 {
				background:url("../../images/sub_04_img/sub_bg2.gif") no-repeat right bottom;
				background-size:cover;
			}
			.p_01 {
				width:60%;
				font-size:1em;
				margin-left:31%;
				margin-right:15%;
				padding-top:4%;
				padding-bottom:0.7%;
			}
			.p_02 {
				width:60%;
				font-size:1.3em;
				margin-left:31%;
				margin-right:15%;
				padding-bottom:3%;
			}
			.p_03_01 {
				display:block;
			}
			.p_03_02 {
				display:none;
			}
			.p_04 {
				width:60%;
				font-size:0.9em;
				margin-left:31%;
				margin-right:15%;
				line-height:1.6em;
			}
			.p_05 {
				width:60%;
				font-size:0.9em;
				margin-left:31%;
				margin-right:15%;
				line-height:1.6em;
			}
			.p_06 {
				width:60%;
				font-size:0.9em;
				margin-left:31%;
				margin-right:15%;
				padding-top:1%;
				padding-bottom:5%;
				color:#d44321;
			}
			.p_07 {
				width:90%;
				margin:0 auto;
				padding-top:5%;
				padding-bottom:1.3%;
				text-align:center;
				font-size:1.3em;
			}
			.p_08 {
				width:90%;
				margin:0 auto;
				padding-bottom:3%;
				text-align:center;
				font-size:1em;
			}
			.ionemom_div_2 {
				display:table;
				width:90%;
				margin:0 auto;
				text-align:center;
				padding-top:3%;
				padding-bottom:5%;
				background:#e6decf;
			}
			.ionemom_div_2 ul {
				width:30%;
				float:left;
				margin-left:2.5%;
			}
			.ionemom_div_2 ul li:nth-child(1) {
				float:left;
				width:100%;
			}
			.ionemom_div_2 ul li:nth-child(2) {
				float:left;
				width:100%;
			}
			.ionemom_div_2 ul li:nth-child(3) {
				float:left;
				width:100%;
			}
			.ionemom_div_2 img {
				width:80%;
				margin-left:0;
			}
			.p_09 {
				width:90%;
				margin:0 auto;
				margin-top:7%;
				margin-bottom:7%;
				font-size:1em;
				color:#356494;
				font-weight:bold;
				text-decoration:underline;
			}
			.p_10 {
				width:90%;
				margin:0 auto;
				line-height:2em;
				font-size:0.8em;
			}
			.ionemom_div_3 {
				width:90%;
				margin:0 auto;
				text-align:center;
				padding-top:3%;
				padding-bottom:5%;
			}
			.ionemom_div_3_01 {
				display:table;
				float:left;
				width:48%;
				height:150px;
				text-align:left;
				background:url("../../images/sub_04_img/sub_04.gif") no-repeat;
				background-size:100% 100%;
			}
			.ionemom_div_3_02 {
				float:right;
				width:48%;
				height:150px;
				background:url("../../images/sub_04_img/sub_05.gif") no-repeat;
				background-size:100% 100%;
			}
			.p_11 {
				width:40%;
				margin-left:8%;
				margin-top:10%;
				font-size:1em;
				text-align:left;
			}
			.sp_03 {
				color:#ffffff;
			}
			.sp_04 {
				color:#ffc044;
			}
			.sp_05 {
				color:#2790a5;
			}
			.sp_06 {
				color:#db5d26;
			}
		}