@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%;
				border-bottom:2px solid #cccccc;
			}
			.comp_div_1_01 {
				font-size:1.2em;
				color:#333333;
			}
			.comp_div_1_02 {
				font-size:1.3em;
				color:#333333;
			}
			.sp_03 {
				color:#efa54d
			}
			.comp_div_1_03 {
				width:90%;
				font-size:1em;
				color:#333333;
				line-height:150%;
			}
			.comp_div_2 {
				width:90%;
				margin:0 auto;
				text-align:center;
				padding-top:7%;
				padding-bottom:5%;
			}
			.sp_04 {
				color:#ff9900;
			}
			.comp_div_2_01 {
				font-size:1.5em;
				padding-bottom:5%;
			}
			.comp_div_2_02 {
				font-size:1em;
				color:#333333;
				line-height:150%;
				text-decoration:underline;
			}
			.comp_div_2 .img {
				padding-top:5%;
				height:100px;
				margin-bottom:5%;
				background:url("../../images/sub_01_img/sub_02.gif") no-repeat center;		
				background-size:cover;
			}


		/* 테블릿 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%;
				border-bottom:2px solid #cccccc;
				background:url("../../images/sub_01_img/sub_01.gif") no-repeat right bottom;
				background-size:contain;
			}
			.comp_div_1_01 {
				font-size:1.5em;
				color:#333333;
			}
			.comp_div_1_02 {
				font-size:1.5em;
				color:#333333;
			}
			.sp_03 {
				color:#efa54d
			}
			.comp_div_1_03 {
				width:60%;
				font-size:1em;
				color:#333333;
				line-height:150%;
			}
			.comp_div_2 {
				width:90%;
				margin:0 auto;
				text-align:center;
				padding-top:3%;
				padding-bottom:2%;
			}
			.sp_04 {
				color:#ff9900;
			}
			.comp_div_2_01 {
				font-size:1.5em;
				padding-bottom:5%;
			}
			.comp_div_2_02 {
				font-size:1.2em;
				color:#333333;
				line-height:150%;
				text-decoration:underline;
			}
			.comp_div_2 .img {
				padding-top:5%;
				height:150px;
				background:url("../../images/sub_01_img/sub_02.gif") no-repeat center;		
				background-size:cover;
			}
		
		}



		/* 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%;
				border-bottom:2px solid #cccccc;
				background:url("../../images/sub_01_img/sub_01.gif") no-repeat right bottom;
				background-size:contain;
			}
			.comp_div_1_01 {
				font-size:1.5em;
				color:#333333;
			}
			.comp_div_1_02 {
				font-size:1.5em;
				color:#333333;
			}
			.sp_03 {
				color:#efa54d
			}
			.comp_div_1_03 {
				width:60%;
				font-size:1em;
				color:#333333;
				line-height:150%;
			}
			.comp_div_2 {
				width:90%;
				margin:0 auto;
				text-align:center;
				padding-top:3%;
				padding-bottom:2%;
			}
			.sp_04 {
				color:#ff9900;
			}
			.comp_div_2_01 {
				font-size:1.5em;
				padding-bottom:5%;
			}
			.comp_div_2_02 {
				font-size:1.2em;
				color:#333333;
				line-height:150%;
				text-decoration:underline;
			}
			.comp_div_2 .img {
				padding-top:5%;
				height:200px;
				background:url("../../images/sub_01_img/sub_02.gif") no-repeat center;		
				background-size:cover;
			}


		}