/*==========
헤더
===========*/
#header {z-index: 9999}

.pcHeader {transition: 0.2s;}
.pcHeader .inner {max-width: 164rem}
.pcHeader .logo {width: 23rem;}
.pcHeader .logo a {display: block;}
.pcHeader .logo a img {filter: drop-shadow(0 0 0.6rem rgba(0, 0, 0, 0.16));}
.pcHeader .logo a img.actImg {opacity: 0;}
.pcHeader .gnb {gap: 3rem; margin-left: 18.3rem;}
.pcHeader .gnb .gnbLst {min-width: 12rem; text-align: center;}
.pcHeader .gnb .gnbLst > a {filter: drop-shadow(0 0 0.6rem rgba(0, 0, 0, 0.16)); display: block; padding: 2.4rem 0;}
.pcHeader .gnb .gnbLst:hover {color: #162F9E}

.pcHeader.act {background: #fff; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}
.pcHeader.act .logo a img {opacity: 0}
.pcHeader.act .logo a img.actImg {opacity: 1;}
.pcHeader.act .gnb {color: #222527}
.pcHeader.act .gnb .gnbLst > a {filter: none;}

.pcHeader.on {background: #fff; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}
.pcHeader.on .logo a img {opacity: 0}
.pcHeader.on .logo a img.actImg {opacity: 1;}
.pcHeader.on .gnb {color: #222527}
.pcHeader.on .gnb .gnbLst > a {filter: none;}

.pcHeader .lnb {min-width: 15.8rem; background: #fff; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16); display: none}
.pcHeader .lnb .lnbLst {text-align: left; }
.pcHeader .lnb .lnbLst > a {display: block; padding: 1rem 1.2rem; font-weight: 400; white-space: nowrap;}
.pcHeader .lnb .lnbLst.more > a::before {content: ''; display: block; position: absolute; width: 0.8rem; height: 2.1rem; background: url('../img/ic_lnb_arr.svg') center/contain no-repeat; right: 2.4rem;}
.pcHeader .lnb .lnbLst:hover > a {background: var(--fcp); color: #fff;}
.pcHeader .lnb .lnbLst:hover.more > a::before {background: url('../img/ic_lnb_arr_w.svg') center/contain no-repeat;}

.pcHeader .snb {left: 100%; background: #fff; width: 15.8rem; display: none; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}
.pcHeader .snb .snbLst {}
.pcHeader .snb .snbLst a {display: block; padding: 1rem 1.2rem; font-weight: 400; white-space: nowrap;}
.pcHeader .snb .snbLst a:hover {background: var(--fcp); color: #fff;}

@media all and (max-width: 880px){
    .moHeader {}
    .moHeader .moHead {background: #fff; box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,0.1);}
    .moHeader .moHead .inner {max-width: 88.37%; padding: 1.8rem 0;}
    .moHeader .moHead .logo {width: 15.4rem;}
    .moHeader .moHead .menuBtn {width: 2.8rem;}

    .moHeader .menuWrap {display: none;}
    .moHeader .menuBg {background: rgba(34,37,39,0.5);}
    .moHeader .menuBox {height: 100%; background: #fff; right: -100%; width: 30rem; overflow-y: auto; transition: 0.6s;}
    .moHeader .menuBox .gnb {}
    .moHeader .menuBox .gnb .gnbLst {padding: 1.2rem 2.4rem 1.2rem 3rem; border-bottom: 1px solid #C9CDD2}
    .moHeader .menuBox .gnb .gnbLst .tit {display: block;}
    .moHeader .menuBox .gnb .gnbLst .tit::before {content: ''; display: block; position: absolute; width: 1.4rem; height: 0.7rem; background: url('../img/ic_header_slide.svg') center/contain no-repeat; right: 0; top: 50%; transform: translateY(-50%); transition: 0.2s;}

    .moHeader .menuBox .lnb {padding-top: 1.4rem; display: none;}
    .moHeader .menuBox .lnb .lnbLst {}
    .moHeader .menuBox .lnb .lnbLst > a {display: block; padding: 0.7rem 0;}
    .moHeader .menuBox .lnb .lnbLst.more > a::before {content: ''; display: block; position: absolute; width: 1.4rem; height: 0.7rem; background: url('../img/ic_header_slide.svg') center/contain no-repeat; right: 0; top: 50%; transform: translateY(-50%); transition: 0.2s;}

    .moHeader .menuBox .snb {padding-bottom: 0.7rem; display: none;}
    .moHeader .menuBox .snb .snbLst {}
    .moHeader .menuBox .snb .snbLst a {display: block; padding: 0.4rem 0;}

    .moHeader .menuBox .gnb .gnbLst.on {}
    .moHeader .menuBox .gnb .gnbLst.on .tit::before {transform: translateY(-50%) scaleY(-1);}
    .moHeader .menuBox .lnb .lnbLst.on {}
    .moHeader .menuBox .lnb .lnbLst.more.on > a::before {transform: translateY(-50%) scaleY(-1);}

    .moHeader .boxClose {top: 1.8rem; right: 32rem; display: none;}

    .moHeader .menuBox.act {right: 0;}
}

/*==========
푸터
===========*/
#footer {background: var(--fcp);}
#footer .inner {padding: 8rem 20.5rem 7.8rem 14rem;}
#footer .ftLogo {}
#footer .ftTxtWrap {gap: 3.2rem;}
#footer .ftTxtWrap .info {text-align: right;}
#footer .ftTxtWrap .info li {color: #99A1C4; gap: 2.7rem; display: flex; justify-content: flex-end;}
#footer .ftTxtWrap .info li + li {margin-top: 0.6rem}
#footer .ftTxtWrap .info li.copy {color: #707DBB; padding-top: 0.6rem;}
#footer .ftTxtWrap .time {line-height: 3.2rem; top: -0.5rem;}

@media all and (max-width: 880px){
    #footer {}
    #footer .inner {max-width: 38.2rem; padding: 6.4rem 0 7.3rem; flex-direction: column; margin: 0 auto; align-items: baseline; gap: 2.1rem;}
    #footer .ftLogo {width: 19.8rem;}
    #footer .ftTxtWrap {flex-direction: column; gap: 3.4rem;}
    #footer .ftTxtWrap .info {text-align: left;}
    #footer .ftTxtWrap .info li {flex-wrap: wrap; justify-content: flex-start; gap: 0.5rem 2rem;}
    #footer .ftTxtWrap .info li + li {margin-top: 1.6rem;}
    #footer .ftTxtWrap .info li span:nth-child(1) {width: 100%; display: inline-block;}
    #footer .ftTxtWrap .info li.copy {padding: 0; font-size: 1rem}
    #footer .ftTxtWrap .time {top: auto; font-size: 1.6rem; line-height: 3rem; font-weight: 500}
}

/*==========
플로팅
===========*/
#float {right: 5rem; z-index: 99}
#float .lst {}
#float .lst li {}
#float .lst li + li {margin-top: 1rem;}
#float .lst li a {}
#float .top {margin-top: 1rem}
#float img {filter: drop-shadow(0 0.3rem 0.6rem rgba(0, 0, 0, 0.16));}

@media all and (max-width: 880px){
    #float {right: 1.8rem; top: auto; transform: none; bottom: 4%;}
    #float .lst {display: none}
    #float .lst li {}
    #float .lst li + li {margin-top: 0.8rem;}
    #float .lst li a {}
    #float .more {margin-top: 0.8rem;}
    #float .more .moreImg {}
    #float .more .hideImg {opacity: 0}
    #float .more.act .moreImg {opacity: 0}
    #float .more.act .hideImg {opacity: 1}
    #float .top {margin-top: 0.8rem;}
    #float img {width: 4.8rem}
}

.wrtBtn {font-size: 1.4rem; display: flex; justify-content: flex-end; margin-top: 4rem; gap: 0.4rem}
.wrtBtn a {background: #454C53; color: #fff; padding: 0 2.75rem; font-family: inherit; height: 3.7rem; display: inline-block; line-height: 3.7rem;}

@media all and (max-width: 880px){
    .wrtBtn a {padding: 0 2.5rem;}
}

/*==========
진료비모달
===========*/

#feesModal {z-index: 9999; display: none}
#feesModal .modalBg {background: rgba(0,0,0,0.3);}
#feesModal .modalBox {max-width: 82rem; width: 100%;}
#feesModal .modalBox .imgArea {width: 100%; max-height: 90vh; overflow: auto;}
#feesModal .modalBox .closeBtn {top: 2.5rem; right: 2.5rem; cursor: pointer;}

@media all and (max-width: 880px){
    #feesModal {}
    #feesModal .modalBg {}
    #feesModal .modalBox {max-width: 38.2rem; width: 100%}
    #feesModal .modalBox .imgArea {max-height: 80vh; overflow: auto;}
    #feesModal .modalBox .closeBtn {width: 2rem; top: 1.8rem; right: 1.8rem;}
}

/*==========
메인
===========*/
.secMain .subTitle {letter-spacing: 0.16rem; color: #a4aab1; line-height: 2.1rem;}
.secMain .title {margin-top: 2.2rem; line-height: 7rem; color: #222527; text-align: center;}
.secMain .desc {margin-top: 3.8rem; line-height: 3.2rem;}

.secVisual {height: 100vh; padding-top: 32.1rem; overflow: hidden; box-sizing: border-box;}
.secVisual .bg video {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.secVisual .subTitle {line-height: 7.2rem; filter: drop-shadow(0 0.3rem 0.6rem rgba(0, 0, 0, 0.16));}
.secVisual .title {margin-top: 0.8rem; line-height: 8.4rem;}
.secVisual .title .text {z-index: 1;}
.secVisual .title:before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 72.2rem; height: 9.2rem; background: var(--fcp); content: "";}
.secVisual .desc {margin-top: 3.9rem; line-height: 3.2rem; filter: drop-shadow(0 0.3rem 0.6rem rgba(0, 0, 0, 0.16));}

.secWidget {background: var(--fcp); height: 37.6rem; padding-top: 9.4rem;}
.secWidget .listWidget {padding-right: 2.4rem;}
.secWidget .itemWidget {gap: 1.3rem;}
.secWidget .itemWidget + .itemWidget {margin-left: 4rem;}
.secWidget .itemWidget:not(.big) {margin-bottom: 2.8rem;}
.secWidget .itemWidget:not(.big) .unit {margin-left: 0.7rem;}
.secWidget .itemWidget:not(.big) .num {}
.secWidget .itemWidget:last-child .unit {margin-left: 0.1rem;}
.secWidget .big {gap: 2.7rem; min-width: 54.7rem;}
.secWidget .big .num {font-size: 10.1rem; line-height: 11.9rem;}
.secWidget .big + .itemWidget {margin-left: 0;}
.secWidget .big .unit {margin-left: 1.1rem;}
.secWidget .sub {margin-left: 2.2rem; color: #9dbcfb; font-weight: 400;}

.secDoctor {padding: 24.4rem 0 10.5rem;}
.secDoctor:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 24.6rem; background: linear-gradient(to top, #d4e7ff 0%, transparent 70%);}
.secDoctor .listLink {gap: 3rem; margin-top: 4.4rem;}
.secDoctor .listLink .link {width: 11.8rem; height: 4.4rem; border: 0.1rem solid #454c53; border-radius: 5rem; gap: 1.8rem; transition: all 0.3s ease;}
.secDoctor .listLink .link:after {content: ""; display: block; height: 1.2rem; width: 0.6rem; background: url(../img/main/ic_arrow_right.svg) no-repeat center center/contain;}
.secDoctor .listLink .link:hover {background: var(--fcp); color: var(--fcf); border-color: var(--fcp);}
.secDoctor .listLink .link:hover:after {background-image: url(../img/main/ic_arrow_right_w.svg);}
.secDoctor .boxCont {width: 157.7rem; margin: 6.87rem auto 0; transform: translateX(-1rem);}
.secDoctor .boxCont img {width: 100%;}
.secDoctor .listDoc {width: 143.3rem; left: 9.6rem; bottom: 3.22rem; color: #9ca0a4; z-index: 1;}
.secDoctor .listDoc li {padding-bottom: 0.8rem;}
.secDoctor .listDoc li:after {position: absolute; content: ""; display: block; width: calc(100% - 0.4rem); height: 0.1rem; left: 50%; bottom: 0; transform: translateX(-50%); background: #c9cdd2;}

.secMedicalcenter {padding: 21.2rem 0 22rem; overflow: hidden;}
.secMedicalcenter .medicalCenter.pc {display: flex; margin-top: 11.8rem; gap: 1.5rem;}
.secMedicalcenter .itemSlide {display: block; position: relative; width: 31.6rem;}
.secMedicalcenter .itemSlide:hover .itemInner {background: rgba(51, 56, 60, 0.8);}
.secMedicalcenter .itemSlide:hover .itemTitle {color: #9dbcfb;}
.secMedicalcenter .itemSlide img {width: 100%;}
.secMedicalcenter .itemInner {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; padding: 9.1rem 2.6rem 0; color: var(--fcf); text-align: left; transition: all 0.3s ease;}
.secMedicalcenter .itemInner:after {content: ""; display: block; position: absolute; right: 3.1rem; top: 3.1rem; width: 2.171rem; height: 2.171rem; background: url(../img/main/ic_arrow_outlink.svg) no-repeat center center/contain;}
.secMedicalcenter .itemTitle {transition: all 0.3s ease; letter-spacing: 0}
.secMedicalcenter .itemDesc {margin-top: 5rem; line-height: 2.8rem;}

.secCTMRI {height: 49.8rem; background: url(../img/main/bg_ctmri.png) no-repeat center fixed; background-attachment: fixed;}
.secCTMRI .title {line-height: 6.4rem; margin-top: 0;}
.secCTMRI .desc {margin-top: 2.8rem;}

.secYoutube {padding: 22rem 0 30rem;}
.secYoutube .subTitle {color: #222527;}
.secYoutube .title {margin-top: 1.2rem;}
.secYoutube .link {margin: 4.4rem auto 0; width: 25rem; height: 4.4rem; border-radius: 5rem; background: var(--fcp);}
.secYoutube .boxCont {margin-top: 11rem; gap: 6rem;}
.secYoutube .listYoutube {overflow: hidden; width: 108.7rem;}
.secYoutube .btnPrev {transform: rotate(180deg);}
.secYoutube .boxPagination {display: none;}

.secMedia {padding-bottom: 29rem;}
.secMedia .listMediaMo, .secMedia .listMediaBtn {display: none;}
.secMedia .listMedia {margin-top: 12rem; max-width: 139.55rem; width: 100%; border-bottom: 0.1rem solid #c9cdd2;}
.secMedia .listMedia .itemMedia {padding: 2.7rem 6.9rem; border-top: 0.1rem solid #c9cdd2; transition: all 0.3s ease;}
.secMedia .listMedia .itemMedia:hover {background: rgba(191, 212, 255, 0.15);}
.secMedia .listMedia .itemMedia:hover .name {color: var(--fcp);}
.secMedia .listMedia .itemMedia:hover .name:before {background-image: url(../img/main/ic_media_on.svg);}
.secMedia .listMedia .itemMedia:hover .boxImg {opacity: 1;}
.secMedia .listMedia .name {display: flex; align-items: center; gap: 2rem; color: #222527; transition: all 0.3s ease;}
.secMedia .listMedia .name:before {content: ""; display: block; width: 2.2rem; height: 2.2rem; background: url(../img/main/ic_media.svg) no-repeat center center/contain;}
.secMedia .listMedia .media {margin-left: 6.3rem; width: 13.8rem;}
.secMedia .listMedia .media img {width: 100%;}
.secMedia .listMedia .itemDesc {margin-left: 2.6rem;}
.secMedia .listMedia .boxImg {opacity: 0; right: 0; top: 50%; transform: translateY(-50%); width: 49.8rem; transition: all 0.3s ease; z-index: 10;}
.secMedia .listMedia .boxImg img {width: 100%;}

.secCompany {background: #f6f7f9; padding: 8.6rem 0 14rem;}
.secCompany .boxTitle {display: flex; align-items: center; padding-left: 27.9rem; gap: 7rem;}
.secCompany .boxTitle .desc {line-height: 3.2rem; color: #000;}
.secCompany .boxTitle .desc em {color: #000;}
.secCompany .boxCompany {margin-top: 5.9rem; overflow: hidden; white-space: nowrap;}
.secCompany .boxCompany .listCompany {display: inline-flex; gap: 5rem; margin-top: 0;}
.secCompany .boxCompany .listCompany + .listCompany {margin-left: 5rem;}
.secCompany .boxCompany .listCompany .itemCompany {height: 8.2rem;}
.secCompany .boxCompany .listCompany .itemCompany img {height: 100%;}

.secStore {display: flex; width: 100%;}
.secStore .itemStore {flex: 1; height: 25.6rem; padding: 0 3.9rem 0rem 8.8rem; box-sizing: border-box;}
.secStore .itemStore:hover .text {opacity: 1;}
.secStore .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.secStore .text {opacity: 0; width: 22.3rem; height: 4.8rem; display: flex; align-items: center; justify-content: space-between; border: 0.1rem solid #fff; padding: 0 1.3rem 0 1.8rem; box-sizing: border-box; border-radius: 5rem; transition: all 0.3s ease; line-height: 4.8rem;}

.layerMain {background: rgba(0, 0, 0, 0.9); display: none; align-items: center; justify-content: space-between; z-index: 9999; padding: 0 2rem; box-sizing: border-box;}
.layerMain.isShow {display: flex;}
.layerMain .btnClose {position: absolute; top: 2rem; right: 2rem; width: 2.4rem;}
.layerMain .boxSwiper {width: 100%; display: flex; justify-content: space-between;}
.layerMain .layerSwiper {width: 113rem; aspect-ratio: 16/9; overflow: hidden;}
.layerMain .layerSwiper iframe {width: 100%; height: 100%;}
.layerMain .btnPrev {transform: rotate(180deg);}

@media all and (max-width: 880px) {
    .secMain .subTitle {letter-spacing: 0.16rem; line-height: 1.5rem; font-size: 1.2rem;}
    .secMain .title {margin-top: 1.6rem; font-size: 3.4rem; line-height: 5rem;}
    .secMain .desc {margin-top: 4rem; font-size: 1.6rem; line-height: 2.6rem;}

    .secVisual {height: 62.9rem; padding-top: 23.6rem;}
    .secVisual .subTitle {font-size: 2.6rem; line-height: 3.2rem;}
    .secVisual .title {margin-top: 1.3rem; font-size: 2.8rem; line-height: 3.5rem;}
    .secVisual .title:before {width: 33.4rem; height: 4.5rem;}
    .secVisual .desc {margin-top: 5.6rem; font-size: 1.4rem; line-height: 2.2rem;}

    .secWidget {height: 22.4rem; padding: 3.9rem 2.4rem 0;}
    .secWidget .listWidget {flex-wrap: wrap; gap: 4.6rem 0; justify-content: flex-start;}
    .secWidget .itemWidget {gap: 0.6rem;}
    .secWidget .itemWidget:nth-child(3) {margin-left: 3.5rem;}
    .secWidget .itemWidget:nth-child(4) {margin-left: 5.3rem;}
    .secWidget .itemWidget:not(.big) {margin-bottom: 0;}
    .secWidget .itemWidget:not(.big) .itemTitle {font-size: 1.2rem; line-height: 1.4rem;}
    .secWidget .itemWidget:not(.big) .unit {margin-left: 0.5rem; font-size: 1.6rem;}
    .secWidget .itemWidget:not(.big) .num {margin-left: 0.3rem; font-size: 2.4rem;}
    .secWidget .itemWidget:last-child .unit {margin-left: 0.2rem;}
    .secWidget .big {flex-direction: row; min-width: auto; gap: 0; justify-content: space-between; width: 100%}
    .secWidget .big .itemTitle {display: flex; flex-direction: column-reverse; gap: 0.8rem; font-size: 2rem;}
    .secWidget .big .itemTxt {bottom: -0.5rem;}
    .secWidget .big .num {font-size: 4.8rem; line-height: 5.6rem; margin-left: 0;}
    .secWidget .big + .itemWidget {margin-left: 0;}
    .secWidget .big .unit {margin-left: 1.1rem; font-size: 2.8rem; font-weight: bold;}
    .secWidget .sub {margin-left: 0; font-size: 1.2rem;}

    .secDoctor {padding: 12rem 0 0;}
    .secDoctor:after {height: 15.8rem;}
    .secDoctor .listLink {gap: 1.4rem; margin-top: 4.5rem; font-size: 1.4rem;}
    .secDoctor .listLink .link {width: 9.8rem; height: 3.8rem; gap: 1.2rem; font-size: 1.4rem;}
    .secDoctor .listLink .link:after {height: 1rem; width: 0.5rem;}
    .secDoctor .boxCont {width: 100%; margin: 7rem auto 0;}
    .secDoctor .listDoc {display: none;}

    .secMedicalcenter {padding: 12rem 0 11rem;}
    .secMedicalcenter .medicalCenter.pc {display: none;}
    .secMedicalcenter .medicalCenter.mo {margin-top: 7rem;}
    .secMedicalcenter .medicalCenter.mo .swiper-slide {width: 30.3rem; padding: 0 0.6rem;}
    .secMedicalcenter .itemSlide {width: 100%;}
    .secMedicalcenter .itemInner {padding: 5.7rem 2.5rem 0;}
    .secMedicalcenter .itemInner:after {right: 2.96rem; top: 2.88rem; width: 2.181rem; height: 2.181rem;}
    .secMedicalcenter .itemTitle {font-size: 2.5rem;}
    .secMedicalcenter .itemDesc {font-size: 1.6rem; line-height: 2.6rem;}

    .secCTMRI {height: 49.8rem; background: url(../img/main/bg_ctmri_mo.png) no-repeat center center/cover;}
    .secCTMRI .title {font-size: 3.4rem; line-height: 5rem;}
    .secCTMRI .desc {margin-top: 3rem; font-size: 1.4rem; line-height: 2.2rem;}

    .secYoutube {padding: 11rem 0 10.4rem;}
    .secYoutube .subTitle {font-size: 2.4rem;}
    .secYoutube .title {margin-top: 1.4rem; font-size: 3.4rem; line-height: 5rem;}
    .secYoutube .link {margin: 4rem auto 0; font-size: 1.8rem;}
    .secYoutube .boxCont {flex-direction: column; margin-top: 7rem; gap: 4rem;}
    .secYoutube .listYoutube {width: 100%;}
    .secYoutube .btnPrev, .secYoutube .btnNext {display: none;}
    .secYoutube .boxPagination {display: flex; gap: 0.8rem;}
    .secYoutube .boxPagination .currentNum {color: #222527;}
    .secYoutube .boxPagination .totalNum {color: #c9cdd2;}
    .secYoutube .boxPagination .swiper-pagination {position: static; width: 14.7rem; height: 0.4rem; background: #eef0f3; border-radius: 2rem; overflow: hidden;}
    .secYoutube .boxPagination .swiper-pagination .swiper-pagination-progressbar-fill {background: var(--fcp);}

    .secMedia {padding: 0 2.4rem 11rem;}
    .secMedia .listMedia {display: none;}
    .secMedia .listMediaMo {display: block; width: 100%; margin-top: 7rem;}
    .secMedia .listMediaMo .itemMedia {display: none;}
    .secMedia .listMediaMo .itemMedia.isShow {display: block;}
    .secMedia .listMediaMo img {width: 100%;}
    .secMedia .listMediaMo .itemText {display: flex; align-items: center; padding-left: 3rem; box-sizing: border-box; justify-content: space-between;}
    .secMedia .listMediaMo .itemText .media {width: 9.6rem;}
    .secMedia .listMediaBtn {display: flex; gap: 4rem 3.8rem; flex-wrap: wrap; padding: 3.8rem 3.8rem 0 3rem; border-top: 0.1rem solid #c9cdd2; margin-top: 2.6rem;}
    .secMedia .listMediaBtn .mediaBtn {display: flex; align-items: center; color: #222527; gap: 0.8rem;}
    .secMedia .listMediaBtn .mediaBtn.isActive {color: var(--fcp); font-weight: 700;}
    .secMedia .listMediaBtn .mediaBtn.isActive:before {background-image: url(../img/main/ic_media_on.svg);}
    .secMedia .listMediaBtn .mediaBtn:before {content: ""; display: block; width: 1.8rem; height: 1.8rem; background: url(../img/main/ic_media.svg) no-repeat center center/contain;}

    .secCompany {padding: 9rem 0 11rem;}
    .secCompany .boxTitle {flex-direction: column; padding-left: 0; gap: 3rem; text-align: center;}
    .secCompany .boxTitle .title {font-size: 3.6rem;}
    .secCompany .boxTitle .desc {font-size: 1.6rem; line-height: 2.6rem;}
    .secCompany .boxCompany {margin-top: 6rem;}
    .secCompany .boxCompany .listCompany {gap: 2.5rem;}
    .secCompany .boxCompany .listCompany + .listCompany {margin-left: 2.5rem;}
    .secCompany .boxCompany .listCompany .itemCompany {height: 4rem;}

    .layerMain {padding: 0;}
    .layerMain .btnClose {position: absolute; top: 2rem; right: 2rem; width: 2.4rem;}
    .layerMain .layerSwiper {width: 100%;}
    .layerMain .btnPrev, .layerMain .btnNext {display: none;}

    .secStore {flex-direction: column; width: 100%;}
    .secStore .itemStore {height: 17.2rem; flex: none; padding: 0 2.9rem 0rem 5rem;}
    .secStore .name {font-size: 2.6rem;}
    .secStore .text {opacity: 1; width: 15rem; height: 3.2rem; padding: 0 1.2rem 0 0.9rem; line-height: 3.2rem; font-size: 1.4rem;}
    .secStore .text img {width: 3.6rem;}
}




















































..