#sub_visual{position:relative; text-align:center; height:51rem; background-position:center; background-repeat:no-repeat; background-size:cover;display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; align-items:center;}
#sub_visual:before{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.1); content:"";}
#sub_visual section{position:relative; z-index:4; color:#FFF; padding-top: 12rem; }
#sub_visual section h2{ font-size:2.1em; font-weight:600; }
#sub_visual section h2:before{display: block; content:'DAEHAN ORTHOPEDIC CLINIC'; font-size: 1.8rem; font-family: 'Libre Baskerville'; letter-spacing: .1em; text-transform: uppercase; margin-bottom:.5em; font-weight: normal;}
#sub_visual section p{font-size: 1.3em; margin-top: .5em;}
@media (max-width:850px){
#sub_visual{height:60vw; }
#sub_visual section{padding-top: 6rem; }
#sub_visual section h2{ font-size:6vw; }
#sub_visual section h2:before{ font-size: 1.3rem; }
#sub_visual section p{font-size: 1em; margin-top: .5em;}
}
#pageNavi{position:relative; display: -webkit-flex; display: flex; height:3em; line-height:3em; z-index:4; display: none;}
#pageNavi .full_width_bg{background:#fff;border-bottom:1px solid var(--border-primary); border-top:1px solid var(--border-primary);}
#pageNavi > a{border-left:1px solid var(--border-primary); color:rgba(0,0,0,.5); border-right:1px solid var(--border-primary); display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; align-items:center;}
#pageNavi > a i{ padding:0 .8em; font-size:1.4em; }
#pageNavi dl{position:relative; z-index:1;}
#pageNavi dl dt{position:relative; padding:0 1.5em; border-right:1px solid var(--border-primary); }
#pageNavi dl dt:has(+dd){padding-right:3em; cursor:pointer;}
#pageNavi dl dt:has(+dd):after{position:absolute; top:0; right:1em; font-family:"iconfont"; content:"\ee60c"; transition: all 0.3s ease; transform: scale(.7); }
#pageNavi dl:hover dt:has(+dd){ color:var(--primary); }
#pageNavi dl:hover dt:has(+dd):after{transform:rotate(90deg) scale(.7); }
#pageNavi dl:hover dd{visibility: visible; opacity: 1; margin-top:0}
#pageNavi dl dd{position:absolute; top:100%; left:0; width:auto; min-width:100%; white-space: nowrap; visibility: hidden;opacity: 0; transition: all 500ms;margin-top:1em; padding-top:.5em; }
#pageNavi dl dd:before{position:absolute; left:50%; top:-.5em; margin-left:-.5em; border:.5em solid transparent; border-bottom-color:var(--primary); content:"";}
#pageNavi dl dd a{display:block; font-size:.9em; color:#FFF; padding:0 1em; line-height:2.6em; border-bottom:1px solid rgba(255,255,255,.1); transition: all 300ms;}
#pageNavi dl dd a:hover{background:var(--primary-dark)}
#pageNavi dl dd article{position:relative; box-shadow:0 0 .4em rgba(0,0,0,.2); background:var(--primary); border-radius:.5em; overflow:hidden;}
@media (max-width:750px){
#pageNavi{ height:40px; line-height:40px; }
#pageNavi .fa-home{line-height:40px; font-size:1.4em; padding:0 10px}
#pageNavi dl dt{ padding:0 10px; }
#pageNavi dl dd{top:100%; }
#pageNavi dl dd a{ padding:6px 10px; }
#pageNavi dl.sub dt{padding-right:20px; }
#pageNavi dl.sub dt:after{ right:10px; line-height:40px; }
}
.sub_container {padding:5em 0; z-index:1; }
.sub_container.skin_page{ padding: 0; }
.pageContent{ font-size:2.3rem; position:relative; word-break:keep-all;}
.pageContent .fmm{font-family:"Libre Baskerville", sans-serif;}
@media (max-width:1200px){
.sub_container {padding:5vw 0; margin:0 4vw; width:auto;}
}
@media (max-width:750px){
.pageContent{ font-size:14px; }
}
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:0; line-height:1.3;}
.pageContent h3{font-size:4.7rem;}
.pageContent h4{font-size:3.5rem;}
.pageContent h4.small{font-size:3rem;}
.pageContent h5{font-size:2.8rem;}
.pageContent h6{font-size:2.5rem;}
@media (max-width:750px){
.pageContent h3{font-size:1.4em; }
.pageContent h4{font-size:1.3em; }
.pageContent h4.small{font-size:1.3em;}
.pageContent h5{font-size:1.2em; }
.pageContent h6{font-size:1.1em; }
}
.pageContent .bold{font-weight:600}
.pageContent .fine{font-weight:300}
.pageContent .tc{text-align:center;}
.pageContent .tl{text-align:left}
.pageContent .tr{text-align:right}
.pageContent .tj{text-align:justify}
.pageContent img{max-width:100%}
.pageContent p{padding:.3em 0; }
.pageContent .dib{display:inline-block;}
.pageContent .js_bg{background-size:cover; background-position:center; }
.pageContent ul{padding:0; margin:0; list-style-type: none; }
.pageContent li{position:relative; margin:.3em 0; text-align:left; line-height:140%; padding-left:1.5em; }
.pageContent ul > li:before{position:absolute; left:0; content:"•"; overflow:hidden; text-align:center; width:1em; color: var(--primary);}
.pageContent ol{padding:0 0 0 0; list-style-type: none; counter-reset:sign-num;}
.pageContent ol > li:before{position:absolute; left:0; counter-increment:sign-num; content:counter(sign-num)'.'; overflow:hidden; text-align:center; text-align:right; width:1.2em; }
.pageContent ul.uls_1 > li:before{content:"\eece6"; font-family:'iconfont'; color:var(--primary); }
.pageContent ol.ols_1{counter-reset: list-counter 0; }
.pageContent ol.ols_1 > li{padding-left:2em}
.pageContent ol.ols_1 > li:before{content: counter(list-counter, decimal-leading-zero);
counter-increment: list-counter 1; width:1.6em; height:1.6em; border-radius:50%; background:var(--primary); color:var(--text-anti-primary);text-align:center; font-size: .8em;}
.pageContent ul.uls_2 > li{padding-left:2em}
.pageContent ul.uls_2 > li:before{content:""; background:url(/sub/img/check_icon1.svg) center no-repeat; width:1.4em; height:1.4em; background-size:auto 100%;}
.pageContent ul.uls_3 > li{padding-left:2em}
.pageContent ul.uls_3 > li:before{content:""; background:url(/sub/img/check_icon2.svg) center no-repeat; width:1.4em; height:1.4em; background-size:auto 100%;}
.pageContent ul.svg_icon > li{padding:.5em 0; padding-left:1.5em; }
.pageContent ul.svg_icon > li:before {
--c:var(--primary);
content: '';
position: absolute;
left: 0;
top: .7em;
transform: scale(1.3);
background:var(--c);
width: 1em; /* SVG 너비 */
height: 1em; /* SVG 높이 */
fill: currentColor; /* 현재 글자 색상 사용 */
mask: url('data:image/svg+xml;utf8,');
mask-size: contain; /* 마스크 크기 조정 */
mask-repeat: no-repeat; /* 반복 방지 */
}
/* mask: url('data:image/svg+xml;utf8,'); */
.pageContent ul.svg_icon.bgw > li{background-color: var(--bg-primary); padding-left:2.5em; box-shadow: .1em .1em .4em var(--shadow); border-radius: .5em;}
.pageContent ul.svg_icon.bgw > li:before{left:1em;}
.pageContent ol[data-list-type="bracket"] {counter-reset:bracket;}
.pageContent ol[data-list-type="bracket"] > li {padding-left:2em;counter-increment:bracket;}
.pageContent ol[data-list-type="bracket"] > li:first-child {margin-top:0;}
.pageContent ol[data-list-type="bracket"] > li:before {content:'('counter(bracket)')';display:block;position:absolute;left:0; width:1.4em; }
.pageContent ol[data-list-type="hangul"] { padding-left:2em}
.pageContent ol[data-list-type="hangul"] > li{ padding-left:0; }
.pageContent ol[data-list-type="hangul"] > li:before{display:none; }
.pageContent ol[data-list-type="hangul"] > li {list-style:hangul;}
.pageContent ol[data-list-type="decimal"] { padding-left:2em}
.pageContent ol[data-list-type="decimal"] > li{ padding-left:0; }
.pageContent ol[data-list-type="decimal"] > li:before{display:none; }
.pageContent ol[data-list-type="decimal"] > li {list-style:decimal;}
.pageContent ol[data-list-type="decimal-circle"] {counter-reset:decimal-circle;}
.pageContent ol[data-list-type="decimal-circle"] > li {padding-left:2em; counter-increment:decimal-circle;}
.pageContent ol[data-list-type="decimal-circle"] > li:before {position:absolute; content:counter(decimal-circle); left:0;width:1.4em;height:1.4em;font-size:1em;line-height:1.4em;text-align:center;text-indent:-1px;white-space:nowrap;border-radius:50%;border:1px solid #666;}
@media (min-width:750px){
.pageContent .w2{ display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;}
.pageContent .w2 > li{width:49%; }
}
.pageContent u{text-decoration:underline; text-decoration-thickness: 0.05em;text-underline-position: under; }
.pageContent .link{text-decoration:underline; color:#1d70bd}
.pageContent i{font-style:italic; }
.pageContent .iconfont{font-style:normal; }
.pageContent em{font-style:italic; }
.pageContent small{font-size:.8em;}
.pageContent .small{font-size:.8em;}
.pageContent big{font-size:1.2em }
.pageContent .big{font-size:1.2em }
.pageContent sub .pageContent sup {font-size:.8em;}
.pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0}
.pageContent dl.dl dt{float:left;clear:both; padding-bottom:6px; }
.pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px; zoom:1}
.pageContent dl.dl dd:after{display:block;clear:both;content:''}
.cfM{color:var(--primary); }
.cfML{color:var(--primary-light); }
.cfMD{color:var(--primary-dark); }
.cfS{color:var(--success); }
.cfW{color:var(--warning); }
.cfD{color:var(--danger); }
.cfI{color:var(--info); }
.cfT{color:var(--text-tertiary); }
.cfb{color:#000; }
.cfw{color:#FFFFFF; }
.cbM{background:var(--primary); color: var(--text-anti-primary); }
.cbML{background:var(--primary-light); color: var(--text-anti-primary); }
.cbMD{background:var(--primary-dark); color: var(--text-anti-primary); }
.cbS{background:var(--success); color: var(--text-anti-primary); }
.cbW{background:var(--warning); color: var(--text-anti-primary); }
.cbD{background:var(--danger); color: var(--text-anti-primary); }
.cbI{background:var(--info); color: var(--text-anti-primary); }
.cbT{background:var(--text-tertiary); color: var(--text-anti-primary); }
.cbta{background:var(--bg-tertiary); c}
.cbB{background:#000; color:#FFF;}
.cbr{background:#F44; color:#FFF;}
.cbb{background:#39F; color:#FFF;}
.cbg{background:#3db9ac; color:#FFF;}
.cby{background:#ffcc00;}
.cbw{background:#FFFFFF;}
.pageContent .nmt{margin-top:0;}
.pageContent .round{display:inline-block; border-radius:1em; }
.pageContent .fw100{font-weight:100}
.pageContent .fw300{font-weight:300}
.pageContent .fw350{font-weight:350}
.pageContent .fw400{font-weight:400}
.pageContent .fw500{font-weight:500}
.pageContent .fw600{font-weight:600}
.pageContent .fw700{font-weight:700}
.pageContent .fw800{font-weight:800}
.pageContent .fw900{font-weight:900}
.pageContent .op1{ opacity:.1}
.pageContent .op2{ opacity:.2}
.pageContent .op3{ opacity:.3}
.pageContent .op4{ opacity:.4}
.pageContent .op5{ opacity:.5}
.pageContent .op6{ opacity:.6}
.pageContent .op7{ opacity:.7}
.pageContent .op8{ opacity:.8}
.pageContent .op9{ opacity:.9}
.pageContent .ls-05{ letter-spacing:-.05em}
.pageContent .ls-1{ letter-spacing:-.1em}
.pageContent .ls-2{ letter-spacing:-.2em}
.pageContent .ls-3{ letter-spacing:-.3em}
.pageContent .ls-4{ letter-spacing:-.4em}
.pageContent .ls-5{ letter-spacing:-.5em}
.pageContent .ls1{ letter-spacing:.1em}
.pageContent .ls2{ letter-spacing:.2em}
.pageContent .ls3{ letter-spacing:.3em}
.pageContent .ls4{ letter-spacing:.4em}
.pageContent .ls5{ letter-spacing:.5em}
.pageContent .ls6{ letter-spacing:.6em}
.pageContent .ls7{ letter-spacing:.7em}
.pageContent .ls8{ letter-spacing:.8em}
.pageContent .ls9{ letter-spacing:.9em}
.pageContent .ls10{ letter-spacing:1em}
.pageContent .pd-1{padding-top:.1em; padding-bottom:.1em}
.pageContent .pd-2{padding-top:.2em; padding-bottom:.2em}
.pageContent .pd-3{padding-top:.3em; padding-bottom:.3em}
.pageContent .pd-4{padding-top:.4em; padding-bottom:.4em}
.pageContent .pd-5{padding-top:.5em; padding-bottom:.5em}
.pageContent .pd-6{padding-top:.6em; padding-bottom:.6em}
.pageContent .pd-7{padding-top:.7em; padding-bottom:.7em}
.pageContent .pd-8{padding-top:.8em; padding-bottom:.8em}
.pageContent .pd-9{padding-top:.9em; padding-bottom:.9em}
.pageContent .pd1{padding-top:1em; padding-bottom:1em}
.pageContent .pd1-5{padding-top:1.5em; padding-bottom:1.5em}
.pageContent .pd2{padding-top:2em; padding-bottom:2em}
.pageContent .pd2{padding-top:2.5em; padding-bottom:2.5em}
.pageContent .pd3{padding-top:3em; padding-bottom:3em}
.pageContent .pd4{padding-top:4em; padding-bottom:4em}
.pageContent .pd5{padding-top:5em; padding-bottom:5em}
.pageContent .pd6{padding-top:6em; padding-bottom:6em}
.pageContent .pd7{padding-top:7em; padding-bottom:7em}
.pageContent .pd8{padding-top:8em; padding-bottom:8em}
.pageContent .pd9{padding-top:9em; padding-bottom:9em}
.pageContent .pd10{padding-top:10em; padding-bottom:10em}
.pageContent .pd12{padding-top:12em; padding-bottom:12em}
.pageContent .pdw-1{padding-left:.1em; padding-right:.1em}
.pageContent .pdw-2{padding-left:.2em; padding-right:.2em}
.pageContent .pdw-3{padding-left:.3em; padding-right:.3em}
.pageContent .pdw-4{padding-left:.4em; padding-right:.4em}
.pageContent .pdw-5{padding-left:.5em; padding-right:.5em}
.pageContent .pdw-6{padding-left:.6em; padding-right:.6em}
.pageContent .pdw-7{padding-left:.7em; padding-right:.7em}
.pageContent .pdw-8{padding-left:.8em; padding-right:.8em}
.pageContent .pdw-9{padding-left:.9em; padding-right:.9em}
.pageContent .pdw1{padding-left:1em; padding-right:1em}
.pageContent .pdw1-5{padding-left:1.5em; padding-right:1.5em}
.pageContent .pdw2{padding-left:2em; padding-right:2em}
.pageContent .pdw2-5{padding-left:2.5em; padding-right:2.5em}
.pageContent .pdw3{padding-left:3em; padding-right:3em}
.pageContent .pdw4{padding-left:4em; padding-right:4em}
.pageContent .pdw5{padding-left:5em; padding-right:5em}
.pageContent .pdw6{padding-left:6em; padding-right:6em}
.pageContent .pdw7{padding-left:7em; padding-right:7em}
.pageContent .pdw8{padding-left:8em; padding-right:8em}
.pageContent .pdw9{padding-left:9em; padding-right:9em}
.pageContent .pdw10{padding-left:10em; padding-right:10em}
.pageContent .pdw12{padding-left:12em; padding-right:12em}
@media (max-width:750px){
.pageContent .pd-1{padding-top:.05em; padding-bottom:.05em}
.pageContent .pd-2{padding-top:.1em; padding-bottom:.1em}
.pageContent .pd-3{padding-top:.15em; padding-bottom:.15em}
.pageContent .pd-4{padding-top:.2em; padding-bottom:.2em}
.pageContent .pd-5{padding-top:.25em; padding-bottom:.25em}
.pageContent .pd-6{padding-top:.3em; padding-bottom:.3em}
.pageContent .pd-7{padding-top:.35em; padding-bottom:.35em}
.pageContent .pd-8{padding-top:.4em; padding-bottom:.4em}
.pageContent .pd-9{padding-top:.45em; padding-bottom:.45em}
.pageContent .pd1{padding-top:.5em; padding-bottom:.5em}
.pageContent .pd1-5{padding-top:.75em; padding-bottom:.75em}
.pageContent .pd2{padding-top:1em; padding-bottom:1em}
.pageContent .pd2{padding-top:1.25em; padding-bottom:1.25em}
.pageContent .pd3{padding-top:1.5em; padding-bottom:1.5em}
.pageContent .pd4{padding-top:2em; padding-bottom:2em}
.pageContent .pd5{padding-top:2.5em; padding-bottom:2.5em}
.pageContent .pd6{padding-top:3em; padding-bottom:3em}
.pageContent .pd7{padding-top:3.5em; padding-bottom:3.5em}
.pageContent .pd8{padding-top:4em; padding-bottom:4em}
.pageContent .pd9{padding-top:4.5em; padding-bottom:4.5}
.pageContent .pd10{padding-top:5em; padding-bottom:5em}
.pageContent .pd12{padding-top:6em; padding-bottom:6em}
.pageContent .pdw-1{padding-left:.1em; padding-right:.1em}
.pageContent .pdw-2{padding-left:.1em; padding-right:.1em}
.pageContent .pdw-3{padding-left:.15em; padding-right:.15em}
.pageContent .pdw-4{padding-left:.2em; padding-right:.2em}
.pageContent .pdw-5{padding-left:.25em; padding-right:.25em}
.pageContent .pdw-6{padding-left:.3em; padding-right:.3em}
.pageContent .pdw-7{padding-left:.35em; padding-right:.35em}
.pageContent .pdw-8{padding-left:.4em; padding-right:.4em}
.pageContent .pdw-9{padding-left:.45em; padding-right:.45em}
.pageContent .pdw1{padding-left:.5em; padding-right:.5em}
.pageContent .pdw1-5{padding-left:.75em; padding-right:.75em}
.pageContent .pdw2{padding-left:1em; padding-right:1em}
.pageContent .pdw2{padding-left:1.25em; padding-right:1.25em}
.pageContent .pdw3{padding-left:1.5em; padding-right:1.5em}
.pageContent .pdw4{padding-left:2em; padding-right:2em}
.pageContent .pdw5{padding-left:2.5em; padding-right:2.5em}
.pageContent .pdw6{padding-left:3em; padding-right:3em}
.pageContent .pdw7{padding-left:3.5em; padding-right:3.5em}
.pageContent .pdw8{padding-left:4em; padding-right:4em}
.pageContent .pdw9{padding-left:4.5em; padding-right:4.5}
.pageContent .pdw10{padding-left:5em; padding-right:5em}
.pageContent .pdw12{padding-left:6em; padding-right:6em}
}
.pageContent .w5em{width:5em;}
.pageContent .w6em{width:6em;}
.pageContent .w7em{width:7em;}
.pageContent .w8em{width:8em;}
.pageContent .w9em{width:9em;}
.pageContent .w10em{width:10em;}
.pageContent .w12em{width:12em;}
.pageContent .w15em{width:15em;}
.pageContent .w18em{width:18em;}
.pageContent .w20em{width:20em;}
.pageContent .w10p{width:10%;}
.pageContent .w20p{width:20%;}
.pageContent .w30p{width:30%;}
.pageContent .w40p{width:40%;}
.pageContent .w50p{width:50%;}
.pageContent .w60p{width:60%;}
.pageContent .w70p{width:70%;}
.pageContent .w80p{width:80%;}
.pageContent .w90p{width:90%;}
.pageContent .w100p{width:100%;}
.pageContent .lh-8{ line-height:.8em}
.pageContent .lh-9{ line-height:.9em}
.pageContent .lh1{ line-height:1em}
.pageContent .lh11{ line-height:1.1em}
.pageContent .lh12{ line-height:1.2em}
.pageContent .lh13{ line-height:1.3em}
.pageContent .lh14{ line-height:1.4em}
.pageContent .lh15{ line-height:1.5em}
.pageContent .lh16{ line-height:1.6em}
.pageContent .lh17{ line-height:1.7em}
.pageContent .lh18{ line-height:1.8em}
.pageContent .lh19{ line-height:1.9em}
.pageContent .lh20{ line-height:2em}
.pageContent .lh30{ line-height:3em}
.pageContent .lh40{ line-height:4em}
.pageContent .title{z-index:1; margin:0; padding:.3em 0; overflow:hidden; margin-bottom:.5em; --content:''}
.pageContent .title:before{ display:block; content:"DAEHAN ORTHOPEDIC CLINIC"; font-family: "Libre Baskerville", sans-serif; color: var(--primary); font-size: 2rem; letter-spacing: .1em; font-weight: normal;}
.pageContent .title.custom:before {content: attr(data-text);}
.pageContent .title2{border-bottom: 1px solid var(--primary);}
.pageContent .title2 strong{display: block; width: fit-content; padding:.2em .8em; border-radius:.3em .3em 0 0; background-color: var(--primary); color: var(--text-anti-primary);;}
@media (max-width:750px){
.pageContent .title:before{font-size: 1.1rem;letter-spacing: 0em; }
}
.pageContent section{position:relative;}
.pageContent article{position:relative;}
.full_img{position:relative; left:50%; width:200vw; margin-left:-100vw; text-align:center; }
.full_img img{max-width:none}
.full_img_bg{position:absolute; top:0; bottom:0; overflow:hidden; z-index:-1; left:50%; width:200vw; margin-left:-100vw; text-align:center; }
.full_img_bg img{max-width:none}
.pageContent .full_bg{position:absolute; top:0; left:50%; bottom:0; width:100vw; margin-left:-50vw; background-position:center; background-repeat:no-repeat; z-index:-1;}
.pageContent .full_bg.cover{background-size:cover; }
.pageContent .full_bg.fixed{background-attachment:fixed;}
.pageContent .full_bg.fixed_sc{background-attachment:fixed;}
@media (max-width:1200px){
.pageContent .full_bg{ margin-left:-4vw; left:0; background-size:cover; }
.pageContent .mcover{background-size:cover; }
}
.table_s{width:100%;border-top:2px solid var(--primary-dark);}
.table_s thead th{padding:.6em;border:1px solid var(--border-primary); border-top:2px solid var(--primary-dark); border-bottom:2px solid var(--primary-dark); font-weight:500;}
.table_s thead td{padding:.6em; border:1px solid var(--border-primary);border-top:2px solid var(--primary-dark); border-bottom:2px solid var(--primary-dark); font-weight:500;}
.table_s tbody th{padding:.6em; border:1px solid var(--border-primary);text-align:center; }
.table_s tbody td{padding:.6em; border:1px solid var(--border-primary); }
.table_s tfoot th{padding:.6em; border:1px solid var(--border-primary); background:var(--bg-secondary)}
.table_s tfoot td{padding:.6em; border:1px solid var(--border-primary); background:var(--bg-secondary)}
.table_s{border-left:2px solid transparent;border-right:2px solid transparent}
@media (max-width:750px){
.table_sc{width:100%; position:relative; overflow-x:auto;}
.table_sc .table_s{width:auto; white-space: nowrap;}
.table_s thead th{ padding:.5em .3em; }
.table_s thead td{ padding:.3em; }
.table_s tbody th{ padding:.3em; }
.table_s tbody td{ padding:.3em; }
}
.table_s.fixed{table-layout:fixed}
.page_header{position:relative; text-align:center; margin-bottom:40px;}
.page_header h2{ font-family:"nanum myeongjo"; font-weight:600}
.page_header h2:before{display:block; width:1px; height:2em; background:#333; margin:0 auto; content:"";}
.comma{font-size:1.1em;}
.comma:before,
.comma:after{ display:inline-block; font-size:2em; font-family:"iconfont"; color:var(--primary); vertical-align:middle;}
.comma:before{content:"\e6de"; margin-top:-2%; margin-right:1%; }
.comma:after{content:"\e6df" ; margin-left:1%;}
.brackets{position:relative; padding:0 1em ; text-align:center; }
.brackets:before{position:absolute;border:.1em solid var(--border-primary); border-right:0; width:.6em; top:.5em; left:1em; bottom:.5em; content:"";}
.brackets:after{position:absolute;border:.1em solid var(--border-primary); border-left:0; width:.6em; top:.5em; right:1em; bottom:.5em; content:"";}
.pageContent .wave{display:inline-block; }
.pageContent .wave:after{margin-top:0; display:block;height: 0.2em;background:linear-gradient(135deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%),linear-gradient(45deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%);background-size: 0.4em 0.4em;background-repeat: repeat-x, repeat-x;content: '';}
.lrbox{display: grid; gap: 4%; grid-template-columns: repeat(2,1fr);}
@media (max-width:750px){
.lrbox{display:block;}
.lrbox dt{width:auto;}
.lrbox dd{width:auto; margin-top:5vw; text-align:center;}
}
.s1_1 .full_width_bg{background-position: right center;}
.s1_2 .ss1{display: flex; gap: 5em;}
.s1_2 .full_width_bg{background-position: left bottom;}
.bg_text{font-size: 3.65em; font-family: "Libre Baskerville", sans-serif; color: #e8e2dc; opacity: .7; mix-blend-mode: multiply;}
@media (max-width: 750px){
.s1_1 .full_width_bg{background-size: contain; background-position: right bottom;}
.bg_text{font-size: 3em; text-align: center;}
.s1_2 .ss1{display: block;}
.s1_2 dt{display: flex; flex-direction: column;}
.s1_2 dt figure{order:2;}
.s1_2 .full_width_bg{background-size: contain; background-position: right bottom;}
}
.work_time{text-align: left; display: flex; flex-wrap: wrap; padding:2em;}
.work_time h5{width: 100%; margin-bottom: 1em; font-size:2em; font-weight: 500;}
.work_time h5 span{display: inline-block; background-color: #FFF; color: #c9bea9; position:relative; z-index: 2; padding-right: 1em;}
.work_time h5 span i{margin-right: .5em;}
.work_time h5:before{position:absolute; left:0; right:0; top: 50%; height:1px; background-color: #EDE9E3; content:""}
.work_time article{flex-grow: 1; color: #636363;}
.work_time article ul{padding:0; margin:0;}
.work_time article ul li{padding:0; margin:.5em 0; display: flex;}
.work_time article ul li::before{display: none;}
.work_time article ul li label i{font-style: normal;}
.work_time article ul li label{width: 5em; font-weight: 500; color: var(--text-primary);}
.work_time article ul li span{}
.work_time article h6{font-size: 1em; color: var(--primary); margin:.5em 0}
.facilitie{display: grid; justify-content: center; grid-template-columns: repeat(2, 23.35em); gap:3em 6em; text-align: left; margin-top: 3em;}
.facilitie dd{padding-bottom:2em; border-bottom: 1px solid #E1DACE;}
.facilitie dd figure{margin-bottom: 2em;}
.facilitie dd label{font-size: 1.2em; color: #65719b;}
.facilitie dd p{color: var(--text-tertiary);}
.com71{height: 32.5em; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.com72 dl{display: flex; justify-content: space-between;padding: 2em 0}
.com72 dl.dtr dt{order:2;}
.com72 dl dd{display: flex; justify-content: center; flex-direction: column; width: 27em;}
.com72 dl dd label{color: var(--info); text-decoration: underline; font-family: "Libre Baskerville", sans-serif; font-size: 1.5em; text-underline-offset: .2em; }
.com72 dl dd label big{ font-size:1.46em}
.com72 dl dd h3{font-weight: 500;font-size: 4.4rem;}
.com72 dl dd p{color: var(--text-tertiary);}
@media(max-width:750px){
.facilitie{grid-template-columns: 1fr; }
.com71{height: 15em; }
.com72 dl{display: block;}
.com72 dl dd{display: block; width: auto; margin-top: 1em;}
.com72 dl dd h3{font-size: 1.8em;}
.com72 dl dd label{ font-size: 1.2em; }
}
/* 층별 안내 Swiper */
#visit{margin-top: 4em; position: relative; overflow: hidden;}
.visit_tab{display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 3em;}
.visit_tab dd{padding: 1em 2em; flex-grow: 1; cursor: pointer; background: var(--bg-secondary); color: var(--text-primary); transition: all 0.3s ease; border-radius: 5em;}
.visit_tab dd:hover{background: var(--info); color: var(--text-anti-primary);}
.visit_tab dd.active{background: var(--info); color: var(--text-anti-primary);}
.floor_content{display: none;}
.floor_content.active{display: block;}
.visit_main{margin-bottom: 2em; position: relative; width: 1028px; margin:0 auto; overflow: hidden;}
.visit_main .swiper-slide{text-align: center; width: 100%; aspect-ratio: 10/6;}
.visit_main .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.visit_thumbs{padding: 1em 0;}
.visit_thumbs .swiper-slide{opacity: 0.5; cursor: pointer; transition: opacity 0.3s ease; aspect-ratio: 10/6;}
.visit_thumbs .swiper-slide-thumb-active{opacity: 1;}
.visit_thumbs .swiper-slide img{width: 100%; height: 100%; object-fit: cover; border-radius: 0.3em;}
.swiper_controll{position:absolute; top:19em; left:0; right:0; z-index:3;}
.swiper_controll div{position:absolute; text-align: center; line-height: 5em; width: 5em; height:5em; border-radius: 50%; cursor: pointer; font-size: .6em; background-color: var(--info); color: var(--primary); }
.swiper_controll div i{display: block;}
.swiper_controll div.visit-prev i{transform: scaleX(-1);}
.swiper_controll div.visit-prev{left:0;}
.swiper_controll div.visit-next{right:0}
.swiper_controll div.swiper-button-disabled{background-color: var(--bg-tertiary); color: var(--text-anti-primary); }
@media (max-width: 750px){
.visit_main{width: 100%;}
.swiper_controll{display: none;}
}
.solo_img{position:relative; border-radius: 1.5em; overflow: hidden; margin-top: 2em; margin-bottom: -10em;}
.solo_img2{position:relative; border-radius: 1.5em; overflow: hidden;}
@media (max-width: 750px){
.visit_tab{flex-wrap: wrap; gap: 0.5em;}
.visit_tab dd{padding: 0.8em 1.5em; font-size: 0.9em;}
.visit_main .swiper-slide img{max-width: 100%;}
.solo_img{ margin-bottom: -6em;}
}
.blend{mix-blend-mode: multiply; }
.dl_circle{display: flex; justify-content: center; gap: 2.5em; font-size: 1.2em; margin-top: 2em; font-weight: 500;}
.dl_circle dd{position:relative;width: 8em; aspect-ratio: 1; border-radius: 50%; display: flex; justify-content: center; flex-direction: column; background-color: #FFF; box-shadow: .7em .7em 0 rgba(201, 190, 169,.2);}
.dl_circle dd:before{position:absolute; inset: -1em; background-color: #EFEBE5; z-index:-1; border-radius:50%; content:"";}
.dl_circle dd:nth-child(2n)::before{background-color: #F7F6F4;}
.dl_circle.w3{flex-wrap: wrap; width: 70%; margin:0 auto; margin-top: 2em; }
.dl_circle.w3 dd{width: calc(( 100% + 2.5em ) / 3 - 2.5em);}
@media (max-width: 750px){
.dl_circle{flex-wrap: wrap; gap:2em; font-size: 1em; margin-top: 2em;}
.dl_circle dd{ width: 6em; box-shadow: .5em .5em 0 rgba(201, 190, 169,.2);}
.dl_circle dd:before{inset: -.7em;}
.dl_circle.w3{flex-wrap: wrap; width: 100% }
.dl_circle.w3 dd{width: calc(( 100% + 2.5em ) / 3 - 2.5em);}
.s4_3 .dl_circle dd{width: 7em;}
}
.dl_img{margin-top: 2em; display: flex; justify-content: center; gap: 1rem;}
.dl_img dd{flex-grow: 1; flex-shrink: 0; width: 10%;}
.dl_img dd figure{background-color: var(--bg-primary); border-radius: 1em; padding:1em 0}
.dl_img dd p{margin-top: 1em;}
.dl_img2{margin-top: 2em; display: flex; justify-content: center; gap: 1rem;}
.dl_img2 dd{flex-grow: 1; flex-shrink: 0; width: 10%;}
.dl_img2 dd figure{ border:.5em solid var(--info); border-radius: 1em; overflow: hidden;}
.dl_img2 dd article{margin-top: .5em;}
.dl_img2.w2{width: 70%; margin:0 auto; margin-top: 2em; flex-wrap: wrap;}
.dl_img2.w2 dd{width: 40%; }
.dl_img3{width: 80%; margin:1em auto;}
.dl_img3 dd{display: grid; grid-template-columns: 20em 1fr; gap: 2em; background-color: hsl(from var(--primary) h s l / .1); margin-top: 1em; border-radius: 1em; overflow: hidden;}
.dl_img3 dd article{display: flex; justify-content: center; flex-direction: column; }
.dl_img4{width: 80%; margin:1em auto;}
.dl_img4 dd{display: grid; grid-template-columns: 15em 1fr; gap: 2em; margin-top: 1em; overflow: hidden;}
.dl_img4 dd figure{position: relative; aspect-ratio: 1; border-radius: 50%; overflow: hidden;}
.dl_img4 dd article{display: flex; justify-content: center; flex-direction: column; }
@media (max-width: 750px){
.dl_img{flex-wrap: wrap;}
.dl_img dd{flex-grow: 0; flex-shrink: 0; width: 30%; justify-content: center;}
.dl_img dd figure{background-color: var(--bg-primary); border-radius: 1em; padding:1em 0}
.dl_img dd figure img{width: 5em;}
.dl_img dd p{font-size: .9em;}
.dl_img2{flex-wrap: wrap; gap:0; justify-content: center;}
.dl_img2 dd{width: 48%; margin:1%; flex-grow: 0;}
.dl_img2.w2{width: 100%;}
.dl_img2.w2 dd{width: 48%; margin:1%; flex-grow: 0;}
.dl_img3{ display: block;}
.dl_img3 dd{display: grid; grid-template-columns:1fr; gap: 0; }
.dl_img3 dd article{padding:1em; display: block;}
}
.pageContent .tab_container{ position: sticky; top: 3em; z-index:10}
.page_tab{display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.page_tab dd{padding: 1em; cursor: pointer; background: var(--bg-secondary); color: var(--text-primary); transition: all 0.3s ease; border-radius: 5em;}
.page_tab dd:hover{background: var(--info); color: var(--text-anti-primary);}
.page_tab dd.active{background: var(--info); color: var(--text-anti-primary);}
.page_tab.w3{ grid-template-columns: repeat(3,1fr);}
.jp_point{height:5em; position:relative; top:-10em;}
@media (max-width: 750px){
.dl_img4{width: 100%; }
.dl_img4 dd{display: grid; grid-template-columns: 8em 1fr; gap: 1em; margin-top: 1em; overflow: hidden;}
.dl_img4 dd figure{position: relative; aspect-ratio: 1; border-radius: 50%; overflow: hidden;}
.dl_img4 dd article{display: flex; justify-content: center; flex-direction: column; }
.page_tab{gap: .5rem; }
.page_tab dd{padding: 1em 0;}
.page_tab.w3{ grid-template-columns: repeat(3,1fr);}
}
/* 4_2 */
.lr_box{display: flex; justify-content: space-between;}
.lr_box dt{width: 26.5em;}
.lr_box.dtr dt{order:2}
.lr_box dt figure{position:relative; overflow:hidden; border-radius: 1em;}
.lr_box dd{width: 28em;}
.lr_box dd.vc{display: flex; justify-content: center; flex-direction: column;}
@media (max-width: 750px){
.lr_box{flex-wrap: wrap;}
.lr_box dt{width: 100%;}
.lr_box.dtr dt{ margin-top: 1em;;}
.lr_box dd{width: 100%; margin-top: 1em;}
.lr_box dd.vc{display: block}
}
.dls_1{display: flex; justify-content: space-between; gap: 1em; text-align: center;}
.dls_1 dd{width: 10%; flex-grow: 1; flex-shrink: 0; position:relative; background-color: var(--info); color: var(--text-anti-primary); border-radius: 1em; padding:1em;}
.dls_1 dd u{font-size: 1.3em; color: var(--primary);}
.dls_1 dd h4{font-weight: 500; margin-top: .5em;}
.dls_1 dd ul{width: fit-content; margin:0 auto; margin-top: 1em;}
.dl_icon{margin-top: 2em; display: flex; justify-content: center; gap: 1em; text-align: center;}
.dl_icon dd{ width: 11em;}
.dl_icon dd figure{background-color: var(--bg-primary); border-radius: 1em; padding:1em 0}
.dl_icon dd p{margin-top: 1em;}
ol.ols_2{counter-reset: list-counter 0; width: 32em; margin:0 auto;;}
ol.ols_2 > li{padding:1em; padding-left:2em; background-color: var(--info); color: var(--text-anti-primary); text-align: center; }
ol.ols_2 > li:before{content: counter(list-counter, decimal-leading-zero); left:1.5em; counter-increment: list-counter 1; color:var(--primary);}
@media(max-width:750px){
.dls_1{flex-wrap: wrap;width: 80%; margin:0 auto;}
.dls_1 dd{width: 100%; }
.dl_icon{flex-wrap: wrap; gap: 0;}
.dl_icon dd{ width: 48%; margin:1%}
.dl_icon dd figure img{width: 6em;}
ol.ols_2{ width: 100%; }
}
.dls_2{display: flex; justify-content: center; gap: 1em; text-align: center;}
.dls_2 dd{ width: 18em; background-color: var(--info); color: var(--text-anti-primary); padding:2em; border-radius: 1em;}
.dls_2 dd figure{width: 10em; height: 10em; border-radius:50%; overflow: hidden; background-color: var(--bg-primary); margin:0 auto}
.dls_2 dd article{margin-top: 1em;}
.dls_2 dd article p{opacity: .7;}
@media(max-width:750px){
.dls_2{ flex-wrap: wrap;}
.dls_2 dd{ width: 18em; }
}
.location_park{ margin:0 auto; text-align: left; display: flex; justify-content: center; gap: 1em;}
.location_park dd{display: grid; grid-template-columns: 5em 1fr; gap: 1em; margin-top: 1em; width: 50%;}
.location_park dd figure{background-color: var(--info); border-radius: 50%; aspect-ratio: 1; padding:.6em}
.location_park dd article{display: flex; justify-content: center; flex-direction: column; }
.location_map{width: 100%; height:30em; position:relative; border-radius: 1.5em; overflow: hidden;}
.location_map .root_daum_roughmap{width: 100%; height:100%}
.location_map .root_daum_roughmap .wrap_map{width: 100%; height:100%;}
.s4_2 .dl_img4 figure{border:.1em solid var(--primary)}
.s4_2 .ss1{margin: 3em auto; width: 80%; background-color: var(--bg-secondary); padding:3em; border-radius: 1.5em;}
.s4_2 .ss1 h5{background-color: var(--info); color: var(--text-anti-primary); width: fit-content; padding:.3em 1em; border-radius: .4em;}
.s4_2 .ss1 p{font-size: 1.1em; margin-top: .6em;}
.lrbox_img{display:flex; justify-content: space-between; margin-top: 3em;}
.lrbox_img dt{width: 47%;}
.lrbox_img.dtr dt{order:2}
.lrbox_img dt figure{border-radius: 1em; overflow: hidden;}
.lrbox_img dd{text-align: left; width: 48%; display: flex; justify-content: center; flex-direction: column;}
.lrbox_img dd u{font-size: 1.35em;}
.pageContent .s_tit{width: fit-content; border-radius: .4em; padding:.2em .6em; background-color: var(--info); color: var(--text-anti-primary); margin-top: 1em;}
.pageContent .s_tit:before{display: inline-block; width: 1em; height: 1em; background:url(/sub/img/icon_tit_check.png) center no-repeat; background-size:contain; content:""}
.pageContent p{margin-top: .5em; }
.deahan{font-size: 3.5rem; line-height: 1em; letter-spacing:.5em; font-family: "Libre Baskerville", sans-serif; color: var(--primary);}
@media (max-width: 750px){
.location_park{ display: block;}
.location_park dd{width: auto}
.s4_2 .ss1{margin: 3em auto; width: 100%; padding:1.5em; border-radius: 1em;}
.lrbox_img{display: block;}
.lrbox_img dt{width: auto;}
.lrbox_img dd{ width: auto; display: block; margin-top: 1em;}
.deahan{font-size: 1.5rem; line-height: 2em; letter-spacing:.2em; }
}