a {
			color: inherit;
			text-decoration: none;
		}
		body{
			margin: 0;
			padding: 0;
		}
		#wrap{
			overflow: hidden;			
		}
		.top_bg{
            width: 100%;
            height: 80px;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 1000;
			background-color: rgba(255,255,255,30%);
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* ±×¸²ÀÚ Ãß°¡ (¼±Åà »çÇ×) */
        }
		.top{
            width: 1080px;
            margin: 0 auto;
        }
        .logo{
            float: left;
            padding: 10px;
        }
        .menu{
            width: 500px;
            float: left;
            margin-left: 50px;
            padding: 10px;
        }
		.menu:after{
			content:"";
			clear:both;
			display:block;
		}
        .katalk{
            float: right;
			margin-top: 10px;
			width: 200px;
			height: 40px;
			background-color: #F2DA00;
			border-radius: 20px;
			text-align: center;
        }
        .katalk img{
			margin-top: 3px;
		}
        .menu ul{
            height:35px;
            margin:0px;
            padding-left:90px;
            list-style: none;
        }
        .menu li{
            width:100px;
            height:35px;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            line-height: 35px;
            float: left;
        }
        .menu li:hover{
            background-color: #F1F1F1;
            color: #03C75A;
        }
        .menu li:hover a{
            color: #03C75A;
        }
        .mobi_menu ul{
            height:35px;
            margin:0px;
            padding-left:90px;
            list-style: none;
        }
        .mobi_menu li{
            width:100px;
            height:35px;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            line-height: 35px;
            float: left;
        }
        .mobi_menu li:hover{
            background-color: #F1F1F1;
            color: #03C75A;
        }
        .mobi_menu li:hover a{
            color: #03C75A;
        }
		.contactme_back{
			background-color: #EEEEEE;
			height: 400px;
		}
		.contactme{
			width: 1280px;
			margin: 0 auto;
		}
		.meleft{ 
			width: 50%;
			height: 400px;
			float: left;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.meright{ 
			width: 50%;
			height: 400px;
			float: left;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.pc_web{
			display: block;
		}
		.mobi_web{
			display: none;
		}
		.katalkskil_title{
			font-size: 32px;
			font-weight: 600;
			text-align: center;
			color: #434343;
			width: 100%;
			height: 130px;
			overflow: hidden;
		}
		.katalkskil_title:after{
			content:"";
			display:block;
			clear:both;
		}
		.katalkskil{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
		}
		.katalkskil:after{
			content:"";
			display:block;
			clear:both;
		}
		.phone1, .phone2, .phone3 {
			float: left;
		}
		.phone1 img{
			padding: 10px;
			width: 420px;
			height: 464px;
		}
		.phone2 img{
			padding: 10px;
			width: 420px;
			height: 464px;
		}
		.phone3 img{
			padding: 10px;
			width: 420px;
			height: 464px;
		}
		.phone11, .phone12, .phone13 {
			float: left;
		}
		.phone11 img{
			padding: 10px;
		}
		.phone12 img{
			padding: 10px;
		}
		.phone13 img{
			padding: 10px;
		}
		.review{
			width: 1250px;
			margin: 0 auto;
		}
		.reviewleft{
			width: 50%;
			float: left;
		}
		.reviewright{
			width: 50%;
			float: left;
		}
		.reviewleft img{
			width: 100%;
		}
		.reviewright img{
			width: 100%;
		}
		.realtime{
			width: 98%;
			height: 500px;
			margin: 0 auto;
			background-color: #E1FFEC;
		}
    @media screen and (max-width: 1024px) {
		.pc_web{
			display: none;
		}
		.mobi_web{
			display: block;
		}
		.logo{
			float: none;
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		.mobi_stop{
			display: none;
		}
        .top{
            width: 100%;
			height: 60px;
        }
		/* .logo{ width: 30%; float: left; } */
		.katalk{ width: 30%; float: right; text-align: right; }
		.mobi_menu{
			width: 100%;
		}
		.mobi_menu ul{ padding-left: 0px; }
		.mobi_menu li{
			width: 24%;
			float: left;
		}
		.mobi_menu:after{
			content:"";
			clear:both;
			display:block;
		}
		.contactme_back{
			background-color: #EEEEEE;
			height: 250px;
		}
		.contactme{
			width: 100%;
			height: auto;
		}
		.meleft{ 
			width: 50%;
			text-align: center;
			height: auto;
		}
		.meleft img{ 
			margin-top: 30px;
			width: 87%;
		}
		.meright{ 
			width: 50%;
			text-align: center;
			height: auto;
		}
		.meright img{ 
			margin-top: 30px;
			width: 87%;
		}
		.review{
			width: 100%;
		}
		.reviewleft{
			width: 100%;
		}
		.reviewright{
			width: 100%;
		}
		.reviewleft img{
			width: 100%;
		}
		.reviewright img{
			width: 100%;
		}
		.realtime{
			width: 97%;
		}
		.phone1 {
			width: 100%;
		}
		.phone2 {
			width: 100%;
		}
		.phone3 {
			width: 100%;
		}
		.phone1 img{
            float: none;
			width: 88%;
            margin: 0;
			text-align: center;
		}
		.phone2 img{
            float: none;
			width: 88%;
            margin: 0;
			text-align: center;
		}
		.phone3 img{
            float: none;
			width: 88%;
            margin: 0;
			text-align: center;
		}

		.phone11 {
			width: 100%;
			text-align: center;
		}
		.phone12 {
			width: 100%;
			text-align: center;
		}
		.phone13 {
			width: 100%;
			text-align: center;
		}
		.phone11 img{
            float: none;
			width: 85%;
            margin: 0 auto;
			padding-top: 30px;
		}
		.phone12 img{
            float: none;
			width: 85%;
            margin: 0 auto;
			padding-top: 30px;
		}
		.phone13 img{
            float: none;
			width: 85%;
            margin: 0 auto;
			padding-top: 30px;
		}
	}