@charset "UTF-8";

.main_image {
  margin: 20px auto 0;
  width: 1200px;
  padding-top: 906px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-image: url('../img/returns/main.jpg?202007');
  background-repeat: no-repeat;
  background-position: center;
}

.main_image .headline {
  position: absolute;
  left: 20px;
  top: 40px;
  margin-left: -394px;
  left: 50%;
}

.main_image .headline2 {
  position: absolute;
  left: 20px;
  top: 320px;
  margin-left: -391px;
  left: 50%;
}

.main_image .large {
  position: absolute;
  top: 160px;
  font-size: 24px;
  color: #525252;
  text-align: left;
  font-weight: bold;
  width: 618px;
  left: 50%;
  margin-left: -390px;
}

.wrapper .contents>.wrap section.first p {
  font-size: 21px;
  text-align: center;
  margin-bottom: 20px;
}

.wrapper .contents>.wrap section.first .middle {
  font-size: 28px;
  text-align: center;
  color: #ff1010;
  line-height: 1.6;
}

.wrapper .contents>.wrap .main_side {
  width: 992px;
  margin: 0 auto;
}

.wrapper .contents .wrap .main_side .container .guide {
  padding: 0 20px;
}
.wrapper .contents .wrap .main_side .contents_lists_detail h2 {
  background-color: #d1b383;
  color: #fff;
  font-size: 26px;
  padding: 15px 20px;
  margin-bottom: 30px;
  text-align: center;
}

.wrapper .contents .wrap .main_side .container .guide section.contents_lists_detail {
  border-bottom: none;
}

.explain_text ol li .qr {
  margin: 20px auto;
  display: block !important;
  width: 300px;
  text-align: center;
}

.explain_text ol li .image_area {
 text-align: center;
 margin: 40px auto;
}

.wrapper .contents .wrap .main_side .container .guide section.contents_lists_detail .explain_text ol li, .wrapper .contents .wrap .main_side .container .sitemap section.contents_lists_detail .explain_text ol li {
  font-size: 14px;
}

.wrapper .contents .wrap .main_side .container .guide section.contents_lists_detail .explain_detail ul li:first-child, .wrapper .contents .wrap .main_side .container .sitemap section.contents_lists_detail .explain_detail ul li:first-child {
  font-size: 14px;
}


@media screen and (max-width: 768px){
	.wrapper .contents>.wrap .main_side{
	width:100%;
	}
.main_image{
    background-size: contain;
}
	#stepArea ol li .step_no{
    width: 60px;
    height: 60px;
    border-radius: 42px;
    padding: 3px 0 0 6px;
				    font-size: 12px;
    left: -24px;
}
	#stepArea ol li .step_no .no {
    font-size: 20px;
    vertical-align: sub;
}
#stepArea ol li{
    padding: 40px 12px 20px 12px;
    font-size: 14px;
}
.wrapper .contents .wrap .main_side .contents_lists_detail h2 {
    background-color: #d1b383;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    margin-bottom: 16px;
    text-align: center;
}
.wrapper .contents .wrap .main_side .container .guide section.contents_lists_detail .explain_text p, .wrapper .contents .wrap .main_side .container .sitemap section.contents_lists_detail .explain_text p {
    font-size: 13px;
}
}