@charset "utf-8";
.cormorant {font-family: "Cormorant Infant", serif; font-optical-sizing: auto; font-weight:300; font-style: normal;}

.subComnWrap.mizmedi .departVisual .txtSec {text-align:center; width:100%;}
.subComnWrap.mizmedi .departVisual .txtSec .subDesc {font-size:52px; color:#FFF;}
.subComnWrap.mizmedi .departVisual .txtSec .departTitle {font-size:72px; margin:24px 0;}
.subComnWrap.mizmedi .departVisual .txtSec .eng {font-size:26px; font-weight:300; letter-spacing:0;}

.comnDetailCont.mizmedi {display:block;}

.mizTitleSec {display:flex; gap:40px; justify-content:space-between; margin-bottom:80px;}
.mizTitleSec .txtSec {position:relative;}
.mizTitleSec .txtSec .pTitle {color:#222; font-size:42px; font-weight:500;}
.mizTitleSec .txtSec .pTxt {color:#222; font-size:36px; font-weight:600; line-height:1.3; margin:24px 0 16px;}
.mizTitleSec .txtSec .pDesc {color:#777; font-size:20px; font-weight:400; line-height:1.3;}
.mizTitleSec > img {flex:0 0 auto; max-width:460px; border-radius:16px;}

.mizIntroImg {display:flex; gap:32px;}
.mizIntroImg .inImg {position:relative; width:calc(33.33334% - 22px); border-radius:16px; overflow:hidden;}
.mizIntroImg .inImg .txt {position:absolute; left:0; bottom:50px; width:100%; text-align:center; color:#FFF; font-size:24px; line-height:1.3;}

.pDownSec {position:relative; background:#007A8C;}
.pDownSec .inner {position:relative; display:flex; justify-content:center; align-items:center; padding:45px 0;}
.pDownSec .inner .downTitle {flex:0 0 auto; text-align:center; color:#FFF; font-size:24px; font-weight:700; position:relative; padding:0 64px;}
.pDownSec .inner .downTitle:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:24px; background:rgba(255, 255, 255, 0.3);}
.pDownSec .inner .downSet {padding:0 64px; display:flex; justify-content:center; align-items:center; gap:60px;}
.pDownSec .inner .downSet a {display:inline-flex; gap:6px; align-items:center; color:#FFF; font-size:20px; position:relative;}
.pDownSec .inner .downSet a:after {content:''; width:22px; height:22px; background:url(../img/guide/ico_download_w.svg) no-repeat 50% 50%; background-size:100%;}

.philCont {position:relative; background:url(../img/mizmedi/phil_bg.png) no-repeat 50% 50%; background-size:cover; padding:80px 0;}
.philCont .mizTitleSec .txtSec .pTitle {color:#FFF;}
.philCont .mizTitleSec .txtSec .pTxt {color:#FFF;}
.philCont .mizTitleSec .txtSec .pDesc {color:#FFF; opacity:0.8;}
.philCont .mizTitleSec .txtSec .pDesc.ty01 {opacity:1.0; margin:32px 0 0;}

.legendSec {display:flex; gap:32px;}
.legendSec .perLegend {position:relative; width:calc(33.33334% - 22px);}
.legendSec .perLegend a {display:block; border-radius:16px; overflow:hidden; position:relative;}
.legendSec .perLegend a .tSec {position:absolute; left:0; bottom:0; width:100%; padding:32px 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%); color:#FFF;}
.legendSec .perLegend a .tSec .title {font-size:16px; font-weight:400;}
.legendSec .perLegend a .tSec .name {font-size:30px; font-weight:600; display:flex; align-items:center; gap:10px; position:relative; margin:10px 0;}
.legendSec .perLegend a .tSec .name:after {content:''; width:18px; height:18px; background:url(../img/mizmedi/ico_tail.svg) no-repeat 50% 50%; background-size:100%;}
.legendSec .perLegend a .tSec .desc {font-size:16px; font-weight:400;}