@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,300&family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Oswald:wght@200;300;400;500;600;700&family=PT+Sans&display=swap');
html,body{margin:0;padding:0}
font,span,p,b{display:inline-block}
body,td,th,div{text-decoration: none;font:normal 500 12px/1.5 'Noto Sans KR','Nanum Gothic','나눔고딕','NG','맑은 고딕','Malgun Gothic','Oswald','돋움','Dotum', sans-serif}
body,form,pre,fieldset,blockquote{margin:0;padding:0;}
img {border:none;display:block}
img{ vertical-align:middle; }
a,select:focus{outline:none}

a{text-decoration:none;color:#666;background-color:transparent;}
a:hover,a:active{text-decoration: none;}

i{font-style: italic}
u{text-decoration: underline}

#div_sd,#div_imgd{position:relative; text-align:center; margin:0 auto; display:inline-block; padding:0}

#pond{width:100%; height:100%; position:absolute; z-index:1; margin:0; padding:0}
.div_imgponter{display:inline-block;position:relative;z-index:0; margin:0; padding:0}
#copyhn{display:inline-block; position:relative; margin:0; padding:0}
.product_point_bt{
	position:absolute;
	cursor:pointer;
	z-index:3;
	-webkit-animation:product_point_bt 0.3s ease-in-out infinite alternate;
    -moz-animation:product_point_bt 0.3s ease-in-out infinite alternate;
    animation:product_point_bt 0.3s ease-in-out infinite alternate;
}
@-webkit-keyframes product_point_bt{
    0% { opacity:0.5}
    100% { opacity:1.00}
}
@-moz-keyframes product_point_bt{
    0% { opacity:0.5}
    100% { opacity:1.00}
}
@keyframes product_point_bt{
    0% { opacity:0.5}
    100% { opacity:1.00}
}