@charset "utf-8";#container { display:flex; gap:0 60rem; padding:60rem 0; } 
#s_nav { flex-shrink:0; width:300rem; border:1px solid #ddd; border-radius:20rem; box-shadow:10rem 10rem 10rem rgba(0,0,0,0.1); padding:30rem; } 
#s_nav h2 { font-size:30rem; text-align:center; margin-bottom:20rem; } 
#s_nav .depth1 > li { margin:10rem 0; } 
#s_nav .depth1 > li > a { display:flex; align-items:center; justify-content:space-between; height:60rem; background:#f3f3f3; padding:0 20rem; border-radius:10rem; } 
#s_nav .depth1 > li > a.on { background:var(--green); color:#fff; } 
#s_nav .depth1 > li > a.more::after { content:''; display:block; width:17px; height:17px; background:var(--sprite) -152px -38px; } 
#s_nav .depth1 > li > a.on.more::after { height:3px; background-position-y:-83px; } 
#s_nav .depth2 { display:none; padding:15rem 20rem 20rem; } 
#s_nav .depth2 a { display:flex; align-items:center; padding:3rem 0; font-size:15rem; } 
#s_nav .depth2 a::before { content:''; display:block; width:5rem; height:5rem; border-radius:50%; background:#999; margin-right:10rem; } 
#s_nav .depth2 a.on { font-weight:600; color:var(--green); } 
.content_wrap { flex-shrink:0; width:calc(100% - 360rem); } 
.content_wrap h3 { font-size:40rem; } 
.content_wrap .loca { display:flex; align-items:center; flex-wrap:wrap; gap:0 20rem; margin:20rem 0 0; } 
.content_wrap .loca li { display:flex; align-items:center; } 
.content_wrap .loca li::before { content:''; display:block; width:5rem; height:5rem; border-top:1px solid #aaa; border-right:1px solid #aaa; transform:rotate(45deg); margin-right:20rem; } 
.content_wrap .loca li:first-of-type { text-indent:-99999px; } 
.content_wrap .loca li:first-of-type::before { content:'H'; width:20rem; height:20rem; line-height:20rem; text-align:center; font-weight:800; background:var(--blue); color:#fff; font-size:10rem; border-radius:2rem; border:0; transform:none; text-indent:0; margin-right:0; } 
.content_wrap .loca li a { color:#999; } 
.content_wrap .loca li:last-of-type a { color:#333; } 

#content { border-top:1px solid #e9e9e9; margin-top:50rem; padding-top:50rem; } 

#content p.notice { background: #ffe4e4; text-align: center; padding: 10px; margin-bottom: 10px; font-weight: 600; } 
#content p.notice span { display: inline-block; width: 10px; height: 10px; position: relative; } 
#content p.notice span:after { display: block; position: absolute; content: '!'; top: -8px; left: -25px; width: 28px; height: 28px; border-radius: 50%; background: #eb5a5a; color: #fff; } 

@media all and (max-width:1023px){
 #container { padding:40rem 0; } 
 #s_nav { display:none; } 
 .content_wrap { width:100%; } 
 }


 /* 계약정보 */
.txt_box {background: #f7f7f7; padding: 20rem 50rem; border-radius: 20rem;}
.txt_box p:first-child{font-size: 22rem; font-weight: 600;}
.blank_wrap{display: flex; justify-content: center; padding: 20rem 0; margin-top: 30rem; border: 2px solid #b3bac3;  border-radius: 20rem; flex-wrap: wrap;}
.blank_wrap dl{width: 32%; text-align: center; padding: 20rem; display: flex; justify-content: center; align-items: center; border-right: 1px dashed #b3bac3;}
.blank_wrap dl:last-child{margin-right: 0; border-right: 0;}
.blank_wrap dl dt{margin-right: 20rem;}
.blank_wrap dl dt span{position: relative; font-size: 18rem; font-weight: 600;}
.blank_wrap dl dd{text-align: center;}
@media all and (max-width:1220px){
    .blank_wrap dl{width: 100%; justify-content: space-between; border-right: 0; border-bottom: 1px dashed #b3bac3;  margin: 0 20rem !important;}
    .blank_wrap dl:last-child{border-bottom: 0;}
  }