@charset "utf-8";

.page-section{box-sizing: border-box; padding-bottom: 4rem; margin-bottom: 5rem;}
.border-b{border-bottom: 1px solid #ddd;}
.mb-0{margin-bottom: 0 !important;}
.pb-0{padding-bottom: 0 !important;}

table > caption{ position:absolute; z-index:-9999999999999999; left:-9999999999999999px; width:1px; height:1px; }

/* tab */
.tab-tit{display: flex; width: 100%; justify-content: space-around; margin-bottom: 4rem;}
.tab-tit .tabt{flex: 1 1 auto; padding: 1rem 2rem; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 18px; color: #4f4f4f; cursor: pointer;}
.tab-tit .tabt:first-child{border-left: 1px solid #ddd;}
.tab-tit .tabt:hover{ background-color:#0587f9; border-top: 1px solid #0587f9; border-left: 1px solid #0587f9; border-right: 1px solid #0587f9; border-bottom: 1px solid #0587f9; color:#fff; }
.tab-tit .tabt:focus{ outline:2px solid #ff0000; background-color:#0587f9; border-top: 1px solid #0587f9; border-left: 1px solid #0587f9; border-right: 1px solid #0587f9; border-bottom: 1px solid #0587f9; color:#fff; }
.tab-tit .tabt.on{border-bottom: 1px solid transparent; border-top: 1px solid #0056a2; border-left: 1px solid #0056a2; border-right: 1px solid #0056a2; background-color: #0056a2; color: #fff;}
.tab-cont > .tabc{display: none;}
.tab-cont > .tabc:first-child{display: block;}

/* busi-tab */

.busi-tab-tit{display: flex; width: 60%; justify-content: space-around; margin: 0 auto 8rem;}
.busi-tab-tit .busi-tabt{flex: 1 1 auto; padding: 1rem 2rem; text-align: center; border-bottom: 4px solid #ddd; font-size: 24px; font-weight: 600; color: #4f4f4f; cursor: pointer;}
.busi-tab-tit .busi-tabt:focus{ outline:2px solid #ff0000; }
.busi-tab-tit .busi-tabt.on{border-bottom:4px solid #34AB26; background-color:#34AB26; color:#fff;}
.busi-tab-cont > .busi-tabc{display: none;}
.busi-tab-cont > .busi-tabc:first-child{display: block;}
.busi-tab-cont > .busi-tabc > h2{ padding:0 15px 40px; font-size:45px; font-weight:600; color:#333; line-height:1em; margin-bottom:10px; }

/* hr-tab */

.hr-tab-tit{display: flex; width: 60%; justify-content: space-around; margin: 0 auto 8rem;}
.hr-tab-tit .hr-tabt{flex: 1 1 auto; padding: 1rem 2rem; text-align: center; border-bottom: 4px solid #ddd; font-size: 24px; font-weight: 600; color: #4f4f4f; cursor: pointer;}
.hr-tab-tit .hr-tabt.on{border-bottom: 4px solid #0056a2; color: #0056a2;}
.hr-tab-cont > .hr-tabc{display: none;}
.hr-tab-cont > .hr-tabc:first-child{display: block;}

/* about01 */

.bg-quote{border: 5px solid #e8e8e8; border-radius: 15px; padding: 4rem; position: relative;}
.fa-quote-left, .fa-quote-right{color: #e8e8e8;}
.quote{display: inline-block; width: 90px; background-color: #fff; z-index: 2; text-align: center; font-size: 16px;}
.quote-l{position: absolute; top: -18px; left: 70px;}
.quote-r{position: absolute; bottom: -23px; right: 70px;}
.title > h2{font-size: 22px; margin-bottom: 2rem; color: #000;}
.content{margin-bottom: 2rem;}
.content > p{font-size: 16px; color: #555;}
.title2 > h5{font-size: 16px; color: #333; font-weight: 500; text-align: center;}
.title2 > h5 > span{font-size: 18px; color: #000; margin-left: 8px;}

.greet-wrap{display: flex; align-items: center;}
.greet-img{width: 25%; text-align: center;}
.greet-img > h5{font-size: 18px; color: #333; text-align: center;}
.greet-img > img{width: 200px; margin-bottom: 10px; border-radius: 20px;}
.greet-txt{width: 75%; text-align: center;}

/* about02 */

.mivi-box{text-align: center; margin-bottom: 5rem; padding-bottom: 4rem;}
.mivi-box > h2{display: inline-block; font-size: 30px; padding: 7px 40px 10px; border-radius: 30px; color: #fff; margin-bottom: 2rem;}
.mivi-box.mvb-c1 > h2{background-color: #34AB26;}
.mivi-box.mvb-c2 > h2{background-color: #0056a2;}
.mivi-box > p{font-size: 24px; color: #4f4f4f;}
.mivi-box > p.fontb{font-size: 28px;}
.mivi-flex{ position:relative; z-index:1; display: flex; max-width:1130px; margin: 0 auto; justify-content:space-between; margin-top:15px; }
.mivi-flex:after{ content:''; position:absolute; z-index:1; top:48px; left:16%; right:16%; height:5px; background-color:#f3f3f3; transform:translate(0, -50%); }
.mivi-flex > div{ width:32%; display:flex; flex-direction:column; word-break:keep-all; }
.mivi-flex > div > h3{ position:relative; z-index:3; background-color:#fff; box-sizing:border-box; width:100%; padding:20px; border-radius:25px; text-align: center; border: 5px solid #f3f3f3; font-size:32px; font-weight:600; color:#4f4f4f; position:relative; margin-bottom:15px; }
.mivi-flex > div > p{ position:relative; z-index:3; background-color:#fff; box-sizing:border-box; width:100%; padding:20px; border-radius:25px; text-align: center; border: 5px solid #f3f3f3; font-size:20px; font-weight:500; color:#4f4f4f; position:relative; flex:1 auto; }

.mivi-box.slogan > p{font-size: 28px; position: relative; max-width: 530px; margin: 0 auto;}
.mivi-box.slogan > p > .ql{position: absolute; top: -5px; left: 0;}
.mivi-box.slogan > p > .qr{position: absolute; top: -5px; right: 0;}

.mivi-flex2{display: flex; max-width: 1200px; padding-top: 15px; margin: 0 auto 2rem;}
.mivi-flex2-tit{width: 30%;}
.mivi-flex2-cont{width: 70%; box-sizing: border-box; padding-left: 2rem;}
.mivi-flex2-tit > h3{font-size: 28px; display: inline-block; position: relative;}
.mivi-flex2-tit > h3::after{content: ""; width: 100%; height: 50%; background-color: rgba(0, 86, 162, 0.2); position: absolute; bottom: 0; left: 0;}
.mivi-flex2-cont ul{padding: 3rem; background-color: rgba(0, 86, 162, 0.1); border-radius: 10px;}
.mivi-flex2-cont ul li{margin-bottom: 8px; font-size: 18px; text-align: left; padding-left: 1rem; position:relative; width:50%; box-sizing:border-box; }
.mivi-flex2-cont ul li:last-child{margin-bottom: 0;}
.mivi-flex2-cont ul li::before{content:""; width: 5px; height: 5px; border-radius: 50%; position: absolute; top:10.5px; left: 0; background-color: #0056a2;}

.mivi-flex2-cont .ul-flex{display: flex; flex-flow:row wrap; }
.mivi-flex2-cont .ul-flex div{width: 50%;}

/* about03 */

.corp-logo-wrap{display: flex; align-items: center;}
.corp-logo{width: 50%; box-sizing: border-box; padding: 0 20px; text-align: center;}
.corp-logo img{width: 400px; margin-bottom: 20px;}
.corp-logo-txt{padding: 2rem; background-color: #f2f2f2; border-radius: 20px; font-size: 20px; color: #4f4f4f;}
.corp-cont{width: 50%; box-sizing: border-box; padding: 0 20px;}

.corp-cont > ul > li{padding: .5rem .5rem 1rem .5rem; margin-bottom: .5rem; font-size: 18px; color: #4f4f4f; border-bottom: 1px solid #ddd;}
.corp-cont > ul > li:last-child{border-bottom: none;}
.corp-cont > ul > li > span{display: inline-block; min-width: 100px; color: #111; font-weight: 500;}

.corp-his-wrap{padding: 3rem 3rem 3rem 0; background-color: #f5f5f5;}
.corp-his-flex{display: flex; align-items: center; margin-bottom: 20px;}
.corp-his-y{width: 30%; text-align: center;}
.corp-his-y > h3{font-size: 24px;}
.corp-his-c{width: 70%;}
.corp-his-c > p{font-size: 18px; padding: 10px 30px 10px 55px; border-radius: 30px; background-color: #fff; color: #4f4f4f; position: relative;}
.corp-his-c > p::after{content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(57, 174, 54, 0.5); position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}

.corp-busi-wrap{padding: 4rem; border: 5px dashed #f2f2f2;}
.corp-busi > ul > li{font-size: 18px; color: #4f4f4f; padding: 1rem 2rem; border-bottom: 1px solid #ddd;}
.corp-busi > ul > li:last-child{border-bottom: none;}
.corp-busi > ul > li > span{color: #0056a2; font-weight: 800; margin-right: 20px; font-size: 22px;}

/* about04 */

.tabc-flex.history{display: flex; width: 100%; align-items: flex-start; margin-bottom: 4rem;}
.tabc-flex.history:last-child{margin-bottom: 0;}
.history-y{width: 25%; box-sizing: border-box; padding: 0 1rem; text-align: center;}
.history-y > h2{font-size: 34px; color: rgba(0, 86, 162, 0.7);}
.history-cont{width: 75%; box-sizing: border-box; padding: 0 1rem;}
.history-cont > ul{position: relative;}
.history-cont > ul::before{content: ""; width: 20px; height: 20px; border-radius: 50%; background-color: #0056a2; position: absolute; top: 5px; left: -60px;}
.history-cont > ul::after{content: ""; width: 2px; height: 100%; background-color: rgba(0, 86, 162, 0.3); position: absolute; top: 5px; left: -51px;}
.history-cont > ul > li{font-size: 16px; margin-bottom: 15px; color: #4f4f4f;}
.history-cont > ul > li:last-child{margin-bottom: 0;}
.history-cont > ul > li > span{font-size: 20px; display: inline-block; min-width: 100px; font-weight: 600;}

/* about05 */

.tabc-flex.facility{display: flex; flex-wrap: wrap; margin:0 -15px;}
.facility-wrap{width: 50%; box-sizing: border-box; padding: 0 1rem; margin-bottom: 3rem;}
.facility-img{margin-bottom: 1rem;}
.facility-img img{width: 100%;}
.facility-wrap > .fac_tt{ font-weight:bold; text-align: center; font-size: 20px;}

.tabc > h2{ font-size:40px; font-weight:600; color:#333; line-height:1em; margin-bottom:2rem; }

/* about06 */

.org-img{text-align: center; margin-bottom: 4rem;}
.org-img-pc{display: block; margin-left: auto; margin-right: auto;}
.org-img-mo{display: none;}
.org_hide{ display:block; width:0; height:0; overflow:hidden; }
.box-wrap{display: flex; width: 100%; margin-bottom: 4rem;}
.box-tit{flex: 1 1 auto; padding: 0 .5rem;}
.box-c{font-size: 16px; text-align: center; padding: 1rem 2rem; background-color:#63A45D; border-radius: 30px; cursor: pointer; color: #fff; font-weight: 500; transition: all .3s;}
.box-c:hover{transform: translateY(5px);}
.box-tit > .box-c > p{ display:inline-block; }
.sect{display: none;}
.org-table-tit > h2{display: inline-block; font-size: 28px; color: #111; position: relative; margin-bottom: 1rem; padding-left: 40px;}
.org-table-tit > h2::before{content: ""; width: 25px; height: 25px; background-color: rgba(57, 174, 54, 0.3); border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.org-table-tit > h2::after{content: ""; width: 15px; height: 15px; background-color: #34AB26; border-radius: 50%; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.org-table > table{width: 100%; border-spacing: unset; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.org-table > table > thead > tr > th{font-size: 16px; padding: 1rem; background-color: #eee; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 500;}
.org-table > table > tbody > tr > td{font-size: 16px; padding: .8rem; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #4f4f4f;}
.sec1{margin-bottom: 2rem;}

.org-table > table > tbody > tr > td > img{display: inline-block; max-width: 120px;}

/* about07 */

.maparea{width: 100%;}
.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_controllers{display: none;}

.map-flex{display: flex; width: 100%;}
.map-sp{width: 30%;}
.map-cont{width: 70%;}
.map-sp > h2{display: inline-block; font-size: 28px; color: #111; position: relative; padding-left: 40px;}
.map-sp > h2::before{content: ""; width: 25px; height: 25px; background-color: rgba(0, 86, 162, 0.3); border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.map-sp > h2::after{content: ""; width: 15px; height: 15px; background-color: #0056a2; border-radius: 50%; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.map-cont .liststyle > li{margin-bottom: 2.5rem; font-size: 18px; text-align: left; padding-left: 1rem; position: relative; font-weight: 400;}
.map-cont .liststyle > li:last-child{margin-bottom: 0;}
.map-cont .liststyle > li::before{content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 11px; left: 0; background-color: #0056a2;}
.map-cont > h3{font-size: 24px; position: relative; margin-bottom: 2rem; display: inline-block;}
.map-cont > h3::before{content: ""; width: 100%; height: 50%; background-color: rgba(0, 86, 162, 0.2); position: absolute; left: 0; bottom: 0; z-index: -1;}

.inner-ul{padding-top: 1rem;}
.inner-ul > li{font-size: 16px; color: #666; line-height: 1.8;}

/* about08 */

.bs-info-wrap{display: flex; width: 100%;}
.bs-info-box{width: 50%;}
.bs-info-tit{padding: 1rem; background-color: rgba(57, 174, 54, 0.3); font-size: 20px; text-align: center; border: 1px solid rgba(57, 174, 54, 0.3); border-bottom: 0; font-weight: 500;}
.bs-info-cont{font-size: 18px; min-height: 140px; display: flex; align-items: center; box-sizing: border-box; border: 1px solid #ddd; justify-content: center;}
.bs-info-cont ul > li{margin-bottom: 8px; color: #4f4f4f;}
.bs-info-cont ul > li > span{display: inline-block; padding: .5rem 1rem; border-radius: 30px; background-color:#34AB26; color: #fff; text-align: center;}
.bs-info-cont ul > li:last-child{margin-bottom: 0;}
.org-table-tit.bs-info > h2{margin-bottom: 2rem;}

.bs-logo{display: flex !important;}
.bs-logo > img{margin-right: 10px;}

.bs-prog-wrap{width: 100%; box-sizing: border-box; padding-top: 2rem;}
.bs-progress{ margin-bottom: 3rem; display: flex; align-items: center;}
.prog-icon{text-align: center; width: 15%; padding: 0 1rem; box-sizing: border-box;}
.prog-icon img{max-width: 130px;}
.prog-cont{width: 85%; padding: 0 1rem; box-sizing: border-box;}
.prog-cont > p{font-size: 18px; color: #34AB26; font-weight: 800; margin-bottom: 10px;}
.prog-cont > h3{font-size: 22px; font-weight: 500; margin-bottom: 10px;}
.prog-cont > h5{font-size: 16px; font-weight: 400; color: #4f4f4f; margin-bottom: 10px;}
.prog-cont .liststyle > li{margin-bottom: 10px; font-size: 18px; text-align: left; padding-left: 1rem; position: relative; font-weight: 400; color: #4f4f4f;}
.prog-cont .liststyle > li:last-child{margin-bottom: 0;}
.prog-cont .liststyle > li::before{content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 6px; left: 0; background-color: rgba(57, 174, 54, 0.7);}

/* business01 */

.business-wrap{display: flex; box-sizing: border-box; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd;}
.business-tit{width: 25%; padding: 0 1rem;}
.business-cont{width: 75%; padding: 0 1rem;}
.business-tit > h2{display: inline-block; font-size: 22px; color: #111; position: relative; margin-bottom: 1rem; padding-left: 30px;}
.business-tit > h2::before{content: ""; width: 20px; height: 20px; background-color: rgba(57, 174, 54, 0.3); border-radius: 50%; position: absolute; top: 16px; left: 0; transform: translateY(-50%);}
.business-tit > h2::after{content: ""; width: 10px; height: 10px; background-color: #34AB26; border-radius: 50%; position: absolute; top: 16px; left: 5px; transform: translateY(-50%);}

.business-cont .liststyle{margin-bottom: 1.5rem;}
.business-cont .liststyle > li{margin-bottom: 1rem; font-size: 18px; text-align: left; padding-left: 1rem; position: relative; font-weight: 400; color: #666; line-height: 1.5;}
.business-cont .liststyle > li > span{color: #111; font-weight: 500;}
.business-cont .liststyle > li:last-child{margin-bottom: 0;}
.business-cont .liststyle > li::before{content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 9px; left: 0; background-color: #34AB26;}
.business-cont .liststyle > li > ul{padding-top: 5px;}
.business-cont .liststyle > li > ul > li{font-size: 16px; margin-bottom: 5px;}
.business-cont .liststyle > li > ul > li:last-child{margin-bottom: 0;}
.business-cont .warn{ font-size: 18px; text-align: left; position: relative; font-weight: 400; color: #666; line-height: 1.5; }
.business-img-wrap{display: flex;}
.business-img{box-sizing: border-box; width: 50%;}
.business-img:first-child{padding-right: .5rem;}
.business-img:last-child{padding-left: .5rem;}

.busi-table{margin-bottom: 1.5rem;}
.busi-table > table{width: 100%; border-spacing: unset; border-top: 1px solid #ddd; border-left: 1px solid #ddd; word-break: keep-all;}
.busi-table > table > thead > tr > th{font-size: 15px; padding: 1rem; background-color: #eee; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 500;}
.busi-table > table > tbody > tr > th, .busi-table > table > tbody > tr > td{font-size: 15px; font-weight:400; padding: .8rem; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #666;}
.busi-table > table > tbody > tr > td:last-child{text-align: left;}
.busi-table > table > tbody > tr > td ul{padding-left: 1.5rem;}
.busi-table > table > tbody > tr > td ul li{margin-bottom: 2px; list-style: circle;}

/* business02 */

.business-tit-proc{width: 25%; padding: 0 1rem;}
.business-tit-proc > h2{display: inline-block; font-size: 24px; color: #111; position: relative; margin-bottom: 1rem;}
.business-tit-proc > h2::before{content: ""; width: 100%; height: 50%; background-color: rgba(57, 174, 54, 0.3); position: absolute; bottom: 0; left: 0; z-index: -1;}
.busi-process{width: 100%; display: flex; margin-bottom: 1.5rem;}
.bp-box{padding: 1rem 2rem; background-color:#5CA55E; color: #fff; text-align: center; font-size: 20px; margin-right: 3rem; position: relative; border-radius: 10px;}
.bp-box:last-child{margin-right: 0;}
.bp-box > .bp-right{display: block; position: absolute; top: 50%; right: -2rem; color: #34AB26; transform: translateY(-40%);}
.business-wrap-proc{display: flex; box-sizing: border-box; margin-bottom: 2rem;}

/* business03 */

.pt-1r{padding-top: 1rem;}

/* together */

.together-tit{margin-bottom: 1.5rem;}
.together-tit > h2{display: inline-block; font-size: 28px; color: #111; position: relative; margin-bottom: 1rem; padding-left: 40px;}
/* .together-tit > h2::before{content: ""; width: 25px; height: 25px; background-color: rgba(0, 86, 162, 0.3); border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.together-tit > h2::after{content: ""; width: 15px; height: 15px; background-color: #0056a2; border-radius: 50%; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);} */
.together-tit > h2 > .heartb{position: absolute; top: 0; left: 0; color: #0056a2;}

.support-info{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sp-info-box{width: 19%; box-sizing: border-box; text-align: center;}
.sp-info-box > h5{font-size: 18px; margin-bottom: 1rem;}
.sp-info-box > p{font-size: 16px; color: #4f4f4f; word-break: keep-all;}
.sp-info-img{display: flex; justify-content: center; align-items: center; padding: 2rem; background-color: #f5f5f5; border-radius: 20px; margin-bottom: 1rem;}
.sp-info-img img{width: 100%; max-width: 100px;}

.tg-caption{color: #111; font-size: 18px; margin-top: 3rem;}

.sp-gallery{display: flex; flex-wrap: wrap; }
.sp-gal-wrap{ display:flex; width: 25%; box-sizing: border-box; padding: 0 .5rem; margin-bottom: 1rem;}
.sp-gal{ width:100%; box-sizing: border-box; padding: .5rem; border: 1px solid #ddd;}
.sp-gal-tit{padding: 1rem 0 0.5rem; text-align: center; font-size: 18px;}

.spas-box{padding: 0 2.5rem; margin-bottom: 2rem;}
.spas-box:last-child{margin-bottom: 0;}
.spas-box > h3{position: relative; padding-left: 1rem; font-size: 20px; margin-bottom: 1rem;}
.spas-box > h3::before{content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 13px; left: 0; background-color: #0056a2;}
.spas-box > h5{position: relative; padding-left: 1rem; font-size: 18px; margin-bottom: 1rem; font-weight: 400; color: #4f4f4f;}
.spas-box > h5::before{content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 9px; left: 0; background-color: #0056a2;}
.spas-box > li{position: relative; padding-left: 1rem; font-size: 18px; margin-bottom: 1rem; font-weight: 400; color: #4f4f4f;}
.spas-box > li::before{content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 9px; left: 0; background-color: #0056a2;}
.spas-box > p{padding-left: 1rem; font-size: 18px; color: #4f4f4f;}

.sp-application{display: flex; justify-content: center;}
.sp-appli-wrap{width: 32%; box-sizing: border-box; padding: 0 1rem;}
.sp-appli{box-sizing: border-box; min-height: 250px; border: 8px solid rgba(0, 86, 162, 0.3); border-radius: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sp-appli > h3{font-size: 22px; position: relative; padding-bottom: 1rem; margin-bottom: 1rem;}
.sp-appli > h3::after{content: ""; width: 50px; height: 2px; background-color: #0056a2; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.sp-appli > p{font-size: 16px; color: #666; text-align: center; line-height: 1.3;}

.procedure{display: flex; justify-content: space-between; margin-bottom: 2rem;}
.prcd-wrap{width: 20%; box-sizing: border-box; padding: 0 1rem;}
.prcd-box{padding: 1.5rem; border: 3px solid #ddd; position: relative; text-align: center; border-radius: 25px;}
.prcd-box > .prcd-ic{ font-size:1.17em; }
.prcd-box > i{ display:block; font-size:45px; color:#7D98B1; margin-bottom: 1rem;}
.prcd-box{font-size: 18px;}
.prcd-box > p{font-size: 16px; color: #4f4f4f;}
.pb-num{width: 30px; height: 30px; text-align: center; display: block; line-height: 30px; font-size: 14px; font-weight: 500; background-color: #0056a2; border-radius: 50%; color: #fff; position: absolute; top: 15px; left: 15px;}

.grey-box{padding: 2rem; background-color: #f5f5f5; margin: 0 1rem;}
.grey-box > h5{display: inline-block; font-size: 20px; color: #111; position: relative; margin-bottom: 2rem; z-index: 2;}
.grey-box > h5::before{content: ""; width: 100%; height: 50%; background-color: rgba(0, 86, 162, 0.3); position: absolute; bottom: 0; left: 0; z-index: -1;}
.grey-box > p{font-size: 16px; color: #4f4f4f; margin-bottom: 1rem;}
.grey-box > p:last-child{margin-bottom: 0;}

.grey-box-info{padding: 3rem 6rem 3rem 3rem; background-color: #f5f5f5;}
.gb-info{display: flex; align-items: center; margin-bottom: 1rem;}
.gb-info:last-child{margin-bottom: 0;}
.gb-info-tit{width: 15%; text-align: center;}
.gb-info-cont{width: 85%;}
.gb-info-tit > h5{display: inline-block; font-size: 20px; color: #111; position: relative; z-index: 2;}
.gb-info-tit > h5::before{content: ""; width: 100%; height: 50%; background-color: rgba(0, 86, 162, 0.2); position: absolute; bottom: 0; left: 0; z-index: -1;}
.gb-info-tit > h5.yl::before{background-color: rgba(254, 229, 0, 0.5);}
.gb-info-cont > p{font-size: 16px; padding: 1rem 3rem; background-color: #fff; border-radius: 30px;}

/* human rights */

.hr-box{text-align: center; margin-bottom: 5rem; padding-bottom: 4rem;}
.hr-box > h2{display: inline-block; font-size: 24px; padding: 7px 40px 10px; border-radius: 30px; color: #fff; margin-bottom: 2rem; background-color: #0056a2;}
.hr-box > p{font-size: 18px; color: #4f4f4f;}

.hr-box.slogan > p{font-size: 20px; position: relative; max-width: 700px; margin: 0 auto;}
.hr-box.slogan > p > .ql{position: absolute; top: -5px; left: 0;}
.hr-box.slogan > p > .qr{position: absolute; top: -5px; right: 0;}

.hr-gl-tit{text-align: center; margin-bottom: 2rem;}
.hr-gl-tit > h2{font-size: 24px;}
.hr-gl-date{text-align: right; margin-bottom: 2rem;}
.hr-gl-date > p{font-size: 18px; color: #4f4f4f;}
.hr-gl-cont-tit > h3{font-size: 22px; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 3px solid #ddd; color: #4f4f4f;}
.hr-gl-cont > h5{color: #0056a2; font-size: 16px; margin-bottom: 1rem;}
.hr-gl-cont > p{padding: 1.5rem; background-color: #f5f5f5; font-size: 16px; line-height: 1.8; color: #4f4f4f;}
.hr-gl-cont > p > span{margin-right: 20px;}

.hr-gl-cont-tit > ul{ padding:1.5rem; background-color:#f5f5f5; margin-bottom:2rem; }
.hr-gl-cont-tit > ul > li{ font-size:16px; line-height:1.8em; color:#4f4f4f; }
.hr-gl-cont > ul{ padding:1.5rem; background-color:#f5f5f5; margin-bottom: 2rem; }
.hr-gl-cont > ul > li{ font-size:16px; line-height:1.8em; color:#4f4f4f; }
.hr-gl-cont > ul > li:not(:last-child){ margin-bottom:5px; }
.hr-gl-cont > ul > li > ul{ padding-left:20px; }

.hr-gl-cont{margin-bottom: 1.5rem;}
.hr-gl-cont-wrap{margin-bottom: 3rem;}
.hr-gl-cont-wrap:last-child{margin-bottom: 0;}
.hr-img-wrap{display: flex; align-items: center;}
.hr-img{ width:15%; border-radius:25px 0 25px 0; overflow:hidden; }
.hr-img > img{ display:block; width:100%; height:auto; }
.hr-img-txt{width: 85%; padding-left: 2rem;}
.hr-img-txt > h5{font-size: 18px; margin-bottom: .5rem;}
.hr-img-txt > p{font-size: 16px;}
.corp-busi > ul.hr-ul > li{padding: 2rem;}
.org-table > table > tbody > tr > th{font-size: 16px; background-color: #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.hr-btn-wrap{text-align: center;}
.hr-btn{display:inline-block; padding: 1rem 3rem; font-size: 24px; background-color:#7D98B1; color: #fff; font-weight: 600; border-radius: 10px; transition: all .5s;}
.hr-btn:hover{border-radius: 0; background-color: rgba(0, 86, 162, 1);}

.hr-process-wrap{display: flex; justify-content: space-between; margin-bottom: 2rem;}
.hr-process{width: 20%; box-sizing: border-box; padding: 0 1rem;}
.hrpc-box{border: 1px solid #ddd; padding: 2rem; text-align: center; position: relative;}
.hrpc-box > .step{display: block; color: #0056a2; font-weight: 800; margin-bottom: 1.5rem; font-size: 16px;}
.hrpc-box > img{margin: 0 auto 1.5rem; display: block; width: 80px;}
.hrpc-box > h5{font-size: 18px; color: #4f4f4f;}
.hrpc-box > .hrpc-arr{display: block; width: 25px; height: 25px; background-color: #ddd; border-radius: 50%; text-align: center; line-height: 25px; color: #fff; font-size: 14px; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);}
.hrpc-list{margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px dashed #ddd;}
.hrpc-list:last-child{margin-bottom: 0; border-bottom: 0;}
.hrpc-list-wrap{padding: 3rem; background-color: #fff; border-radius: 20px;}
.hrpc-list > h5{font-size: 18px; margin-bottom: 1rem;}
.hrpc-list > h5 > span{color: #0056a2; font-size: 14px; margin-right: 10px;}
.hrpc-list > p{font-size: 16px; margin-bottom: 10px; padding-left: 5rem; position: relative; color: #4f4f4f;}
.hrpc-list > p:last-child{margin-bottom: 0;}
.hrpc-list > p::after{content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #0056a2; position: absolute; top: 50%; left: 4.2rem; transform: translateY(-50%);}

.hr-contact-wrap{display: flex; justify-content: space-between; background-color: rgba(0, 86, 162, 0.3); padding: 2rem 1rem;}
.hrcw{width: 33.3333%; box-sizing: border-box; padding: 0 .5rem;}
.hr-contact{padding: 2rem; border-radius: 20px; background-color: #fff; min-height: 312px; box-sizing: border-box;}
.hr-contact h3{font-size: 24px; margin-bottom: 2rem; text-align: center;}
.hr-contact h2{margin-bottom: 1.5rem; text-align: center; color: #ddd; font-size: 30px; transition: all .5s;}
.hr-contact p{font-size: 16px; color: #666; margin-bottom: 1.5rem; text-align: center;}
.hr-contact h5{font-size: 16px; text-align: center; color: #4f4f4f;}
.hr-contact a:hover h2{color: #0056a2;}

.hr-box.slogan.hr-charter > p{max-width: 1000px;}
.hrc-cont-tit{margin-bottom: 1.5rem;}
.hrc-cont-tit > h5{font-size: 18px; text-align: center; line-height: 1.8;}
.hrc-wrap{padding: 3rem 2rem; border: 5px dashed #f2f2f2;}
.hrc-cont > ul > li{font-size: 16px; color: #4f4f4f; padding: 1rem 0; border-bottom: 1px solid #ddd;}
.hrc-cont > ul > li:last-child{border-bottom: none;}
.hrc-cont > ul > li > span{color: #0056a2; font-weight: 800; margin-right: 15px; font-size: 20px;}

/* menu */

.menu-tit{text-align: center; margin-bottom: 3rem;}
.menu-tit > h3{display: inline-block; font-size: 24px; padding: 7px 40px 10px; border-radius: 30px; color: #fff; background-color: #34AB26;}
.menu-info{display: flex; align-items: center; margin-bottom: 1rem;}
.menu-info:last-child{margin-bottom: 0;}
.menu-info-tit{width: 15%; text-align: center;}
.menu-info-cont{width: 85%;}
.menu-info-tit > h5{display: inline-block; font-size: 20px; color: #111; position: relative;}
.menu-info-tit > h5::before{content: ""; width: 100%; height: 50%; background-color: rgba(57, 174, 54, 0.2); position: absolute; bottom: 0; left: 0;}
.menu-info-cont > p{font-size: 16px; padding: 1rem 3rem; background-color: #fff; border-radius: 30px;}

.menu-tab-tit{display: flex; justify-content: flex-end; margin-bottom: 2rem;}
.menu-tabt{padding-right: 1rem; margin-right: 1rem; position: relative; cursor: pointer; font-size: 20px; font-weight: 400; display: inline-block; }
.menu-tabt::before{content: ""; width: 1px; height: 60%; background-color: #4f4f4f; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.menu-tabt:last-child{padding-right: 0; margin-right: 0;}
.menu-tabt:last-child::before{display: none;}
.menu-tabt::after{content: ""; height:50%; background-color: rgba(57, 174, 54, 0.2); position: absolute; left: 0; right:100%; bottom: 0; transition: all .3s; z-index: -1;}
.menu-tabt:hover::after{ right:1rem; }
.menu-tabt.on::after{ right:1rem; }

.menu-tab-cont > .menu-tabc{display: none;}
.menu-tab-cont > .menu-tabc:first-child{display: block;}

.menu-table-wrap > .menu-table{width: 100%; border-spacing: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.menu-table-wrap > .menu-table thead tr th{padding: 1rem; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f8f8f8; font-size: 18px; font-weight: 400; line-height: 1.8;}
.menu-table-wrap > .menu-table tbody tr td{padding: 2rem; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: 400; color: #4f4f4f; line-height: 1.8;}
.menu-table-wrap > .menu-table tbody tr:first-child td{text-align: center;}

.menu-table-wrap-m > .menu-table{width: 100%; border-spacing: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.menu-table-wrap-m > .menu-table tbody tr th{padding: .5rem; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f5f5f5; font-size: 14px; font-weight: 400; line-height: 1.8;}
.menu-table-wrap-m > .menu-table tbody tr td{padding: .5rem; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: 400; color: #4f4f4f; line-height: 1.8; font-size: 14px; text-align: center;}

/* program */
.program-img{
  width: 100%;
  display: flex;
}
.program-img img{
  width: 100%;
  display: block;
}

/* media-query */

@media(min-width:992px){
  .bs-info-box:first-child .bs-info-cont{border-right: 0;}
  .bs-info-box:first-child .bs-info-tit{border-right: 0;}
  .bp-box > .bp-down{display: none;}
  .menu-table-wrap-m{display: none;}

  .br-lg{display: block;}
}

@media(max-width:991px){
  h1,h2,h3,h4,h5,p,li{word-break: keep-all;}

  .br-lg{display: none;}

  .page-section{padding-bottom: 1rem; margin-bottom: 2rem;}

  .busi-tab-cont > .busi-tabc > h2{display: none;}

  .tab-tit{overflow-x: auto; margin-bottom: 2rem;}
  .tabc > h2{font-size: 22px; margin-bottom: 1rem;}
  .root_daum_roughmap .wrap_map{height: 250px !important;}

  .hr-btn{font-size: 20px; padding: 12px 2rem; border-radius: 6px;}

  /* tab */
  .tab-tit .tabt{padding: .5rem; font-size: 14px;}

  /* busi-tab */

  .busi-tab-tit{width: 100%; margin: 0 auto 3rem;}
  .busi-tab-tit .busi-tabt{padding: 1rem 0; font-size: 14px;}

  /* hr-tab */

  .hr-tab-tit{width: 100%; margin: 0 auto 3rem;}
  .hr-tab-tit .hr-tabt{padding: 1rem 0; font-size: 14px;}

  /* about01 */
  .bg-quote{padding: 3rem 15px;}
  .greet-wrap{flex-direction: column;}
  .greet-img{width: 100%; margin-bottom: 2rem;}
  .greet-txt{width: 100%; padding-left: 0;}
  .greet-img > h5{font-size: 14px;}
  .title > h2{font-size: 18px;}
  .content > p{font-size: 14px;}
  .title2 > h5{font-size: 14px;}
  .title2 > h5 > span{font-size: 16px;}

  /* about02 */
  .mivi-box{margin-bottom: 2rem; padding-bottom: 2rem;}
  .mivi-box > h2{font-size: 20px; margin-bottom: 1.5rem;}
  .mivi-box.slogan > p{font-size: 18px; max-width: 100%;}
  .mivi-box > p{font-size: 18px;}
  .mivi-flex{ flex-direction:column; align-items:center; margin-top: 0;}
  .mivi-flex > div > h3{font-size: 20px; padding: 10px; border-radius: 15px; border: 4px solid #f3f3f3;}
  .mivi-flex > div > p{font-size: 15px; padding: 10px; border-radius: 15px; border: 4px solid #f3f3f3;}
  .mivi-flex:after{ top:30px; bottom:30px; left:50%; width:5px; height:auto; transform:translate(-50%, 0); }
  .mivi-flex > div{ max-width:400px; width:100%; padding: 10px 30px; border-radius: 10px; font-size: 20px; margin-bottom: 15px;}
  .mivi-flex > div:first-child::before{display: none;}
  .mivi-flex > div:last-child::before{display: none;}
  .mivi-flex2{flex-direction: column;}
  .mivi-flex2-tit{width: 100%; margin-bottom: 20px;}
  .mivi-flex2-cont{width: 100%; padding-left: 0;}
  .mivi-flex2-tit > h3{font-size: 20px;}
  .mivi-flex2-cont ul{padding: 2rem;}
  .mivi-flex2-cont ul li{font-size: 14px; width:100%; }
  .mivi-flex2-cont .ul-flex{flex-direction: column;}
  .mivi-flex2-cont .ul-flex div{width: 100%;}
  .mivi-flex2-cont .ul-flex div:first-child{margin-bottom: 8px;}
  .mivi-box > p.fontb{font-size: 18px;}

  /* about03 */
  .corp-logo-wrap{flex-direction: column;}
  .corp-logo{width: 100%; margin-bottom: 2rem;}
  .corp-cont{width: 100%;}
  .corp-logo-txt{font-size: 16px;}
  .corp-cont > ul > li{text-align: center; font-size: 16px;}
  .corp-cont > ul > li > span{display: block; font-size: 18px; margin-bottom: 1rem;}
  .corp-his-wrap{padding: 2rem 1rem;}
  .corp-his-flex{flex-direction: column;}
  .corp-his-y{width: 100%; margin-bottom: 1rem;}
  .corp-his-c{width: 100%;}
  .corp-his-c > p{font-size: 14px; padding: 10px 15px 10px 30px;}
  .corp-his-c > p::after{width: 5px; height: 5px; left: 15px;}
  .corp-his-y > h3{font-size: 18px;}
  .corp-busi-wrap{padding: 1rem;}
  .corp-busi > ul > li{font-size: 14px; padding: 1rem 0;}
  .corp-busi > ul > li > span{margin-right: 6px; font-size: 16px;}

  /* about04 */
  .tabc-flex.history{flex-direction: column;}
  .history-y{width: 100%; padding: 0; text-align: center; margin-bottom: 1rem;}
  .history-cont{width: 100%; padding: 0;}
  .history-cont > ul > li > span{font-size: 16px; min-width: 60px; display: block; margin-bottom: 8px;}
  .history-cont > ul{padding-left: 1.5rem;}
  .history-cont > ul::before{width: 10px; height: 10px; top: 8px; left: 0;}
  .history-cont > ul::after{top: 8px; left: 4px;}
  .history-cont > ul > li{font-size: 14px;}

  /* about05 */
  .facility-wrap{width: 100%; margin-bottom: 2rem;}
  .facility-wrap > h5{font-size: 18px;}

  /* about06 */
  .org-img{margin-bottom: 2rem;}
  .org-img-pc{display: none;}
  .org-img-mo{display: block; margin-left: auto; margin-right: auto;}
  .box-wrap{flex-wrap: wrap; margin-bottom: 2rem;}
  .box-tit{margin-bottom: .5rem;}
  .box-c{padding: .5rem;}
  .org-table{overflow-x: auto;}
  .org-table-tit > h2{font-size: 20px; padding-left: 30px;}
  .org-table-tit > h2::before{width: 20px; height: 20px;}
  .org-table-tit > h2::after{width: 10px; height: 10px;}
  .org-table > table > thead > tr > th{font-size: 14px;}
  .org-table > table > tbody > tr > td{font-size: 14px;}
  .org-table > table > tbody > tr > td > img{max-width: 100px;}

  /* about07 */
  .map-flex{flex-direction: column;}
  .map-sp{width: 100%; margin-bottom: 1.5rem;}
  .map-cont{width: 100%;}
  .map-sp > h2{font-size: 20px; padding-left: 30px;}
  .map-sp > h2::before{width: 20px; height: 20px;}
  .map-sp > h2::after{width: 10px; height: 10px;}
  .map-cont > h3{font-size: 18px; margin-bottom: 1.5rem;}
  .map-cont .liststyle > li{font-size: 16px; margin-bottom: 1rem;}
  .inner-ul > li{font-size: 14px;}

  /* about08 */
  .bs-info-wrap{flex-direction: column;}
  .bs-info-box{width: 100%;}
  .bs-info-tit{padding: .5rem; font-size: 18px;}
  .bs-info-cont ul > li{font-size: 14px;}
  .bs-info-cont ul > li > span{padding: .2rem .7rem;}
  .bs-info-cont{min-height: 100px;}
  .bs-prog-wrap{padding-top: 0;}
  .prog-icon{padding: 0; margin-bottom: 1rem; width: 100%;}
  .prog-icon img{max-width: 100px;}
  .prog-cont{padding: 0; width: 100%;}
  .bs-progress{flex-direction: column; margin-bottom: 2rem;}
  .prog-cont > p{font-size: 14px; margin-bottom: 5px;}
  .prog-cont > h3{font-size: 18px; margin-bottom: 5px;}
  .prog-cont .liststyle > li{font-size: 14px;}
  .prog-cont .liststyle > li br{display: none;}

  .bs-logo > img{max-width: 200px;}

  /* business */

  .business-wrap{flex-direction: column;}
  .business-tit{width: 100%; padding: 0;}
  .business-cont{width: 100%; padding: 0;}
  .business-tit > h2{font-size: 18px; margin-bottom: 1.5rem;}
  .business-cont .liststyle > li{font-size: 14px;}
  .business-cont .liststyle > li::before {top: 8px;}
  .business-cont .liststyle{margin-bottom: 1rem;}
  .business-cont .liststyle > li > ul > li{font-size: 14px;}
  .business-img-wrap{flex-direction: column;}
  .business-img{width: 100%;}
  .business-img:first-child{padding: 0; margin-bottom: 1rem;}
  .business-img:last-child{padding: 0;}
  .busi-table > table > thead > tr > th{padding: .5rem; font-size: 14px;}
  .busi-table > table > thead > tr > th:first-child{width: 25%;}
  .busi-table > table > tbody > tr > td{padding: .4rem; font-size: 13px;}
  .business-tit-proc{width: 100%; padding: 0;}
  .business-tit-proc > h2{font-size: 20px; margin-bottom: 1.5rem;}
  .busi-process{flex-direction: column;}
  .bp-box{margin-right: 0; margin-bottom: 1.5rem; font-size: 16px;}
  .bp-box:last-child{margin-bottom: 0;}
  .bp-box > .bp-right{display: none;}
  .bp-box > .bp-down{display: block; position: absolute; bottom: -1.5rem; left: 50%; color: #34AB26; transform: translateX(-50%);}
  .business-wrap-proc{flex-direction: column; margin-bottom: 1rem;}

  /* together */

  .together-tit > h2{font-size: 20px; padding-left: 30px;}
  .together-tit > h2::before{width: 20px; height: 20px;}
  .together-tit > h2::after{width: 10px; height: 10px;}
  .support-info{flex-direction: column;}
  .sp-info-box{width: 100%; margin-bottom: 1.5rem;}
  .sp-info-box > h5{font-size: 16px;}
  .sp-info-box > p{font-size: 14px;}
  .tg-caption{font-size: 16px; margin-top: 1rem;}
  .sp-gallery{flex-direction: column;}
  .sp-gal-wrap{width: 100%; padding: 0;}
  .together-tit{margin-bottom: .5rem;}
  .spas-box{padding: 0;}
  .spas-box > h3{font-size: 16px; margin-bottom: .5rem;}
  .spas-box > h3::before{top: 10px;}
  .spas-box > p{font-size: 14px;}
  .spas-box{margin-bottom: 1rem;}
  .sp-application{flex-direction: column;}
  .sp-appli-wrap{width: 100%; margin-bottom: 1rem; padding: 0;}
  .sp-appli > h3{font-size: 18px;}
  .sp-appli > p{font-size: 14px;}
  .sp-appli{min-height: 200px;}
  .spas-box > h5{font-size: 14px;}
  .spas-box > h5::before{top: 8px;}
  .spas-box > li{font-size: 14px;}
  .spas-box > li::before{top: 8px;}
  .sp-gal-tit{font-size: 16px;}

  .procedure{flex-direction: column;}
  .prcd-wrap{width: 100%; padding: 0; margin-bottom: 1rem;}
  .prcd-box > h5{font-size: 16px;}
  .grey-box{margin: 0;}
  .grey-box > h5{font-size: 18px; margin-bottom: 1.5rem;}
  .grey-box > p{font-size: 14px; margin-bottom: .8rem;}

  .grey-box-info{padding: 2rem 1rem;}
  .gb-info{flex-direction: column;}
  .gb-info-tit{width: 100%; margin-bottom: 1rem;}
  .gb-info-cont{width: 100%;}
  .gb-info-cont > p{font-size: 14px; padding: 1rem; border-radius: 10px;}

  .hrpc-list > p{padding-left: .8rem;}
  .hrpc-list > p::after{top: 7px; left: 0;}

  /* hr */

  .hr-box > h2{font-size: 20px; padding: 5px 20px;}
  .hr-box.slogan > p{font-size: 16px;}
  .hr-box{margin-bottom: 3rem; padding-bottom: 2rem;}
  .hr-gl-tit > h2{font-size: 20px;}
  .hr-gl-date > p{font-size: 16px;}
  .hr-gl-cont-tit > h3{font-size: 18px;}
  .hr-gl-cont > h5{font-size: 14px;}
  .hr-gl-cont > p{font-size: 14px; padding: 1rem;}
  .corp-busi > ul.hr-ul > li{padding: 2rem 0;}
  .hr-img-wrap{flex-direction: column;}
  .hr-img{width: 100%; margin-bottom: 1rem;}
  .hr-img-txt{width: 100%; padding-left: 0;}
  .hr-img-txt > h5{font-size: 16px;}
  .hr-img-txt > p{font-size: 14px;}
  .org-table > table > tbody > tr > th{font-size: 14px; width: 35%;}
  .hr-process-wrap{flex-direction: column;}
  .hr-process{width: 100%;}
  .hrpc-box > .hrpc-arr{display: none;}
  .hrpc-list-wrap{padding: 1.5rem 1rem;}
  .grey-box.mo{padding: 0;}
  .hr-contact-wrap{flex-direction: column;}
  .hrcw{width: 100%; margin-bottom: .5rem;}
  .hr-contact{min-height: 282px;}
  .hr-contact h3{font-size: 20px;}
  .hr-contact h2{font-size: 24px;}
  .hr-contact p{font-size: 14px;}
  .hr-contact h5{font-size: 14px;}

  .hrc-wrap{padding: 2rem 1rem;}
  .hrc-cont-tit > h5{font-size: 14px;}
  .hrc-cont > ul > li{font-size: 14px;}
  .hrc-cont > ul > li > span{font-size: 15px; margin-right: 8px;}

  /* menu */

  .menu-tit{margin-bottom: 2rem;}
  .menu-tit > h3{font-size: 20px; padding: 5px 20px;}
  .menu-table-wrap{display: none;}
  .menu-table-wrap-m{display: block;}
  .menu-info{flex-direction: column;}
  .menu-info-tit{width: 100%; margin-bottom: 1rem;}
  .menu-info-cont{width: 100%;}
  .menu-info-cont > p{font-size: 14px; padding: 1rem; border-radius: 10px;}
  .menu-tabt > h3{font-size: 16px;}

}
@media(max-width:600px){
}