DataBase에 접속할 수 없습니다.Array
(
    [code] => 604
    [message] => ORA-00604: error occurred at recursive SQL level 1
ORA-01653: unable to extend table SYS.AUD$ by 8192 in tablespace SYSAUX
ORA-02002: error while writing to audit trail
ORA-00604: error occurred at recursive SQL level 1
ORA-01653: unable to extend table SYS.AUD$ by 8192 in tablespace SYSAUX
    [offset] => 0
    [sqltext] => 
)
<!-- Criteo 로더 파일 -->
<script type="text/javascript" src="//dynamic.criteo.com/js/ld/ld.js?a=104027" async="true"></script>
<!-- END Criteo 로더 파일 -->



<!-- Google tag (gtag.js) 대학내일 #2023.04.28--> 
<!-- 유튜브 리타게팅 목적--> 
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10991673170">
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);} 
	gtag('js', new Date()); 
	gtag('config', 'AW-10991673170');
</script>
	
<!-- Criteo 홈페이지 태그 -->
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
 { event: "setAccount", account: 104027},
 { event: "setEmail", email: "" },
 { event: "setZipcode", zipcode: "" },
 { event: "setSiteType", type: deviceType},
 { event: "viewHome"});
</script>
<!-- END Criteo 홈페이지 태그 -->


<title>청호(淸湖). 깨끗한 물의 기술력</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="/newch/images/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="groobee:member_id" content=""/>
<meta property="groobee:member_grade" content=""/> 
<meta property="groobee:member_gender" content=""/>
<meta property="groobee:member_age" content=""/>
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
<meta name="google-site-verification" content="RomK_kmYKlpN2wLIkWTmTjboyETCRE5BKpn1Kw9KAdY" />

<meta name="facebook-domain-verification" content="9wprhajoaqumwosnen89g7h87ac3x5" />

<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="inc/css/style.css">
<link rel="stylesheet" type="text/css" href="inc/css/content.css">

<!--슬라이드 slick slider-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css">

<!--검색영역 소스-->
<!--script src="inc/js/search_jquery.js"></script-->
<script type="text/javascript" src="https://www.chungho.co.kr//common/js/tendency.js"></script>
<!--fontawsome-->
<script src="https://kit.fontawesome.com/44861c45ed.js" crossorigin="anonymous"></script>
<script src="/common/js/html5shiv.js"></script>
<script src="/common/js/respond.js"></script>
<!--에스코어드림 폰트-->
<link href="/newch/inc/css/SCDream.css" rel="stylesheet">
<!--애니메이션-->
<link rel="stylesheet" href="/newch/inc/css/animations.css">

<!-- Groobee -->
<script type="text/javascript">
(function(a,i,u,e,o) {
a[u]=a[u]||function(){(a[u].q=a[u].q||[]).push(arguments)};
})(window, document, "groobee");
groobee("serviceKey", "6673a998ee92412a85e7974fdf4b17b4");
groobee("siteType", "custom");
</script>
<script charset="utf-8" src=" //static.groobee.io/dist/g2/groobee.init.min.js"></script>
<!-- End of Groobee -->

<!-- Enliple Tracker Start -->
<script type="text/javascript">
(function(a,g,e,n,t){a.enp=a.enp||function(){(a.enp.q=a.enp.q||[]).push(arguments)};n=g.createElement(e);n.async=!0;n.defer=!0;n.src="https://cdn.megadata.co.kr/dist/prod/enp_tracker_self_hosted.min.js";t=g.getElementsByTagName(e)[0];t.parentNode.insertBefore(n,t)})(window,document,"script");
enp('create', 'common', 'chunghonais', { device: 'W' }); // W:웹, M: 모바일, B: 반응형
enp('send', 'common', 'chunghonais');
</script>
<!-- Enliple Tracker End -->

<!-- ADN Tracker[공통] start -->
<script src="//fin.rainbownine.net/js/across_adn_2.0.1.js" type="text/javascript"></script>
<!-- ADN Tracker[공통] end -->


<style>	
	input:focus  {
	   outline: none;
	}
	
	header {
		position: fixed;
		top: 0;
		z-index: 9999; 
		width: 100%; 
		height: 65px; 
		margin: 0 auto;
	}
	header .menu-container {
		position: relative;
		top: 20px;
		right: 0;
		left: 0;
		text-align: center;
	}
	header .menu-container .menu-logo {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
		padding-left: 5%;
	}
	header .menu-container .menu-logo .ch_logo {
		display: block;
		width: 170px;
		height: 25px;
		
		background: url(/newch/images/logo_w_30.png) no-repeat 0 0;
	}
	@media screen and (max-width: 768px) {
		header .menu-container .menu-logo .ch_logo {
		    background-size: 140px;
			background-position-y: 3px;	
		}
	}


	@media screen and (max-width: 1024px) {
		header .menu-container .menu-center {
			display: none;
		}
	}
	header .menu-center {
		margin-left:-150px;
	}
	header .menu-center > li {
		display: inline-block;
		text-align: center;
		width: auto;
		padding: 0 30px;
		height: 45px;
	}
	
	@media screen and (max-width: 1450px) {
		header .menu-center > li {		
			padding: 0 30px;
		}
	}
	
	@media screen and (max-width: 1320px) {
		header .menu-center > li {		
			padding: 0 20px;
		}
	}

	
	header .menu-center .drop {
		cursor: pointer;
		display: inline-block;
		overflow: visible;
	}
	header .menu-center .drop:hover {
		/*border-bottom: 3px solid #333;*/
	}
	header .menu-center .drop:hover .drop_cont {
		display: block;
	}
	header .menu-center .drop:hover .dropbtn {
		font-weight: 600;
	}

	header .menu-center > li a {
		display: inline-block;
		color: #eee;
		font-weight: 400;
		float: left;
	}
	header .menu-center > li a:hover {
		opacity: 0.5;
		transition: 0.5s ease;
	}
	header .menu-center .drop_cont {
		display: none;
		width: 100%;
		height: 45px;
		position: absolute;
		top: 45px;
		left: 0;
		right: 0;
		background: #f4f4f7;
		box-shadow: 0 6px 20px 0px #0000001c;
		border-bottom: 1px solid #eee;
		margin-top:20px;
	}
	header .menu-center .drop_cont .drop_cont_list {
		width: fit-content;
		height:fit-content;
		margin: 0 auto;
	}
	header .menu-center .drop_cont .drop_cont_list a {
		margin: 0 16px;
		text-decoration: none;
		display: block;
		line-height: 40px;
		color: #888;
	}
	header .menu-center .drop_cont .drop_cont_list a:hover {
		color: #333;
		text-shadow: 0 0 0px #000000;
		transition: 0.5s ease;
		opacity: 1;
	}
	
		header .menu-center .drop_cont .drop_cont_list .a:hover {
		color: #333;
		text-shadow: 0 0 0px #000000;
		transition: 0.5s ease;
		opacity: 1;
	}
	
	header .menu-center .drop_cont .drop_cont_list>li{
		display: inline-block;
	}
/*
	header .menu-center > li:nth-child(1) .drop_cont_list {
		padding-left: 0px;	
	}
	header .menu-center > li:nth-child(2) .drop_cont_list {
		padding-left: 50px;	
	}
	header .menu-center > li:nth-child(3) .drop_cont_list {
		padding-left: 350px;	
	}
	header .menu-center > li:nth-child(4) .drop_cont_list {
		padding-left: 410px;	
	}
	header .menu-center > li:nth-child(5) .drop_cont_list {
		padding-left: 660px;	
	}
	
	@media screen and (max-width: 1450px) {
		header .menu-center > li:nth-child(1) .drop_cont_list {
			padding-left: 0px;	
		}
		header .menu-center > li:nth-child(2) .drop_cont_list {
			padding-left: 80px;	
		}
		header .menu-center > li:nth-child(3) .drop_cont_list {
			padding-left: 340px;	
		}
		header .menu-center > li:nth-child(4) .drop_cont_list {
			padding-left: 400px;	
		}
		header .menu-center > li:nth-child(5) .drop_cont_list {
			padding-left: 620px;	
		}
	}
	
	@media screen and (max-width: 1320px) {
		header .menu-center > li:nth-child(1) .drop_cont_list {
			padding-left: 0px;	
		}
		header .menu-center > li:nth-child(2) .drop_cont_list {
			padding-left: 100px;	
		}
		header .menu-center > li:nth-child(3) .drop_cont_list {
			padding-left: 340px;	
		}
		header .menu-center > li:nth-child(4) .drop_cont_list {
			padding-left: 380px;	
		}
		header .menu-center > li:nth-child(5) .drop_cont_list {
			padding-left: 580px;	
		}
	}
*/
	/*전체 메뉴*/
	.menu {
	  position: absolute;
	  top: -5px;
	  right: 5%;
	  height: 35px;
	  width: 35px;
	}
	.menu-link {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 1002;
	  cursor: pointer;
	}

	.menu-icon {
	  position: absolute;
	  width: 20px;
	  height: 18px;
	  margin: auto;
	  left: 0;
	  top: 0;
	  right: 0;
	  bottom: 1px;
	}

	/* ------------- */
	.menu-line {
	  background-color: #eee;
	  height: 2px;
	  width: 100%;
	  border-radius: 2px;
	  position: absolute;
	  left: 0;
	  transition: all 0.25s ease-in-out;
	}
	.menu-line-2 {
	  top: 0;
	  bottom: 0;
	  margin: auto;
	}
	.menu-line-3 {
	  bottom: 0;
	}
	.menu.open .menu-line-1 {
	  transform: translateY(7px) translateY(-50%) rotate(-45deg);
	}
	.menu.open .menu-line-2 {
	  opacity: 0;
	}
	.menu.open .menu-line-3 {
	  transform: translateY(-11px) translateY(50%) rotate(45deg);
	}

	/* ------------- */
	.menu-circle {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  border-radius: 50%;
	  transform: scale(1);
	  z-index: 1000;
	  transition: transform 0.3s ease-in-out;
	}
	.menu:hover .menu-circle {
	  transform: scale(1.5);
	  background-color: #666;
	}
	.menu.open .menu-circle {
	  transform: scale(60);
	}

	/* ------------- */
	.menu-overlay {
	  background-color: #333;
	  position: fixed;
	  top: 0;
	  left: 0;
	  right:0;
	  bottom: 0;
	  text-align: center;
	  transition: opacity 0.2s ease-in-out;
	  z-index: 1001;
	  opacity: 0;
	  visibility: hidden;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	.open {
	  opacity: 1;
	  visibility: visible;
	}

	/**메뉴 오픈 - 데스크탑**/
	.menu-overlay .Amenu_cont--wrap {
		position: relative;
		text-align: left;
		margin: calc(100% - 110%) auto 0;
		color: #eee;
		width: 80%;
	}
	.nav div.Amenu_cont-top {
		margin-bottom: 100px;
	}
	.nav div.Amenu_cont-top .cont-topL {float: left;}
	.nav div.Amenu_cont-top .cont-topL > a {
		margin-right: 30px;
		border: 1px solid #eee;
		border-radius: 50px;
		padding: 10px 25px;
		color: #eee;
	}
	.nav div.Amenu_cont-top .cont-topL > a:last-child {
		margin-right: 0;
	}
	.nav div.Amenu_cont-top .cont-topL > a:hover {
		border: 1px solid #19bcb9;
		color: #19bcb9;
	}
	
	.nav div.Amenu_cont-top .cont-topR {float: right;}
	.nav div.Amenu_cont-top .cont-topR > a {
		margin-right: 10px;
		color: #717171;
		font-size: 12px;
	}
	.nav div.Amenu_cont-top .cont-topR > a:before {
		content: '·';
		margin-right: 5px;
	}
	.nav div.Amenu_cont-top .cont-topR > a:last-child {
		margin-right: 0;
	}
	.nav div.Amenu_cont-top .cont-topR > a:hover {
		opacity: 0.5;
	}
	@media screen and (max-width: 1024px) {
		.menu-overlay .Amenu_cont--wrap {
			margin-top: 100px;
		}
		.nav div.Amenu_cont-top {
			margin: 0 auto;
			text-align: center;
		}
		.nav div.Amenu_cont-top .cont-topL {float: inherit;}
		.nav div.Amenu_cont-top .cont-topR {float: inherit; margin: 40px auto 0;}
		.nav div.Amenu_cont-top .cont-topR > a {display: inline-table;}
	}

	.nav ul {
		text-align: left;
		display: flex;
		justify-content: space-between;
	}
	@media screen and (max-width: 1024px) {
		.nav ul {
			display: none;
		}
	}
	.nav ul > li {
		vertical-align: top;
		margin-right: 80px;
	}
	.nav ul > li:last-child {
		margin-right: 0;
	}
	.nav ul > li h3 {
		font-size: 32px;
		font-weight: 100;
	}
	.nav ul > li div.Amenu_cont {
		margin-top: 30px;
	}
	.nav ul > li div.Amenu_cont ol {
		display: inline-block;
		vertical-align: top;
		margin-right: 60px;
	}
	.nav ul > li div.Amenu_cont ol:last-child {
		margin-right: 0;
	}
	.nav ul > li div.Amenu_cont ol li a {
		font-size: 16px;
		font-weight: 500;
		line-height: 60px;
		color: #eee;
	}
	.nav ul > li div.Amenu_cont ol li span {
		position: relative;
		display: block;
		font-size: 14px;
		line-height: 24px;
		color: #999;
		cursor: pointer;
	}
	.nav ul > li div.Amenu_cont ol li span:before {
		content: '·';
		margin-right: 10px;
	}
	.nav ul > li div.Amenu_cont ol li span:hover:after {
		content: '';
		background: url(/newch/images/fi-rr-angle-small-right-w.svg) no-repeat;
		position: absolute;
		top: 3px;
		left: 140px;
		width: 15px;
		height: 15px;
		opacity: 0.5;
		transition: 0.7s ease;
	}
	/**메뉴 오픈 - 모바일**/
	@media screen and (min-width: 1025px) {
		.accordion {
			display: none;
		}
	}
	@media screen and (max-width: 1024px) {
		.menu-overlay {
			display: block;
			overflow: auto;
		}
		.accordion {
			display: initial;
			width: 100%;
			margin: 0 auto;
			color: #eee;
		}
		.accordion-header, .accordion-header_sub, .accordion-header_sub2 {
		  font-size: 20px;
		  font-weight: 300;
		  text-align: left;
		  padding: 5% 6%;
		  cursor: pointer;
		  transition: all .3s;
		  border-bottom: 1px solid #666;
		}

		.accordion-header_sub, .accordion-header_sub2 {
		  font-size: 16px;
			padding: 3% 10%;
			background: #666;
		}
		.item-top {
			margin-top: 30px;
		}

		.accordion-body {
		  display: none;
		}
		.accordion__item > .accordion-header:after, .accordion-header_sub:after {
			content: '';
			background: url(/newch/images/fi-rr-plus-small_w.svg) no-repeat;
			width: 20px;
			height: 20px;
			float: right;
			position: relative;
			top: 3px;
			right: 0;
			opacity: 0.7;
			transition: .3s all;
		}
		.accordion__item.active > .accordion-header:after {
			background: url(/newch/images/fi-rr-minus-small_w.svg) no-repeat;
		}
		.accordion__item.active > .accordion-header_sub:after {
			background: url(/newch/images/fi-rr-minus-small_w.svg) no-repeat;
		}
		.accordion__item.active .accordion-header {
		  border-bottom: 1px solid #8b8b8b;
		}
		.accordion-body__contents {
			background: #f9f9f9;
			text-align: left;
			padding: 4% 10%;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}
		.accordion-body__contents > a {
			display: block;
			color: #666;
			font-weight: 300;
			line-height: 26px;
		}
		.accordion-body__contents > a:before {
			content: '·';
			margin-right: 5px;
		}
	}


	/**검색 Search**/
	.search {
		position: absolute;
		top: 0;
		right: 10%;
		z-index: 100;
		cursor: pointer;
	}
	@media screen and (max-width: 768px) {
		.search {
			right: 12%;
		}
	}
	@media screen and (max-width: 500px) {
		.search {
			right: 15%;
		}
	}
	.search input {
		position: relative;
		top: 5px;
		left: 5px;
		z-index: 1;

		background: none;
		border: none;
		outline: none;
		transition: all 0.6s ease;
		cursor: pointer;
	}
	.search input + div {
		/*position: relative;
		height: 28px;
		width: 100%;
		margin: -28px 0 0 0;*/
	}
	.search input + div svg {
		display: block;
		position: absolute;
		height: 35px;
		width: 160px;
		right: 0;
		top: 0;
		fill: none;
		stroke: #333;
		stroke-width: 2px;
		stroke-dashoffset: 273.908;
		stroke-dasharray: 59 212.908;
		transition: all 0.6s ease;
	}
	.search input:not(:placeholder-shown), .search input:focus {
		width: 160px;
		padding: 0 4px;
		cursor: text;
	}
	.search input:not(:placeholder-shown) + div svg, .search input:focus + div svg {
		stroke-dasharray: 150 212.908;
		stroke-dashoffset: 300;
	}
	::selection {
		background: rgba(200, 200, 200, 0.2);
	}
	::-moz-selection {
		background: rgba(200, 200, 200, 0.2);
	}
	
	/**마이페이지 mypage**/
	.mypage {
		display: inline-block;
		position: absolute;
		top: -5px;
		right: 9.5%;
		z-index: 100;
		cursor: pointer;
		margin-top:20px;
	}
	
	@media screen and (max-width: 768px) {
		.mypage {
			right: 15%;
		}
	}
	@media screen and (max-width: 500px) {
		.mypage {
			right: 19%;
		}
	}
	.mypage > a {position: relative;z-index: 2;}
	.mypage > a:before {
		content: '';
		background: url(/newch/images/mypage_w.svg) no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 7px;
		right: 0;
	}
	.mypage:after {
		content: '';
		background: #eee;
		border-radius: 50px;
		position: absolute;
		top: 0;
		left: -28px;
		width: 35px;
		height: 35px;
		opacity: 0;
	}
	.mypage:hover:after {
		opacity: 1;
		transform: scale(1.5);
		background-color: #666;
		transition: transform 0.3s ease-in-out;
	}
	.mypage_cont {
		display: none;
		position: absolute;
		top: 35px;
		right: -73px;
		background-color: #333;
		color: #eee;
		min-width: 160px;
		padding: 25px 0 20px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
	.mypage_cont > a {
		padding: 5px 0;
		display: block;
		color: #eee;
		line-height: normal;
	}
	.mypage_cont > a:hover {
		opacity: 0.7;
	}
	.mypage:hover .mypage_cont {
	  display: block;
	}

	
	
	/**메인 팝업 Alert**/
	.PU_alert--wrap {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 999;
		max-width: 400px;
		width:100%;
	}
	.inform-layer {
		width: 100%;
		background-color: #e8e8e8;
		border-radius: 20px 0 0 0;
		box-shadow: -4px -4px 20px 0px #2a2a2a59;
	}
	.PU_alert {
		width: 400px;
		height: 344px;
		padding-top: 20px;
		text-align: center;
	}
	.PU_alert .area > h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.PU_alert .area > h3:before {
		content: '';
		background: url(/newch/images/fi-rr-comment.svg) no-repeat;
		padding-right: 20px;
		margin-right: 10px;
		vertical-align: middle;
	}
	.PU_alert .area > h5 {
		font-size: 12px;
		font-weight: 300;
		opacity: 0.5;
		margin-bottom: 10px;
	}
	
	/****slick slider****/	
	.PU_slide .PUslider-wrap {
		width: 100%;
		margin: 0 auto;
	}
	.PU_slide .PUslider-wrap .slider {
		height: initial !important;
	}
	.PU_slide .PUslider-wrap .slider img {
		width: 100%;
		height: 100%;
		max-width: 400px;
		max-height: 400px;
		object-fit: cover;
		object-position: center center;
		transition: opacity 400ms ease-in-out 0s;
	}
	.PU_slide .slick-dots {
		bottom: 0;
	}
	.PU_slide .slick-dots li {
		position: relative;
		display: inline-block;
		width: 25%;
		height: 5px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		opacity: 1; 
		background: #fafafa87;
	}
	.PU_slide .slick-dots li button:before {
		content: '';
		width: 100%;
		height: 5px;
	}
	.PU_slide .slick-dots li.slick-active button:before {
		background: #28A9A9;
	}


	.PU_slide .slick-prev {
		left: 4%;
	}
	.PU_slide .slick-next {
		right: 4%;
	}
	.PU_slide .slick-prev, .slick-next {
		width: 0;
		height: 0;
	}
	.PU_slide .slick-prev:hover, .slick-next:hover {
		opacity: 0.5;
	}
	.PU_slide .slick-prev:before {
		content: '';
		background: url(images/fi-rr-angle-left.svg)no-repeat;
		left: 5%;
	}
	.PU_slide .slick-next:before {
		content: '';
		background: url(images/fi-rr-angle-right.svg)no-repeat;
		right: 5%;
	}
	.PU_slide .slick-prev:before, .PU_slide .slick-next:before {
		position: absolute;
		font-family: none;
		width: 20px;
		height: 20px;
		color: #333;
		opacity: 1;
		top: 23%;
	}
	.PU_img--00, .PU_img--01, .PU_img--02, .PU_img--03, .PU_img--04 {
		width: 100%;
		height: 100%;
		max-height: 225px;
		margin-top: 20px;
		cursor:pointer;
	}
	.PU_img--00.loaded {
		background: url(/newch/event/db.png) no-repeat center center;
		background-size: 100%;
	}
	.PU_img--01.loaded {
		background: url(/newch/event/5may.png) no-repeat center center;
		background-size: 100%;
	}
	.PU_img--02.loaded {
		background: url(/newch/event/002.jpg) no-repeat center center;
		background-size: 100%;
	}
	.PU_img--03.loaded {
		background: url(/newch/event/004.jpg) no-repeat center center;
		background-size: 100%;
	}
	.PU_img--04.loaded {
		background: url(/newch/event/003.png) no-repeat center center;
		background-size: 100%;
	}
	.btn-popup-close {
		position: relative;
		padding-top: 5%;
		padding-left: 5%;
	}
	.btn-close {
		position: absolute;
		right: 6%;
		top: 20%;
		font-weight: 600;
		font-size: 22px;
	}
	.PU_close {
		position: absolute;
		right: 6%;
		top: 4%;
		font-size: 20px;
		font-weight: 600;
		transition: 0.3s;
		cursor: pointer;
	}
	.PU_close:hover {  
		transform: scale(1.5);
		font-weight: 200;
	}
	.PU_btn {
		font-size: 12px;
		color: #999;
		border-bottom: 1px solid #999;
		cursor: pointer;
	}
	.PU_btn:hover {  
		opacity: 0.7;
	}
	.blind {
		position: initial;
		color: #999;
		font-weight: 200;
		font-size: 16px;
	}

	@media screen and (max-width: 768px) {
		.PU_alert--wrap {
			background: #1212125c;
			backdrop-filter: blur(10px);
			transition: opacity .8s ease,visibility 0s;
			top: 0;
			left: 0;
			display: flex;
			align-items: center;
			justify-content: center;    
			max-width: initial;
		}		
		.inform-layer {
			width: 90%;
			border-radius: 20px
		}
		.PU_alert {
			width: 100%;
			padding: 0;
		}
		
		.PU_alert .area > h3 {
			margin: 20px auto 10px;
		}
	}
	#header {
		width: 100%;
		height: 65px;
		z-index: 10;
		top: 0px;
		position: fixed;
		box-sizing: border-box;
		transition: All 0.2s ease;
		-webkit-transition: All 0.2s ease;
		-moz-transition: All 0.2s ease;
		-o-transition: All 0.2s ease;
		text-align : center;
		line-height : 50px;
		background: #333;
	}
	.menu-container:hover {rgb(255, 255, 255);}
	
	
</style>

<script>
	(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-WK89FN7');
</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager (noscript) -->
<noscript>
	<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WK89FN7" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1688873938290580');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1688873938290580&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<header class="navbar">
	<!--div class="PU_alert" alt="메인 팝업">
		<div class="PU_close" id="pu_close">&times;</div>
		<p>[ 이벤트 ] 9월, 소중한 분께 마음을 전하세요.</p>
		<a class="PU_btn" href="./event_view">자세히보기 &raquo;</a>
	</div-->
	<div class="layerPop PU_alert--wrap" style="display:none;">
		<div class="inform-layer">
			<div class="btn-popup-close">
				<a id="btn-inform-close" title="오늘하루 보지않기">
					<input type="checkbox" name="popcheck" id="popcheck"> <span class="blind">오늘하루 보지않기 <a href="#" class="btn-close">&times;</a></span>
				</a>
			</div>	
			
			<div class="PU_slide">
				<ul class="PUslider-wrap">
					
					
					<li class="slider" onclick="location.href='#'">
						<div class="inform-box PU_alert">
							<div class="inform-header area">									
								<h3>[이벤트] 가정의 달 맞이 특별 SALE<br>5!HAPPY MAY</h3>
								<a class="PU_btn" href="/newch/event_view?e_idx=334" alt="이벤트 자세히보기">자세히보기 &raquo;</a>
							</div>			
							<div class="inform-body area">
								<a class="PU_btn" href="/newch/event_view?e_idx=334" alt="이벤트 자세히보기"><div class="PU_img--01 loaded" alt="팝업 이미지"></div></a>
							</div>									
						</div>
					</li>
					<li class="slider" onclick="location.href='#'">
						<div class="inform-box PU_alert">
							<div class="inform-header area">									
								<h3>[이벤트] 5월 가정의달 기념!<br>매트리스 특별 할인 행사</h3>
								<a class="PU_btn" href="/newch/event_view?e_idx=333" alt="이벤트 자세히보기">자세히보기 &raquo;</a>
							</div>			
							<div class="inform-body area">
								<a class="PU_btn" href="/newch/event_view?e_idx=333" alt="이벤트 자세히보기"><div class="PU_img--04 loaded" alt="팝업 이미지"></div></a>
							</div>									
						</div>
					</li>
					<!--<li class="slider" onclick="location.href='#'">
						<div class="inform-box PU_alert">
							<div class="inform-header area">									
								<h3>[이벤트] 봄꽃매치 4월의 특가<br>UP TO 60%</h3>
								<a class="PU_btn" href="/newch/event_view?e_idx=314" alt="이벤트 자세히보기">자세히보기 &raquo;</a>
							</div>			
							<div class="inform-body area">
								<a class="PU_btn" href="/newch/event_view?e_idx=314" alt="이벤트 자세히보기"><div class="PU_img--03 loaded" alt="팝업 이미지"></div></a>
							</div>									
						</div>
					</li>
					<li class="slider" onclick="location.href='#'">
						<div class="inform-box PU_alert">
							<div class="inform-header area">									
								<h3>[이벤트] 에스프리카페 커피스트리북<br>증정 이벤트</h3>
								<a class="PU_btn" href="/newch/event_view?e_idx=317" alt="이벤트 자세히보기">자세히보기 &raquo;</a>
							</div>			
							<div class="inform-body area">
								<a class="PU_btn" href="/newch/event_view?e_idx=317" alt="이벤트 자세히보기"><div class="PU_img--02 loaded" alt="팝업 이미지"></div></a>
							</div>									
						</div>
					</li>-->
				</ul>
			</div>
		</div>
	</div>
	
	<div class="menu-container" id="header">
		<!-- Menu -->
		
		<div class="menu-logo" style="margin-top:20px;"><a href="/newch/chungho.php"><i class="ch_logo" aria-hidden="true"></i></a></div>
		<ul class="menu-center mmc" style="margin-top:20px;">      
			
			<li class="menu01 drop">
				<a href="#" style="line-height: normal;">제품</a>
				<div class="drop_cont">
					<ul class="drop_cont_list">
											</ul>
				</div>
			</li>
			<li class="menu02 drop">
				<a href="/newch/service.php" style="line-height: normal;">서비스</a>
				<div class="drop_cont">
					<ul class="drop_cont_list">
						<li><a class="btn-liner" href="/newch/service_premium01.php">제품 서비스</a></li>
						<li><a class="btn-liner" href="/newch/service_vip.php">고객 서비스</a></li>
						<li><a class="btn-liner" href="/newch/service_agent01.php">서비스 전문요원</a></li>
						<li><a class="btn-liner" href="/newch/service_faq.php">서비스 문의</a></li>
						<li><a class="btn-liner" href="/newch/service_b2b.php">B2B/렌탈 신규 문의</a></li>
						<li><a class="btn-liner" href="/newch/service_ps.php">제휴사 문의</a></li>
					</ul>
				</div>
			</li>
			<li class="menu03"><a href="/newch/event_list.php" style="line-height: normal;">이벤트</a></li>
			
			<li class="menu04 drop">
				<a href="/newch/brand_story.php" style="line-height: normal;">스토리</a>
				<div class="drop_cont">
					<ul class="drop_cont_list">
						<li><a class="btn-liner" href="/newch/brand_story.php">스토리</a></li>
						<li><a class="btn-liner" href="/newch/why_chungho1.php">왜, 청호인가?</a></li>
						<li><a class="btn-liner" href="/newch/free">미세플라스틱 프리</a></li>
						<li><a class="btn-liner" href="/newch/pr_center.php">AD & MEDIA</a></li>
						<li><a class="btn-liner" href="/newch/news_list.php">청호소식</a></li>
						<li><a class="btn-liner" href="/newch/magazine.php">청호피플</a></li>
					</ul>
				</div>
			</li>
			
			<li class="menu05 drop">
				<a href="/matching?gbn=chungho" target="_blank" style="line-height: normal;">플래너 매칭</a>
				<div class="drop_cont">
					<ul class="drop_cont_list">
						<li><a class="btn-liner" href="/matching/product?gbn=chungho" target="_blank">제품 상담 신청</a></li>
						<li><a class="btn-liner" href="/matching/planner?gbn=chungho" target="_blank">플래너 지원</a></li>
					</ul>
				</div>
			</li>
			
			<li class="menu06"><a href="/newch/service_b2b.php" style="line-height: normal;">B2B 문의</a></li>
			<li class="menu07"><a href="/cs" style="line-height: normal; background: #f2f2f2; color: #333; padding: 3px 17px 5px; border-radius: 15px; margin-top: -2px; font-weight:700" target="_blank">온라인 고객센터</a></li>
			
		</ul>

		<style>		
	.searchDiv {position:absolute; top:14px; right:13%;line-height: normal;z-index:1001}
	.searchClose {position: absolute; top: 13px; right: 15px; background: url('/newch/images/fi-rr-cross-small.svg') calc(100% - 5px) no-repeat #eee; background-size: 25px; padding: 18px; border-radius: 100px; cursor: pointer;}
	.searchClose:hover {transform: rotate(270deg); transition: 1.3s ease;}

	.searchTop {background:url('/newch/images/fi-rr-search.svg') calc(100% - 15px) 50% no-repeat #f2f2f2; background-size: 20px; width:150px; border:0; border-radius: 100px; padding:0 20px; height: 40px; font-size: 16px;}
	.searchTop2 {background:url('/newch/images/fi-rr-search.svg') calc(100% - 30px) 50% no-repeat #f2f2f2; background-size: 20px; max-width:700px; width:0px; border:0; border-radius: 100px; padding:0 30px; height: 40px; font-size: 16px; margin-top:10px; display: none; box-sizing: border-box;}
	.searchTop:hover {background:url('/newch/images/fi-rr-search.svg') calc(100% - 15px) 50% no-repeat #e2e2e2; background-size: 20px;}
	.searchTop2:hover {background:url('/newch/images/fi-rr-search.svg') calc(100% - 30px) 50% no-repeat #e2e2e2; background-size: 20px;}
	.searchAreaBg {position: fixed; width:100%; height:100%; background:rgba(0,0,0,0.4); top: 0; left: 0; display: none; z-index:10001}
	.searchArea {position: fixed; width:100%; height:150px; background:#fff; top: 0; left: 0; display: none; z-index:10002}
	.recSearch {width:70%; max-width:700px; border:0; padding: 20px 0; margin:2px auto 0; text-align:left; line-height: normal; display: flex; align-items: center;}
	.recSearch div { font-size:15px; font-weight:400; color:#333; margin-left:25px; cursor: pointer;}
	.recSearch div:first-child { font-size:18px; color:#999; font-weight:300; margin-left:0px; cursor:auto }
	.top2Area {width:70%; max-width:700px; margin:0 auto; display:table; position:relative;}
	.searchReset {position:absolute; width:15px; height:15px; top:22px; right: 65px; color: #fff; border-radius: 20px; background: url(/newch/images/fi-rr-cross-small-w.svg) no-repeat #666; display:none;}
	
	@media screen and (max-width: 768px) {
		.searchDiv {right:17%;}
		.searchTop {background: url('/newch/images/fi-rr-search-w.svg') 50% 50% no-repeat; background-size: 20px; position: absolute; width: 35px; height: 35px; left: -90px;}
		.searchArea {height:100%}
		.recSearch {display: block !important;}
		.recSearch div {margin-left: 0; margin-top: 7px;}
		.recSearch div:first-child  margin-top: 0;}
	}
	@media screen and (max-width: 500px) {
		.searchAreaBg {right:24%;}
	}

</style>

<div class="searchDiv">
	<input type="text" class="searchTop" placeholder="검색" value="" readonly> 
	
</div>
<div class="searchAreaBg"></div>
<div class="searchArea">
	
	<form method="get" action="/newch/search.php">	
		<div class="top2Area">
			<input type="text" name="searchword" class="searchTop2" placeholder="검색" value="" oninput="inputText()" autocomplete="off"> 
			<div class="searchReset"></div>
		</div>
	</form>
	<div class="recSearch">
		<div>추천 검색어</div>
		<div onclick="location.href='/newch/search.php?searchword=에스프레카페'">에스프레카페</div>
		<div onclick="location.href='/newch/search.php?searchword=얼음정수기'">얼음정수기</div>
		<div onclick="location.href='/newch/search.php?searchword=자가관리'">자가관리</div>
		<div onclick="location.href='/newch/search.php?searchword=매트리스'">매트리스</div>
		<div onclick="location.href='/newch/search.php?searchword=세니타'">세니타</div>
	</div>
	<div class="searchClose"></div>
</div>
<script>
	
	function inputText(n){
		$('.searchReset').fadeIn(50);
	}
		
	$( document ).ready( function() { 
		$( '.searchReset' ).click( function() {
			$( '.searchTop2' ).val('');
			$('.searchReset').fadeOut(50);
		});		
	}); 
</script>		
		<div class="mypage" alt="내정보">

			<a class="btn_mypage" href="../mychungho/myservice_info" alt="내정보"></a>			
			<div class="mypage_cont">
				<a href="/mychungho/myinfo_modify">정보관리</a>
				<!--
				<a href="/mychungho/myservice_info">서비스 관리</a>
				<a href="/mychungho/myas_list">A/S 조회 및 신청</a>
				<a href="/mychungho/mycharge_list">납부요금 조회</a>
				<a href="/mychungho/my_inquire_list">상담내역</a>
				-->
				<a href="/mychungho/order_list">구매내역</a>
				<a href="/mychungho/rental_list">렌탈상품 주문 내역</a>
				
			</div>
		</div>
		<div class="menu allmenu" alt="전체메뉴" style="margin-top:20px;">
			<span class="menu-circle"></span>
			<a href="#" class="menu-link">
				<span class="menu-icon">
				  <span class="menu-line menu-line-1"></span>
				  <span class="menu-line menu-line-2"></span>
				  <span class="menu-line menu-line-3"></span>
				</span>
			</a>
			<div class="menu-overlay nav">
				<!--데스크탑-->
				<div class="Amenu_cont--wrap">

					<div class="Amenu_cont-top">
						<div class="cont-topL">
														<a href="../member/login.php">로그인</a>
														<a href="/mychungho/myinfo_modify">내정보</a> 
						</div>
						<div class="cont-topR">
							<a href="../company/ceo">회사소개</a>
							<a href="../guide/clause">이용약관</a>
							<a href="../guide/privacy_handle">개인정보처리방침</a>
							<a href="../guide/contract01">계약서 약관 안내</a>
							<a href="../guide/email">이메일집단수집거부</a>
						</div>
					</div>

					<ul>
						<li>
							<h3>제품</h3>
							<div class="Amenu_cont">
								
								<ol>
																	<li><a class="btn-linerW" href="" target="_blank"></a></li>
																										<li><a class="btn-linerW" href="" target="_blank"></a></li>
																										<li><a class="btn-linerW" href="" target="_blank"></a></li>
																										<li><a class="btn-linerW" href="" target="_blank"></a></li>
																										<li><a class="btn-linerW" href="" target="_blank"></a></li>
																									</ol>
								<ol>
																</ol>
								
							</div>
						</li>
						<li>
							<h3 onclick="location.href='service.php';" style="cursor: pointer;">서비스</h3>
							<div class="Amenu_cont">
								<ol>
									<li>
										<a class="btn-linerW" href="/newch/service_premium01.php">제품 서비스</a>
										<span onclick="location.href='/newch/service_premium01.php'">프리미엄 서비스</span>
										<span onclick="location.href='/newch/service_rental.php'">렌탈 서비스</span>
										<span onclick="location.href='/newch/service_mattress.php';">매트리스 서비스</span>
										<span onclick="location.href='/newch/service_plant_01.php';">플랜트</span>
										<span onclick="location.href='/newch/service_hallinone.php';">홀인원 케어서비스</span>
									</li>
									<li><a class="btn-linerW" href="/newch/service_vip.php">고객 서비스</a>
										<span onclick="location.href='/newch/service_vip.php'">VIP 고객 서비스</span>
										<span onclick="location.href='/newch/service_freerental.php'">Free Rental 서비스</span>
										<span onclick="location.href='/newch/moneyback_lt.php'">제휴카드 안내</span>
										<span onclick="location.href='/newch/onlineofficial.php'">온라인 공식 인증몰</span>
									</li>
								</ol>
								<ol>
									<li>	
										<a class="btn-linerW" href="/newch/service_agent01.php">서비스 전문요원</a>
										<span onclick="location.href='/newch/service_agent01.php';">서비스 전문요원</span>
										<span onclick="location.href='/newch/service_agentList.php';">전국 지사 찾기</span>
										<span onclick="location.href='/newch/service_sellerList.php';">판매인 조회</span>
									</li>
									<li><a class="btn-linerW" href="/newch/service_faq.php">서비스 문의</a>
										<span onclick="location.href='/newch/service_faq.php'">자주찾는 질문</span>
										<span onclick="location.href='/newch/service_manual.php'">제품 사용설명서 찾기</span>
										<span onclick="location.href='/newch/service_sc.php'">수리비용 안내</span>
										<!--span onclick="location.href='/newch/service_ccm.php'">고객 문의</span-->
										<span onclick="location.href='/newch/service_b2b.php'">B2B/렌탈 신규문의</span>
										<span onclick="location.href='/newch/service_ps.php'">제휴사 문의</span>
									</li>
								</ol>
							</div>
						</li>
						<li>
							<h3>이벤트</h3>
							<div class="Amenu_cont">
								<ol>
									<li>
										<a class="btn-linerW" href="/newch/event_list.php">이벤트</a>
										<span onclick="location.href='/newch/event_list.php';">이벤트</span>
										<span onclick="location.href='/newch/eventresult_list.php';">당첨자 발표</span>
									</li>
								</ol>
							</div>
						</li>
						<li>
							<h3>스토리</h3>
							<div class="Amenu_cont">
								<ol>
									<li><a class="btn-linerW" href="/newch/brand_story.php">스토리</a></li>
									<li><a class="btn-linerW" href="/newch/why_chungho1.php">왜, 청호인가?</a></li>
									<li><a class="btn-linerW" href="/newch/free">미세플라스틱 프리</a></li>
									<li><a class="btn-linerW" href="/newch/pr_center.php">AD & MEDIA</a></li>
									<li><a class="btn-linerW" href="/newch/news_list.php">청호소식</a></li>
									<li><a class="btn-linerW" href="/newch/magazine.php">청호피플</a></li>
								</ol>
							</div>
						</li>
						
						<li>
							<h3>플래너 매칭</h3>
							<div class="Amenu_cont">
								<ol>
									<li><a class="btn-linerW" href="/matching/product?gbn=chungho" target="_blank">제품 상담 신청</a></li>
									<li><a class="btn-linerW" href="/matching/planner?gbn=chungho" target="_blank">플래너 지원</a></li>
								</ol>
							</div>
						</li>
						
					</ul>

				</div>

				<!--모바일/테블릿-->
				<div class="accordion js-accordion">
					<div class="accordion__item item-top js-accordion-item" style="border-top: 1px solid #666;">
						<div class="accordion-header js-accordion-header">제품</div> 
						<div class="accordion-body js-accordion-body">
							<div class="accordion js-accordion">
								<div class="accordion js-accordion">
															</div>
							</div>
						</div>
					</div>
					<div class="accordion__item js-accordion-item">
						<div class="accordion-header js-accordion-header">서비스</div> 
						<div class="accordion-body js-accordion-body">
							<div class="accordion js-accordion">
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub js-accordion-header">제품 서비스</div> 
									<div class="accordion-body js-accordion-body">
										<div class="accordion-body__contents">
											<a href="/newch/service_premium01.php">프리미엄 서비스</a>
											<a href="/newch/service_rental.php">렌탈 서비스</a>
											<a href="/newch/service_mattress.php">매트리스 서비스</a>
											<a href="/newch/service_plant_01.php">플랜트</a>
											<a href="/newch/service_hallinone.php">홀인원 케어서비스</a>
										</div>
									</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub js-accordion-header">고객 서비스</div> 
									<div class="accordion-body js-accordion-body">
										<div class="accordion-body__contents">
											<a href="/newch/service_vip.php">VIP 고객 서비스</a>
											<a href="/newch/service_freerental.php">Free Rental 서비스</a>
											<a href="/newch/moneyback_lt.php">제휴카드 안내</a>
											<a href="/newch/onlineofficial.php">온라인 공식 인증몰</a>
										</div>
									</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub js-accordion-header">서비스 전문요원</div> 
									<div class="accordion-body js-accordion-body">
										<div class="/newch/accordion-body__contents">
											<a href="/newch/service_agent01.php">서비스 전문요원</a>
											<a href="/newch/service_agentList.php">전국 지사 찾기</a>
											<a href="/newch/service_sellerList.php">판매인 조회</a>
										</div>
									</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub js-accordion-header">서비스 문의</div> 
									<div class="accordion-body js-accordion-body">
										<div class="accordion-body__contents">
											<a href="/newch/service_faq.php">자주찾는 질문</a>
											<a href="/newch/service_manual.php">제품 사용설명서 찾기</a>
											<a href="/newch/service_sc.php">수리비용 안내</a>
											<!--a href="/newch/service_ccm.php">고객 문의</a-->
											<a href="/newch/service_b2b.php">B2B/렌탈 신규 문의</a>
											<a href="/newch/service_ps.php">제휴사 문의</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="accordion__item js-accordion-item">
						<div class="accordion-header js-accordion-header">이벤트</div> 
						<div class="accordion-body js-accordion-body">
							<div class="accordion js-accordion">
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub js-accordion-header">이벤트</div> 
									<div class="accordion-body js-accordion-body">
										<div class="accordion-body__contents">
											<a href="/newch/event_list.php">이벤트</a>
											<a href="/newch/eventresult_list.php">당첨자 발표</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="accordion__item js-accordion-item">
						<div class="accordion-header js-accordion-header">스토리</div> 
						<div class="accordion-body js-accordion-body">
							<div class="accordion js-accordion">
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub2" onclick="location.href='/newch/brand_story.php'">스토리</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub2" onclick="location.href='/newch/why_chungho1.php'">왜, 청호인가?</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub2" onclick="location.href='/newch/free'">미세플라스틱 프리</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub2" onclick="location.href='/newch/pr_center.php'">AD & MEDIA</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub2" onclick="location.href='/newch/news_list.php'">청호소식</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub2" onclick="location.href='/newch/magazine.php'">청호피플</div>
								</div>
							</div>
						</div>
					</div>
					
					
					<div class="accordion__item js-accordion-item">
						<div class="accordion-header js-accordion-header">플래너 매칭</div> 
						<div class="accordion-body js-accordion-body">
							<div class="accordion js-accordion">
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub2" onclick="window.open('/matching/product?gbn=chungho')">제품 상담 신청</div>
								</div>
								<div class="accordion__item js-accordion-item">
									<div class="accordion-header_sub2" onclick="window.open('/matching/planner?gbn=chungho')">플래너 지원</div>
								</div>								
							</div>
						</div>
					</div>
					<div class="accordion__item js-accordion-item" style="margin-bottom:54px;">
						<div class="accordion-header js-accordion-header" onclick="location.href='/newch/service_b2b.php'">b2b 문의</div> 						
					</div>
					
				</div>
				<!--<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>-->
				<script type="text/javascript">
					var accordion = (function(){
  
						var $accordion = $('.js-accordion');
						var $accordion_header = $accordion.find('.js-accordion-header');
						var $accordion_item = $('.js-accordion-item');

						// default settings 
						var settings = {
							// animation speed
							speed: 400,

							// close all other accordion items if true
							oneOpen: false
						};

						return {
							// pass configurable object literal
							init: function($settings) {
								$accordion_header.on('click', function() {
									accordion.toggle($(this));
							
									setTimeout(() => {
										$('body, html').animate({
											scrollTop: $(this).offset().top
										}, 500)
									}, 400)
						});
						  
						  $.extend(settings, $settings); 
						  
						  // ensure only one accordion is active if oneOpen is true
						  if(settings.oneOpen && $('.js-accordion-item.active').length > 1) {
							$('.js-accordion-item.active:not(:first)').removeClass('active');
						  }
						  
						  // reveal the active accordion bodies
						  $('.js-accordion-item.active').find('> .js-accordion-body').show();
						},
						toggle: function($this) {
								
						  if(settings.oneOpen && $this[0] != $this.closest('.js-accordion').find('> .js-accordion-item.active > .js-accordion-header')[0]) {
							$this.closest('.js-accordion')
								   .find('> .js-accordion-item') 
								   .removeClass('active')
								   .find('.js-accordion-body')
								   .slideUp()
						  }
						  
						  // show/hide the clicked accordion item
						  $this.closest('.js-accordion-item').toggleClass('active');
						  $this.next().stop().slideToggle(settings.speed);
						}
						}
					})();

					$(document).ready(function(){
						accordion.init({ speed: 300, oneOpen: true });
					});
				</script>
			</div>
		</div>
	</div>
	</header>
<!-- ADN Tracker[방문자] start -->
<script type="text/javascript">
window.addEventListener('load', function() {
    var across_adn_contain = new fn_across_adn_contain();
    var across_adn_param = [];
    across_adn_param = {"ut":"Home","ui":"107262"};
    across_adn_contain.init(across_adn_param);
});
</script>
<!-- ADN Tracker[방문자] end -->

<script>
	//pop up slick slider
	$(function() {
		$('.PUslider-wrap').slick({
			slide: 'li',        //슬라이드 되어야 할 태그 ex) div, li 
			infinite : true,     //무한 반복 옵션     
			slidesToShow : 1,        // 한 화면에 보여질 컨텐츠 개수
			slidesToScroll : 1,        //스크롤 한번에 움직일 컨텐츠 개수
			speed : 800,     // 다음 버튼 누르고 다음 화면 뜨는데까지 걸리는 시간(ms)
			arrows : true,         // 옆으로 이동하는 화살표 표시 여부
			//dots : true,         // 스크롤바 아래 점으로 페이지네이션 여부
			autoplay : true,            // 자동 스크롤 사용 여부
			autoplaySpeed : 8000,         // 자동 스크롤 시 다음으로 넘어가는데 걸리는 시간 (ms)
			//pauseOnHover : true,        // 슬라이드 이동 시 마우스 호버하면 슬라이더 멈추게 설정
			vertical : false,        // 세로 방향 슬라이드 옵션
			prevArrow : "<button type='button' class='slick-prev'>Previous</button>",        // 이전 화살표 모양 설정
			nextArrow : "<button type='button' class='slick-next'>Next</button>",        // 다음 화살표 모양 설정
			dotsClass : "slick-dots",     //아래 나오는 페이지네이션(점) css class 지정
			draggable : true,     //드래그 가능 여부 				 
		});
	});

	$(function() {  
		$(".menu-link").click(function(e) {
			e.preventDefault();

			$(".menu-overlay").toggleClass("open");
			$(".menu").toggleClass("open");

		});
	});

	$(document).ready(function() {
		$('#pu_close').click(function() {
			this.parentElement.style.display='none';
			document.getElementById('Sitemap').style.margin='0';
		});
	});
	
	$(function(){
    var lastScrollTop = 0, delta = 15;
    $(window).scroll(function(event){
       var st = $(this).scrollTop();
       
       if(Math.abs(lastScrollTop - st) <= delta)
          return; // 스크롤값을 받아서 리턴한다.
	if ((st > lastScrollTop) && (lastScrollTop>0)) {
		   // downscroll code
		  $("#header").css("top","-70px"); // 스크롤을 내렸을때 #header의 CSS 속성중 top 값을 -50px로 변경한다.
		 $(".free").css("top","10px"); // 스크롤을 내렸을때 #header의 CSS 속성중 top 값을 -50px로 변경한다.
	  
	   } else {
		  // upscroll code
		  $("#header").css("top","0px"); // 스크롤을 올렸을때 #header의 CSS 속성중 top 값을 0px로 변경한다.
		   $(".free").css("top","75px"); // 스크롤을 내렸을때 #header의 CSS 속성중 top 값을 -50px로 변경한다.
	   }
		   lastScrollTop = st;
		});
	});

	//팝업
	$(document).ready(function(){
		var layer = $('.layerPop');
		var btnClose = $('.btn-close');
		var edate= new Date("2022/5/31 23:59:59"); 

		//닫기버튼 누를시 하루동안 열지않기
		cookiedata = document.cookie;

		if ( Date.now() <= edate && cookiedata.indexOf("layerCookie=done") < 0 ){     
			layer.show();
		}

		function setCookie( name, value, expiredays ) {
			var todayDate = new Date();
			todayDate.setDate( todayDate.getDate() + expiredays ); 
			document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
		}

		btnClose.on("click", function(){
			//expiredays의 1은 하루를 의미한다, 일주일은 7, 1년은 365로 입력
			if($("input:checkbox[name='popcheck']").is(":checked") == true){
				setCookie( "layerCookie", "done" , 1);   
			}
			layer.fadeOut('fast');
		})
	});
</script>DataBase에 접속할 수 없습니다.Array
(
    [code] => 604
    [message] => ORA-00604: error occurred at recursive SQL level 1
ORA-01653: unable to extend table SYS.AUD$ by 8192 in tablespace SYSAUX
ORA-02002: error while writing to audit trail
ORA-00604: error occurred at recursive SQL level 1
ORA-01653: unable to extend table SYS.AUD$ by 8192 in tablespace SYSAUX
    [offset] => 0
    [sqltext] => 
)
DataBase에 접속할 수 없습니다.Array
(
    [code] => 604
    [message] => ORA-00604: error occurred at recursive SQL level 1
ORA-01653: unable to extend table SYS.AUD$ by 8192 in tablespace SYSAUX
ORA-02002: error while writing to audit trail
ORA-00604: error occurred at recursive SQL level 1
ORA-01653: unable to extend table SYS.AUD$ by 8192 in tablespace SYSAUX
    [offset] => 0
    [sqltext] => 
)
<style type="text/css">
#online_offi .offi_body {text-align: center; font-size: 14px; letter-spacing: -1px; color: #111111;}
#online_offi h1 {font-size: 32px; line-height: 48px; font-weight: 500;margin-bottom: 20px}
#online_offi .tit {margin: 3% 5% 0;}
#online_offi .tit h1 {word-break: keep-all;}
#online_offi p span li{word-break: keep-all; margin: 0; padding: 0;}
#online_offi a {text-decoration: none;}

#online_offi .pd_wrap {margin-top: 3%;}
#online_offi .pd_wrap ul {list-style: none; margin: 0; padding: 0;}
#online_offi .pd_wrap .pd {display: inline-block; background: #f9f9f9; border: 1px solid #ddd; border-radius: 10px 10px; width: 20%;max-width: 486px; margin: 0.5%;}
#online_offi .pd_wrap .pdtit {padding-top: 15%;}
#online_offi .pd_wrap .pd span {font-size: 16px; line-height: 24px; font-weight: 300; color: #666;}
#online_offi .pd_wrap .pd p {font-size: 24px; line-height: 36px; font-weight: 300; margin: 1% 0 10%;}
#online_offi .pd_wrap .pdimg {margin-top: -10%;}
#online_offi .pd_wrap .pdbtn {margin: 7% auto 15%;}
#online_offi .pd_wrap .pdbtn a {color: #fff; background: #333; border: 0; border-radius: 5px; padding: 3% 8%; font-size: 14px; font-weight: 300; }
#online_offi .pd_wrap .pdbtn a:hover {color: #111111; background: #fff; border: 3px solid #0164a5}
#online_offi .mark {position: relative !important; background: #3285ef; width: 100%; padding: 5% 0 1%; margin: 5% auto 0;}	
#online_offi .mark h1 {color: #fff}

#online_offi .list_wrap { top: 0; left: 0; padding-bottom: 3%;}
#online_offi .box_search {position: relative; background: #eee; padding: 5% 0 3%;}
#online_offi .box_search p {text-align: center;color: #666; margin-top:20px;}
#online_offi .searchcont {display: inline-block; width:85%; max-width:700px; margin:0 auto;}
#online_offi .searchcont li{display: inline-block; float:left;}
#online_offi .searchcont li:nth-child(1){width:80%;}
#online_offi .searchcont li:nth-child(2){width:calc(20% - 20px); margin-left:20px;}
#online_offi .searchcont input {width: calc(100% - 20px); height: 45px; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
#online_offi .searchcont .btnfind {width: 100%; height: 47px; border-radius: 4px; font-size: 20px; background: #333; color: white; border: 0;}
#online_offi .searchcont .btnfind:hover {color:#4cd0cd;}
#online_offi .searchcont p {color: #666;}	

#online_offi .listD {width:100%; max-width:1280px; margin:0 auto; display:table; text-align:left; font-size:15px; padding:35px 0;}
#online_offi .listD ul {position: relative; width:calc(50% - 60px); display: inline-block; float:left; margin-right:40px; border-bottom:1px solid #eee; padding:15px 20px; font-weight:700;}
#online_offi .listD ul:nth-child(2n) {margin-right:0;}
#online_offi .listD ul a {letter-spacing: 2px; font-size:13px; color:#006BEC; text-decoration: underline; font-weight:400;}
#online_offi .listD .dia {width:50px; height:50px; position: absolute; top:11.5px; right:20px;}

.paging_wrap1 {width:100%; text-align:center; margin-bottom:40px; position:relative;z-index:9;}
.paging1 {display: inline-block;}
.paging1 .bn {height:30px; float:left;}
.paging1 .bn a {display:inline-block; float:left; margin:0 2px; width:30px; height:30px; border:1px solid #dadada;color:#807e7e; font-size:10pt; line-height:30px; text-transform:uppercase;}
.paging1 .bn_left a {display:block; height:100%;text-align:center;}
.paging1 .bn_right a {display:block; height:100%;text-align:center;}
.paging1 ul {display:contents; float:left; ; height:30px;}
.paging1 ul li {float:left; width:30px; height:30px; margin:0 2px;}
.paging1 ul li a {display:block; width:30px; height:30px; border:1px solid #dadada; font-size:12px; color:#807e7e; text-align:center; line-height:30px;}
.paging1 ul li.on  {width:31px; height:31px; border:0; background:#666; font-weight:bold; color:#fff; line-height:30px;}
.paging1 ul li.on a {color:#fff;}


@media only screen and (max-width: 1024px) {
	#online_offi h1 {font-size: 24px; line-height: 36px; font-weight: 500;}
}

@media only screen and (max-width: 768px) {	
	#online_offi h1 {font-size: 20px; line-height: 30px; font-weight: 500;}
	#online_offi .offi_body .titline {height: 20px;}
	#online_offi .pd_wrap .pd {width: 45%; margin: 1%;}
	#online_offi .pd_wrap .pd span {font-size: 12px;}
	#online_offi .pd_wrap .pd p {font-size: 16px; line-height: 22px;}
	#online_offi .box_search {background: #fff; }
	#online_offi .box_search ul.searchcont {width: 100%;}
	#online_offi .searchcont li:nth-child(2){width:calc(20% - 5px); margin-left: 4px;}
	#online_offi .searchcont input {width: 100%;}
	#online_offi .box_search p {text-align: left; margin-top: 10px; font-size: 12px;}
	#online_offi .searchcont label {width: 60%;}
	#online_offi .searchcont .btnfind {font-size: 15px;}
	#online_offi .listD ul {width: calc(100% - 40px);}
}
@media only screen and (max-width: 400px) {
	#online_offi .listD ul a {letter-spacing: 1px;}
}
	
</style>

<section id="service_list">
	<article class="servicelist_wrap pd0">		
		<div class="Tit"><p>고객 서비스</p></div>
		<div class="sub_navi">
			<div>
				<ul>
					<li class="btn-liner" onclick="location.href='service_vip.php'">VIP 고객 서비스</li>
					<li class="btn-liner" onclick="location.href='service_freerental.php'">Free Rental 서비스</li>
					<li class="btn-liner" onclick="location.href='moneyback_lt.php'">제휴카드 안내</li>
					<li class="btn-liner active" onclick="location.href='onlineofficial.php'">온라인 공식 인증몰</li>
				</ul>
			</div>
		</div>

		<div class="service">
			<div class="title">
				<h3>온라인 공식 인증몰</h3>
				<h6>청호나이스에서 공식 인증한 온라인몰을 통해 <br class="pc">안전하고 정확한 제품상담을 받으실 수 있습니다.</h6>
			</div>
			<div id="online_offi" class="wrap">
				<div class="offi_body">	
				<!--
					<div class="pd_wrap">
				
						<ul>
							<li class="pd pd01">
								<div class="pdtit">
									<span>4중 안심기술로 깨끗한</span>
									<p>살균 얼음정수기<br>SANITA</p>
								</div>
								<div class="pdimg"><img src="../images/onlineoffcial/offi_sa.png" width="70%"></div>
								<div class="pdbtn">
									<a href="https://www.chungho.co.kr/info/search?searchWord=sanita">자세히 보기</a>
								</div>
							</li>
							<li class="pd pd04">
								<div class="pdtit">
									<span>이탈리아 커피 정수기</span>
									<p>커피 얼음정수기<br>휘카페-IV 엣지</p>
								</div>
								<div class="pdimg"><img src="../images/onlineoffcial/offi_whi.png" width="70%"></div>
								<div class="pdbtn">
									<a href="https://www.chungho.co.kr/product/product_detail?s_category1=66&s_category2=&s_category3=&s_category4=&page=1&p_idx=451&s_recomm_flag=&orderby=BEST&qWord=">자세히 보기</a>
								</div>
							</li>
							<li class="pd pd02">
								<div class="pdtit">
									<span>항상 나의 곁에~ ALWAYS</span>
									<p>휴대용 공기청정기<br>ALWAYS</p>
								</div>
								<div class="pdimg"><img src="../images/onlineoffcial/offi_al.png" width="70%"></div>					
								<div class="pdbtn">
									<a href="https://www.chungho.co.kr/info/search?searchWord=always">자세히 보기</a>
								</div>
							</li>
							<li class="pd pd03">
								<div class="pdtit">
									<span>트리플 살균시스템</span>
									<p>살균 비데<br>B600</p>
								</div>
								<div class="pdimg"><img src="../images/onlineoffcial/offi_bi.png" width="70%"></div>					
								<div class="pdbtn">
									<a href="https://www.chungho.co.kr/product/product_detail?s_category1=40&s_category2=&page=1&p_idx=900&orderby=asc&qWord=">자세히 보기</a>
								</div>
							</li>
						</ul>
					</div>
					-->
					<div class="mark">
						<h1>청호나이스 온라인 공식 인증점 마크</h1>
						<p class="markimg"><img src="../images/onlineoffcial/offi_mark.png" width="100%"></p>
					</div>
					<div name="search">
					</div>
					<div>
						<form role="form" name="frmInfo" id="frmInfo" method="get">	
						<input type="hidden" id="page" name="page" value="1">
						<div class="list_wrap">
							<div class="box_search">							
								<ul class="searchcont">
									<li><input name="search" id="search" type="text" placeholder="온라인 공식 인증점을 검색해보세요." maxlength="80" value=""></li>
									<li><button class="btnfind" onKeyPress="goSearch();" onclick="goSearch();">검색</button></li>
								</ul>
								<p>*주요 검색 키워드 2자 이상 입력해주세요. (인증점명)</p>
							</div>
							<div class="box_list">
								<div class="listD">							
																	</div>						
							</div>				
							<div class="paging_wrap1">
								<div class="paging1">
									<ol>
																			</ol>
								</div>
							</div>
						</div>			
						</form>
					</div>		
				</div>
			</div>
		</div>
	</article>
</section>

<script>
	function goSearch(){
		var search = $('#search').val();
		location.href='onlineofficial?page=1&search='+search+'#search';
	}
	
	function goPageD(page){
		var search = $('#search').val();
		location.href='onlineofficial?page='+page+'&search='+search+'#search';
	}
</script>

<style type="text/css">
	/****푸터****/
	footer .footer-contents {
		display: inline-block;
		width: 100%;
		margin: 0 auto;
		background: #333;
	}
	footer .footer-contents .footer-nav {  
		display: flex;
		width: 90%;
		max-width: 1440px;
		margin: 3% 5% 0;
		letter-spacing: 0.5px;
		color: #999;  
	}		
	@media (max-width: 768px) {
		footer .footer-contents .footer-nav {
			display: inline-block;
		}
	}
	footer .footer-contents .footer-nav:before {
		content: '';
		display: block;
		margin-top: 20px;
	}
	footer .footer-contents .footer-nav dt {
		font-weight: 600;
		margin-bottom: 20px;
		text-align: left;
	}
	footer .footer-contents .footer-nav dd {
		margin-bottom: 15px;
	}
	footer .footer-contents .footer-nav dd a {
		font-size: 12px;
		margin-right: 14px;
		color: #999;
	}
	@media (max-width: 768px) {
		footer .footer-contents .footer-nav dd a {
			letter-spacing: -0.5px;
		}
	}
	footer .footer-contents .footer-nav a:hover {
		color: #fff;
	}

	/**Left**/
	footer .footer-nav .ch-left {
		display: flex;
		flex-basis: 80%;
	}
	@media (max-width: 1024px) {
		footer .footer-nav .ch-left {
			flex-basis: 60%;
		}
	}
	footer .footer-nav .ch-left .company-info p {
		font-weight: 600;
		margin-bottom: 15px;;
	}
	footer .footer-nav .ch-left .company-info p > a {
		color: #999;
	}
	footer .companyL {
		width: 25%;
		display: inline-block;
	}		
	@media (max-width: 768px) {
		footer .companyL {
			width: 100%;
		}
	}	

	/**Right**/
	footer .footer-nav .ch-right {
		display: inline-block;
		flex-basis: 40%;
	}	
	@media (max-width: 768px) {
		footer .footer-nav .ch-right {
			justify-content: center;
			text-align: center;
			width: 100%;
			display: inline-block;
		}
	}		
	/**Right-sns**/
	footer .ch-right .companyR {
		display: inline-block;
	}
	@media (max-width: 768px) {
		footer .ch-right .company-follow dt {
			visibility: hidden;
		}
	}
	footer .ch-right .footer-sns .ir {
		display: block;
		background: url(/newch/images/ch_sns2x.png) no-repeat;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -999em;
	}
	footer .ch-right .footer-sns {
		display: flex;
	}
	footer .ch-right .footer-sns span {
		width: 32px;
		height: 32px;
	}
	footer .ch-right .footer-sns span:hover {
		opacity: 0.6;
	}
	footer .ch-right .footer-sns .ch-facebook {
		background-position: 0 0;
	}
	footer .ch-right .footer-sns .ch-instagram {
		background-position: -39px 0;
	}
	footer .ch-right .footer-sns .ch-kakaostory {
		background-position: -78px 0;
	}
	footer .ch-right .footer-sns .ch-naverblog {
		background-position: -117px 0;
	}
	footer .ch-right .footer-sns .ch-naverposter {
		background-position: -157px 0;
	}
	footer .ch-right .footer-sns .ch-youtube {
		background-position: -196px 0;
	}

	/*Right-세이프 키*/					
	footer .ch-right .btn_wrap {
		display: flex;
		margin-top: 30px;
	}
	@media (max-width: 768px) {
		footer .ch-right .btn_wrap {
			place-content: center;
		}
	}
	footer .ch-right .btn_wrap .safeKey {
		display: inline-block;
		width: 100%;
		max-width: 190px;
		height: 45px;
		background: #717171;
		border-radius: 5px;

		font-size: 12px;
		line-height: 45px;
		color: #fff;
		text-align: center;
		margin-right: 7px;
	}
	footer .ch-right .btn_wrap .safeKey:hover {
		color: #b8b8b8;
	}
	/*Right-패밀리사이트*/
	footer .ch-right .btn_wrap .fsite {
		position: relative; 
		display: inline-block;
		width: 100%;
		max-width: 190px;
	}
	footer .ch-right .btn_wrap .fsite .arrow {position: absolute; top: 15px; right: 25px; z-index: 3;background: none;}
	footer .ch-right .btn_wrap .fsite .dropbtn {
		position: relative;
		top: 0;
		left: 0;
		z-index: 2;

		width: 100%;
		max-width: 190px;
		height: 45px;

		font-size: 12px;
		text-align: left;
		text-indent: 20px;
		color: #fff;

		background: #333;
		border: 1px solid #717171;
		border-radius: 5px;
		overflow: visible;
		cursor: pointer;
	}
	footer .ch-right .btn_wrap .fsite .dropbtn:hover {color: #717171;}
	footer .ch-right .btn_wrap .fsite .dropdown-content {
		display: none;
		position: absolute;
		z-index: 1;
		overflow-y: scroll;

		width: 100%;
		height: 100px;
		background-color: #717171;
		border-radius: 0 0 5px 5px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		text-align: left;
		padding: 5% 0;
	}
	footer .ch-right .btn_wrap .fsite .dropdown-content a {
		color: white;
		padding: 4px 28px;
		text-decoration: none;
		display: block;
		font-size: 12px;
	}
	footer .ch-right .btn_wrap .fsite .dropdown-content a:hover {
		color: #999;
	}
	footer .ch-right .btn_wrap .fsite .show {display: block;}
	
	/*Right-운영시간 및 전화번호*/					
	@media (max-width: 768px) {
		footer .ch-right .service_num {
			place-content: center;
			display: flex;
		}
	}
	footer .ch-right .service_num dl {
		width: 100%;
		max-width: 390px;
		margin-top: 10px;
		display: flex;
	}
	@media (max-width: 768px) {
		footer .ch-right .service_num dl {
			font-size: 10px;
		}
	}
	footer .ch-right .service_num dl dt {
		width: 53%;
		font-size: 12px;
		font-weight: 400;
		border-right: solid 1px #4e4e4e;
		vertical-align: top;
		margin-top: 6px;
		padding-right: 10px;
	}					
	@media (max-width: 1024px) {
		footer .ch-right .service_num dl dt {
			font-size: 11px;
		}
	}
	footer .ch-right .service_num dl dd {
		width: 47%;
		padding-left: 10px;
		color: #fff;
		vertical-align: top;
	}
	footer .ch-right .service_num dl dd a {
		margin-right: 0;
	}
	footer .ch-right .service_num dl dd a strong {
		font-size: 32px;
	}					
	@media (max-width: 1024px) {
		footer .ch-right .service_num dl dd a strong {
			font-size: 28px;
		}
	}
	@media (max-width: 768px) {
		footer .ch-right .service_num dl dd a strong {
			font-size: 28px;
		}
	}

	/*footer-info*/
	footer .footer-contents hr {
		opacity: 0.3;
		margin: 20px 0;
		border: 0.5px solid #666;
	}
	footer .footer-contents .footer-info {
		display: flex;
		width: 90%;
		max-width: 1440px;
		margin: 0 4% 3%;
		letter-spacing: 0.5px;
		color: #999;
	}
	@media (max-width: 768px) {
		footer .footer-contents .footer-info {
			display: inline-block;
		}
	}
	footer .footer-info .divider {
		position: relative;
		margin-left: 8px;
		padding-left: 15px;
	}
	footer .footer-info .divider:before {
		content: '';
		display: block;
		position: absolute;
		top: 4px;
		left: 0;
		width: 1px;
		height: 12px;
		background: #999;
	}
	footer .footer-info span {
		font-size: 11px;
	}
	footer .footer-info .adress {
		display: inline-block;
		width: 50%;
	}
	@media (max-width: 768px) {
		footer .footer-info .adress {
			width: 100%;
			text-align: center;
		}
	}
	footer .footer-info .insurance {
		display: inline-block;
		text-align: right;
		width: 50%;
	}			
	@media (max-width: 768px) {
		footer .footer-info .insurance {
			width: 100%;
			text-align: center;
		}
	}
	footer .footer-info .insurance:before {
		content: '';
		background: url(/newch/images/seoul_ci.png) no-repeat;
	}

	
	/*퀵메뉴*/
	#quick-nav {
		/*position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgb(0, 0, 0, 50%);
		backdrop-filter: blur(10px);*/
	}
	#quick-nav ul {
		position: fixed;
		bottom: 15%;
		right: 1%;
		z-index: 999;
	}
	#quick-nav li {
	  margin: 5px 0 0;
	  color: #fff;
	}
	#quick-nav li:hover {
		transform: scale(1.1);
		transition: 0.8s;
	}
	#quick-nav li:hover:last-child {
		transform: inherit;
	}
	#quick-nav li:hover span {
	  opacity: 1;
	  transition: 0.25s;
	}
	#quick-nav li.invisible {
	  opacity: 0;
	  visibility: hidden;
	  transition: all 0.25s;
	}
	#quick-nav li.animate {
	  opacity: 0;
	  animation-duration: 0.25s;
	  animation-name: easeOutBounce;
	  animation-fill-mode: forwards;
	}
	#quick-nav i {
		position: relative;
		border: 1px solid #eee;
		border-radius: 50%;
		padding: 25px;
		background: #f9f9f9;
		box-shadow: 1px 1px 9px 0px #32323661;
	}
	#quick-nav i.iOpen {
		border: 1px solid #333;
		background: #fff3;
	}


	#quick-nav i.iOpen:active {
		transform: rotate(45deg);
		transition: 0.3s;
	}
	#quick-nav i.fa:before {
		content: '';
		position: absolute;
		top: 13px;
		left: 13px;
		width: 25px;
		height: 25px;
	}
	#quick-nav i.iCall:before {
		background: url(images/fi-rr-call.svg) no-repeat;		
	}
	#quick-nav i.iCouncel:before {
		background: url(images/fi-rr-edit.svg) no-repeat;		
	}
	#quick-nav i.iKakao:before {
		background: url(images/fi-rr-kakao.svg) no-repeat;		
	}
	#quick-nav i.iOpen:before {
		background: url(images/fi-rr-plus.svg) no-repeat;		
	}
	#quick-nav span {
		position: relative;
		top: -20px;
		right: 120px;
		transition: 0.3s;
	}

	/* Imitates jQuery UI's ease-out-bounce animation effect */
	@keyframes easeOutBounce {
	  0% {font-size: 0;}
	  37% {font-size: 1.75em;}
	  55% {font-size: 1.3125em;}
	  73% {font-size: 1.75em;}
	  82% {font-size: 1.6275em;}
	  91% {font-size: 1.75em;}
	  96% {font-size: 1.715em;}
	  100% {font-size: 1.75em; opacity: 1;}
	}

	/**위로 바로가기 TOP**/
	footer .arrow-up {
		height: 40px;
		width: 40px;
		display: block;
		border: 1px solid #333;
		border-radius: 10px;
		position: relative;
		cursor: pointer;
		transition: all 10s cubic-bezier(0.25, 1.7, 0.35, 1.5);
		overflow: hidden;
		background: #fff3;
	}
	footer .arrow-slide {
		left: 0;
		top: -100%;
		width: 100%;
		height: 100%;
		background: #333;
		position: absolute;
		display: block;
		z-index: 0;
	}
	footer .left-arm {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		top: 19px;
		left: 3px;
		width: 20px;
		display: block;
		transform: rotate(-45deg);
	}
	footer .left-arm:after {
		content: "";
		background-color: #333;
		width: 20px;
		height: 1px;
		display: block;
		border-radius: 1px;
		transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
		transform-origin: right center;
		z-index: -1;
	}
	footer .right-arm {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		top: 19px;
		left: 17px;
		width: 20px;
		display: block;
		transform: rotate(45deg);
		border-radius: 2px;
	}
	footer .right-arm:after {
		content: "";
		background-color: #333;
		width: 20px;
		height: 1px;
		display: block;
		border-radius: 1px;
		transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
		transform-origin: left center;
		z-index: -1;
	}
	footer .arrow-up:hover {
		transition: all .1s;
	}
	footer .arrow-up:hover .left-arm:after {
		transform: rotate(-10deg);
	}
	footer .arrow-up:hover .right-arm:after {
		transform: rotate(10deg);
	}
	footer .arrow-up:hover .arrow-slide {
		transition: all .4s ease-in-out;
		transform: translateY(200%);
	}
	footer .arrow-up {
		margin-left: 100px;
	}
	footer .arrow-up {
		position: fixed;
		bottom: 200px;
	}
	
	
	.floating1 {position: fixed; z-index:30000; bottom:45px; right:45px; width:60px;}
	.b3333 {width:100%; display:none;}
	
	#floatButton {display:block; transition: opacity 0.5s, transform 0.5s;}
	#floatClose {display:none; transition: opacity 0.5s, transform 0.5s;}
	#floatDetail {display:none; transition: opacity 0.5s, transform 0.5s;}
	
	@media (max-width: 780px) {
		.mouse_scroll, .btn_vol_area, .btn_pause_area {bottom:94px;}
		.floating1 {bottom:10px; right:10px;}
		#floatButton img, #floatTop img {width:48px;}
		.floating1 {width:130px !important;}
		#floatDetail img {width:100%}
	}
	
	@media (max-width: 600px) {
		.mouse_scroll, .btn_vol_area, .btn_pause_area {bottom:76px;}
	}
	
	@media (max-width: 450px) {
		.mouse_scroll, .btn_vol_area, .btn_pause_area {bottom:60px;}
	}
	
	
		/**구매문의 팝업**/
	.Buy,
	.Buy-box {
	  z-index: 10001;
	}
	.Buy-sandbox {
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  background: rgb(18 18 18 / 36%);
	  backdrop-filter: blur(10px);
	}
	.Buy {
	  display: none; 
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  overflow: auto;
	}
	.Buy-box {
	  position: relative;
	  border-radius: 12px;
	  padding: 20px;
	  max-width: 320px;
	  width: 90%;
	  margin: 100px auto 0;
	  background: #fff;
	  animation-name: Buybox;
	  animation-duration: .4s;
	  animation-timing-function: cubic-bezier(0,0,.3,1.6);
	}
	.Buy-header {
		position: relative;
	}
	.Buy-header .title {
	  color: #333;
	  font-size: 34px;
	  font-weight: 600;
	  padding-top: 40px;
	}
	.Buy-header .title .prodname {
		display: block;
		font-size: 20px;
		font-weight: 400;
		color: #28a9a9;
	}
	.Buy-header .close-Buy {
	  position: absolute;
	  top: 0;
	  right: 1%;
	  background: url(../newch/images/fi-rr-cross-small.svg)no-repeat #eee;
	  padding: 16px;
	  border-radius: 16px;
	  cursor: pointer;
	}
	.Buy-header .close-Buy:hover {
		transform: rotate(270deg);
		transition: 1.3s ease;
	}

	/* Animation */
	@-webkit-keyframes Buybox {
	  0% {
		top: -250px; 
		opacity: 0;
	  }
	  100% {
		top: 0; 
		opacity: 1;
	  }
	}

	@keyframes Buybox {
	  0% {
		top: -250px; 
		opacity: 0;
	  }
	  100% {
		top: 0; 
		opacity: 1;
	  }
	}

	/**구매문의 > 폼 시작**/
	.Buy-body .input-container {
	  height: 50px;
	  position: relative;
	  width: 100%;
	}
	.Buy-body .textarea-container {
	  height: 100px;
	  position: relative;
	  width: 100%;
	}

	.Buy-body .check-container {
	  height: 20px;
	  position: relative;
	  width: 100%;
	  color: #333;
	}
	.Buy-body .check-container input, 
	.Buy-body .check-container label {
		cursor: pointer;
	} 
	.Buy-body .check-container label:hover {
		opacity: 0.7;
	}
	.Buy-body .ic1 {
	  margin-top: 40px;
	}
	.Buy-body .ic2 {
	  margin-top: 30px;
	}
	.Buy-body .ic3 {
	  margin-top: 40px;
	}
	.Buy-body .input-container .input, .Buy-body .textarea-container .input {
	  background-color: #eee;
	  border-radius: 12px;
	  border: 0;
	  box-sizing: border-box;
	  color: #666;
	  font-size: 18px;
	  height: 100%;
	  outline: 0;
	  padding: 4px 20px 0;
	  width: 100%;
	}
	 .Buy-body .textarea-container .textarea {
		padding: 20px !important;
		resize: none;
	 }
	.Buy-body .input-container .cut, .Buy-body .textarea-container .cut {
	  background-color: #fff;
	  border-radius: 10px;
	  height: 20px;
	  left: 20px;
	  position: absolute;
	  top: -20px;
	  transform: translateY(0);
	  transition: transform 200ms;
	  width: 50px;
	}

	.input:focus ~ .cut, .textarea:focus ~ .cut,
	.input:not(:placeholder-shown) ~ .cut, .textarea:not(:placeholder-shown) ~ .cut {
	  transform: translateY(8px);
	}

	.Buy-body .input-container .placeholder, .Buy-body .textarea-container .placeholder {
	  color: #65657b;
	  font-family: sans-serif;
	  left: 20px;
	  line-height: 14px;
	  pointer-events: none;
	  position: absolute;
	  transform-origin: 0 50%;
	  transition: transform 200ms, color 200ms;
	  top: 20px;
	}

	.input:focus ~ .placeholder, .textarea:focus ~ .placeholder,
	.input:not(:placeholder-shown) ~ .placeholder, .textarea:not(:placeholder-shown) ~ .placeholder {
	  transform: translateY(-30px) translateX(10px) scale(0.75);
	}

	.input:not(:placeholder-shown) ~ .placeholder, .textarea:not(:placeholder-shown) ~ .placeholder {
	  color: #808097;
	}

	.input:focus ~ .placeholder, .textarea:focus ~ .placeholder {
	  color: #28a9a9;
	}

	.submit-btn {
		position: relative;
		width: 100%;
		height: 50px;
		margin-top: 38px;
		font-size: 18px;
		color: #eee;

		background: #333;
		border-radius: 5px;
	}
	.submit-btn:before {
		content: '';
		width: 15px;
		height: 2px;
		background: #fff;
		border-radius: 50px;
		margin-top: -1px;

		position: absolute;
		top: 50%;
		right: 85px;
		transition: all 0.3s ease;
	}
	.submit-btn:hover:before {
		width: 25px;
		right: 75px;
	}
	.submit-btn:after {
		content: "";
		width: 24px;
		height: 27px;
		background: url(../newch/images/fi-rr-angle-small-right-w.svg) no-repeat;

		position: absolute;
		top: 25%;
		right: 76px;
		transition: all 0.3s ease;
	}
	.submit-btn:hover:after {
		right: 66px;
	}
	.submit-btn:hover {
		box-shadow: 2px 3px 14px 2px #c1c1c1c1;
	}

	/**구매문의 > 폼 > 체크박스--개인정보 전문보기**/
	.check--detail {
		position: relative;
	}
	.check--detail .pri-btn {
		position: absolute;
		top: -20px;
		right: 0;

		font-size: 12px;
		color: #999;
		border-radius: 50px;
		padding: 4px 8px 2px;
		border: 1px solid #999;
	}
	.check--detail .pri-btn:hover {
		opacity: 0.7;
	}
	.check--detail .pri-btn:after {
		content: '\002B';
		margin-left: 3px;
	}
	.inner_box {
		padding-top: 10px;
	}
	.inner_box .inner_text {
		height: 300px;
		border-radius: 10px;
		background: #eee;
		padding: 15px;
		overflow-y: scroll;
	}
	.inner_box .inner_text p {
		color: #666;
		font-size: 12px;
	}

	.Check-hide {
		display: none!important;
		padding: 0.01em 16px;
	}
	.Check-show {
		display:block!important;
	}
									
	.download--btn_wrap {
		text-align: right;
		margin-bottom: 50px;
	}
	.download--btn_wrap a {
		display: inline-block;
		width: 100px;
		height: 60px;
		text-align: center;
		
		padding: 10px;
		margin-left: 10px;
		border-radius: 10px;
		box-shadow: 0 0 20px #dcdcdc;
	}
	.download--btn {
		position: relative;
		height: 50px;
	}

	.download--btn span {
		position: relative;
		z-index: 1;
		display: inline-block;
		margin-top: 15px;
		padding: 1px 4px;

		font-size: 10px;
		font-weight: 500;
		text-transform: uppercase;
		color: #ffffff;
		background: #f2594b;
		border-radius: 4px;
	}

	.download--btn span:last-child {
		margin-left: -20px;
	}

	.download--btn:before,
	.download--btn:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 23px;
		height: 30px;
		margin: -17px 0 0 -12px;

		background: #ffffff;
		border: solid 2px #333;
		border-radius: 4px;
	}
	.download--btn:before {
		margin: -23px 0 0 -5px;
	}
	.download--btn_wrap a:hover, .download--btn_wrap a:active {
		background: #f9f9f9;
		box-shadow: inset 5px 5px 4px #eee;
	}
	.download--btn_wrap a span:first-child {
		display: none;
	}

	.download--btn_wrap a:hover span:first-child {
		display: inline-block;
	}

	.download--btn_wrap a:hover span:last-child {
		display: none;
	}
	.download--btn_wrap p {
		margin: 5px auto;
	}
		
	
	
</style>
<div class="floating1">
	<div id="floatClose" style="text-align:right;">
		<img src="/newch/images/main/close.png" onclick="floatClose()" style="cursor: pointer; margin-bottom:5px;">
	</div>
	<div id="floatDetail">
		<a class="buy--btn3 Buy-trigger1" href="#" target="_blank" data-Buy="Buy-name"><img src="/newch/images/main/button3.png" style="margin-bottom:5px;"></a>
				<a href="https://chungho.co.kr/matching/?gbn=chungho" target="_blank"><img src="/newch/images/main/button4.png" style="margin-bottom:5px;"></a>
				
		<a href="https://pf.kakao.com/_xarqxnl/chat" target="_blank"><img src="/newch/images/main/button2.png" style="margin-bottom:5px;"></a>
	</div>	
	<div id="floatButton" style="text-align:right;">
		<img src="/newch/images/main/button1.png" onclick="floatOpen()" style="cursor: pointer; margin-bottom:5px;">
	</div>
	<div id="floatTop" style="text-align:right;">
		<img src="/newch/images/main/top.png" class="topButton1" style="cursor: pointer;">
	</div>
</div> 
<!--푸터 시작-->
<footer>
	<div class="footer-contents">
		<div class="footer-nav">
			<div class="ch-left">
				<div class="company-info companyL">
					<p><a href="../company/ceo">회사소개</a></p>
					<p><a href="service">서비스</a></p>	
					<p><a href="event_list">이벤트</a></p>
					<p><a href="moneyback_lt">제휴카드</a></p>
				</div>
				<dl class="company-product companyL">
					<dt>제품</dt>
					DataBase에 접속할 수 없습니다.Array
(
    [code] => 604
    [message] => ORA-00604: error occurred at recursive SQL level 1
ORA-01653: unable to extend table SYS.AUD$ by 8192 in tablespace SYSAUX
ORA-02002: error while writing to audit trail
ORA-00604: error occurred at recursive SQL level 1
ORA-01653: unable to extend table SYS.AUD$ by 8192 in tablespace SYSAUX
    [offset] => 0
    [sqltext] => 
)
					
									</dl>
				<dl class="company-cs companyL">
					<dt>고객센터</dt>
					<dd><a href="/newch/service_manual.php">제품 사용설명서 찾기</a></dd>
					<dd><a href="/newch/service_b2b">B2B/렌탈 신규 문의</a></dd>
					<dd><a href="/guide/clause">이용약관</a></dd>
					<dd><a href="/guide/privacy_handle">개인정보처리방침</a></dd>
					<dd><a href="/guide/contract01">계약서약관안내</a></dd>
					<dd><a href="/company/compliance_cyber">윤리경영제보</a></dd>
					<dd><a href="/guide/email">이메일집단수집거부</a></dd>
					<dd><a href="https://www.sgic.co.kr/chp/main.mvc" target="_blank">보증보험가입</a></dd>
					<dd><a href="/newch/service_sellerList">판매인조회</a></dd>
					<dd><a href="/newch/onlineofficial">온라인 공식인증 몰</a></dd>
				</dl>
			</div>
			<div class="ch-right">
				<dl class="company-follow companyR">
					<dt>SNS</dt>
					<dd>
						<div class="footer-sns">
							<a href="https://facebook.com/chunghonais/" target="_blank" title="페이스북 새창열림"><span class="ir ch-facebook"></span></a>
							<a href="https://instagram.com/chunghonais_official/" target="_blank" title="인스타그램 새창열림"><span class="ir ch-instagram"></span></a>
							<a href="https://story.kakao.com/ch/chnais" target="_blank" title="카카오스토리 새창열림"><span class="ir ch-kakaostory"></span></a>
							<!--<a href="http://blog.chungho.co.kr/" target="_blank" title="네이버블로그 새창열림"><span class="ir ch-naverblog"></span></a>-->
							<a href="https://blog.naver.com/chunghonais_official" target="_blank" title="네이버블로그 새창열림"><span class="ir ch-naverblog"></span></a>
							<!--<a href="http://post.naver.com/my.nhn?memberNo=30951362" target="_blank" title="네이버포스터 새창열림"><span class="ir ch-naverposter"></span></a>-->
							<a href="https://youtube.com/channel/UCz72_xt8dppeYW8AEI6Foeg" target="_blank" title="유투브 새창열림"><span class="ir ch-youtube"></span></a>
						</div>
					</dd>
				</dl>	
				<div class="btn_wrap">
					<a href="#" onclick="goSafekey()" class="safeKey">본인인증(Safe-key발급)</a>
					<div class="fsite">
						<span class="arrow ir"><i class="fas fa-caret-down"></i></span>
						
						<button class="dropbtn" onclick="myFunction()">그룹사 사이트</button>
						<div id="myDropdown" class="dropdown-content">
							<a href="http://www.naisbeauty.co.kr/" target="_blank">나이스뷰티</a>
							<a href="http://www.filtercompany.co.kr/kor/" target="_blank">마이크로필터</a>
							<a href="http://www.mcmmcm.com" target="_blank">MCM</a>
							<a href="https://www.mnte.co.kr/" target="_blank">엠앤티엔지니어링</a>
							<a href="http://www.chungho.com.vn/" target="_blank">청호 비나</a>
							<a href="http://www.chunghomy.com.my/main/main" target="_blank">청호 말레이시아</a>							
							<!--a href="http://chplanner.co.kr/support/procedure.php" target="_blank">청호나이스 플래너</a-->
							<a href="http://www.chunghoacademy.co.kr" target="_blank">청호인재개발원</a>
						</div>
					</div>
				</div>
				<div class="service_num">
					<dl>
						<dt>제품 상담 및 재구매, A/S 신청<br> 평일 : AM 9:00 ~ PM 6:00</dt>
						<dd><a href="tel:1588-2290"><strong>1588-2290</strong></a></dd>
					</dl>
				</div>
			</div>
		</div>
		<hr>
		<div class="footer-info">
			<ul class="adress">				
				<li>
					<span>청호나이스(주)</span>					
					<span>대표이사 김성태</span>
					<span class="divider">사업자 등록번호 130-81-49813</span>
				</li>							
				<li>
					<span>본사 서울 서초구 사임당로 28 나이스빌딩</span>
					<span class="divider">제조본부 충청북도 진천군 이월면 진광로 486</span>
				</li>
			</ul>

			<ul class="insurance">
				<li><span class="insurance_info">본 사이트의 모든 콘텐츠는 저작권법의 보호를 받는 바, 무단 전재, 복사, 배포 등을 금합니다.</span></li>
				<li><span class="copyright">Copyright © 2021 CHUNGHO. All rights reserved.</span></li>
			</ul>
		</div>

	</div>
<div class="Buy" id="Buy-name">
	<div class="Buy-sandbox"></div>
	<div class="Buy-box">
		<form role="form" name="frmInfob" id="frmInfob" method="post">
		<input type="hidden" id="division" name="division" value="ND">
		<input type="hidden" id="p_idx" name="p_idx" value="000">
		<input type="hidden" id="category" name="category" value="제품 상담 문의">
		<div class="Buy-header">
			<div style="background: #333; width: fit-content; border-radius: 50px; padding: 5px 20px; text-align:center; display:table;">

				<a href="tel:02-3019-5365" alt="전화하기" style="color:#fff;">
					<div style="width:fit-content; height:21px; display: inline-block; float: left; margin-right:10px;"><img src="/newch/images/main/tel.png"></div>
					<div style="width:fit-content; height:21px; line-height:21px; display: inline-block; float: left">상담원 전화 연결</div>
				</a>
			</div>
			<div class="title">제품 구입 문의</div>
			<div class="close-Buy"></div> 
		</div>
		<div class="Buy-body">
			<div class="input-container ic1">
				<input id="name" name="name" class="input" type="text" placeholder=" "  value=""/>
				<div class="cut"></div>
				<label for="name" class="placeholder">이름</label>
			</div>
			<div class="input-container ic2">
				<input id="tel" name="mob" class="input" type="tel" placeholder=" " />
				<div class="cut"></div>
				<label for="tel" class="placeholder">연락처</label>
				<p style="color: #28a9a9; font-size:9px; margin: 5px 0 0 5px;">* 전화번호 입력시, '-'없이 입력해주세요!</p>
			</div>
			<div class="textarea-container ic3">
				<textarea id="memo" name="c_contents" class="input textarea" type="text" cols="50" rows="10" style="resize: none;" placeholder=" "></textarea>
				<div class="cut"></div>
				<label for="memo" class="placeholder">메모</label>
			</div>

			<div class="check-container ic1" style="text-align:left;">
				<input id="terms01" name="terms01" class="check01" type="checkbox" />
				<label for="terms01">개인정보활용동의(필수)</label>
			</div>
		</div>
		</form>
		<div class="check--detail">  
			<button onclick="Check('pri')" class="pri-btn">전문보기</button>
			<div id="pri" class="inner_box Check-hide">
				<div class="inner_text" style="text-align:left;">
					<p>청호나이스(주)는 (이하 '회사'는) 고객님의 개인정보를 중요시하며, 정보통신망 이용촉진 및 정보보호에 관한 법률을 준수하고 있습니다. 회사는 개인정보취급방침을 통하여 고객님께서 제공하시는 개인정보가 어떠한 용도와 방식으로 이용되고 있으며, 개인정보보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다. 회사는 개인정보취급방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다. </p>
					<br><br><br>
					<p>제1조 수집하는 개인정보 항목</p>
					<p>① 회사는 회원가입, 상담, 서비스 신청 등등을 위해 아래와 같은 개인정보를 수집하고 있습니다.</p>
					<br>										
					<p>1. 수집항목 : 이름 , 생년월일 , 로그인ID , 비밀번호 , 자택 전화번호 , 자택 주소 , 휴대전화번호 , 이메일 , 메일수신동의</p>
					<p>2. 개인정보 수집방법 : 홈페이지(홈페이지 회원가입)</p>
					<br><br>
					<p>제2조 개인정보의 수집 및 이용목적</p>
					<p>① 회사는 수집한 개인정보를 다음의 목적을 위해 활용합니다.</p>
					<br>
					<p>1. 서비스 제공에 관한 계약 이행 및 서비스 제공에 따른 요금정산 콘텐츠 제공 </p>
					<p>2. 회원제 서비스 이용에 따른 본인확인 , 개인 식별 , 불량회원의 부정 이용 방지와 비인가 사용 방지 , 가입 의사 확인 , 연령확인 , 만14세 미만 아동 개인정보 수집 시 법정 대리인 동의여부 확인 , 불만처리 등 민원처리 , 고지사항 전달 </p>
					<p>3. 마케팅 및 광고에 활용</p>
					<p>신규 서비스(제품) 개발 및 특화 , 이벤트 등 광고성 정보 전달 , 인구통계학적 특성에 따른 서비스 제공 및 광고 게재 , 접속 빈도 파악 또는 회원의 서비스 이용에 대한 통계</p>
					<br><br>
					<p>제3조 개인정보의 보유 및 이용기간 </p>
					<p>① 회사는 개인정보 수집 및 이용목적이 달성된 후에는 예외 없이 해당 정보를 지체 없이 파기합니다.</p>
					<br><br>
					<p>제4조 개인정보의 파기절차 및 방법 </p>
					<p>① 회사는 원칙적으로 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체없이 파기합니다. 파기절차 및 방법은 다음과 같습니다.</p>
					<br>
					<p>1. 파기절차</p>
					<p>회원님이 회원가입 등을 위해 입력하신 정보는 목적이 달성된 후 별도의 DB로 옮겨져(종이의 경우 별도의 서류함) 내부 방침 및 기타 관련 법령에 의한 정보보호 사유에 따라(보유 및 이용기간 참조) 일정 기간 저장된 후 파기되어집니다.<br>별도 DB로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 보유되어지는 이외의 다른 목적으로 이용되지 않습니다.</p>
					<p>2. 파기방법</p>
					<p>전자적 파일형태로 저장된 개인정보는 기록을 재생할 수 없는 기술적 방법을 사용하여 삭제합니다. </p>
					<br><br>
					<p>제5조 개인정보 제공</p>
					<p>① 회사는 이용자의 개인정보를 원칙적으로 외부에 제공하지 않습니다. 다만, 아래의 경우에는 예외로 합니다.</p>
					<br>
					<p>1. 이용자들이 사전에 동의한 경우</p>
					<p>2. 법령의 규정에 의거하거나, 수사 목적으로 법령에 정해진 절차와 방법에 따라 수사기관의 요구가 있는 경우</p>
					<br><br>
					<p>제6조 수집한 개인정보의 위탁</p>
					<p>회사는 서비스 이행을 위해 아래와 같이 외부 전문업체에 위탁하여 운영하고 있습니다.</p>
					<br>
					<p>1. 위탁 대상자 : NICE신용평가</p>
					<p>위탁업무내용 : 연체정보 조회</p>
					<p>2. 위탁 대상자 : NICE신용평가, 고려신용정보, 나라신용정보</p>
					<p>위탁업무내용 : 추심</p>
					<p>3. 위탁 대상자 : ㈜대명테라페딕, ㈜예스코서비스</p>
					<p>위탁업무내용 : 매트리스 위탁 및 점검</p>
					<p>4. 위탁 대상자 : ㈜건강한 사람들</p>
					<p>위탁업무내용 : 안마의자배송</p>
					<p>5. 위탁 대상자 : 범일통상</p>
					<p>위탁업무내용 : 일시불 배송 및 기타 배송</p>
					<br><br>
					<p>제7조 이용자 및 법정대리인의 권리와 그 행사방법</p>
					<br>
					<p>① 이용자 및 법정 대리인은 언제든지 등록되어 있는 자신 혹은 당해 만 14세 미만 아동의 개인정보를 조회하거나 수정할 수 있으며 가입해지를 요청할 수 있습니다.</p>
					<p>② 이용자 혹은 만 14세 미만 아동의 개인정보 조회 또는 수정을 위해서는 개인정보변경(또는 회원정보수정 등)을, 가입해지(동의철회)를 위해서는 회원탈퇴를 클릭 하여 본인 확인 절차를 거치신 후 직접 열람, 정정 또는 탈퇴가 가능합니다. 혹은 개인정보관리책임자에게 서면, 전화 또는 이메일로 연락하시면 지체없이 조치하겠습니다.</p>
					<p>③ 회사는 귀하가 개인정보의 오류에 대한 정정을 요청하신 경우에는 정정을 완료하기 전까지 당해 개인정보를 이용 또는 제공하지 않습니다. 또한 잘못된 개인정보를 제3자 에게 이미 제공한 경우에는 정정 처리결과를 제3자에게 지체없이 통지하여 정정이 이루어지도록 하겠습니다.</p>
					<p>④ 회사는 이용자 혹은 법정 대리인의 요청에 의해 해지 또는 삭제된 개인정보는 회사가 수집하는 개인정보의 보유 및 이용기간에 명시된 바에 따라 처리하고 그 외의 용도로 열람 또는 이용할 수 없도록 처리하고 있습니다.</p>
					<p>제8조 개인정보 자동수집 장치의 설치, 운영 및 그 거부에 관한 사항 </p>
					<p>① 회사는 쿠키 등 인터넷 서비스 이용 시 자동 생성되는 개인정보를 수집하는 장치를 운영하지 않습니다.</p>
					<p>제9조 개인정보에 관한 민원서비스</p>
					<p>① 회사는 고객의 개인정보를 보호하고 개인정보와 관련한 불만을 처리하기 위하여 아래와 같이 관련 부서 및 개인정보관리책임자를 지정하고 있습니다.</p>
					<br>
					<p>개인정보관리책임자 성명 : 박용현</p>
					<p>전화번호 : 1588-2290</p>
					<p>이메일 : privacy@chungho.co.kr</p>
					<p>② 귀하께서는 회사의 서비스를 이용하시며 발생하는 모든 개인정보보호 관련 민원을 개인정보관리책임자 혹은 담당부서로 신고하실 수 있습니다. 회사는 이용자들의 신고사항에 대해 신속하게 충분한 답변을 드릴 것입니다. 기타 개인정보침해에 대한 신고나 상담이 필요하신 경우에는 아래 기관에 문의하시기 바랍니다.</p>
					<br><br>
					<p>1. 개인분쟁조정위원회 (privacy.kisa.or.kr/(국번없이)118) </p>
					<p>2. 정보보호마크인증위원회 (www.eprivacy.or.kr/02-580-0533~4) </p>
					<p>3. 대검찰청 인터넷범죄수사센터 (www.spp.go.kr/02-3480-3573) </p>
					<p>4. 경찰청 사이버테러대응센터 (www.netan.go.kr/1566-0112) </p>
				</div>
			</div>
		</div>
	<button type="text" class="submit-btn" onclick="_counsel()">신청하기</button>
	</div>
</div>
<iframe src="blank.html" name="hiddenFrame" style="display:none;"></iframe>
<script>
		$(".Buy-trigger1").click(function(e){
		e.preventDefault();
		dataBuy = $(this).attr("data-Buy");
		$("#" + dataBuy).css({"display":"block"});
	});
	
	$(".close-Buy, .Buy-sandbox").click(function(){
		$(".Buy").css({"display":"none"});
	});
	
	function _counsel(){
		var frminfo = document.frmInfob;
		var name = frminfo.name.value;
		var mob = frminfo.mob.value;
		var contents = frminfo.c_contents.value;

		if(name.trim() ==""){
			alert("이름을 입력 해주세요.");
			 frminfo.name.focus();
			return
		}
		
		if(mob.trim() ==""){
			alert("휴대폰 전화번호를 입력 해주세요.");
			 frminfo.mob.focus();
			return
		}
		
		if(contents.trim() ==""){
			alert("문의 내용을 입력 해주세요.");
			 frminfo.c_contents.focus();
			return
		}
		if($("input:checkbox[name='terms01']").is(":checked") == false){
			alert("개인정보 활용에 동의해주세요.");
			return;
		}
		try {fn_across_adn_btn_ok('107262','types4');} catch (e) {}
		frminfo.action="/product/counsel_proc";
		frminfo.target="hiddenFrame"; 
		frminfo.submit();

	}
</script>
	
</footer>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>-->
<script type="text/javascript">	
	function kakaD(){
		alert("안녕하세요 청호나이스입니다.\n현재 카카오톡 데이터화재 관련하여 고객 채팅상담을 위한\n접속 경로 접근이 불가한 상황입니다.\n청호나이스 고객지원센터(☎1588-2290)를 통해 연락주시거나\n홈페이지 내 1:1문의하기 메뉴를 이용 부탁드립니다.\n감사합니다.");
	}
	
	function floatOpen(){
		$("#floatDetail").show();
		$("#floatClose").show();
		$("#floatButton").hide();
		$(".floating1").css('width','169px')
	}
	
	function floatClose(){
		$("#floatDetail").hide();
		$("#floatClose").hide();
		$("#floatButton").show();
		$(".floating1").css('width','60px')
	}
	
	
		floatOpen();
		/*퀵메뉴*/
	var Nav;

	Nav = {
	  init: function() {
		this.setup();
		return this.uiBind();
	  },
	  setup: function() {
		return $('#quick-nav').find('li:not(:last-child)').toggleClass('invisible');
	  },
	  uiBind: function() {
		return $(document).on('click', '#quick-nav', function(e) {
		  e.preventDefault();
		  return $(this).find('li:not(:last-child)').toggleClass('animate').toggleClass('invisible');
		});
	  }
	};

	Nav.init();


	/*top*/
	$( document ).ready( function() { 
		$( '.topButton1' ).click( function() {
			$( 'html, body' ).animate( { scrollTop : 0 }, 400 );
			return false; 
		});

		$( '.searchTop' ).click( function() {
			$('headerr').css('filter','blur(5px)');
			$('section').css('filter','blur(5px)');
			$('footer').css('filter','blur(5px)');
			$('.searchAreaBg').show();
			$('.searchArea').slideDown(400, function(){
				$('.recSearch').slideDown(500);
			});
			$('.searchTop2').fadeIn(100, function(){					
				$('.searchTop2').animate({ 'width':'100%'}, 400);					
			});
			$('.searchTop2').focus();
		});
		$( '.searchClose' ).click( function() {
			$('headerr').css('filter','blur(0px)');
			$('section').css('filter','blur(0px)');
			$('footer').css('filter','blur(0px)');
			$('.searchAreaBg').hide();
			$('.searchArea').hide();
			$('.searchTop2').hide();
			$('.searchTop2').css('width', '0px');
		});
	}); 
//$('.searchReset').fadeOut(1);
	
	/* 패밀리사이트 */
	function myFunction() {
	  document.getElementById("myDropdown").classList.toggle("show");
	}

	// Close the dropdown if the user clicks outside of it
	window.onclick = function(event) {
	  if (!event.target.matches('.dropbtn')) {
		var dropdowns = document.getElementsByClassName("dropdown-content");
		var i;
		for (i = 0; i < dropdowns.length; i++) {
		  var openDropdown = dropdowns[i];
		  if (openDropdown.classList.contains('show')) {
			openDropdown.classList.remove('show');
		  }
		}
	  }
	};

	/*세이프 키*/
	function goSafekey(){
		window.open('https://www.chungho.co.kr/nais/safekey.php','','width=700, height=650, top=100, left=100, fullscreen=no, menubar=no, status=no, titlebar=yes, location=no, scrollbar=no, resizable=no'); 
		return false;
	};

	
	function openForm() {
		document.getElementById("myForm").style.display = "block";
	}


	function closeForm() {
		document.getElementById("myForm").style.display = "none";
	};
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-68874168-6"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-68874168-6');
</script>

<!-- Enliple Tracker Start -->
<script type="text/javascript">
(function(a,g,e,n,t){a.enp=a.enp||function(){(a.enp.q=a.enp.q||[]).push(arguments)};n=g.createElement(e);n.async=!0;n.defer=!0;n.src="https://cdn.megadata.co.kr/dist/prod/enp_tracker_self_hosted.min.js";t=g.getElementsByTagName(e)[0];t.parentNode.insertBefore(n,t)})(window,document,"script");
enp('create', 'common', 'chunghonais', { device: 'B' }); // W:웹, M: 모바일, B: 반응형
enp('send', 'common', 'chunghonais');
</script>
<!-- Enliple Tracker End -->

<!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> 
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script> 
<script type="text/javascript"> 
if (!wcs_add) var wcs_add={};
wcs_add["wa"] = "s_2484c30022cd";
if (!_nasa) var _nasa={};
if(window.wcs){
wcs.inflow();
wcs_do(_nasa);
}
</script>

<script src="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script>