.sub-inner{max-width: 1200px; width: 95%; margin: auto;} .sub-tit{font-family: 'esamanruOTF'; font-size: 25px; line-height: 1.4; letter-spacing: normal; text-align: left; color: #040000;} .sub-tit-ko{font-family: 'esamanruOTF'; font-size: 18px; font-weight: 300; 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;} p.default{font-size: 18px; font-weight: 500; line-height: 1.56; letter-spacing: -0.45px; text-align: left; color: #040000; word-break: keep-all;} .contents-section .sub-left{width: 176px;} .contents-section .sub-right{width: calc(100% - 176px - 18.66%); margin-left: 18.66%;} .subTitle{width:100%; height: 340px; 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 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 .location{font-size: 14px; font-weight: 200; letter-spacing: -0.35px; text-align: left; color: #fff;} .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: -95px; right: 0; width: 100%; max-width: 500px;} /* ========================================================= 서브페이지 시작 ========================================================= */ /* .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 #002870; 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: #002870;} .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: #002870;} .subContents.sub01_1 .contents-section.company-intro .sub-right .diagram li span.en{font-family: 'GmarketSansBold'; font-size: 14px; text-align: center; color: #002870;} .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;} .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 .contents-section.company-intro{} .subContents.sub01_2 .sub-tit {white-space:nowrap;} .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 .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_2 .contents-section.company-intro .sub-right .sub-business {display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; margin-top:50px;} .subContents.sub01_2 .contents-section.company-intro .sub-right .sub-business li {width:24%; height:80px; line-height:80px; text-align:center; border:1px solid #dbdbdb; margin-bottom:20px;} .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: #002870;} .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: #002870;} .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 #002870; 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: #002870;} .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 #002870; 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: #002870;} .subContents.sub01_3 .contents-section.vistionMission .vistionMission__diagram-wrap .diagram li span.line{display: block; width: 1px; height: 20px; background-color: #002870;} .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: #002870;} .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: #002870;} .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: #002870;} .subContents.sub01_3 .contents-section.coreValue .coreValue-wrap li .coreValue__tit span{font-family: 'esamanruOTF'; font-size: 18px; text-align: left; color: #002870;} .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: 180px; font-family: 'esamanruOTF'; font-size: 18px; font-weight: 500; line-height: 1.67; text-align: left; color: #002870;} .subContents.sub01_6 .contents-section.directions .sub-right .directions-info td.con{width: calc(100% - 180px); 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;} /* 제품소개 */ .prd_img {max-width:100%; width:auto;} .default-sub_title {font-size:30px; font-weight:500; color:#002870; letter-spacing:-0.75px; font-family: 'esamanruOTF'; margin-bottom:20px;} .dual_img_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; } .subContents.sub02_1{} .subContents.sub02_1 section .sub-inner{} .subContents.sub02_1 section .sub-inner .sub-title {text-align:left; margin-bottom:30px;} .subContents.sub02_1 section .sub-inner .sub-title span {font-size:30px; font-family: 'esamanruOTF'; font-weight:bold; letter-spacing:-0.75px; color:#002870;} .subContents.sub02_1 section .sub-inner .sub-title h5 {font-size:55px; font-weight:bold; color:#040000; letter-spacing:-1.38px; font-family: 'esamanruOTF';} .subContents.sub02_1 section .sub-inner .sub-exp {margin:30px 0px;} .subContents.sub02_1 section .sub-inner .sub-exp > li {display:flex; flex-wrap:wrap; margin-bottom:30px;} .subContents.sub02_1 section .sub-inner .sub-exp > li .sub-exp-point-box {width:100%; display:flex; flex-wrap:wrap; margin-top:10px;} .subContents.sub02_1 section .sub-inner .sub-exp > li .sub-exp-point-box > li {background:rgba(0,160,233,0.06); padding:20px; font-size:16px; font-weight:500; color:#002870; letter-spacing:-0.4px; margin-right:10px; margin-bottom:10px;} .subContents.sub02_1 section .sub-inner .sub-exp > li .sub-exp-tit {font-size:24px; font-weight:500; color:#040000; letter-spacing:-0.6px; font-family: 'esamanruOTF'; max-width:325px; width:100%;} .subContents.sub02_2{} .subContents.sub02_2 section .sub-inner{} .subContents.sub02_2 section .sub-inner .sub-title {text-align:left; margin-bottom:30px;} .subContents.sub02_2 section .sub-inner .sub-title span {font-size:30px; font-family: 'esamanruOTF'; font-weight:bold; letter-spacing:-0.75px; color:#002870;} .subContents.sub02_2 section .sub-inner .sub-title h5 {font-size:55px; font-weight:bold; color:#040000; letter-spacing:-1.38px; font-family: 'esamanruOTF';} .subContents.sub02_2 section .sub-inner .sub-img-box {display:flex; justify-content:space-between; width:100%; margin-bottom:50px;} .subContents.sub02_2 section .sub-inner .sub-img-box li {max-width:285px; width:25%; height:240px; margin:0px;} .subContents.sub02_2 section .sub-inner .sub-exp {margin:30px 0px;} .subContents.sub02_2 section .sub-inner .sub-exp > li {display:flex; flex-wrap:wrap; margin-bottom:30px;} .subContents.sub02_2 section .sub-inner .sub-exp > li .sub-exp-tit {font-size:24px; font-weight:500; color:#040000; letter-spacing:-0.6px; font-family: 'esamanruOTF'; max-width:325px; width:100%;} .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box {display:flex; flex-wrap:wrap; justify-content:space-between; } .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box li {padding:20px; background:#7fcff4; margin-right:10px; width:210px;} .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box li p {font-size:18px; font-weight:500; color:#fff; line-height:1.56; letter-spacing:-0.45px;} .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box li p.number {font-size:15px; font-weight:500; color:#fff; letter-spacing:-0.38px; margin-bottom:15px;} .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box li:nth-child(2) {background:#66c6f2;} .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box li:nth-child(3) {background:#33b3ed;} .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box li:nth-child(4) {background:#002870; margin-right:0px;} .subContents.sub02_3{} .subContents.sub02_3 section .sub-inner{} .subContents.sub02_3 section .sub-inner .sub-title {text-align:left; margin-bottom:30px;} .subContents.sub02_3 section .sub-inner .sub-title span {font-size:30px; font-family: 'esamanruOTF'; font-weight:bold; letter-spacing:-0.75px; color:#002870;} .subContents.sub02_3 section .sub-inner .sub-title h5 {font-size:55px; font-weight:bold; color:#040000; letter-spacing:-1.38px; font-family: 'esamanruOTF';} .subContents.sub02_3 section .sub-inner .sub-gall-box {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;} .subContents.sub02_3 section .sub-inner .sub-gall-box li {width:33.33%; margin-bottom:50px;} .subContents.sub02_3 section .sub-inner .sub-gall-box li p {font-size:20px; font-weight:500; color:#040000; letter-spacing:-0.5px; font-family: 'esamanruOTF'; margin-top:20px;} .subContents.sub02_4{} .subContents.sub02_4 section .sub-inner{} .subContents.sub02_4 section .sub-inner .sub-title {text-align:left; margin-bottom:30px;} .subContents.sub02_4 section .sub-inner .sub-title span {font-size:30px; font-family: 'esamanruOTF'; font-weight:bold; letter-spacing:-0.75px; color:#002870;} .subContents.sub02_4 section .sub-inner .sub-title h5 {font-size:55px; font-weight:bold; color:#040000; letter-spacing:-1.38px; font-family: 'esamanruOTF';} .subContents.sub02_4 section .sub-inner .sub-gall-box {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin-top:50px;} .subContents.sub02_4 section .sub-inner .sub-gall-box li {width:25%; margin-bottom:50px;} .subContents.sub02_4 section .sub-inner .sub-gall-box li p {font-size:20px; font-weight:500; color:#040000; letter-spacing:-0.5px; font-family: 'esamanruOTF'; margin-top:20px;} .subContents.sub02_4 section .sub-inner .sub-exp {margin:30px 0px;} .subContents.sub02_4 section .sub-inner .sub-exp > li {display:flex; flex-wrap:wrap; margin-bottom:30px;} .subContents.sub02_4 section .sub-inner .sub-exp > li .sub-exp-tit {font-size:24px; font-weight:500; color:#040000; letter-spacing:-0.6px; font-family: 'esamanruOTF'; max-width:325px; width:100%;} .subContents.sub02_5{} .subContents.sub02_5 section .sub-inner{} .subContents.sub02_5 section .sub-inner .sub-title {text-align:left; margin-bottom:30px;} .subContents.sub02_5 section .sub-inner .sub-title span {font-size:30px; font-family: 'esamanruOTF'; font-weight:bold; letter-spacing:-0.75px; color:#002870;} .subContents.sub02_5 section .sub-inner .sub-title h5 {font-size:55px; font-weight:bold; color:#040000; letter-spacing:-1.38px; font-family: 'esamanruOTF';} .subContents.sub02_5 section .sub-inner .sub-gall-box {display:flex; flex-wrap:wrap; width:100%; margin-top:50px;} .subContents.sub02_5 section .sub-inner .sub-gall-box li {width:20%; margin-bottom:11.5px;} .subContents.sub02_5 section .sub-inner .sub-gall-box li p {font-size:20px; font-weight:500; color:#040000; letter-spacing:-0.5px; font-family: 'esamanruOTF'; margin-top:20px;} .subContents.sub02_5 section .sub-inner .sub-exp {margin:30px 0px;} .subContents.sub02_5 section .sub-inner .sub-exp > li {display:flex; flex-wrap:wrap; margin-bottom:30px;} .subContents.sub02_5 section .sub-inner .sub-exp > li .sub-exp-tit {font-size:24px; font-weight:500; color:#040000; letter-spacing:-0.6px; font-family: 'esamanruOTF'; max-width:325px; width:100%;} .subContents.sub02_6{} .subContents.sub02_6 section .sub-inner{} .subContents.sub02_6 section .sub-inner .sub-title {text-align:left; margin-bottom:30px;} .subContents.sub02_6 section .sub-inner .sub-title span {font-size:30px; font-family: 'esamanruOTF'; font-weight:bold; letter-spacing:-0.75px; color:#002870;} .subContents.sub02_6 section .sub-inner .sub-title h5 {font-size:55px; font-weight:bold; color:#040000; letter-spacing:-1.38px; font-family: 'esamanruOTF';} .subContents.sub02_6 section .sub-inner .sub-gall-box {display:flex; flex-wrap:wrap; width:100%; margin-top:50px;} .subContents.sub02_6 section .sub-inner .sub-gall-box li {width:20%; margin-bottom:11.5px;} .subContents.sub02_6 section .sub-inner .sub-gall-box li p {font-size:20px; font-weight:500; color:#040000; letter-spacing:-0.5px; font-family: 'esamanruOTF'; margin-top:20px;} .subContents.sub02_6 section .sub-inner .sub-exp {margin:30px 0px;} .subContents.sub02_6 section .sub-inner .sub-exp > li {display:flex; flex-wrap:wrap; margin-bottom:30px;} .subContents.sub02_6 section .sub-inner .sub-exp > li .sub-exp-tit {font-size:24px; font-weight:500; color:#040000; letter-spacing:-0.6px; font-family: 'esamanruOTF'; max-width:325px; width:100%;} .subContents.sub02_6 section .sub-inner .sub-gall-box02 {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;} .subContents.sub02_6 section .sub-inner .sub-gall-box02 li {width:33.33%; margin-bottom:50px;} .subContents.sub02_6 section .sub-inner .sub-gall-box02 li p {font-size:20px; font-weight:500; color:#040000; letter-spacing:-0.5px; font-family: 'esamanruOTF'; margin-top:20px;} .subContents.sub02_7{} .subContents.sub02_7 section .sub-inner{} .subContents.sub02_7 section .sub-inner .sub-title {text-align:left; margin-bottom:30px;} .subContents.sub02_7 section .sub-inner .sub-title span {font-size:30px; font-family: 'esamanruOTF'; font-weight:bold; letter-spacing:-0.75px; color:#002870;} .subContents.sub02_7 section .sub-inner .sub-title h5 {font-size:55px; font-weight:bold; color:#040000; letter-spacing:-1.38px; font-family: 'esamanruOTF';} .table-div {width:100%; overflow-x:auto; } .default-table {width:1200px; border-spacing: inherit; border-top:1px solid #003f86; border-bottom:1px solid #003f86} .default-table thead tr th {background:#fff; padding:20px 0px; text-align:center; font-size:18px; font-weight:500; color:#302d2c; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} .default-table thead tr th:last-child {border-right:0px;} .default-table tbody tr td {padding:20px; font-size:18px; font-weight:500; color:#040000; line-height:1.56; letter-spacing:-0.45px; border-bottom:1px solid #f1f1f1; text-align:center; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} .default-table tbody tr td:last-child {border-right:0px;} .default-table tbody tr:last-child td {border-bottom:0px;} /* 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 #002870; background-color: #002870; 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:1280px){ .subContents .contents-section .sub__img img.mark_01{width:42vw; top: -60px;} .subContents.sub02_1 section .sub-inner .sub-exp > li .sub-exp-tit {max-width:100%; margin-bottom:10px;} .subContents.sub02_2 section .sub-inner .sub-exp > li .sub-exp-tit {max-width:100%; margin-bottom:10px;} .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box {margin-top:20px;} .subContents.sub02_2 section .sub-inner .sub-exp > li .gradient-box li {width:49%; min-height:140px; margin:0px; margin-bottom:20px;} } @media (max-width:1024px) { .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{width:42vw; top: 20px;} .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) { .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_2 .contents-section.company-intro .sub-right .sub-business li {width:49%;} .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.sub02_1 section{padding: 100px 0;} .subContents.sub02_1 section:nth-child(2){padding-bottom: 20px;} .subContents.sub02_1 section b{font-size: 28px;} .subContents.sub02_1 section .sub-inner .sub-title h5 {font-size:32px;} .subContents.sub02_2{margin-top: 0;} .subContents.sub02_2 section{padding: 100px 0;} .subContents.sub02_2 section:nth-child(2){padding-bottom: 20px;} .subContents.sub02_2 section b{font-size: 28px;} .subContents.sub02_2 section .sub-inner .sub-title h5 {font-size:32px;} .subContents.sub02_3{margin-top: 0;} .subContents.sub02_3 section{padding: 100px 0;} .subContents.sub02_3 section:nth-child(2){padding-bottom: 20px;} .subContents.sub02_3 section b{font-size: 28px;} .subContents.sub02_3 section .sub-inner .sub-title h5 {font-size:32px;} .subContents.sub02_4{margin-top: 0;} .subContents.sub02_4 section{padding: 100px 0;} .subContents.sub02_4 section:nth-child(2){padding-bottom: 20px;} .subContents.sub02_4 section b{font-size: 28px;} .subContents.sub02_4 section .sub-inner .sub-title h5 {font-size:32px;} .subContents.sub02_5{margin-top: 0;} .subContents.sub02_5 section{padding: 100px 0;} .subContents.sub02_5 section:nth-child(2){padding-bottom: 20px;} .subContents.sub02_5 section b{font-size: 28px;} .subContents.sub02_5 section .sub-inner .sub-title h5 {font-size:32px;} .subContents.sub02_6{margin-top: 0;} .subContents.sub02_6 section{padding: 100px 0;} .subContents.sub02_6 section:nth-child(2){padding-bottom: 20px;} .subContents.sub02_6 section b{font-size: 28px;} .subContents.sub02_6 section .sub-inner .sub-title h5 {font-size:32px;} .subContents.sub02_7{margin-top: 0;} .subContents.sub02_7 section{padding: 100px 0;} .subContents.sub02_7 section:nth-child(2){padding-bottom: 20px;} .subContents.sub02_7 section b{font-size: 28px;} .subContents.sub02_7 section .sub-inner .sub-title h5 {font-size:32px;} .subContents.contact .sub-tit{font-size: 36px;} } @media (max-width:500px) { .subTitle{height: 220px;} .subTitle .subTitle__top h1{padding-bottom: 10px; font-size: 24px;} .sub-tit{font-size: 20px;} p.default{font-size: 16px;} .subContents .contents-section h2{font-size: 20px;} /* .subContents .contents-section h2 br{display: none;} */ .subContents{margin-top: 80px;} .subContents .contents-section .sub__img img.mark_01{width:35vw; top:30px;} .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{padding-bottom: 100px;} .subContents.sub01_4 .contents-section.certificationStatus .certificationStatus-wrap li p{font-size: 16px;} .subContents.sub01_5{padding-bottom: 100px;} .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.sub02_1 section{padding: 80px 0;} .subContents.sub02_1 section b{font-size: 20px;} .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.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} }