@charset "utf-8";

/* 이미지마스크 */
.samsal .svg-mask {width: 100%;max-width: 100vw;height:783px;overflow: hidden}
.samsal#location .svg-mask {height:86px}
 /* 이미지마스크 미디어쿼리 */
@media all and (max-width:1023px) {
.samsal .svg-mask{height:400px;}
.samsal#about .svg-mask {margin-top:-4rem}
.samsal#location .svg-mask {margin-top:-1.3rem}
}

/* 연혁 */
#history .box,
#location .box {width:100%;display:inline-block;position:relative;margin-top:0.6rem}
#history .box:after,
#location .box:after {content:"";width:2px;height:100%;display:inline-block;background-color:#c7e429;position:absolute;left:0;right:0;margin:0 auto;top:-2rem;padding-bottom:2rem}
#history .section {display:none}
#history .row,
#location .row {width:100%;margin-bottom:2.4rem;clear: both;display: inline-block;}
#history .boxlist.fr,
#location .boxlist.fr {width:50%;padding-left:5%;text-align:left;position:relative}
#history .boxlist.fl,
#location .boxlist.fl {width:50%;padding-right:5%;text-align:right;position:relative}
#history .boxlist.fr:before,
#history .boxlist.fl:before,
#location .boxlist.fr:before,
#location .boxlist.fl:before{content:"";width:20px;height:15px;display:inline-block;background:url("/_public/images/sub/hi1.svg") no-repeat;position:absolute;top:5px}
#history .boxlist.fr:before {left:-10px}
#history .boxlist.fl:before {right:-10px}
#location .boxlist.fr:before {left:0}
#location .boxlist.fl:before {right:0}
#history .boxlist dt,
#history .boxlist dd,
#location .boxlist * {text-align:left;line-height:1.5}
#history .boxlist dd:after {content: "";display: table;clear: both;}
#history .boxlist dt {width:82px;float:left;font-weight:600;font-size:1.059rem}
#history .boxlist dd,
#history .boxlist.sp {padding-left:82px;font-weight:300;font-size:0.941rem;color:#0b0b0b}
#history .boxlist.sp {padding-left:5%;line-height:1.5}
#history .boxlist.fl dt,
#history .boxlist.fl dd,
#location .boxlist.fl * {text-align:right}
#history .boxlist.fl dt {float:right}
#history .boxlist.fl dd {padding-right:82px}
 /* 연혁 미디어쿼리 */
@media all and (max-width:1023px) {
#history .box {margin-top:0}
#history .box:after,
#location .box:after {left:0;right:0;margin:0}
#history .boxlist.fr,
#history .boxlist.fl,
#location .boxlist.fr,
#location .boxlist.fl {width:100%;padding-left:8%;float:none;text-align:left}
#history .boxlist.fl,
#location .boxlist.fl {padding-right:0}
#history .boxlist.fr:before,
#location .boxlist.fr:before,
#history .boxlist.fl:before,
#location .boxlist.fl:before{right:0;left:-10px}
#history .boxlist.fl dt,
#history .boxlist.fl dd,
#location .boxlist.fl * {text-align:left}
#history .boxlist.fl dt {float:left}
#history .boxlist.fl dd {padding-right:0}
}

/* 인사말 */
#greeting .section3 {margin-bottom:3rem}
#greeting .section4 * {font-weight:500;font-size:1rem;text-align:center}
#greeting .section4 strong {width:100%;display:block}
#greeting .section4 p {margin-top:0.6rem}

/* 찾아오시는 길 */
#location .sttitle {text-align:center;}
#location .sttitle strong {font-size:1.176rem;display:block;margin-top:0.7rem}
#location .box {margin-top:5rem}
#location .boxlist.fr {text-align:left}
#location .ptxt {line-height:0.7;margin-bottom:2rem}
#location .section {position:relative}
#location .mask {width:100%;position:absolute;top:0;left:0;z-index:9}
#location .root_daum_roughmap,
#location .wrap_map {width:100% !important}
 /* 찾아오시는 길 미디어쿼리 */
@media all and (max-width:1023px) {
#location .section2 {margin-top:-1rem}
#location .wrap_map {height:400px !important}
}

/* 재정보고 */
#financialreport .titlearea .mtxt {margin:2rem 0 1rem}
#financialreport .section1 {margin-bottom:2.5rem}
#financialreport .section1 ul {width:100%;margin:0 auto}
#financialreport .section1 li {width:25%;float:left;text-align:center}
#financialreport .section1 li span {display:block;max-width:131px;margin:0 auto}
#financialreport .section1 li strong {font-size:1.471rem;font-weight:bold;display:block;margin-top:2rem}
#financialreport .section1 li p {margin-top:1.2rem}
#financialreport .section2 .row {width:100%;position:absolute;top:25%;left:0;right:0;}
#financialreport .section2 .graph {width:60%;max-width:742px;height:435px;float:left;background:url("/_public/images/sub/finance_2026.svg") center / contain no-repeat}
#financialreport .section2 .txtarea {width:40%;float:left;text-align:center;margin-top:5rem;position:relative}
#financialreport .section2 .txtarea * {color:#fff;}
#financialreport .section2 .txtarea strong {display:block;color:#ddff22;font-size:4.235rem;font-weight:normal;margin:1.5rem 0 2rem}
#financialreport .section2 .txtarea ul li {text-align:center;line-height:1.7;font-size:0.941rem}
#financialreport .section3 {padding:4rem 0}
 /* 재정보고 미디어쿼리 */
@media all and (max-width:1024px) {
#financialreport .section1 ul {width:100%}
#financialreport .section2 .txtarea .mtxt {font-size:1.059rem}
}
@media all and (max-width:1024px) and (min-width:641px) {
#financialreport .section2 .row {top:0}
.samsal#financialreport .svg-mask {height:500px;margin-top:-4rem}
#financialreport .section2 .txtarea {margin-top:12.5%}
#financialreport .section2 .txtarea strong {font-size:2.941rem;margin:0.7rem 0 1.5rem}
}
@media all and (max-width:640px) {
#financialreport .section1,
#financialreport .section2,
#financialreport .section3 {width:100%}
#financialreport .section1 .layout,
#financialreport .section2 .layout {width:100%}
.samsal#financialreport .svg-mask {height:750px;margin-top:-4rem}
#financialreport .titlearea .mtxt {font-size:1.353rem}
#financialreport .section1 li {padding:0 1rem;}
#financialreport .section1 li span {max-width:85px}
#financialreport .section1 li strong {font-size:1.294rem;margin-top:1rem;}
#financialreport .section1 li p {margin-top: 0.8rem;white-space: normal;word-break:break-all;font-size:0.882rem}
#financialreport .section2 .row {top:4%}
#financialreport .section2 .txtarea strong {font-size:2.941rem;margin:0.5rem 0 1.5rem}
#financialreport .section2 .graph,
#financialreport .section2 .txtarea {width:100%;float:none}
#financialreport .section2 .graph {background-size:96%}
#financialreport .section2 .graph {height:330px}
#financialreport .section2 .txtarea {margin-top:0}
}
@media all and (max-width:640px) and (min-width:485px) {
#financialreport .section2 .row {top:5%}
}