@charset "utf-8";
/* SIR 지운아빠 */

@font-face {
  font-family: 'godoM';
  src:url(/theme/basic/font/GodoM.ttf) format('truetype'),
      url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}

@font-face {
  font-family: yoon;
  src:url(/theme/basic/font/YD_YGO36.ttf) format('truetype'),
	  url(/theme/basic/font/YGO36.woff) format('woff');

}

@media screen and (max-width:1700px) {

  #product_tag_container {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }
  #product_tag {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }
  #product_tag_text {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }


  #product_card_container {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }
  #product_card {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }
  #product_card_text {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }

  #product_sos_container {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }
  #product_sos {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }
  #product_sos_text {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }

  #line{
	  -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }

  #line2{
	  -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }
}

@media screen and (min-width:1700px) {
  #product_img {

  }

  #product_img_text {

  }
  #product_tag_container {

  }
  #product_tag {

  }
  #product_tag_text {

  }

  #product_card_container {

  }
  #product_card {

  }
  #product_card_text {

  }
  #line{

  }

}


/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;}
html, img {margin:0;padding:0;border:0}
a {text-decoration: none;font-size: 16px;color:#000000;}

#product_img{
	position:absolute;
	width:100%;;
	height:564px;
	top: 74px;
	overflow:hidden;
	background: url('../img/product_background.jpg') center no-repeat;
	background-size:cover;
}

#product_img_text{
	position:absolute;
	width:560px;
	height:111px;
	top:277px;
	left:calc(50% - 270px);
	opacity:0;
}
#product_img_text .img_text_class1{
	width:100%
	height:54px;
	font-family:godoM;
	font-size:48px;
	color:#ffffff;
	margin:0;
	text-align:left;
	text-decoration:none;
	border-bottom: 2px solid #ffffff;
	padding-bottom:2px;
	z-index:999;
}
#product_img_text .img_text_class2{
	width:100%
	height:54px;
	font-family:godoM;
	font-size:36px;
	color:#ffffff;
	margin:0;
	float:right;
	padding-top:10px;
}

	#product_tag_container{
		position: absolute;
		width: 100%;
		height:581px;
		text-align: center;
		padding-top: 0px;
		top:638px;
		overflow:hidden;

	}
	#product_tag {
		position: absolute;
		width: 700px;
		height: 450px;
		left:calc(50% - 350px - 321px);
		top:80px;
		background: url('../img/product_tag.png');
		zoom: 0.9;
	}

	#product_tag_text {
		position: absolute;
		width: 450px;
		height: 200px;
		left:calc(50% - 225px + 344px);
		top:199px;
		text-align: left;

	}

	#button1{
		position: absolute;
		width: 170px;
		height: 50px;
		background: url('../img/product_button.png');
		top: 162px;

	}

	.button_text{
		position: absolute;
		text-align: center;
		width: 100px;
		top:calc(50% - 9px);
		left:calc(50% - 50px);
		font-size: 16px;
		font-family: godoM;
		color: #222327;
	}

	.tag_title{
		font-family: yoon;
		font-size: 48px;
		color: #000000;
		line-height: 60px;
		letter-spacing: -5px;
	}

	#tag_text_part{
		position: absolute;
		width: 450px;
		height: 107px;
		top:148px;
		font-family: godoM;
		font-size: 20px;
		color: #737478;
		line-height: 36px;
	}

	#product_card_container{
		position: absolute;
		width: 100%;
		height:581px;
		text-align: center;
		padding-top: 0px;
		top:1119px;
		overflow:hidden;

	}
	#product_card {
		position: absolute;
		width: 700px;
		height: 450px;
		left:calc(50% - 350px + 321px);
		top:80px;
		background: url('../img/product_card.png');
		zoom: 0.9;
	}

	#product_card_text {
		position: absolute;
		width: 450px;
		height: 200px;
		left:calc(50% - 225px - 344px);
		top:199px;
		text-align: left;

	}

	#button2{
		position: absolute;
		width: 170px;
		height: 50px;
		background: url('../img/product_button.png');
		top: 162px;
	}
	.button_text2{
		position: absolute;
		text-align: center;
		width: 100px;
		top:calc(50% - 9px);
		left:calc(50% - 50px);
		font-size: 16px;
		font-family: godoM;
		color: #222327;
	}

	.card_title{
		font-family: yoon;
		font-size: 48px;
		color: #000000
		line-height: 60px;
		letter-spacing: -5px;
	}

	#card_text_part{
		position: absolute;
		width: 450px;
		height: 107px;
		top:148px;
		font-family: godoM;
		font-size: 20px;
		color: #737478;
		line-height: 36px;
	}

	#line{
		position: absolute;
		width: 1300px;
		height: 1px;
		top: 1169px;
		left:calc(50% - 650px);
		background-color: #dddddd;

	}

  #line2 {
    position: absolute;
    width: 1300px;
    height: 1px;
    top: 1650px;
    left:calc(50% - 650px);
    background-color: #dddddd;

  }

  #product_sos_container{
		position: absolute;
		width: 100%;
		height:581px;
		text-align: center;
		padding-top: 0px;
		top:1600px;
		overflow:hidden;

	}
	#product_sos {
		position: absolute;
		width: 700px;
		height: 450px;
		left:calc(50% - 350px - 321px);
		top:80px;
		background: url('../img/product_sos.png');
		zoom: 0.9;
	}

	#product_sos_text {
		position: absolute;
		width: 450px;
		height: 200px;
		left:calc(50% - 225px + 344px);
		top:127px;
		text-align: left;

	}

	#button3{
		position: absolute;
		width: 170px;
		height: 50px;
		background: url('../img/product_button.png');
		top: 162px;

	}

	#sos_text_part{
		position: absolute;
		width: 450px;
		height: 107px;
		top:148px;
		font-family: godoM;
		font-size: 20px;
		color: #737478;
		line-height: 36px;
	}

  .sos_title{
    font-family: yoon;
    font-size: 48px;
    color: #000000;
    line-height: 60px;
    letter-spacing: -5px;
  }

  #sos_add_logo {
    position: absolute;
    width: 149px;
    height: 35px;
    background: url('../img/product_logo_1.png') center no-repeat;
    top: 260px;
    left: 0;
  }

  #ft {
    top:2150px !important;
  }