/* 교회 소개 페이지 시작 */
.church_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; position: relative; transition: all 0.12s ease-in-out; }
.church_content>img{ width: 100%; height: auto; max-width: 800px; margin: 0 auto 30px; display: block; transition: all 0.12s ease-in-out; }
.church_content>article{ width: 100%; height: auto; max-width: 800px; margin: 0 auto 30px; line-height: 1.8; transition: all 0.12s ease-in-out; }
.church_content>h4{ width: 100%; height: auto; max-width: 800px; margin: 0 auto 40px; font-size: 20px; font-weight: 500; text-align: right; transition: all 0.12s ease-in-out; }
.church_content>h4>span{ color: rgb(153,153,153); font-size: 14px; font-weight: 400; transition: all 0.12s ease-in-out; }
body#dark .church_content>h4>span{ color: rgb(153,153,153); }

@media(max-width:480px){

    .church_content>article{ font-size: 0.9em; }

}
/* 교회 소개 페이지 끝 */

/* 연혁 페이지 시작 */
.history_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 30px 0; position: relative; transition: all 0.12s ease-in-out; }
.history_content.no_content{ padding: 0 !important; }
.history_content>figure{ width: 1px; height: 100%; background-color: rgb(220,220,220); position: absolute; top: 0; left: 50%; transition: all 0.12s ease-in-out; }
body#dark .history_content>figure{ background-color: rgb(85,85,85); }
.history_content>dl{ width: 50%; transition: all 0.12s ease-in-out; }
.history_content>dl:nth-of-type(2n+1){ margin-right: 50%; padding-right: 100px; }
.history_content>dl:nth-of-type(2n){ margin-left: 50%; padding-left: 100px; }
.history_content>dl>dt{ color: rgb(18,18,18); font-size: 50px; font-weight: 500; line-height: 83px; word-break: keep-all; position: relative; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dt{ color: rgb(220,220,220); }
.history_content>dl:nth-of-type(2n+1)>dt{ text-align: right; }
.history_content>dl>dt>div{ width: 75px; height: 1px; background-color: rgb(220,220,220); position: absolute; bottom: 20px; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dt>div{ background-color: rgb(85,85,85); }
.history_content>dl:nth-of-type(2n+1)>dt>div{ right: -100px; }
.history_content>dl:nth-of-type(2n)>dt>div{ left: -100px; }
.history_content>dl>dt>div>div:nth-of-type(1){ width: 5px; height: 5px; border-radius: 100%; background-color: rgb(220,220,220); position: absolute; top: -2px; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dt>div>div:nth-of-type(1){ background-color: rgb(220,220,220); }
.history_content>dl:nth-of-type(2n+1)>dt>div>div:nth-of-type(1){ left: -2px; }
.history_content>dl:nth-of-type(2n)>dt>div>div:nth-of-type(1){ right: -2px; }
.history_content>dl>dt>div>div:nth-of-type(2){ width: 9px; height: 9px; border: 1px solid rgb(102,102,102); border-radius: 100%; background-color: rgb(255,255,255); position: absolute; top: -4px; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dt>div>div:nth-of-type(2){ border-color: rgb(220,220,220); background-color: rgb(85,85,85); }
.history_content>dl:nth-of-type(2n+1)>dt>div>div:nth-of-type(2){ right: -5px; }
.history_content>dl:nth-of-type(2n)>dt>div>div:nth-of-type(2){ left: -4px; }
.history_content>dl>dd{ margin-top: 5px; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
.history_content>dl:nth-of-type(2n+1)>dd{ justify-content: flex-end; }
.history_content>dl>dd>h4{ width: 55px; color: rgb(46,168,225); font-size: 16px; font-weight: 500; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dd>h4{ color: rgb(46,168,225); }
.history_content>dl>dd>p{ width: auto; max-width: calc(100% - 55px); height: auto; color: rgb(18,18,18); font-size: 16px; font-weight: 500; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dd>p{ color: rgb(220,220,220); }
.history_content>dl:nth-of-type(2n+1)>dd>p{ text-align: right; }
.history_content>dl>img{ width: 100%; height: auto; max-width: 380px; margin-top: 30px; display: block; transition: all 0.12s ease-in-out; }
.history_content>dl:nth-of-type(2n+1)>img{ margin-left: auto; }

@media(max-width:960px){

    .history_content{ padding: 20px 0; }
    .history_content>figure{ left: 10px; }
    .history_content>dl{ width: calc(100% - 10px); margin-top: 50px; }
    .history_content>dl:nth-of-type(1){ margin-top: 0; }
    .history_content>dl:nth-of-type(2n+1){ margin-right: 0; margin-left: 10px; padding-right: 0; padding-left: 60px; }
    .history_content>dl:nth-of-type(2n){ margin-left: 10px; padding-left: 60px; }
    .history_content>dl>dt{ font-size: 40px; line-height: 60px; }
    .history_content>dl:nth-of-type(2n+1)>dt{ text-align: left; }
    .history_content>dl>dt>div{ width: 40px; bottom: 15px; }
    .history_content>dl:nth-of-type(2n+1)>dt>div{ right: unset; left: -60px; }
    .history_content>dl:nth-of-type(2n)>dt>div{ left: -60px; }
    .history_content>dl>dt>div>div:nth-of-type(1){ width: 5px; height: 5px; top: -2px; }
    .history_content>dl:nth-of-type(2n+1)>dt>div>div:nth-of-type(1){ left: unset; right: -2px; }
    .history_content>dl:nth-of-type(2n)>dt>div>div:nth-of-type(1){ right: -2px; }
    .history_content>dl>dt>div>div:nth-of-type(2){ width: 9px; height: 9px; top: -4px; }
    .history_content>dl:nth-of-type(2n+1)>dt>div>div:nth-of-type(2){ right: unset; left: -4px; }
    .history_content>dl:nth-of-type(2n)>dt>div>div:nth-of-type(2){ left: -5px; }
    .history_content>dl:nth-of-type(2n+1)>dd{ justify-content: flex-start; }
    .history_content>dl>dd>h4{ width: 50px; font-size: 16px; }
    .history_content>dl>dd>p{ max-width: calc(100% - 50px); font-size: 16px; }
    .history_content>dl:nth-of-type(2n+1)>dd>p{ text-align: left; }
    .history_content>dl>img{ margin-top: 20px; }
    .history_content>dl:nth-of-type(2n+1)>img{ margin-left: 0; }

}

@media(max-width:480px){

    .history_content{ padding: 0 0 20px; }
    .history_content>figure{ width: 0; left: 0; }
    .history_content>dl{ width: 100%; margin-top: 30px; }
    .history_content>dl:nth-of-type(2n+1){ margin-left: 0; padding-left: 0; }
    .history_content>dl:nth-of-type(2n){ margin-left: 0; padding-left: 0; }
    .history_content>dl>dt{ font-size: 30px; line-height: 1.6; }
    .history_content>dl>dt>div{ width: 0; }
    .history_content>dl>dt>div>div:nth-of-type(1){ width: 0; height: 0; }
    .history_content>dl>dt>div>div:nth-of-type(2){ width: 0; height: 0; }
    .history_content>dl>img{ margin-top: 15px; }

}
/* 연혁 페이지 끝 */

/* 담임목사 소개 페이지 시작 */
.senior_pastor_content{ width: 100%; height: auto; max-width: 800px; margin: auto; position: relative; transition: all 0.12s ease-in-out; }
.senior_pastor_content>h4{ width: 100%; height: auto; margin-bottom: 40px; color: rgb(113,36,43); font-size: 24px; font-weight: 500; transition: all 0.12s ease-in-out; }
body#dark .senior_pastor_content>h4{ color: rgb(189,117,123); }
.senior_pastor_content>dl{ width: 100%; height: auto; margin-bottom: 40px; display: block; display: flex; flex-flow: row nowrap; position: relative; transition: all 0.12s ease-in-out; }
.senior_pastor_content>dl>dt{ width: 100%; font-size: 16px; font-weight: 400; text-shadow: 2px 2px 3px rgba(255,255,255,0.5); transition: all 0.12s ease-in-out; }
body#dark .senior_pastor_content>dl>dt{ text-shadow: 2px 2px 3px rgba(0,0,0,0.5); }
.senior_pastor_content>dl>dd{ width: 100%; height: 100%; max-width: 250px; margin: auto; border-radius: 20px; position: relative; overflow: hidden; transition: all 0.12s ease-in-out; }
.senior_pastor_content>dl.is_content.is_img>dt{ width: 55%; }
.senior_pastor_content>dl.is_content.is_img>dd{ width: 40%; max-width: 100%; margin: 0 0 0 5%; }
.senior_pastor_content>dl>dd>figure{ width: 100%; height: calc(100% - 100px); border-radius: 5%; border-top-left-radius: 60%; background-color: rgb(225,240,240); position: absolute; bottom: 0; left: 0; z-index: 0; transition: all 0.12s ease-in-out; }
body#dark .senior_pastor_content>dl>dd>figure{ background-color: rgb(71,112,112); }
.senior_pastor_content>dl>dd>div{ width: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: contain; position: absolute; z-index: 1; transition: all 0.12s ease-in-out; }
body#dark .senior_pastor_content>dl>dd>div{ opacity: 0.9; }
.senior_pastor_content>dl>dd>p{ width: calc(100% - 20px); position: absolute; bottom: 10px; left: 10px; z-index: 2; color: rgb(220,220,220,0.3); font-size: 20px; font-family: 'MonteCarlo', cursive; text-align: right; transition: all 0.12s ease-in-out; }
body#dark .senior_pastor_content>dl>dd>p{ color: rgb(153,153,153,0.3); }
.senior_pastor_content>article{ width: 100%; height: auto; margin: 0 auto 30px; line-height: 1.8; transition: all 0.12s ease-in-out; }
.senior_pastor_content>h3{ width: 100%; height: auto; margin-bottom: 40px; font-size: 24px; font-weight: 500; letter-spacing: 3px; transition: all 0.12s ease-in-out; }
.senior_pastor_content>h3>span{ font-size: 16px; font-weight: 400; letter-spacing: 0; transition: all 0.12s ease-in-out; }
.senior_pastor_content>div{ width: 100%; padding: 25px; border-radius: 15px; display: flex; flex-flow: row wrap; background-color: rgb(250,250,250); transition: all 0.12s ease-in-out; }
body#dark .senior_pastor_content>div{ background-color: rgba(255,255,255,0.1); }
.senior_pastor_content>div>section{ width: 100%; transition: all 0.12s ease-in-out; }
.senior_pastor_content>div.half_section>section{ width: 45%; }
.senior_pastor_content>div.half_section>section:nth-of-type(2){ margin-left: 10%; }
.senior_pastor_content>div>section>h6{ width: 100%; height: auto; margin-bottom: 10px; font-size: 20px; font-weight: 500; transition: all 0.12s ease-in-out; }
.senior_pastor_content>div>section>article{ width: 100%; margin-bottom: 10px; display: flex; flex-flow: row nowrap; align-items: baseline; transition: all 0.12s ease-in-out; }
.senior_pastor_content>div>section>article>i{ width: 15px; color: rgb(8,91,176); font-size: 16px; transition: all 0.12s ease-in-out; }
body#dark .senior_pastor_content>div>section>article>i{ color: rgb(98,158,189); }
.senior_pastor_content>div>section>article>p{ width: calc(100% - 15px); font-size: 16px; transition: all 0.12s ease-in-out; }

@media(max-width:720px){

    .senior_pastor_content>h4{ margin-bottom: 30px; }
    .senior_pastor_content>dl{ margin-bottom: 30px; }
    .senior_pastor_content>dl.is_content.is_img>dt{ width: 100%; padding: 10px; position: relative; z-index: 10; }
    .senior_pastor_content>dl.is_content.is_img>dd{ width: 100%; max-width: 300px; max-height: 100%; position: absolute; bottom: 0; right: 0; opacity: 0.3; }
    .senior_pastor_content>dl.is_content.is_img>dd>figure{ opacity: 0; }
    .senior_pastor_content>dl.is_content.is_img>dd>p{ opacity: 0; }
    .senior_pastor_content>h3{ margin-bottom: 30px; }
    .senior_pastor_content>div.half_section>section{ width: 100%; }
    .senior_pastor_content>div.half_section>section:nth-of-type(2){ margin-top: 30px; margin-left: 0; }

}

@media(max-width:480px){

    .senior_pastor_content>h4{ margin-bottom: 20px; font-size: 20px; }
    .senior_pastor_content>dl{ margin-bottom: 20px; }
    .senior_pastor_content>dl>dt{ font-size: 14px; }
    .senior_pastor_content>h3{ margin-bottom: 20px; font-size: 20px; }
    .senior_pastor_content>h3>span{ font-size: 14px; }
    .senior_pastor_content>div{ padding: 15px; }
    .senior_pastor_content>div.half_section>section:nth-of-type(2){ margin-top: 15px; }
    .senior_pastor_content>div>section>h6{ font-size: 18px; }
    .senior_pastor_content>div>section>article{ margin-bottom: 5px; }
    .senior_pastor_content>div>section>article>i{ font-size: 14px; }
    .senior_pastor_content>div>section>article>p{ font-size: 14px; }

}
/* 담임목사 소개 페이지 끝 */

/* 섬기는 사람들 페이지 시작 */
.minister_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.minister_content>h4{ width: 100%; margin-top: 60px; font-size: 20px; font-weight: 500; transition: all 0.12s ease-in-out; }
.minister_content>h4.first_title{ margin-top: 0; }
.minister_content>div{ width: calc(100% + 10px); margin-top: 10px; display: flex; flex-flow: row wrap; }
.minister_content>div.m_view{ display: none; }
.minister_content>div dl{ width: calc(100% / 5 - 10px); margin: 10px 10px 0 0; border: 1px solid rgb(220,220,220); border-radius: 10px; overflow: hidden; transition: all 0.12s ease-in-out; }
body#dark .minister_content>div dl{ border-color: rgb(85,85,85); }
.minister_content>div dl:hover{ box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.5); }
.minister_content>div dl>dt{ width: 100%; height: 0; padding-top: 133.33%; position: relative; background-color: rgb(245,245,245); background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.12s ease-in-out; }
body#dark .minister_content>div dl>dt{ background-color: rgba(255,255,255,0.1); }
.minister_content>div dl>dt>div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.minister_content>div dl>dt>div>img{ max-width: 90%; max-height: 60%; display: block; }
.minister_content>div dl>dt>div>img.logo_dark{ display: none; }
body#dark .minister_content>div dl>dt>div>img.logo_light{ display: none; }
body#dark .minister_content>div dl>dt>div>img.logo_dark{ display: block; }
.minister_content>div dl>dd{ width: 100%; padding: 10px; transition: all 0.12s ease-in-out; }
.minister_content>div dl>dd>h4{ width: 100%; font-size: 16px; font-weight: 500; transition: all 0.12s ease-in-out; }
.minister_content>div dl>dd>h4>span{ color: rgb(153,153,153); font-size: 14px; font-weight: 400; transition: all 0.12s ease-in-out; }
body#dark .minister_content>div dl>dd>h4>span{ color: rgb(153,153,153); }
.minister_content>div dl>dd>p{ width: 100%; margin-top: 5px; transition: all 0.12s ease-in-out; }
.minister_content>div dl>dd>p>a{ font-size: 14px; font-weight: 400; transition: all 0.12s ease-in-out; cursor: pointer; }
.minister_content>div dl>dd>h6{ width: 100%; margin-top: 10px; font-size: 14px; font-weight: 400; transition: all 0.12s ease-in-out; }

@media(max-width:1200px){

    .minister_content>div dl{ width: calc(100% / 4 - 10px); }

}

@media(max-width:960px){

    .minister_content>h4{ margin-top: 40px; font-size: 18px; }
    .minister_content>div dl{ width: calc(100% / 3 - 10px); }

}

@media(max-width:680px){

    .minister_content>div dl{ width: calc(100% / 2 - 10px); }

}

@media(max-width:510px){

    .minister_content>h4{ margin-top: 20px; }
    .minister_content>div{ margin-top: 0; }

}

@media(max-width:480px){

    .minister_content>div dl>dd>h4{font-size: 14px; }
    .minister_content>div dl>dd>h4>span{ font-size: 12px; }
    .minister_content>div dl>dd>p{ font-size: 12px; }
    .minister_content>div dl>dd>a{ font-size: 12px; }
    .minister_content>div dl>dd>p>a{ font-size: 12px; }
    .minister_content>div dl>dd>h6{ font-size: 12px; }

    /* .minister_content>h4{ margin-top: 40px; text-align: center; }
    .minister_content>div{ width: 80%; margin-top: 15px; }
    .minister_content>div.pc_view{ display: none; }
    .minister_content>div.m_view{ display: block; }
    .minister_content>div.swiper .swiper-slide{ border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.5); }
    .minister_content>div dl{ width: 100%; margin: 0; background-color: rgb(255,255,255); }
    body#dark .minister_content>div dl{ width: 100%; background-color: rgb(42,42,42); background-image: url(/static/img/dark_pattern.jpg); background-position: center top 0; background-repeat: repeat; background-size: auto; } */

}
/* 섬기는 사람들 페이지 끝 */

/* 예배 안내 페이지 시작 */
.worship_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.worship_content>h4{ width: 100%; margin-top: 30px; font-size: 20px; font-weight: 500; transition: all 0.12s ease-in-out; }
.worship_content>h4:nth-of-type(1){ margin-top: 0; }
.worship_content>ul{ width: 100%; margin-top: 10px; display: grid; grid-template-columns: 1fr 100px 1fr 1fr 1fr; transition: all 0.12s ease-in-out; }
.worship_content>ul>li{ padding: 5px; border-right: 1px solid rgb(220,220,220); border-bottom: 1px solid rgb(220,220,220); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
body#dark .worship_content>ul>li{ border-right-color: rgb(85,85,85); border-bottom-color: rgb(85,85,85); }
.worship_content>ul>li.subject{ border-top: 2px solid rgb(48,48,88); background-color: rgb(233,237,244); }
body#dark .worship_content>ul>li.subject{ border-top-color: rgb(185,185,185); background-color: rgba(255,255,255,0.1); }
.worship_content>ul>li.subject:nth-of-type(1){ grid-column: 1 / 3; }
.worship_content>ul>li.worship_name_0{ grid-column: 1 / 3; }
.worship_content>ul>li.worship_name_1{ grid-column: 1 / 3; }
.worship_content>ul>li.last_col{ border-right-width: 0; }
.worship_content>ul>li>p{ font-size: 16px; font-weight: 400; text-align: center; transition: all 0.12s ease-in-out; }

@media(max-width:960px){

    .worship_content>h4{ margin-top: 20px; font-size: 18px; }
    .worship_content>ul{ grid-template-columns: 2fr 50px 3fr 3fr 3fr; }
    .worship_content>ul>li>p{ font-size: 14px; }

}

@media(max-width:510px){

    .worship_content>h4{ margin-top: 15px; }
    .worship_content>ul{ grid-template-columns: 40px 1fr 1fr 1fr; }
    .worship_content>ul>li.subject:nth-of-type(1){ display: none; }
    .worship_content>ul>li.subject:nth-of-type(2){ grid-column: 1 / 3; }
    .worship_content>ul>li[class^="worship_name_"]{ border-right-width: 0; grid-column: 1 / 5; grid-row: auto / span 1 !important; }
    .worship_content>ul>li.worship_name_0{ grid-column: 1 / 5; }
    .worship_content>ul>li.worship_name_1{ grid-column: 1 / 5; }
    .worship_content>ul>li.one_section{ grid-column: 1 / 3; }
    .worship_content>ul>li>p{ font-size: 13px; }
    .worship_content>ul>li[class^="worship_name_"]>p{ font-size: 14px; font-weight: 500; }

}
/* 예배 안내 페이지 끝 */

/* 차량 안내 페이지 시작 */
.vehicle_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.vehicle_content>h4{ width: 100%; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(220,220,220); font-size: 20px; font-weight: 500; transition: all 0.12s ease-in-out; }
.vehicle_content>h4:nth-of-type(1){ margin-top: 0; padding-top: 0; border-top-width: 0; }
body#dark .vehicle_content>h4{ border-top-color: rgb(85,85,85); }
.vehicle_content>h6{ width: 100%; margin-top: 10px; font-size: 16px; font-weight: 400; transition: all 0.12s ease-in-out; }
.vehicle_content>h6>span{ margin-left: 5px; color: rgb(153,153,153); font-size: 13px; transition: all 0.12s ease-in-out; }
body#dark .vehicle_content>h6>span{ color: rgb(153,153,153); }
.vehicle_content>ul{ width: 100%; margin-bottom: 40px; padding-left: 30px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.vehicle_content>ul>li{ width: 100%; margin-top: 15px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.vehicle_content>ul>li>dl{ width: 100%; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed rgb(220,220,220); display: flex; flex-flow: row wrap; align-items: baseline; transition: all 0.12s ease-in-out; }
body#dark .vehicle_content>ul>li>dl{ border-bottom-color: rgb(85,85,85); }
.vehicle_content>ul>li>dl>dt{ margin-right: auto; color: rgb(9,91,177); font-size: 16px; font-weight: 500; transition: all 0.12s ease-in-out; }
body#dark .vehicle_content>ul>li>dl>dt{ color: rgb(46,168,225); }
.vehicle_content>ul>li>dl>dd{ font-size: 14px; font-weight: 500; transition: all 0.12s ease-in-out; }
.vehicle_content>ul>li>dl>a{ margin-left: 5px; color: rgb(153,153,153); font-size: 12px; font-weight: 400; transition: all 0.12s ease-in-out; cursor: pointer; }
body#dark .vehicle_content>ul>li>dl>a{ color: rgb(153,153,153); }
.vehicle_content>ul>li>section{ width: 100%; margin-top: 10px; padding-left: 20px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.vehicle_content>ul>li>section>article{ min-width: 50px; padding: 20px 25px 30px 10px; position: relative; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.vehicle_content>ul>li>section>article>div{ width: 100%; height: 2px; background-color: rgb(99,63,0); position: absolute; top: 0; left: 0; transition: background 0.12s ease-in-out; }
body#dark .vehicle_content>ul>li>section>article>div{ background-color: rgb(230,179,126); }
.vehicle_content>ul>li>section>article>figure{ width: 10px; height: 10px; border: 2px solid rgb(99,63,0); border-radius: 10px; position: absolute; top: -4px; left: -4px; background-color: rgb(255,255,255); transition: all 0.12s ease-in-out; }
body#dark .vehicle_content>ul>li>section>article>figure{ border-color: rgb(230,179,126); background-color: rgb(42,42,42); background-image: url(/static/img/dark_pattern.jpg); background-position: center top 0; background-repeat: repeat; background-size: auto; }
.vehicle_content>ul>li>section>article>figure:nth-of-type(2){ right: -4px; left: unset; display: none; background-color: rgb(99,63,0); }
body#dark .vehicle_content>ul>li>section>article>figure:nth-of-type(2){ background: rgb(230,179,126); }
.vehicle_content>ul>li>section>article:last-of-type>figure:nth-of-type(2){ display: block; }
.vehicle_content>ul>li>section>article>p{ position: absolute; top: 0; left: 10px; color: rgb(99,63,0); font-size: 12px; font-weight: 400; transition: all 0.12s ease-in-out; }
body#dark .vehicle_content>ul>li>section>article>p{ color: rgb(230,179,126); }
.vehicle_content>ul>li>section>article>a{ transition: all 0.12s ease-in-out; cursor: auto; }
.vehicle_content>ul>li>section>article>a.is_link{ cursor: pointer; }
.vehicle_content>ul>li>section>article>a>h4{ font-size: 14px; font-weight: 400; transition: all 0.12s ease-in-out; }
.vehicle_content>ul>li>section>article>a>h4>i{ color: rgb(99,63,0); font-size: 14px; transition: all 0.12s ease-in-out; }
body#dark .vehicle_content>ul>li>section>article>a>h4>i{ color: rgb(230,179,126); }
.vehicle_content>ul>li>section>article>a>p{ color: rgb(153,153,153); font-size: 13px; font-weight: 400; transition: all 0.12s ease-in-out; }
body#dark .vehicle_content>ul>li>section>article>a>p{ color: rgb(153,153,153); }
.vehicle_content>ul>li>p{ width: 100%; padding-left: 10px; color: rgb(153,153,153); font-size: 13px; font-weight: 400; transition: all 0.12s ease-in-out; }
body#dark .vehicle_content>ul>li>p{ color: rgb(153,153,153); }

@media(max-width:960px){

    .vehicle_content>h4{ margin-top: 20px; font-size: 18px; }
    .vehicle_content>ul{ padding-left: 20px; }

}

@media(max-width:480px){

    .vehicle_content>h4{ margin-top: 15px; }
    .vehicle_content>h6>span{ font-size: 12px; }
    .vehicle_content>ul{ padding-left: 10px; }
    .vehicle_content>ul>li{ margin-top: 10px; }
    .vehicle_content>ul>li>dl>dt{ width: 100%; margin-right: 0; }
    .vehicle_content>ul>li>section>article{ width: 100%; padding: 15px 0 20px 10px; }
    .vehicle_content>ul>li>section>article>div{ width: 2px; height: 100%; }
    .vehicle_content>ul>li>section>article>figure:nth-of-type(2){ top: unset; right: unset; bottom: -4px; left: -4px; }
    .vehicle_content>ul>li>section>article>p{ top: -8px; }

}
/* 차량 안내 페이지 끝 */

/* 찾아오시는길 페이지 시작 */
.location_content{ width: 100%; height: auto; margin: auto; transition: all 0.12s ease-in-out; }
.location_content>div{ width: 100% !important; height: 700px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; position: relative; z-index: 1; transition: all 0.12s ease-in-out; }
.location_content>div .wrap_map{ height: calc(100% - 32px) !important; }
body#dark .location_content .root_daum_roughmap .wrap_controllers{ background-color: rgba(255,255,255,0.2) !important; }
body#dark .location_content .root_daum_roughmap .wrap_controllers .wrap_btn_roadview .txt{ color: rgb(255,255,255) !important; }
body#dark .location_content .root_daum_roughmap .wrap_controllers .tit_controllers img{ filter: invert(99%) sepia(72%) saturate(2%) hue-rotate(38deg) brightness(109%) contrast(100%) !important; }
.roughmap_maker_label{ top: -52px !important; }
.roughmap_maker_label:after{ display: none !important; }
.location_content .roughmap_maker_label .roughmap_lebel_text{ color: rgb(18,18,18) !important; }
body#dark .location_content .roughmap_maker_label .roughmap_lebel_text{ background-color: rgb(42,42,42); background-image: url('/static/img/dark_pattern.jpg'); background-position: center top 0; background-repeat: repeat; background-size: auto; color: rgb(220,220,220) !important; }
.location_content>h4{ width: 100%; max-width: 1200px; margin: 50px auto 0; color: rgb(18,18,18); font-size: 18px; font-weight: 700; transition: all 0.12s ease-in-out; }
body#dark .location_content>h4{ color: rgb(220,220,220); }
.location_content>section{ width: 100%; max-width: 1200px; margin: auto; display: flex; flex-flow: row wrap; clear: both; transition: all 0.12s ease-in-out; }
.location_content>section>article{ width: calc(50% - 10px); margin-top: 15px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.location_content>section>article.full_width{ width: 100%; }
.location_content>section>article:nth-of-type(2n){ margin-left: 20px; }
.location_content>section>article>p{ width: 70px; color: rgb(9,91,177); font-size: 16px; font-weight: 600; transition: all 0.12s ease-in-out; }
body#dark .location_content>section>article>p{ color: rgb(35,129,173); }
.location_content>section>article>div{ width: calc(100% - 70px); display: flex; flex-flow: column nowrap; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>h6{ width: auto; max-width: 100%; height: auto; margin-top: 15px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>h6:nth-of-type(1){ margin-top: 0; }
.location_content>section>article>div>h6>a{ font-weight: 400; word-break: keep-all; display: flex; flex-flow: row wrap; align-items: baseline; transition: all 0.12s ease-in-out; cursor: auto; }
.location_content>section>article>div>h6>a.is_url{ cursor: pointer; }
.location_content>section>article>div>h6>a>p{ margin-right: 5px; color: rgb(18,18,18); font-size: 16px; font-weight: 500; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>h6>a.is_url:hover>p{ color: rgb(46,168,225); }
body#dark .location_content>section>article>div>h6>a>p{ color: rgb(220,220,220); }
body#dark .location_content>section>article>div>h6>a.is_url:hover>p{ color: rgb(46,168,225); }
.location_content>section>article>div>h6>a>span{ color: rgb(153,153,153); font-size: 12px; font-weight: 400; }
body#dark .location_content>section>article>div>h6>a>span{ color: rgb(153,153,153); }
.location_content>section>article>div>dl{ width: 100%; margin-top: 5px; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>dl>dt{ width: 45px; height: 15px; margin-top: 5px; margin-right: 5px; border-radius: 3px; color: rgb(255,255,255) !important; font-size: 11px; font-weight: 300; line-height: 15px; text-align: center; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>dl>dd{ width: auto; max-width: calc(100% - 50px); height: auto; padding-left: 5px; color: rgb(18,18,18); font-size: 16px; font-weight: 300; line-height: 24px; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .location_content>section>article>div>dl>dd{ color: rgb(220,220,220); }
.location_content>section>article>div>dl>dd>span{ color: rgb(153,153,153); font-size: 12px; }
body#dark .location_content>section>article>div>dl>dd>span{ color: rgb(153,153,153); }

@media(max-width:1700px){

    .location_content>div{ height: 520px !important; }

}

@media(max-width:960px){

    .location_content>div{ height: 420px !important; }
    .location_content>h4{ margin-top: 40px; font-size: 16px; }
    .location_content>section>article{ width: 100%; margin-top: 25px; }
    .location_content>section>article:nth-of-type(2n){ margin-left: 0; }
    .location_content>section>article>p{ width: 80px; font-size: 14px; }
    .location_content>section>article>div{ max-width: calc(100% - 80px); }
    .location_content>section>article>div>h6>a{ font-size: 14px; line-height: 20px; }
    .location_content>section>article>div>dl>dt{ height: 15px; margin-top: 3px; margin-right: 3px; }
    .location_content>section>article>div>dl>dd{ font-size: 14px; line-height: 20px; }

}

@media(max-width:480px){

    .location_content>div{ height: 350px !important; }
    .location_content>h4{ margin-top: 30px; }

}
/* 찾아오시는길 페이지 끝 */