/* main */
.main{
    background: url(/base_2/img/mf/main_bg.png) no-repeat;
    background-size: cover;
background-position:center;
    color: #222;
    padding:12rem 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
}


.main .txt{ color: #fff;margin-top:100px}
.main .txt .tit{font-size: 60px; font-weight: 300;padding:0 12rem;line-height:90px}
.main .txt .tit span{font-weight: 700;text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.75);}
.main .txt .desc{font-size: 24px; font-weight: 300;display:inline-block;padding:10px;background: linear-gradient(to right,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0) 100%);padding-left:12rem}

.main .bot_wrap{margin-top: 100px; display: flex; justify-content: right;align-items: flex-end;padding:0 12rem}
.main .txt .logo{margin-bottom:10px;padding-bottom:10px;padding:0 12rem}
.main .bot_wrap .copy{color:#000}
.main .txt .logo img{max-width:1160px;width:100%}
.mo_only{display: none;}
.main .bot_wrap .copy img{max-width:350px}
/* subpage */
.sub{
    padding: 12rem 0;
}
.sub.pb-0{
    padding-bottom: 0;
}
.sub_tit{margin-top: 90px; text-align: center;}
.sub_tit .tit{font-size: 54px; font-weight: 800;}
.sub_tit .tit span{font-size:36px;font-weight:500}
.sub_tit .desc{font-size: 24px; font-weight: 500;}
.down {text-align: center;color: #000;}
.down a{color: #fff; background: #0089AB;font-size: 20px; padding: 12px 36px; border-radius: 100px;}


.pj_wrap{padding: 12rem 0;}
.pj_cont{margin-top: 90px;}


/* popup */
.pop_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.8); z-index: 999; display: none;}
.pop_wrap.on {display: block;}
.pop_wrap .pop_inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.pop_wrap .btn_wrap {display: flex; gap: 10px; justify-content: center;}
.pop_wrap .btn_wrap a {width: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.pop_wrap .btn_wrap .cancel {border: 1px solid var(--border);  color: #555; background: #fff;}
.pop_wrap .btn_wrap .confirm {background: #000; color: #fff;}
.pop_wrap .modal {width: 100%; max-width: 320px; height: auto; background: #fff; padding: 20px;}
.pop_wrap .modal .contents {padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 7px; line-height: 1.4;}
.pop_wrap .modal .contents .tit {font-size: 1rem; font-weight: 700;}
.pop_wrap .modal .contents .text {font-size: 0.94rem;}
.pop_wrap .modal .contents .cmnt {font-size: 0.8rem; color: #767676;}
.pop_wrap .modal .btn_wrap a {height: 36px; font-size: 0.875rem;}
.pop_wrap .layer {width: 90%; height: auto%; max-width: 600px; max-height: calc(100vh - 80px); margin-top: 30px; background: #fff; position: relative; display: flex; flex-direction: column;}
.pop_wrap .layer .close {right: 15px; top: 18px; display: block; width: 24px; aspect-ratio: 1/1; background: url('/base_2/img/mf/icon_close_w.png') no-repeat center center / cover;
    position: absolute;}
.pop_wrap .layer img{width: 100%; object-fit: contain;padding: 3rem;}
.pop_wrap .layer .tit {background: #000; padding: 15px; color: #fff; font-size:1.8rem; font-weight: 700;}
.pop_wrap .layer .img_box{overflow: auto;}
.pop_wrap .layer .contents {overflow-x: hidden; overflow-y: auto; word-break: break-all; padding:20px;}
.pop_wrap .layer .btn_wrap {padding:0 20px 20px;}
.pop_wrap .layer .btn_wrap a {height: 50px; max-width: 250px; border-radius: 10px;}
.pop_wrap .cont_tit {font-size: 1.25rem; text-align: center; font-weight: 700; padding-bottom: 20px;}
.pop_wrap .cont_tit .small {font-size: 1rem; font-weight: 500; margin-top: 5px;}


.form_box .essen .gubun p{
    position: relative;
    display: inline-block;
}
.form_box .essen .gubun p::after{
    content: '*';
    width: 4px;
    height: 4px;
    border-radius: 10px;
    position: absolute;
    top: -5px;
    right: -6px;
    font-size: 14px;
    color: #c80000;
}


.ct_wrap .inner {display: flex; gap: 80px;}
.ct_wrap .map {width: 100%;}
.ct_wrap .map iframe {width: 100%; min-height: 300px; height: 100%; max-height:300px}


.map ul{position: relative; display: grid; gap: 10px;margin-bottom: 20px;}
.map ul li{margin-left: 30px;}
.map ul li:last-child{margin-top: 10px;}
.map ul li:last-child a{ color: #009AB3; border-bottom: 1px solid #009AB3;}
.map ul li:first-child::before{content: ''; background: url(/base_2/img/mf/ico_map01.png) no-repeat; background-size: cover; width: 24px; height: 24px; position: absolute;left: 0;}
.map ul li:nth-child(2)::before{content: ''; background: url(/base_2/img/mf/ico_map02.png) no-repeat; background-size: cover; width: 24px; height: 24px; position: absolute;left: 0;}
.map ul li:nth-child(3)::before{content: ''; background: url(/base_2/img/mf/ico_map03.png) no-repeat; background-size: cover; width: 24px; height: 24px; position: absolute;left: 0;}
.map ul li:nth-child(4)::before{content: ''; background: url(/base_2/img/mf/ico_map04.png) no-repeat; background-size: cover; width: 24px; height: 24px; position: absolute;left: 0;}
.map ul li:nth-child(5)::before{content: ''; background: url(/base_2/img/mf/ico_map05.png) no-repeat; background-size: cover; width: 24px; height: 24px; position: absolute;left: 0;}


.about_wrap .sub_tit{text-align: left; margin-bottom: 100px;}
.about_wrap .sub_tit .tit{color: #009AB3; font-weight: 800;font-size:80px}
.about_wrap .sub_tit .desc{font-size: 26px;position: relative;padding-left:8px;}
.about_wrap .sub_tit .desc::before{content: ''; background-color: #009AB3; width: 3px; height: 60%; position: absolute;top: 50%; transform: translateY(-50%); left: 0;}
.about_wrap .vision > .tit{font-size: 46px; text-align: center;font-weight: 900; color: #009AB3;border-bottom: 2px solid #0089AB; width: 200px; margin: 0px auto 50px;}
.about_wrap .data > .tit{font-size: 46px; text-align: center;font-weight: 900; color: #009AB3;border-bottom: 2px solid #0089AB; width: 200px; margin: 100px auto 50px;}
.about_wrap .work > .tit{font-size: 46px; text-align: center;font-weight: 900; color: #009AB3;border-bottom: 2px solid #0089AB; width: 200px; margin: 150px auto 50px;}


.about_wrap .vision ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.about_wrap .vision ul li{border: 3px solid #009AB3;text-align: center;border-radius: 20px; padding: 30px;}
.about_wrap .vision ul li img{display: block;margin: 0 auto;}
.about_wrap .vision ul li .txt{color: #009AB3; font-weight: 700;font-size: 20px; margin-top: 20px;}
.about_wrap .vision ul li .tit{font-weight: 700; border-bottom: 1px solid #009AB3; font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;}


.about_wrap .data ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.about_wrap .data ul li .num{font-size: 90px; font-weight: 900;color: #009AB3; margin-bottom: 20px; border-bottom: 3px solid #009AB3;}
.about_wrap .data ul li .txt{font-size: 20px; font-weight: 600;}


.about_wrap .work ul{display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.about_wrap .work li .num{text-align: center;margin-bottom: 20px;}
.about_wrap .work li .num span{background: #000; color: #fff; width: 40px;height: 40px; line-height: 40px;font-weight: 600; border-radius: 50px;font-size: 20px; display: inline-block;text-align: center;}
.about_wrap .work li .work_content{display: flex;min-height: 440px;overflow: hidden; border-radius: 20px; color: #fff; flex-direction: column; justify-content: space-between;text-align: center;}
.about_wrap .work li .work_content .top_txt{padding: 20px; background: linear-gradient(to bottom,rgba(0, 0, 0, 0.8) 70%,rgba(0, 0, 0, 0) 100%);}
.about_wrap .work li .work_content .bot_txt{padding: 20px; background: linear-gradient(to top,rgba(0, 0, 0, 0.8) 70%,rgba(0, 0, 0, 0) 100%);}
.about_wrap .work li .work_content .tit{font-weight: 600; font-size: 22px;}
.about_wrap .work li:first-child .work_content{background: url(/base_2/img/mf/work_content01.png) no-repeat;background-size: cover;background-position: center;}
.about_wrap .work li:nth-child(2) .work_content{background: url(/base_2/img/mf/work_content02.png) no-repeat;background-size: cover;background-position: center;}
.about_wrap .work li:nth-child(3) .work_content{background: url(/base_2/img/mf/work_content03.png) no-repeat;background-size: cover;background-position: center;}
.about_wrap .work li:nth-child(4) .work_content{background: url(/base_2/img/mf/work_content04.png) no-repeat;background-size: cover;background-position: center;}
.about_wrap .work li:nth-child(5) .work_content{background: url(/base_2/img/mf/work_content05.png) no-repeat;background-size: cover;background-position: center;}