@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-12-20
-------------------------------------------------*/
@import url("/_templet6/css/sub.css");
.member .group1 { width: 100%; }

.org { width: 36.5rem; max-width: 100%; margin: 0 auto; text-align: center; }

.org .depth1 { font-size: 0.9rem; display: table; width: 7.25rem; height: 7.25rem; margin: 0 auto; border-radius: 100%; background-color: #9c1c2b; color: #fff; table-layout: fixed; }

.org .depth1 span { display: table-cell; position: relative; vertical-align: middle; }

.org .depth1 span::before { position: absolute; left: 50%; bottom: -2.8rem; width: 1px; height: 2.75rem; background-color: #dfdfdf; content: ''; }

.org .depth1 strong { font-size: 1.1rem; display: block; }

.org .depth2 { display: table; position: relative; width: 100%; padding-top: 1.5rem; table-layout: fixed; }

.org .depth2 > li { font-size: 0.9rem; display: table-cell; position: relative; vertical-align: top; }

.org .depth2 > li:last-child .label::before { display: none; }

.org .depth2 .label { display: inline-block; width: 9rem; max-width: 90%; height: 2.5rem; border-radius: 2.5rem; background-color: #3c4165; font-weight: 400; color: #fff; line-height: 2.5rem; }

.org .depth2 .label::before { position: absolute; left: 50%; top: 1.25rem; z-index: -1; width: 100%; height: 1px; background-color: #dfdfdf; content: ''; }

.org .depth2 .label + span { display: block; padding: 0.5rem; font-style: 500; }

.org .depth3 { font-size: 0.9rem; position: relative; width: 11rem; max-width: 95%; margin: 1.25rem auto 0; padding: 1.5rem; border-radius: 1rem; border: 1px solid #94918c; font-weight: 400; }

.org .depth3::before { position: absolute; left: 50%; top: -1.25rem; width: 1px; height: 1.25rem; background-color: #dfdfdf; content: ''; }

.box1 { background-color: #f9f9f9; border: 1px solid #ddd; padding: 2.5rem 0 3rem; text-align: center; }

.box1 .title { display: inline-block; position: relative; padding: 6rem 0 .5rem; font-size: 1.1rem; color: #000; font-weight: 500; }

.box1 .title:before { content: ''; width: 5.5rem; height: 5.5rem; border-radius: 50%; background-color: #eeeeee; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; position: absolute; top: 0; }

.box1 .title:after { content: ''; width: 5.5rem; height: 5.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; position: absolute; top: 0; }

.box1 .title.icon1:after { background: url(/dormitory/img/contents/service_01.png) center no-repeat; }

.box1 .title.icon2:after { background: url(/dormitory/img/contents/service_02.png) center no-repeat; }

.box1 .title.icon3:after { background: url(/dormitory/img/contents/service_03.png) center no-repeat; }

.box1 .title.icon4:after { background: url(/dormitory/img/contents/service_04.png) center no-repeat; }

.box1 .desc { margin-bottom: 1.5rem; }

.box1 .BtnArea { margin-top: .5rem; }

.box1 .BtnArea a { margin: 0 .15rem; }

.list1 .label.type1::before { color: #fff; }

@media (max-width: 530px) { .org .depth2 { font-size: 0.8rem; }
  .org .depth3 { font-size: 0.8rem; padding: 1rem; } }

/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-11-29
-------------------------------------------------*/
