@charset "UTF-8";
@import url("/_templet1/css/sub.css");
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-10-24
-------------------------------------------------*/
.diagram1::before { border-color: #fff; }

.tbox1.type1 { margin-top: 5rem; }

.tbox1.type1 + .diagram1::before { border-color: #ddd; }

.greeting div.img .txt-sign { font-size: 0.8rem; }

.diagram2 { display: table; overflow: hidden; width: 100%; margin-bottom: 2.5rem; text-align: center; table-layout: fixed; }

.diagram2 .group { display: table-cell; position: relative; vertical-align: middle; }

.diagram2 .group::before { position: absolute; left: 0; bottom: 0; z-index: -3; width: 100%; height: 100rem; border-radius: 0 0 1rem 1rem; border: 1px solid #d7d7d7; border-top: 0 none; background-color: #f4f4f4; content: ''; }

.diagram2 .group::after { position: absolute; left: 0; top: 0; z-index: -2; width: 100%; height: 2.5rem; background-color: #fff; content: ''; }

.diagram2 .group.type1 { width: 48%; padding: 0 2.5rem; }

.diagram2 .group.type1::before, .diagram2 .group.type1 .cont::before { left: 2.5rem; width: calc(100% - 5rem); }

.diagram2 .group:first-child .item { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.diagram2 .group .cont { padding: 4.5rem 1.75rem 2.5rem; }

.diagram2 .group .cont::before { position: absolute; left: 0; top: 1.5rem; z-index: -1; width: 100%; height: 1rem; border-radius: 1rem 1rem 0 0; border: 1px solid #d7d7d7; border-bottom: 0 none; background-color: #f4f4f4; content: ''; }

.diagram2 .group .title { font-size: 0.85rem; position: absolute; left: 50%; top: 0; width: 12rem; height: 3rem; border-radius: 1rem; background-color: #9b8873; font-weight: 400; color: #fff; text-align: center; line-height: 3.529; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.diagram2 .group .title.type2 { background-color: #9c1c2b; }

.diagram2 .group .title.type3 { background-color: #3c4165; }

.diagram2 .group .label { display: block; margin-bottom: 0.25rem; color: #3c4165; }

.diagram2 .group .label.type2 { width: 90%; margin: 0 auto 1rem; padding: 0.75rem; border-radius: 2.5rem; background-color: #ddd; font-weight: 400; color: #555; }

.diagram2 .group .item { padding: 1rem 2.25rem; background-color: #fff; text-align: left; }

.diagram2 .group .item + .item { margin-top: 1rem; }

.diagram2 .group .list { display: inline-block; width: calc(100% + 1rem); }

.diagram2 .group .list .item { display: table; float: left; width: calc(50% - 1rem); margin-right: 1rem; padding: 0.5rem; text-align: center; table-layout: fixed; word-break: keep-all; }

.diagram2 .group .list .item p { display: table-cell; height: 4rem; vertical-align: middle; }

.diagram2 .group .list .item:nth-child(2) { margin-top: 0; }

.diagram2 .group .list + p { margin: 1rem 0 !important; }

.diagram2 .group .list + p::before { position: absolute; left: -0.5rem; top: 50%; z-index: 1; width: 4rem; height: 3.5rem; background: url("/tourism/img/contents/diagram2.png") no-repeat center center; background-size: auto 100%; content: ''; }

.diagram2 .group .list + p::after { position: absolute; right: -0.5rem; top: 50%; z-index: 1; width: 4rem; height: 3.5rem; background: url("/tourism/img/contents/diagram2.png") no-repeat center center; background-size: auto 100%; content: ''; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }

@media (max-width: 1024px) { .diagram2 .group.type1 { width: 16rem; padding: 0 1rem; }
  .diagram2 .group.type1::before, .diagram2 .group.type1 .cont::before { left: 1rem; width: calc(100% - 2rem); }
  .diagram2 .group .title { font-size: 0.8rem; max-width: 90%; }
  .diagram2 .group .cont { padding: 4rem 1rem 1rem; }
  .diagram2 .group .item { padding: 1rem; }
  .diagram2 .group .list { width: 100%; margin-bottom: -0.25rem; }
  .diagram2 .group .list .item { float: none; width: 100%; margin: 0; margin-bottom: 0.25rem; }
  .diagram2 .group .list .item p { height: auto; } }

@media (max-width: 768px) { .diagram2 .group { display: block; float: none; width: 100% !important; padding: 1.5rem 0  !important; }
  .diagram2 .group::before, .diagram2 .group::after, .diagram2 .group .cont::before { display: none; }
  .diagram2 .group.type1 { margin: 1rem 0; }
  .diagram2 .group .cont { padding: 2.5rem 1rem 1rem; border-radius: 1rem; border: 1px solid #d7d7d7; background-color: #f4f4f4; }
  .diagram2 .group div.item { padding: 1rem !important; }
  .diagram2 .group div.item + .item { margin-top: 0.5rem; }
  .diagram2 .group .list + p::before { left: 50%; top: -4rem; margin-left: -2rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .diagram2 .group .list + p::after { right: auto; left: 50%; top: auto; bottom: -1.5rem; margin-left: -2rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); }
  .diagram2 .group .list .item { padding: 0.5rem; } }

/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-10-15
-------------------------------------------------*/
#snb .title { background: url("/tourism/img/sub/snb.jpg") no-repeat; }