.sub-block {padding-top:60px;}
.sub-inner{max-width: 1000px; width: 95%; margin: auto;}

.sub-tit{font-family: var(--font-GmarketSansBold); font-size: 25px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: left; color: var(--main-color);}
.sub-tit-ko{font-family: var(--font-GmarketSansBold); font-size: 18px; font-weight: bold; letter-spacing: -0.45px; text-align: left; color: #040000;}
.paragraph{}
.paragraph p{font-size: 18px; font-weight: 500; line-height: 1.67; letter-spacing: -0.45px; text-align: left; color: #040000; word-break: keep-all;}
.paragraph p + p{margin-top: 30px;}

.vertical-line{
    color: #cccccc;
}

.contents-section .sub-left{width: 176px;}
.contents-section .sub-right{width: calc(100% - 176px - 18.66%); margin-left: 18.66%;}

.subTitle{width:100%; height: 260px; display: flex; flex-direction: column; justify-content:flex-end; background-repeat: no-repeat; background-size: cover; background-position: center;}
.subTitle.sub01{background-image: url('../img/sub/sub_visual_01.png');}
.subTitle.sub02{background-image: url('../img/sub/sub_visual_02.png');}
.subTitle.sub03{background-image: url('../img/sub/sub_visual_03.png');}
.subTitle.sub04{background-image: url('../img/sub/sub_visual_04.png');}
.subTitle .subTitle__top{width: 100%; border-bottom: 1px solid rgba(255,255,255,.2);}
.subTitle .subTitle__top .sub-inner{display: flex; justify-content: left;}
.subTitle .subTitle__top h1{display: inline-block; padding-bottom: 20px; position: relative; font-family: 'esamanruOTF'; font-size: 50px; font-weight: 500; text-align: left; color: #fff;}
.subTitle .subTitle__top h1::after{content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 3px; background-color: #fff;}
.subTitle .subTitle__bottom{}
.subTitle .subTitle__bottom .sub-inner{display: flex; justify-content: center;}
.subTitle .subTitle__bottom .location{font-size: 14px; font-weight: 200; letter-spacing: -0.35px; text-align: left; color: #fff;}
.sub-title-top{
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 20px;
}
.sub-title-top .sub-inner{
    max-width: 1000px;
    width: 95%;
    margin: auto;
}
.sub-title-top .sub-inner .sub-title-text{
    font-family: NotoSansKR;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #666;
}
.sub-title-top .sub-inner .sub-title-text1{
    font-weight: normal;
    color: #666;
}
.sub-title-top .sub-inner .sub-title-text2{
    font-weight: 500;
    color: #65a9e1;
}

.subContents .contents-section h2{font-size: 55px; line-height: 1.09; letter-spacing: -1.38px; text-align: left; color: #999;}
.subContents .contents-section .sub__img{width: 100%; position: relative;}
.subContents .contents-section .sub__img img.con01{width: 100%;}
.subContents .contents-section .sub__img img.mark_01{position: absolute; top: -120px; right: 0; width: 42vw; max-width: 504px;}

.subContents .sub-contents-greetings{
    font-family: NotoSansKR;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1px;
    text-align: center;
}
.subContents .sub-contents-horiznline{
    width: 40px;
    height: 3px;
    margin: 5px auto;
    background-color: #65a9e1;
}
.subContents .sub__img img {
    position: relative;
}
.subContents .sub__img .sub__img_txt {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    color: #fff;
    text-align: center;
    opacity: 0.7;
}
.subContents .sub__img .sub__img_txt b { font-size: 30px; margin-bottom: 20px;}
.subContents .sub-contents-thstext{
    font-family: 'NanumSquareRound';
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.59;
    letter-spacing: -0.55px;
    text-align: left;
    color: #000;
}
.subContents .sub-contents-thstext02 {
    display: none;
}
.subContents .sub-contents-etctext{
    font-family: NotoSansKR;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.63px;
    text-align: right;
    color: #000;
}
/* ========================================================= 서브페이지 시작 ========================================================= */

.subContents.sub01_1{background-image: url('../img/sub/bg_01.png'); background-repeat: no-repeat; background-position: center bottom;}
/* .subContents.sub01_1 .contents-section .sub01_1__img::before{content: ""; position: absolute; top: -120px; right: 0; display: block; width: 504px; height: 250px; background: url('../img/sub/mark_01.png') no-repeat center/cover;} */
.subContents.sub01_1 .contents-section.company-intro{}
.subContents.sub01_1 .contents-section.company-intro .sub-right b{font-size: 35px; letter-spacing: -0.88px; text-align: left; color: #040000;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .diagram{width: 800px; display: flex; align-items: center; position: relative;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li{width: 250px; height: 250px; display: flex; flex-direction: column; align-items: center; padding: 30px; border-radius: 50%; border: solid 5px #930036; box-sizing: border-box;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li + li{margin-left: 25px;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li span{display: inline-block;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li span.num{margin-top: 30px; font-family: 'GmarketSansBold'; font-size: 24px; text-align: center; color: #930036;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li p{font-family: 'GmarketSansBold'; font-size: 38px; letter-spacing: -1.9px; text-align: center; color: #930036;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li span.en{font-family: 'GmarketSansBold'; font-size: 14px; text-align: center; color: #930036;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li img{margin-top: 15px;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .representative{display: flex; align-items: center; justify-content: flex-end;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .representative p{font-size: 18px; font-weight: 500; line-height: 1.67; text-align: left; color: #000;}
.subContents.sub01_1 .contents-section.company-intro .sub-right .representative b{display: inline-block; margin-left: 15px; font-family: 'ROEHOE-CHAN'; font-size: 40px; line-height: 0.75; letter-spacing: normal; text-align: left; color: #000;}



.subContents.sub01_2{background-image: url('../img/sub/bg_01.png'); background-repeat: no-repeat; background-position: center bottom;}
.subContents.sub01_2 .contents-section.company-intro{}
.subContents.sub01_2 .contents-section.company-intro .sub-right b{font-size: 35px; letter-spacing: -0.88px; text-align: left; color: #040000;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .diagram{width: 800px; display: flex; align-items: center; position: relative;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .diagram li{width: 250px; height: 250px; display: flex; flex-direction: column; align-items: center; padding: 30px; border-radius: 50%; border: solid 5px #930036; box-sizing: border-box;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .diagram li + li{margin-left: 25px;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .diagram li span{display: inline-block;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .diagram li span.num{margin-top: 30px; font-family: 'GmarketSansBold'; font-size: 24px; text-align: center; color: #930036;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .diagram li p{font-family: 'GmarketSansBold'; font-size: 38px; letter-spacing: -1.9px; text-align: center; color: #930036;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .diagram li span.en{font-family: 'GmarketSansBold'; font-size: 14px; text-align: center; color: #930036;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .diagram li img{margin-top: 15px;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .representative{display: flex; align-items: center;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .representative p{font-size: 18px; font-weight: 500; line-height: 1.67; text-align: left; color: #000;}
.subContents.sub01_2 .contents-section.company-intro .sub-right .representative b{display: inline-block; margin-left: 15px; font-family: 'ROEHOE-CHAN'; font-size: 40px; line-height: 0.75; letter-spacing: normal; text-align: left; color: #000;}



.subContents.sub01_3{}
.subContents.sub01_3 .contents-section .sub-left{width: 234px;}
.subContents.sub01_3 .contents-section .sub-right{width: calc(100% - 234px - 8.75%); margin-left: 8.75%;}
.subContents.sub01_3 .contents-section.mgm-philosophy{}
.subContents.sub01_3 .contents-section.mgm-philosophy .mgm-philosophy__mark{width: 100%; min-height: 160px; padding: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: solid 3px #930000; background-color: #fff; box-sizing: border-box;
    background: url('../img/sub/mark_02.png') no-repeat center center;}
.subContents.sub01_3 .contents-section.mgm-philosophy .mgm-philosophy__mark h5{font-family: 'esamanruOTF'; font-size: 50px; font-weight: 500; letter-spacing: -1.25px; text-align: center; color: #930036;}
.subContents.sub01_3 .contents-section.mgm-philosophy .mgm-philosophy__mark p.default{text-align: center;}
.subContents.sub01_3 .contents-section.vistionMission{}
.subContents.sub01_3 .contents-section.vistionMission .sub-right{}
.subContents.sub01_3 .contents-section.vistionMission .sub-right>b{font-size: 35px; letter-spacing: -0.88px; text-align: left; color: #040000;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap{width: 100%;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram__tit{width: 100%; display: flex; flex-direction: column; align-items: center;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram__tit strong{font-family: 'esamanruOTF'; font-size: 50px; text-align: center; color: #930036;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram__tit span{font-size: 20px; font-weight: 800; text-align: center; color: #040000;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram__tit .circleLine{position: relative; width: 15px; height: 15px; border-radius: 50%; border: solid 3px #930036; background-color: #fff;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram__tit .circleLine::after{content: ""; position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); display: block; width: 1px; height: 80px; background-color: #930036;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram{width: 860px; height: 300px; position: relative;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li{width: 300px; height: 300px; padding: 60px 40px; display: flex; flex-direction: column; align-items: center; position: absolute; border-radius: 50%; border: solid 3px #930036; box-sizing: border-box;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li:nth-child(2){left: 280px;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li:last-child{right: 0}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li span.num{font-family: 'GmarketSansBold'; font-size: 20px; text-align: center; color: #930036;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li span.line{display: block; width: 1px; height: 20px; background-color: #930036;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li strong{font-family: 'esamanruOTF'; font-size: 30px; font-weight: bold; text-align: center; color: #930036;}
.subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li p.default{text-align: center; line-height: 1.11;}
.subContents.sub01_3 .contents-section.coreValue{}
.subContents.sub01_3 .contents-section.coreValue .coreValue-wrap{}
.subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li{display: flex; width: 100%; padding: 30px 40px; border: 3px solid rgba(147,0,0,.1); box-sizing: border-box;}
.subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li + li{margin-top: 10px;}
.subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit{width: 205px; display: flex; align-items: center;}
.subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit strong{display: inline-block; padding-right: 10px; margin-right: 10px; position: relative; font-family: 'esamanruOTF'; font-size: 30px; text-align: left; color: #930036;}
.subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit strong::after{content: ""; position: absolute; top: 8px; right: 0; display: block; width: 1px; height: 20px; opacity: 0.1; background-color: #930036;}
.subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit span{font-family: 'esamanruOTF'; font-size: 18px; text-align: left; color: #930036;}
.subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li p{width: calc(100% - 205px - 30px); padding-top: 4px; margin-left: 30px; font-size: 20px; font-weight: 500; line-height: 1.34; letter-spacing: -0.5px; text-align: left; color: #040000; word-break: keep-all;}



.subContents.sub01_4{}
.subContents.sub01_4 .contents-section .sub-left{width: 190px;}
.subContents.sub01_4 .contents-section .sub-right{width: calc(100% - 190px - 12.5%); margin-left: 12.5%;}
.subContents.sub01_4 .contents-section.certificationStatus{}
.subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap{flex-wrap: wrap;}
.subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li{width: 30.23%; margin-right: 4.651%; margin-top: 40px;}
.subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li img{width: 100%;}
.subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li:nth-child(3n){margin-right: 0;}
.subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li:nth-child(1){margin-top: 0;}
.subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li:nth-child(2){margin-top: 0;}
.subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li:nth-child(3){margin-top: 0;}
.subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li p{margin-top: 20px; font-size: 18px; font-weight: 500; line-height: 1.34; letter-spacing: -0.45px; text-align: center; color: #040000;}



.subContents.sub01_5{}



.subContents.sub01_6{}
.subContents.sub01_6 .contents-section.directions .sub-left{width: 365px}
.subContents.sub01_6 .contents-section.directions .sub-left .sub-tit{font-family: 'Pretendard'; font-size: 55px; font-weight: bold; line-height: 1.09; letter-spacing: -1.38px; text-align: left; color: #040000;}
.subContents.sub01_6 .contents-section.directions .sub-right{width: calc(100% - 365px - 6.66%); margin-left: 6.66%; padding-top: 60px;}
.subContents.sub01_6 .contents-section.directions .sub-right .directions-info{width: 100%;}
.subContents.sub01_6 .contents-section.directions .sub-right .directions-info td.tit{width: 60px; font-family: 'esamanruOTF'; font-size: 18px; font-weight: 500; line-height: 1.67; text-align: left; color: var(--main-color);}
.subContents.sub01_6 .contents-section.directions .sub-right .directions-info td.con{width: calc(100% - 60px); font-size: 18px; line-height: 1.67; text-align: left; color: #040000;}
.subContents.sub01_6 .contents-section.directions .directions__map{margin-top: 60px;}
.subContents.sub01_6 .contents-section.directions .directions__map .root_daum_roughmap{width: 100% !important;}
.subContents.sub01_6 .contents-section.directions .directions__map .root_daum_roughmap .wrap_map{height: 620px !important;}




/* 제품소개 */
.subContents.sub02_1{}
.subContents.sub02_1 section .sub-inner{display: flex; flex-direction: column; align-items: center;}
.subContents.sub02_1 section b{font-family: 'esamanruOTF'; font-size: 40px; font-weight: 300; text-align: center; color: #050000;}
.subContents.sub02_1 section .sub-inner img{width: 100%;}


.subContents.sub02_1{}
.subContents.sub02_1 .aboutUs-img-block{position: relative; min-height: 980px;}
.subContents.sub02_1 .aboutUs-img-block .wideVer{position: absolute; width: 100%; height: 100%; z-index: -1;}
.subContents.sub02_1 .aboutUs-img-block .wideVer.top{top: 0; height: 120px; z-index: 0;}
.subContents.sub02_1 .aboutUs-img-block .wideVer.bottom{top: 0; height: 980px;}
.subContents.sub02_1 .aboutUs-img-block .sub-inner{position: relative;}
.subContents.sub02_1 .aboutUs-img-block .sub-inner .icon_circle{position: absolute; top: 0; left: 0;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img{position: relative; top: 90px; width: 100%; max-width: 1200px; height: 720px; margin: auto; border-radius: 30px; overflow: hidden; transition: all .3s;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .mask{position: absolute; width: 50%; height: 100%; overflow: hidden; display: flex; align-items: flex-end; justify-content: center;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .mask.img-left-mask{left: 0;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .mask.img-right-mask{right: 0;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .mask button{position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; border: 0; z-index: 2; cursor: grabbing;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .mask.img-left-mask button{right: 10px;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .mask.img-right-mask button{left: 10px;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap{width: 1200px; height: 100%; position: absolute;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap.img-left-wrap{left: 0;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap.img-right-wrap{right: 0;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap p{width: 100%; max-width: 934px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 62px; z-index: 1;
    font-family: 'GmarketSansMedium'; font-size: 60px; letter-spacing: -3px; text-align: center; word-break: keep-all;}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap.img-left-wrap p{color: rgba(255,255,255,1);}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap.img-right-wrap p{color: rgba(255,255,255,1);}
.subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap img{position: absolute; width: 1200px; height: 100%;}
.subContents.sub02_1 .organic-waste-block{}
.subContents.sub02_1 .organic-waste-block .sub-inner{display: flex; flex-direction: column; align-items: center;}
.subContents.sub02_1 .organic-waste-block h5{font-family: 'GmarketSansBold'; font-size: 35px; line-height: 1.71; letter-spacing: normal; text-align: center; color: #0d5932; text-transform: uppercase;}
.subContents.sub02_1 .organic-waste-block .organic-waste-img{max-width: 530px; width: 100%;}
.subContents.sub02_1 .organic-waste-block p{font-size: 25px; line-height: 1.6; letter-spacing: normal; text-align: center; color: #000; word-break: keep-all;}
.subContents.sub02_1 .organic-waste-block p b{color: #0d5932;}





/* Contact Us */
/* .subContents.contact{background-color: #f5f5f5;} */
.subContents.contact .sub-tit {font-family: 'Pretendard'; font-size: 55px; line-height: 1.09; letter-spacing: -1.38px; text-align: left; color: #040000;}
.subContents.contact form{}
.subContents.contact form fieldset{}
.subContents.contact form fieldset .left{width: 49.16%;}
.subContents.contact form fieldset .left input{width: 100%; height: 50px; padding: 20px; border-radius: 10px; border: solid 1px #e6e6e6; background-color: #fff; box-sizing: border-box;}
.subContents.contact form fieldset .left input + input{margin-top: 10px;}
.subContents.contact form fieldset .left input::placeholder{font-size: 16px; line-height: 1.56; text-align: left; color: #000;}
.subContents.contact form fieldset .right{width: 49.16%; margin-left: 1.66%;}
.subContents.contact form fieldset .right textarea{width: 100%; height: 230px; padding: 20px; border-radius: 10px; border: solid 1px #e6e6e6; background-color: #fff; box-sizing: border-box; resize: none;}
.subContents.contact form fieldset .right textarea::placeholder{font-size: 16px; line-height: 1.56; text-align: left; color: #000;}
.subContents.contact form .contactUs__btn{min-width: 160px; height: 50px; display: inline-flex; align-items: flex-end; padding: 17px 28px 13px; border-radius: 25px; border: solid 1px var(--main-color); background-color: var(--main-color); box-sizing: border-box;}
.subContents.contact form .contactUs__btn span{font-family: 'GmarketSansMedium'; font-size: 18px; font-weight: 500; text-align: left; color: #fff;}
.subContents.contact form .contactUs__btn img{margin-bottom: 6px; margin-left: 15px;}



@media (max-width:1400px){
    /* ABOUT US */
    .subContents.sub02_1 .aboutUs-img-block{height: 880px;}
    .subContents.sub02_1 .aboutUs-img-block::after{height: 880px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img{max-width: 1024px; height: 620px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap{width: 1024px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap img{width: 1024px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap p{max-width: 900px; font-size: 50px;}
}


@media (max-width:1024px) {
    .subContents .sub-contents-thstext{
        font-family: 'NanumSquareRound';
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.59;
        letter-spacing: -0.55px;
        text-align: left;
        color: #000;
    }

	.subContents.sub02_1 .aboutUs-img-block{height: 780px; min-height: initial;}
    .subContents.sub02_1 .aboutUs-img-block::after{height: 780px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img{max-width: 769px; height: 520px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap{width: 769px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap img{width: 769px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap p{max-width: 769px; font-size: 40px; bottom: 50px;}

    .contents-section .sub-inner.flex{flex-direction: column;}
    .contents-section .sub-left{width: 176px;}
    .contents-section .sub-right{width: 100%; margin-left:0; margin-top: 60px;}

    .subContents .contents-section .sub__img{padding-top: 50px; margin-top: 0;}
    .subContents .contents-section .sub__img img.mark_01{top: 0;}

    .subContents.sub01_3 .contents-section .sub-right{width: 100%; margin-left: 0;}

    .subContents.sub01_4 .contents-section .sub-right{width: 100%; margin-left: 0;}

    .subContents.sub01_6 .contents-section.directions .sub-right{width: 100%; margin-left: 0; padding-top: 0;}
}

@media (max-width:769px) {
    .subContents .sub__img {
        height: 310px;
    }
    .subContents .sub__img img{
        width: 100%; height: 260px;
        object-fit: cover;
    }
    .subContents .sub-contents-thstext {
        display: none;
    }
    .subContents .sub-contents-thstext02{
        display: block;
        font-family: 'NanumSquareRound';
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.59;
        letter-spacing: -0.55px;
        text-align: center;
        color: #000;
    }

    .subContents .sub-contents-etctext{
        margin-top: 60px;
        font-family: NotoSansKR;
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: -0.63px;
        text-align: center;
        color: #000;
    }
	.subContents.sub02_1 .aboutUs-img-block{height: 650px;}
    .subContents.sub02_1 .aboutUs-img-block::after{height: 650px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img{max-width: 500px; height: 420px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap{width: 500px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap img{width: 500px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap p{max-width: 500px; font-size: 28px; bottom: 50px;}
    .subContents.sub02_1 .organic-waste-block p{font-size: 20px;}

    .subTitle .subTitle__top h1{font-size: 36px;}
    .subContents .contents-section h2{font-size: 36px;}

    .subContents{margin-top: 100px;}
    .subContents .contents-section h2{font-size: 36px;}
    .subContents.sub01_1 .contents-section.company-intro .sub-right b{font-size: 28px;}

    .subContents.sub01_2 .sub-right article.history-block .year.latest .year__num b{font-size: 36px;}
    .subContents.sub01_2 .sub-right article.history-block li.year .year__num{padding-left: 20px;}
    .subContents.sub01_2 .sub-right article.history-block li.year .year__num b{font-size: 24px;}
    .subContents.sub01_2 .sub-right article.history-block .history__months li{padding-left: 20px;}
    .subContents.sub01_2 .sub-right article.history-block .history__months li p{width: calc(100% - 25px - 10px); margin-left: 10px;}

    .subContents.sub01_3 .contents-section.mgm-philosophy .mgm-philosophy__mark{min-height: 135px; padding: 40px;}
    .subContents.sub01_3 .contents-section.mgm-philosophy .mgm-philosophy__mark h5{font-size: 36px;}
    .subContents.sub01_3 .contents-section.vistionMission .sub-right>b{font-size: 28px;}
    .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram__tit strong{font-size: 36px;}
    .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li{padding: 20px 30px; flex-direction: column;}
    .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit strong{font-size: 24px;}
    .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li p{width: 100%; margin-left: 0; margin-top: 10px; padding-top: 0;}

    .subContents.sub01_6 .contents-section.directions .sub-left .sub-tit{font-size: 36px;}
    .subContents.sub01_6 .contents-section.directions .directions__map .root_daum_roughmap .wrap_map{height: 500px !important;}

    .subContents.sub02_1{margin-top: 0;}


    .subContents.contact .sub-tit{font-size: 36px;}
}

@media (max-width:500px) {

    .subContents .sub__img {
        height: 330px;
    }
    .subContents .sub__img img{
        width: 100%; height: 280px;
        object-fit: cover;
    }
    .subContents .sub__img .sub__img_txt {
        position: absolute;
        top: 60%; left: 50%;
        transform: translate(-50%, -50%);
        font-size: 20px;
        color: #fff;
        text-align: center;
        opacity: 0.7;
        width: 100%;
    }
    .subContents .sub__img .sub__img_txt b {
        font-size: 20px;
    }

    .sub-title-top .sub-inner .sub-title-text{
    font-family: NotoSansKR;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #666;
}
    .subContents .sub-contents-thstext {
        display: none;
    }
    .subContents .sub-contents-thstext02{
        display: block;
        font-family: 'NanumSquareRound';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.59;
        letter-spacing: -0.55px;
        text-align: center;
        text-justify: auto;
        color: #000;
    }

    .subContents .sub-contents-etctext{
        margin-top: 60px;
        font-family: NotoSansKR;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: -0.63px;
        text-align: right;
        color: #000;
    }

	.sub-block {padding-top:50px;}

	.subContents.sub02_1{padding-bottom: 0;}
    .subContents.sub02_1 .aboutUs-img-block{min-height: initial;}
    .subContents.sub02_1 .aboutUs-img-block::after{height: 450px;}
    .subContents.sub02_1 .aboutUs-img-block::before{height: 50px;}
    .subContents.sub02_1 .aboutUs-img-block{height: 450px;}
    .subContents.sub02_1 .aboutUs-img-block::after{height: 450px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img{max-width: 375px; height: 280px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap{width: 375px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap img{width: 375px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap p{max-width: 375px; font-size: 18px; bottom: 35px; letter-spacing: -1px;}
    .subContents.sub02_1 .organic-waste-block{margin-top: 100px; padding-bottom: 100px;}
    .subContents.sub02_1 .organic-waste-block h5{font-size: 20px;}
    .subContents.sub02_1 .organic-waste-block .organic-waste-img{max-width: 280px; margin-top: 35px;}
    .subContents.sub02_1 .organic-waste-block p{font-size: 16px; line-height: 1.34;}

    .subTitle{height: 220px;}
    .subTitle .subTitle__top h1{padding-bottom: 10px; font-size: 24px;}
    .sub-title-top .sub-inner .sub-title-text{
        font-size: 14px;
    }
    .sub-tit{font-size: 20px;}
    p.default{font-size: 14px;}
    .subContents .contents-section h2{font-size: 20px;}
    /* .subContents .contents-section h2 br{display: none;} */

    .subContents{margin-top: 50px;}
    .subContents .contents-section .sub__img img.mark_01{width:35vw}
    

    .subContents.sub01_1 .contents-section .sub01_1__img{padding-top: 30px;}
    .subContents.sub01_1 .contents-section .sub01_1__img img.mark_01{width: 28vw;}
    .subContents.sub01_1 .contents-section.company-intro .sub-right b{font-size: 20px;}
    .subContents.sub01_1 .contents-section.company-intro .sub-right .diagram{width: 650px;}
    .subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li{width: 200px; height: 200px; padding: 20px; justify-content: center;}
    .subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li span.num{margin-top: 0; font-size: 20px;}
    .subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li p{font-size: 24px;}
    .subContents.sub01_1 .contents-section.company-intro{margin-top: 80px;}
    .subContents.sub01_1 .contents-section.company-intro .sub-right .representative p{font-size: 16px;}
    .subContents.sub01_1 .contents-section.company-intro .sub-right .representative b{font-size: 28px; line-height: 1;}
    

    .subContents.sub01_2 .contents-section.company-history{margin-top: 80px; padding-bottom: 100px;}
    .subContents.sub01_2 .sub-right article.history-block .year.latest .year__num b{font-size: 24px;}
    .subContents.sub01_2 .sub-right article.history-block li.year .year__num b{font-size: 18px;}
    .subContents.sub01_2 .sub-right article.history-block .history__months li p{width: calc(100% - 25px - 5px); margin-left: 5px; font-size: 16px;}


    .subContents.sub01_3{padding-bottom: 100px;}
    .subContents.sub01_3 .contents-section.mgm-philosophy{margin-top: 80px;}
    .subContents.sub01_3 .contents-section.mgm-philosophy .mgm-philosophy__mark{min-height: 120px; padding: 30px 20px;}
    .subContents.sub01_3 .contents-section.mgm-philosophy .mgm-philosophy__mark h5{font-size: 20px;}
    .subContents.sub01_3 .contents-section.vistionMission .sub-right>b{font-size: 20px;}
    .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram__tit strong{font-size: 24px;}
    .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram__tit span{font-size: 16px;}
    .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram{width: 657px; height: 230px;}
    .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li{width: 230px; height: 230px; padding: 20px; justify-content: center;}
    .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li span.num{font-size: 16px;}
    .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li strong{margin-top: 5px; font-size: 20px;}
    .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li:nth-child(2){left: 215px;}
    .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li{padding: 20px;}
    .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit strong{font-size: 20px;}
    .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit strong::after{top: 0;}
    .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit span{font-size: 16px;}
    .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li p{font-size: 16px;}


    .subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li p{font-size: 16px;}




    .subContents.sub01_6{padding-bottom: 100px;}
    .subContents.sub01_6 .contents-section.directions .sub-left .sub-tit{font-size: 24px;}
    .subContents.sub01_6 .contents-section.directions .sub-right .directions-info td.tit{width: 40px; font-size: 16px;}
    .subContents.sub01_6 .contents-section.directions .sub-right .directions-info td.con{width: calc(100% - 40px); font-size: 16px;}
    .subContents.sub01_6 .contents-section.directions .directions__map .root_daum_roughmap .wrap_map{height: 250px !important;}




    .subContents.contact .sub-tit{font-size: 24px;}
    .subContents.contact form fieldset{flex-wrap: wrap;}
    .subContents.contact form fieldset .left{width: 100%;}
    .subContents.contact form fieldset .right{width: 100%; margin-left: 0; margin-top: 10px;}

}


@media (max-width:375px) {
	.subContents.sub02_1 .aboutUs-img-block{height: 400px;}
    .subContents.sub02_1 .aboutUs-img-block::after{height: 400px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img{max-width: 300px; height: 230px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap{width: 300px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap img{width: 300px;}
    .subContents.sub02_1 .aboutUs-img-block .aboutUs-img .wrap p{max-width: 300px; font-size: 16px;}
	.subContents.sub02_1 .organic-waste-block .organic-waste-img{max-width: 200px;}
    .subContents.sub02_1 .organic-waste-block p{margin-top: 35px;}

    .subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li{width: 47.67%;}
    .subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li:nth-child(2n){margin-right: 0 !important;}
    .subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li:nth-child(3n){margin-right: 4.651%; margin-top:40px}
}