body {
  font-family: "Nanum Gothic", sans-serif;
  /*color: #444444;*/
}

.all{
	width: 1000px;
	margin: 0 auto;
}

.top{
	font-size: 15px;
	padding-top: 50px;
	text-align: center;
	line-height: 24px;
}

.titles{
	font-size: 30px;
	text-align: center;
}

.heads{
	line-height: 30px;
	text-align: center;
}

.heads span{
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
}

.red{
	text-align: center;
	color: red;
	font-weight: bold;
}

.d-price{
	margin:20px 0px 20px 0px;
}

.bolds{
	font-weight: bold;
}

.infos{
	width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 50px;
}

.contents-txt0 {
	position: absolute;
	top: 12%;
	left: 8%;
	width: 100%;
}

.contents-txt1{
	position: absolute;
	top: 59%;
	left: 6%;
	width: 100%;
}

.contents-godomall-txt0 {
    position: absolute;
    top: 104.4%;
	left: 4.3%;
}

.contents-godomall-txt0 p {
	font-size: 12px;
}

.contents-godomall-txt1 {
    position: absolute;
	top: 99.4%;
	left: 4.3%;
}

.contents-godomall-txt1 p {
	font-size: 12px;
	font-weight: bold;
}

.contents-txt2{
	position: absolute;
	top: 66.1%;
	left: 14%;
	width: 100%;
	font-weight: bold;
}

.contents-godomall-txt2 {
    position: absolute;
	top: 101%;
	left: 33%;
}

.contents-godomall-txt2 p {
	font-size: 12px;
}

.contents-txt3{
	position: absolute;
	top: 66%;
	left: 64%;
	width: 100%;
	font-weight: bold;
}

.contents-godomall-txt3 {
    position: absolute;
	top: 101%;
	left: 41%;
	font-weight: bold;
}

.contents-godomall-txt3 p {
	font-size: 14px;
}

.contents-txt4{
	position: absolute;
	top: 78%;
	left: 37%;
	font-size: 13px;
    color: #999999;
}

.contents-txt5{
	position: absolute;
	top: 87%;
	left: 57%;
	width: 100%;
	font-weight: bold;
	font-size: 25px;
}

.contents-godomall-txt5 {
	position: absolute;
    top: 116%;
    left: 45%;
    font-weight: bold;
    font-size: 12px;
}

.contents-godomall-txt6 {
	position: absolute;
    top: 126%;
    left: 43.2%;
    font-weight: bold;
    font-size: 18px;
}

.contents{
	width: 50%;
	height: 500px;
	float: left;
	padding-left: 0px;
}

.pd-4 {
	padding-top: 4px;
}

.pd-9 {
	padding-top: 9px;
}

.pd-12 {
    padding-top: 12px;	
}

.pd-13 {
    padding-top: 13px;	
}

.pd-15 {
    padding-top: 15px;	
}

.pd-16 {
    padding-top: 16px;	
}

.pd-17 {
	padding-top: 17px;
}

.pd-21{
	padding-top: 21px;
}

.pd-22 {
	padding-top: 22px;
}

.pd-24 {
	padding-top: 24px;
}

.pd-30 {
	padding-top: 30px;	
}

.pd-35 {
	padding-top: 35px;
}

.pd-40{
	padding-top: 13px;
}

.pd-48 {
	padding-top: 48px;
}

.pd-49{
	padding-top: 49px;
}

.pd-50{
	padding-top: 50px;
}

.pd-60 {
	padding-top: 60px;
}

.pd-85 {
	padding-top: 85px;
}

.pd-150{
	padding-bottom: 150px;
}

.pd-165{
	padding-top: 165px;
}

.pb-150 {
	padding-bottom: 0;
}

.contents-img{
	width: 50%;
	height: 500px;
	float: left;
	padding-top: 52px;
	padding-right: 0px;
	position: relative;
}

.contents-godomall {
    width: 50%;
	height: 500px;
	float: left;
	padding-left: 0px;
	margin-top: 277px;
}

.info-m {
	margin-top: 100px;
}

#comp-godomall-m {
  display: none;	
}

@media (max-width: 768px) {
	#comp {
		display: none;
	}
	#comp-m {
		display: block;
		width: 100%;
		height: 300px;
	}
	#comp-godomall-m {
	    display: block;
	    width: 100%;
	    height: 350px;
	}
	.contents-img {
		width: 50%;
	} 
	.contents-godomall {
		width: 50%;
		margin-top: 0;
	}
	.alert {
		padding: 0 !important;
		font-size: 12px;
	}
	.l-img {
		margin-top: 27px;
	}
	.left-img {
		padding-top: 46px;
	}
	#pp-p1 {
		padding-top: 10px;
	}
	#ppp-p1 {
		padding-top: 16px;
	}
	#pp-p2 {
		padding-top: 13px;
	}
	#ppp-p2 {
		padding-top: 18px;
	}
	#pp-p3 {
		padding-top: 39px;
	}
	#ppp-p3 {
		padding-top: 22px;
	}
	#pp-p4 {
		padding-top: 68px;
	}
	#ppp-p4 {
		padding-top: 23px;
	}
	#pp-p5 {
		padding-top: 84px;
	}
	#ppp-p5 {
		padding-top: 130px;
	}
	.contents-txt0 {
		top: 9.5%;
    	font-size: 10px;
	}
	.contents-txt1 {
		top: 48.5%;
    	left: 0%;
    	font-size: 10px;
	}
	.contents-godomall-txt0 {
	    top: 37.5%;
    	left: 2%;
    	transform: none;
	}
	.contents-godomall-txt0 p {
		font-size: 10px;
	}
	.contents-godomall-txt1 {
	    top: 34%;
    	left: 2%;
    	transform: none;
	}
	.contents-godomall-txt1 p {
		font-size: 10px;
		font-weight: initial;
	}
	.contents-txt2 {
		top: 51.5%;
    	left: 18%;
    	font-size: 10px;
	}
	.contents-godomall-txt2 {
		top: 43.1%;
    	left: 10%;
    	transform: none;
	}
	.contents-txt3 {
		top: 52.5%;
    	left: 71%;
    	font-size: 10px;
	}
	.contents-godomall-txt3 {
		top: 48%;
    	left: 46%;
    	transform: none;
	}
	.contents-godomall-txt3 p {
		font-size: 12px;
	}
	.contents-txt4 {
		top: 57%;
    	left: 1%;
    	font-size: 10px;
	}
	.contents-txt5 {
		top: 56%;
    	left: 68%;
    	font-size: 12px;
	}
	.contents-godomall-txt5 {
		top: 56.5%;
    	left: 46%;
		font-size: 12px;
		transform: none;
	}
	.contents-godomall-txt6 {
		top: 61%;
    	left: 44%;
    	font-size: 14px;
    	transform: none;
	}
	#info {
		font-size: 14px !important;
	}
	.info-m {
		margin-top: 0;
	}
	.pb-150 {
		padding-bottom: 40px;
	}
} 

@media (min-width: 768px) {
	#comp {
		display: block;
	}
	#comp-m {
	    display: none;	
	}
}

.priceEx {
	position: relative;
}

#content-img-godomall {
	position: absolute !important;
	width: 100% !important;
	padding-top: 0px !important;
}

#content-godomall {
	position: absolute !important;
	width: 47% !important;
	left: 53% !important;
}

.main_pp p {
  margin-bottom: 0px;
  position: relative;
  top: -6px;
  left: -1px;	
}

@media (max-width: 768px) {
	#content-godomall {
		position: absolute !important;
		width: 37% !important;
		left: 63% !important;
	}
	
	.main_pp p {
	  position: initial;	
	}
}