@charset "UTF-8";
@import url("contents_repond.css");
/*-------------------------------------------------
title       : 서브 반응형
Author      : ㅈㅁㅈ
Create date : 2020-06-18
-------------------------------------------------*/
@media (max-width: 1950px) { #visual .img { border-radius: 0 0 0 8rem; }
  #snb .list > ul li.active ul { font-size: 1.6rem; } }

@media (max-width: 1420px) { #visual .img { border-radius: 0; } }

@media (max-width: 1280px) {
.location {right: 0; margin-right: 3rem;}
.contents_util .share { top: 20rem; right: 0; margin-right: 3rem;}
}

@media (max-width: 1024px) { 
#visual .title + p {margin-bottom: 1.5rem; line-height: 1.2;}
.location {top: 29rem;}	
#contents_title { font-size: 3rem; }
.depth4_tab ul { font-size: 1.6rem; height: 5rem; table-layout: inherit; }
.depth4_tab ul li + li::before { height: calc(100% - 3rem); }
.contents_info #satisfy .title .txt { position: static; }
.contents_info #satisfy .form { position: relative; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 100%; padding: 0 20rem 0 0; }
.contents_info #satisfy .form .length { left: auto; right: 0; text-align: left; }
.contents_info #satisfy .form .btn { right: 10rem; }
}

@media (max-width: 768px) { 
#visual { height: 30rem; }
#visual .img img { height: 100%; }
#visual .title { font-size: 3.5rem; }
#visual .title span { display: none; }
#visual .desc {top :10rem; font-size: 1.6rem; }
#visual .desc p { height: 4rem; word-break: keep-all; }

.location {top: 20rem; left: 3rem; text-align: left; line-height: 1.2;}
.contents_util .share { top: 24rem; right: -1rem;}
#contents { padding: 3rem 0; }
#contents_title::after { margin: 1.5rem auto 2.5rem; }
.contents_info { margin-top: 5rem; }
.contents_info .duty .list { width: calc(100% - 3rem); }
.contents_info .duty .list li { float: none; }
.contents_info .duty .label { display: inline-block; position: relative; width: 10rem; margin-right: 1rem; vertical-align: middle; }
.contents_info .duty .label::after { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0; }
.contents_info .duty .date { display: block; position: static; padding-left: 4rem; }
.contents_info .qr { display: none; } 

}

@media (max-width: 420px) { 
#contents_title { font-size: 2.5rem; letter-spacing: -0.1rem; }
.contents_info #satisfy .list .form_radio { display: block; }
.contents_info #satisfy .form { height: auto; padding-right: 0; }
.contents_info #satisfy .form .btn { position: static; height: 4rem; vertical-align: top; }
.contents_info #satisfy .form .length { top: auto; bottom: 0; text-align: right; line-height: 4rem; } 
}