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] => 
)
<!-- Groobee -->
<script type="text/javascript">	
	groobee( "VG", {
		goods : [
			{
				name: " ",
				code: "53",
				status : "",	// 품절이거나 상품이 판매상태가 아닐 경우 "SS"
				img: "http://chungho.co.kr/newch/uploads/",
								cat: "6",
				cateNm: "",
				catL: "6",
				cateLNm: ""
							}
		]
	});

</script>
<!-- End of Groobee -->

<!-- Enliple Tracker Start -->
<script type="text/javascript">
window.ENP_VAR = {
	collect: { productCode : '53'}
};
(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', 'collect', 'chunghonais', { device: 'B' }); //W: 웹, M: 모바일, B: 반응형
</script>
<!-- Enliple Tracker End -->

<style type="text/css">
	#subNAVI {
		width: 100%;
		height: 200px;
		padding: 100px 0 0;
		z-index: 10;
		top: 0px;
		position: fixed;
		background-color: #fff;
		border-bottom: 1px solid rgba(150, 150, 150, 0.2);
		box-shadow: 0 15px 20px rgba(0, 0, 0, 0.05);
		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;
	}
	@media screen and (max-width: 768px) {
		#subNAVI {height: 175px;}
	}
	.sectionA{
		position: relative;
		box-sizing: border-box;
		padding: 5% 2%;
		height: 683px;
		display: flex;
		align-items: center;
		}
	.section--as {
		position: relative;
		max-width: 900px;
		width: 90%;
		margin: 0 auto 10%;
	}
	/**제품점검영상**/
	.as-video {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		border-radius: 20px;
		box-shadow: 2px 2px 20px #999;
	}
	.as-video iframe, 
	.as-video video, 
	.as-video object, 
	.as-video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.clear:after {
		content: "";
		display: block;
		clear: both;
	}

	/**AS 탭**/
	.as-tap {
		margin: 100px auto 0;
		text-align: left;
	}
	.as-tap h4 {
		font-size: 16px;
		font-weight: 500;
		margin: 70px auto 20px;
	}
	.as-tap h4:before {
		content: '';
		background: url(images/fi-rr-comment.svg) no-repeat center;
		padding-right: 20px;
		margin-right: 10px;
	}
	.as-tap ul.As--section {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto 20px;
	}
	.as-tap ul.As--section > li {
		width: 100%;
		padding: 15px 20px;
		border-top: 1px solid #666;
		cursor: pointer;
	}
	.as-tap ul.As--section > li:last-child {
		border-bottom: 1px solid #666;
	}
	.as-tap ul.As--section > li h3 {
		position: relative;
		font-size: 18px;
		font-weight: 300;
	}
	.as-tap ul.As--section > li.As-btn h3:after {
		content: "";
		position: absolute;
		right: 0;
		top: 4px;
		color: #29a9a8;
		transition: all 0.3s ease-in-out;
		background: url(images/fi-rr-angle-down.svg) no-repeat;
		width: 15px;
		height: 15px;
	}
	.as-tap ul.As--section > li.active h3:after {
		transform: rotate(180deg);
	}
	.as-tap ul.As--section > li div.As-cont {
		display: flex;
		margin: 20px auto 0;
		padding: 20px 0;
		border-top: 1px solid #eee;
	}
	@media screen and (max-width: 768px) {
		.as-tap ul.As--section > li div.As-cont {
			display: block;
		}
	}
	.as-tap ul.As--section > li div.As-cont > p {
		width: calc(100% / 2);
		font-size: 16px;
		font-weight: 600;
		line-height: 35px;
	}
	@media screen and (max-width: 768px) {
		.as-tap ul.As--section > li div.As-cont > p {
			width: 100%;
			margin-bottom: 20px;
		}
	}
	.as-tap ul.As--section > li div.As-cont > p:before {
		content: '';
		padding-right: 20px;
		margin-right: 5px;
	}
	.as-tap ul.As--section > li div.As-cont > p:first-child:before {
		background: url(images/fi-rr-shield-check.svg) no-repeat center;
	}
	.as-tap ul.As--section > li div.As-cont > p:last-child:before {
		background: url(images/fi-rr-shield-exclamation.svg) no-repeat center;
	}
	.as-tap ul.As--section > li div.As-cont > p > span {
		display: block;
		font-size: 16px;
		font-weight: 300;
		color: #666;
	}
	.as-tap ul.As--section > li div.As-cont > p > span:first-child {
		margin-top: 10px;
	}
	.as-tap ul.As--section > li div.As-cont > p > span:before {
		content: '·';
		margin-right: 5px;
	}

	.prodtop_wrap .prod--main {
		background: url(../newch/images/espre/spec00.jpg) no-repeat center;
		background-size: cover;
		height: 100%;
	}

	@media screen and (max-width: 768px) {
		#benefit .basic--wrap {
			overflow-x: scroll;
			overflow-y: hidden;
		}
	}
	#benefit table {
		width: 100%;
		border-top: 1px solid #e8e9ec;
		border-left: 1px solid #e8e9ec;
		border-collapse: collapse;
	}
	@media screen and (max-width: 768px) {
		#benefit table {
			display: table;
			white-space: nowrap;
			width: 100%;
		}
	}
	#benefit caption {
		/*visibility: hidden;*/
		font-size: 12px;
		color: #999;
		text-align: right;
		margin-bottom: 10px;
	}
	#benefit table thead th {
		font-family: 'Roboto';
		padding: 12px 0 11px;
		vertical-align: middle;
		background: #f5f6f8;
		border-right: 1px solid #e8e9ec;
		border-bottom: 1px solid #e8e9ec;
	}
	#benefit table tbody td {
		font-family: 'Roboto';
		padding: 10px 0 12px;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #e8e9ec;
		border-bottom: 1px solid #e8e9ec;
	}
	#benefit p.card {
		font-family: 'Roboto';
		margin: 10px auto 0;
	}
	@media screen and (max-width: 768px) {
		#benefit p.card {
			font-size: 14px;
		}
	}
	#benefit .clear > p {
		font-family: 'Roboto';
		line-height: 24px;
		color:#999;
	}
	#benefit .clear > p > span {
		padding-left:16px;
	}
	#benefit a.btn_BenefitCard {
		position: relative;
		display: block;
		width: 100%;
		max-width: 215px;
		height: 45px;
		line-height: 45px;
		background: #333;
		border-radius: 5px;
		color: #fff;
		font-weight: 400;
		margin: 25px auto 40px;
		padding-left: 25px;
	}
	#benefit a.btn_BenefitCard:before {
		content: '';
		width: 15px;
		height: 2px;
		background: #fff;
		border-radius: 50px;
		margin-top: -1px;

		position: absolute;
		top: 50%;
		right: 40px;
		transition: all 0.3s ease;
	}
	#benefit a.btn_BenefitCard:hover:before {
		width: 25px;
		right: 30px;
	}
	#benefit a.btn_BenefitCard:after {
		content: '';
		width: 24px;
		height: 27px;
		background: url(../newch/images/fi-rr-angle-small-right-w.svg) no-repeat;

		position: absolute;
		top: 35%;
		right: 31px;
		margin-top: -5px;
		transition: all 0.3s ease;
	}
	#benefit a.btn_BenefitCard:hover:after {
		right: 21px;
	}
	#benefit a.btn_BenefitCard:hover {
		box-shadow: 2px 3px 14px 2px #c1c1c1c1;
	}
	#benefit a.btn_BenefitCard > i {
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-right: 5px;
		background-position: -542px -640px;
		vertical-align: middle;
	}
	#benefit a.btn_BenefitCard > i.iBC {
		background: url(../newch/images/fi-rr-book-alt-w.svg) no-repeat;
	}
	/**구매문의 팝업**/
	.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;
	}
	/**상세페이지 > SNS 공유 버튼 - btn_share**/
	.shareLayer {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: all 0.3s;
	}
	  .shareLayer:target {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		background-color:rgba(0, 0, 0, 0.4);
	}
	.shareLayer .inner_layersns {
		position: absolute;
		right: 5%;
		top: 0;
		width: 278px;
		height: 200px;
		background: #fff;
		box-shadow: 2px -1px 7px 3px #e8e8e88c;
		border-radius: 5px;
		padding: 1%;
	}
	div.inner_layersns:after {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 85%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #fff transparent;
	}
	.shareLayer .inner_layersns > h3 {
		font-weight: 500;
		margin: 10px auto 20px;
		text-align: center;
	}					
	.layersns-close {
		position: absolute;
		top: 5%;
		right: 5%;
		background: url(../newch/images/fi-rr-cross-small.svg)no-repeat #eee;
		padding: 10px;
		border-radius: 16px;
		cursor: pointer;
	}
	.layersns-close:hover {
		transform: rotate(270deg);
		transition: 1.3s ease;
	}

	.shareLayer .inner_layersns .list_share li {
		position: relative;
	}
	.shareLayer .inner_layersns .list_share li a {
		display: inline-block;
		max-width: 32%;
		width: calc(100% / 3);
		text-align: center;
	}
	.shareLayer .inner_layersns .list_share li a:hover {
		opacity: 0.5;
	}
	.shareLayer .inner_layersns .list_share li a img {width: 40px;}
	.shareLayer .inner_layersns .list_share li a p {font-size: 12px; margin-top: 8px;}
	.copyurl--wrap { margin-top: 15px; border: 1px solid #ddd;}
	.copyurl--wrap li:nth-child(1) {
		max-width: 71%;
		overflow-x: hidden;
		height: 30px;
		background: #f9f9f9;
		border-right: 1px solid #ddd;
		padding: 5px 10px;
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
	}
	.copyurl--wrap li:nth-child(2) {
		max-width: 100px;
		display: inline-block;
	}
	.copyurl--wrap li:nth-child(1) > a {font-size: 12px;}
	.copyurl--wrap li:nth-child(2) > a {font-size: 12px; padding: 6px 19px;}

	#bo_cate {margin-bottom:28px}
	#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	#bo_cate ul {zoom:1}
	#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
	#bo_cate li {display:inline-block;padding:2px}
	#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
	#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
	#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
	-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
	-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
	box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

	#faq_wrap {margin:10px 0 100px}
	#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.faq_admin {text-align:right}
	#faq_wrap ol {margin:0;padding:0;list-style:none}
	#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
	#faq_wrap li:first-child {border-top:1px solid #ececec}
	#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:3%;position:relative}
	#faq_wrap li h3 .tit_btn {position:absolute;right:3%;top:20px;width:15px;height:15px;background: url(images/fi-rr-angle-down.svg) no-repeat #fff;}
	#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
	#faq_wrap li h3 a > .spec-tab {font-size: 20px; font-weight: 400;}
	#faq_wrap li h3.faq_li_open a {/*color:#29a9a8*/}

	#faq_con .con_inner {display:none;padding: 25px 3%;}
	#faq_con .con_inner p{padding:3px 0;}
	/*#faq_con .con_inner p:before {content:''; margin-right: 5px;}*/
	#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
	#faq_con .con_inner .closer_btn {position:absolute;right:3%;top:20px;width:15px;height:15px;background: url(images/fi-rr-angle-down.svg) no-repeat #fff;transform: rotate(180deg);transition: all 0.3s ease-in-out;}

	#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px}
	#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
	#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
	#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}

	div.spec-answer > p {
		position: relative;
		display: block;
		font-weight: 600;
		line-height: 150%;
		padding-top: 10px;
		margin-bottom: 15px;
	}
	div.spec-answer > p > span {
		font-family: 'Roboto';
		font-weight: 400;
		color: #666;
		margin-left: 20px;
	}
	.videoM--mute{
		color: #aaaaaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
		position: absolute;
		bottom: 25%;
		right: 5%;
		z-index: 11;
		width: 70px;
		height: 70px;
		border-radius: 500px;
		text-align: center;
	}
	.btn-shine {
		color: #fff;
		background: linear-gradient(to right, #19bcb9 0, white 10%, #19bcb9 20%);
		background-position: 0;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: shine 3s infinite linear;
		animation-fill-mode: forwards;
		-webkit-text-size-adjust: none;
		font-weight: 500;
		font-size: 14px;
		text-decoration: none;
		cursor: pointer;
	}
	.btn-shine:before {content: ''; background: url(images/headset-w.svg) no-repeat; padding-right: 20px; margin-right: 10px;}

	@keyframes shine {
		0% {
			background-position: 0;
		}
		60% {
			background-position: 180px;
		}
		100% {
			background-position: 180px;
		}
	}

	.lh24 {line-height: 24px !important;}
	
	@media screen and (max-width: 768px) {
		.lh24 {line-height: 19px !important;}
	}

	@font-face {
		font-family: 'Busan';
		font-style: normal;
		font-weight: 400;
		src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/govs/busan/Busan/Busan.woff2') format('woff2'),
		url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/govs/busan/Busan/Busan.woff') format('woff');
	}	
	.detail_num {width:90px; height:90px; border-radius:18px; color:#fff; display:flex; align-items: center; margin:180px auto 0; }
	.prod__mainimage {
		width:100%; max-width:1200px; margin:0 auto;
	}
	
	.prod__mainimage1 {
		width:100%; max-width:1200px; margin:0 auto;
	}
	.as-video {position: relative; height: 0; overflow: hidden; border-radius: 20px; box-shadow: 2px 2px 20px #999;} 
	.as-video iframe,  .as-video video,  .as-video object,  .as-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	.as-video1 {position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden; max-width:100%} 
	.as-video1 iframe,  .as-video1 video,  .as-video1 object,  .as-video1 embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	.page_title__wrap {margin: 70px auto 100px !important;}
	
	/* style.css */

	/* 숨기려는 버튼을 골라서 쓰자 */

	/* 전체화면 버튼 */
	video::-webkit-media-controls-fullscreen-button {
		display: none !important;
	}

	/* 일시정지, 재생 버튼 */
	video::-webkit-media-controls-play-button {
		display: none !important;
	}

	/* 재생 슬라이드..? */
	video::-webkit-media-controls-timeline {
		display: none !important;
	}

	/* 현재 진행 시간 */
	video::-webkit-media-controls-current-time-display{
		display: none !important;
	}

	/* 전체 시간 */
	video::-webkit-media-controls-time-remaining-display {
		display: none !important;
	}

	/* 음소거 버튼 */
	video::-webkit-media-controls-mute-button {
		display: none !important;
	}

	/* 볼륨 조절 슬라이드 */
	video::-webkit-media-controls-volume-slider {
		display: none !important;
	}

	/* 괄호에 display: none !important; 를 추가하면된다.
	 예 ) 전체화면 전환 버튼을 숨긴다. 
	 다만 더블클릭으로 전체화면이 되는 기능등은 그대로고 단지 버튼만 없앤다. */

	video::-webkit-media-controls-fullscreen-button {
		display: none !important;
	}
</style>


<div id="Sitemap">
	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] => 
)
	
		<!-- end #section -->
</div>


<iframe src="blank.html" name="hiddenFrame" style="display:none;"></iframe>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
<script>
		$(".Buy-trigger1").click(function(e){
		e.preventDefault();
		dataBuy = $(this).attr("data-Buy");
		$("#" + dataBuy).css({"display":"block"});
	});
</script>
<script>	
	$(function(){
    var lastScrollTop2 = 0, delta = 15;
    $(window).scroll(function(event){
       var st = $(this).scrollTop();
       
       if(Math.abs(lastScrollTop2 - st) <= delta)
          return; // 스크롤값을 받아서 리턴한다.
	if ((st > lastScrollTop2) && (lastScrollTop2>0)) {
		   // downscroll code
		  $("#subNAVI").css("top","-80px"); // 스크롤을 내렸을때 #subNAVI의 CSS 속성중 top 값을 -70px로 변경한다.
			$('header').hide();
	  
	   } else {
		  // upscroll code
		  $("#subNAVI").css("top","-15px"); // 스크롤을 올렸을때 #subNAVI CSS 속성중 top 값을 0px로 변경한다.
		   $('header').show();
	   }
		   lastScrollTop2 = st;
		});
	});
	// Get the modal
	var videoM = document.getElementById("videoM-wrap");
	var button = document.getElementById("videoM--play");
	var span = document.getElementsByClassName("videoM--close")[0];
	var player = document.getElementById("player"); 
	button.onclick = function() {
		videoM.style.display = "block";
		player.play();
	}
	span.onclick = function() {
		videoM.style.display = "none";
		player.pause();
	}
	/***********
	window.onclick = function(event) {
		if (event.target == videoM) {
			videoM.style.display = "none";
		}
	}
	*************/
    function unmute() {
		const player = document.getElementById("player");
		player.muted = false;
		$('#vol_on').css('display', 'none');
		$('#vol_off').css('display', 'block');
    }
    function mute() {
		const player = document.getElementById("player");
		player.muted = true;
		$('#vol_off').css('display', 'none');
		$('#vol_on').css('display', 'block');
    }
	
	//detail slick slider
	$(function() {
		$('.slider-wrap').slick({
			slide: 'li',        //슬라이드 되어야 할 태그 ex) div, li 
			infinite : true,     //무한 반복 옵션     
			slidesToShow : 1,        // 한 화면에 보여질 컨텐츠 개수
			slidesToScroll : 1,        //스크롤 한번에 움직일 컨텐츠 개수
			speed : 800,     // 다음 버튼 누르고 다음 화면 뜨는데까지 걸리는 시간(ms)
			arrows : true,         // 옆으로 이동하는 화살표 표시 여부
			dots : true,         // 스크롤바 아래 점으로 페이지네이션 여부
			autoplay : true,            // 자동 스크롤 사용 여부
			autoplaySpeed : 3000,         // 자동 스크롤 시 다음으로 넘어가는데 걸리는 시간 (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,     //드래그 가능 여부 				 
		});
	  })


	var swiper = new Swiper(".mainSwiper", {
        
		slidesPerView: 1,
		autoplay: {
			delay: 4000,
			disableOnInteraction: false,
		},
		pagination: {
          el: ".swiper-pagination",
          type: "progressbar",
        },
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
    });

	
	function _counsel(){
		var frminfo = document.frmInfo;
		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();

	}
		/*$(function(){
		$(window).resize(function () {
			var width = $(window).width();
			console.log(width);
			if (width>=992) {
				$('#sectionA').attr('style', $('#sectionA').attr('style').split('_m.jpg').join('.jpg'));
			} else if (width<768) {
				$('#sectionA').attr('style', $('#sectionA').attr('style').split('.jpg').join('_m.jpg'));
			}
		});

		$(window).trigger("resize");
	});*/
</script>
<script>		
	//prod_detail--as  셀프A/S
	$(document).ready(function(){
		$('.As--section > li > .As-cont').hide();

		$('.As--section > li').click(function() {
			if ($(this).hasClass("active")) {
				$(this).removeClass("active").find(".As-cont").slideUp();
			} else {
				$(".As--section > li.active .As-cont").slideUp();
				$(".As--section > li.active").removeClass("active");
				$(this).addClass("active").find(".As-cont").slideDown();
			}
			return false;
		});

	});
	//prod_detail--spec  스펙
	//$(document).ready(function(){
		//$('.spec-list > li > .spec-answer').hide();

		//$('.spec-tab').click(function() {
			//if ($('.spec-list').hasClass("active")) {
				//$('.spec-list').removeClass("active").find(".spec-answer").slideUp();
			//} else {
				//$(".spec-list > li.active .spec-answer").slideUp();
				//$(".spec-list > li.active").removeClass("active");
				//$('.spec-list').addClass("active").find(".spec-answer").slideDown();
			//}
			//return false;
		//});

	//});
	jQuery(function() {
	  $(".closer_btn").on("click", function() {
		 $(this).closest(".spec-answer").slideToggle('slow', function() {
			var $h3 = $(this).closest("li").find("h3");
			$("#faq_con li h3").removeClass("faq_li_open");
			if($(this).is(":visible")) {
			   $h3.addClass("faq_li_open");
			}
		 });
	  });
   });
   function faq_open(el)
   {   
	  var $con = $(el).closest("li").find(".spec-answer"),
		 $h3 = $(el).closest("li").find("h3");
	  if($con.is(":visible")) {
		 $con.slideUp();
		 $h3.removeClass("faq_li_open");
	  } else {
		 $("#faq_con .spec-answer:visible").css("display", "none");
		 $con.slideDown(
			function() {
			   // 이미지 리사이즈
			   //$con.viewimageresize2();
			   $("#faq_con li h3").removeClass("faq_li_open");
			   $h3.addClass("faq_li_open");
			}
		 );
	  }
	  return false;
   }
</script>

<script>
  // Scroll Animation (sa, 스크롤 애니메이션)
  const saTriggerMargin = 300;
  const saElementList = document.querySelectorAll('.sa');

  const saFunc = function() {
	for (const element of saElementList) {
	  if (!element.classList.contains('show')) {
		if (window.innerHeight > element.getBoundingClientRect().top + saTriggerMargin) {
		  element.classList.add('show');
		}
	  }
	}
  }

  window.addEventListener('load', saFunc);
  window.addEventListener('scroll', saFunc);

	//.an -- animation.css
	//$(window).scroll(function() {
	//	$('.an').each(function(){
	//	var imagePos = $(this).offset().top;

	//	var topOfWindow = $(window).scrollTop();
	//		if (imagePos < topOfWindow+400) {//400은 요소와 화면 상단 사이의 공간, 애니메이션이 더 빨리 활성화되도록 하려면 이 숫자를 늘립니다.
	//			$(this).addClass("slideUp");
	//		}
	//	});
	//});

	//
	$('.an').click(function() {
		$(this).addClass("slideUp");
	});
</script>

<script>
	if (getCookie( "bmLayer0") == "done") {
		$("#bmLayer0").hide();
	}else{
		$("#bmLayer0").show();
	}
</script>