@charset "utf-8";

/* ******************** 공용 ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* 테이블::type1 */
.tableWrap.type1 table {border:1px solid #e5e5e5;}
.tableWrap.type1 table thead {border-top:1px solid #e5e5e5; background:#f9f9f9;}
.tableWrap.type1 table tr {}
.tableWrap.type1 table tr>* {border-left:1px solid #e1e0d9; padding:12px 18px; border-bottom:1px solid #e1e0d9;}
.tableWrap.type1 table tr>*:first-child { color:#000;}
.tableWrap.type1 table tr>*:last-child {border-right:1px solid #e1e0e9;}
.tableWrap.type1 table tr:nth-child(2) {width:300px;}
.tableWrap.type1 table tr th {color:#000; font-weight:400; background:#f9f9f9;}

/* 격자형 구조 - 테이블 스타일 */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

.c_acc {color:#1b2649 !important;} /* 강조색상 */


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
max-width: 100%;
}


/* ************************ pc (992~) ************************ */
@media screen and (min-width: 992px) {
	/* 회사소개 - 미트뱅크 소개 */
	.company .intro {width:100%; }
	.company .intro .greeting {width:1400px;  margin:0 auto; font-family: 'NotoSansKR';}
	.company .intro .greeting h2 { text-align : center; text-transform : uppercase; letter-spacing: 10.5px; font-size : 76px; font-weight : 300; margin-bottom : 120px; }
	.company .intro .greeting h2 span { display : block; text-transform : capitalize; font-size:49px; } 
	.company .intro .greeting .slogan1 { display : flex; justify-content : flex-end; align-items : center; letter-spacing: -2.5px; }
	.company .intro .greeting .slogan1 div { margin-right : 76px; color : #5f5f5f; }
	.company .intro .greeting .slogan1 div h3 { position : relative; font-size : 33px; margin-bottom : 40px; font-weight : 600; line-height: 45px; color : #323c5b;}
	.company .intro .greeting .slogan1 div p { font-size : 21px; font-weight : 200; color : #323c5b; }
	.company .intro .greeting .slogan1 div h3:before { content : ''; display : block ; width : 34px; height : 29px; background : url(../images/company/comma_before.png) no-repeat;  position : absolute; color : #ffa200; left: -50px;
    top: 10px; }
	.company .intro .greeting .slogan1 div h3:after { content : ''; display : block ; width : 34px; height : 29px; background : url(../images/company/comma_after.png) no-repeat;  position : absolute; color : #ffa200; right : 10px; top : 15px;}
	
	.company .intro .greeting .slogan2 { display : flex; margin : 60px 0; padding : 60px 0; background : #323c5b; letter-spacing: -2.5px;}
	.company .intro .greeting .slogan2 .slogan_img { position : relative; width : 50%; }
	.company .intro .greeting .slogan2 .slogan_img img { position : absolute; }
	.company .intro .greeting .slogan2 .slogan_img img:nth-of-type(1) { top : -110px; }
	.company .intro .greeting .slogan2 .slogan_img img:nth-of-type(2) { bottom : -110px; right : 0;}
	.company .intro .greeting .slogan2 .slogan_text { margin-left : 50px; }
	.company .intro .greeting .slogan2 .slogan_text p { font-size : 21px; color : #fff; margin-bottom : 40px; }
	.company .intro .greeting .slogan2 .slogan_text .sign span { color : #fff; font-size : 21px; font-weight : 400; }
	.company .intro .greeting .slogan2 .slogan_text .sign span.name { font-size : 25px; letter-spacing : 10px; font-weight : 600; margin-left : 30px;}
	
	.company .intro .state {position:relative; margin-top:80px; padding:100px 0; background:url(../images/company/state_bg.jpg) no-repeat center / cover;}
	.company .intro .state:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(245,245,245,.9);}
	.company .intro .state .wrap {position:relative; display:flex; justify-content:flex-end; width:1400px; margin:0 auto;}
	.company .intro .state .wrap .box {position:relative; background:#fff; padding:60px;}
	.company .intro .state:hover .wrap .box {box-shadow:10px 10px 10px rgba(0,0,0,.1);}
	.company .intro .state h2 {position:absolute; left:-120px; top:60px;}
	.company .intro .state h2:after {content:""; position:absolute; right:0; top:-20px; width:30px; border-bottom:2px solid #000;}
	.company .intro .state dl>* {float:left;}
	.company .intro .state dt {min-width:70px;}
	.company .intro .state dd+dt {clear:both; float:left;}
	.company .intro .state dd {position:relative; padding-left:20px;}
	.company .intro .state dd:after {content:":"; position:absolute; left:0; top:0; color:#888;}\
	
	

	/* 회사소개 - 미트뱅크 소개 renew_240423 */
	.company .intro.renew_240423 .greeting {width:1400px;  margin:0 auto; font-family: 'S-CoreDream';}
	.company .intro.renew_240423 .greeting .part1 {}
	.company .intro.renew_240423 .greeting .part1 h2 {text-align:left; text-transform : uppercase; font-size:23px; font-weight:700; margin-bottom:0; letter-spacing:0; color:#000;}
	.company .intro.renew_240423 .greeting .part1 .slogan {margin-top:30px; position:relative;}
	.company .intro.renew_240423 .greeting .part1 .slogan h3 {font-size:40px; font-weight:300; line-height:1.4;}
	.company .intro.renew_240423 .greeting .part1 .slogan h3 span {display:block; font-weight:600; }
	.company .intro.renew_240423 .greeting .part1 .slogan p {font-size:24px; font-weight:400; margin-top:20px}
	.company .intro.renew_240423 .greeting .part1 .slogan img {position:absolute; width:35%; top:-25px; right:0;}
	.company .intro.renew_240423 .greeting .part2 {position:relative;} 
	.company .intro.renew_240423 .greeting .part2:after {content:""; display:block; width:1400px; height:392px; position:absolute; top:-240px; left:50%; transform:translateX(-50%); background:url(../images/company/greeting_part2_bg.webp) no-repeat center / contain; z-index:-1;}
	.company .intro.renew_240423 .greeting .part2 .slogan {background:#fff; padding-top:100px; width:80%; margin:350px auto 0; text-align:center;}
	.company .intro.renew_240423 .greeting .part2 .slogan h2 {text-align:center; text-transform : uppercase; font-size:23px; font-weight:700; margin-bottom:0; letter-spacing:0; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:3px;}
	.company .intro.renew_240423 .greeting .part2 .slogan h3 {margin-top:40px; font-size:40px; line-height:1.4;}
	.company .intro.renew_240423 .greeting .part2 .slogan h3 span {font-weight:500;}
	.company .intro.renew_240423 .greeting .part2 .slogan p {font-size:24px; font-weight:400; margin-top:20px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue {margin-top:60px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue h4 {color:#f48466; font-size:24px; font-weight:400; display:inline; border:2px solid #f48466; border-radius:2rem; padding:10px 80px; text-transform:uppercase; position:relative;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue h4:after {content:""; display:block; width:2px; height:40px; background:#f48466; position:absolute; bottom:-40px; left:50%; transform:translateX(-50%);}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox {display:grid; grid-template-columns:repeat(4,1fr); margin-top:50px; position:relative;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox:before {content:""; width:74%; height:40px; border:2px solid #f48466; border-bottom:0; position:absolute; top:0; left:50%; transform:translateX(-50%);   }
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl {position:relative; padding-top:100px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl:before { content:""; display:block; width:2px; height:40px; background:#f48466; position:absolute; left:50%; top:0px; transform:translateX(-50%);}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl dt img { width:100%; max-width:170px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl dd {font-size:28px; font-weight:500; margin-top:20px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl:first-of-type:before, .company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl:last-of-type:before {display:none;}
	.company .intro.renew_240423 .greeting .part3 {margin-top:100px; position:relative; padding:80px 0 0 50px;} 
	
	.company .intro.renew_240423 .greeting .part3 h2 {text-align:left; text-transform : uppercase; font-size:23px; font-weight:700; margin-bottom:0; letter-spacing:0; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:3px; color:#fff;}
	.company .intro.renew_240423 .greeting .part3 p {font-size:40px; font-weight:500; margin-top:40px; line-height:1.5; color:#fff;}
	.company .intro.renew_240423 .greeting .part3 .sign {font-size:35px; font-weight:500; color:#fff; margin:20px 0 0 0;}
	
	.company .intro.renew_240423 .greeting .part3 .sign .name {font-size:40px; font-weight:700; margin-left:40px; }
	.company .intro.renew_240423 .greeting .part3 .sign img {width:150px;}
	
	
	
	
	/* 회사소개 - 경영이념 */
	.company .ideology {width:1400px; margin:0 auto;}
	.company .ideology .mission {padding:100px; background:url(../images/company/ideology_bg_.jpg) no-repeat right bottom;}
	.company .ideology .mission h2 {display:inline-block; background:#fff; padding:30px 50px 30px 100px; margin-left:-100px;}
	.company .ideology .mission dt {font-size:36px; color:#000; }
	.company .ideology .mission dd {margin-top:10px; color:#fff; color:#000;}

	.company .ideology .vision {margin-top:110px; padding:0 80px 80px; text-align:center; border:1px solid #e5e5e5;}
	.company .ideology .vision .head {position:relative; display:inline-block; margin-top:-30px; padding:0 50px; background:#fff;}
	.company .ideology .vision .head:before {content:""; width:20px; height:20px; border:1px solid #e5e5e5; border-radius:100px; position:absolute; left:0; top:20px;}
	.company .ideology .vision .head:after {content:""; width:20px; height:20px; border:1px solid #e5e5e5; border-radius:100px; position:absolute; right:0; top:20px;}
	.company .ideology .vision h2 {margin-bottom:0;}
	.company .ideology .vision h2+p {font-size:20px;}
	.company .ideology [class ^= 'wrap'] {position:relative;}
	.company .ideology [class ^= 'wrap']:after {content:""; width:50px; height:50px; position:absolute; left:50%; transform:translateX(-50%); top:-50px; background:url(../images/company/ideology_up.png) no-repeat center 0;}
	.company .ideology .wrap1 {display:flex; margin-top:70px; border:1px dashed #ddd;}
	.company .ideology .wrap1 article {width:50%; background:#fff; color:#000; padding:60px;}
	.company .ideology .wrap1 article+article {border-left:1px solid #fff;}
	.company .ideology .wrap1 article img {display:inline-block; margin-bottom:20px;}
	.company .ideology .wrap1 article p+p {font-size:18px; font-weight:500;}
	.company .ideology .wrap2 {position:relative; display:flex; margin-top:70px; border:1px dashed #ddd;}
	.company .ideology .wrap2 h3 {display:inline-block; color:#000; font-weight:500; font-size:18px; padding-bottom:10px; margin-bottom:30px; border-bottom:2px solid #000; }
	.company .ideology .wrap2 article {width:50%; padding:60px;}
	.company .ideology .wrap2 article ul {display:flex; justify-content:center;}
	.company .ideology .wrap2 article li {position:relative; line-height:1.2;}
	.company .ideology .wrap2 article li+li {margin-left:50px;}
	.company .ideology .wrap2 article li+li:after {content:""; position:absolute; left:-28px; top:7px; width:7px; height:7px; background:#000; border-radius:50%;}
	.company .ideology .coreTit {margin-top:30px;}

	.company .ideology .plus {position:absolute; display:block; width:50px; height:50px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
	.company .ideology .plus i {display:block; position:relative; width:100%; height:100%;}
	.company .ideology .plus i:before {content:""; display:block; width:100%; height:3px; position:absolute; left:0; top:50%; background:#000; border-radius:100px;}
	.company .ideology .plus i:after {content:""; display:block; width:3px; height:100%; position:absolute; left:calc(50% - 2px); top:0; background:#000; border-radius:100px;}


	/* 회사소개 - 히스토리 */
	.company .history {position:relative; width:100%; padding:100px 0; background:url(../images/company/history_bg.jpg) center;}
	.company .history:before {content:""; position:absolute; left:0; top:0; width:50%; height:100%; background:url(../images/company/history_deco230418.jpg) no-repeat right top;}
	.company .history .wrap {position:relative; width:1400px; margin:0 auto; display:flex; justify-content:flex-end;}
	.company .history .wrap .list {width:50%; padding-left:50px;}
	.company .history .wrap .list h2 {font-size:36px; display:inline-block; border-bottom:2px solid #000; padding-bottom:10px;}
	.company .history .wrap .list dl {margin-top:30px;}
	.company .history .wrap .list dt {font-size:18px;}
	.company .history .wrap .list dd+dt {margin-top:30px;}
	
	
	/* 미트뱅크 */
	.brand .house {margin-bottom:10px; text-align:center; line-height:1.4; font-size:18px; color:#000; font-weight:400; letter-spacing:-.5px;}
	.brand .house h2 {font-size:26px;}
	.brand .house h2 span {position:relative;}
	.brand .house h2 span:after {content:""; position:absolute; left:50%; transform:translateX(-50%); top:-10px; width:30px; border-top:2px solid #000;}
	.brand .house p {line-height:1.4; text-align:center; font-size:20px; color:#000;letter-spacing:-.5px;}
	.brand .house p+p {margin-top:20px;}
	.brand .house p span {font-size:24px; vertical-align:baseline;}
	.brand .part {display:flex; margin-top:50px;}
	.brand .part.alone {justify-content:center;}
	.brand .part article {display:flex; justify-content:center; align-items:center; width:calc((100% - 50px)/1); padding:100px 0; border:1px solid #e5e5e5;}
	.brand .part article:hover {border-color:#000; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
	.brand .part article+article {margin-left:50px;}
	.brand .part article dl {margin-left:150px;}
	.brand .part article dt {position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #000;}
	.brand .part article dt span {color:#f37332 !important;}
	.brand .part article dt p {font-size:26px; line-height:1.2;}


	/* 브랜드 */
	.brand .head {margin-bottom:10px; text-align:center; line-height:1.4; font-size:18px; color:#000; font-weight:400; letter-spacing:-.5px;}
	.brand .head h2 {font-size:26px;}
	.brand .head h2 span {position:relative;}
	.brand .head h2 span:after {content:""; position:absolute; left:50%; transform:translateX(-50%); top:-10px; width:30px; border-top:2px solid #000;}
	.brand .head p {line-height:1.4; text-align:center; font-size:20px; color:#000;letter-spacing:-.5px;}
	.brand .head p+p {margin-top:20px;}
	.brand .head p span {font-size:24px; vertical-align:baseline;}
	.brand .wrap {display:flex; margin-top:50px;}
	.brand .wrap.alone {justify-content:center;}
	.brand .wrap article {display:flex; justify-content:center; align-items:center; width:calc((100% - 50px)/2); padding:80px 0; border:1px solid #e5e5e5;}
	.brand .wrap article:hover {border-color:#000; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
	.brand .wrap article+article {margin-left:50px;}
	.brand .wrap article dl {margin-left:30px;}
	.brand .wrap article dt {position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #000;}
	.brand .wrap article dt span {color:#f37332 !important;}
	.brand .wrap article dt p {font-size:26px; line-height:1.2;}


	/* 제품 */
	.product .head {position:relative;}
	.product .head h2 {margin-bottom:20px;}
	.product .head h2 span {position:relative;}
	.product .head h2  span:after {content:""; position:absolute; left:50%; transform:translateX(-50%); top:-10px; width:30px; border-top:2px solid #000;}
	.product .head > p { font-size:20px; }
	.product .head a {
		display:block; position:absolute; right:0; top:0; padding:17px 25px 17px 45px;
		line-height:1; text-align:center; border-radius:100px;
		background:#323c5b url(../images/common/i-buy.svg) 25px center /13px no-repeat; color:#fff;
	}
	.product .head a:hover {padding:17px 35px 17px 55px; background-color:#000; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
	.product .list {padding-top:10px;}
	.product .list ul {display:flex; flex-wrap:wrap;}
	.product .list ul li {padding:20px 20px 40px; width:calc((100% - 40px)/3); margin:20px 0 0 20px; border:1px solid #e7e9ec; color:#000; text-align:center; transition:all .3s;}
	.product .list ul li:nth-child(3n+1) {margin-left:0;}
	.product .list ul li:hover {border-color:#000; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
	.product .list ul li .img {max-width:410px; margin:0 auto; background:no-repeat center / contain !important;}
	.product .list ul li span+p {font-size:20px; line-height:1.3; font-weight:600; color:#323c5b; margin-top:20px; letter-spacing:-.5px;}
	.product .list ul li p+p {margin-top:10px; font-size:16px;}


	/* Q&A - 공용 */
	.qna .wrapper {width:1400px; margin:0 auto;}
	.qna .head .tab {display:flex; justify-content:center;}
	.qna .head .tab li+li {margin-left:5px;}
	.qna .head .tab li a {display:block; padding:15px 35px; line-height:1; border:2px solid #323c5b; border-radius:100px;}
	.qna .head .tab li a.on, .qna .online .tab li a:hover {background:#323c5b; color:#fff;}
	.qna .head .info {margin:30px 0 50px;text-align:center;}
	.qna .head .info dt {font-size:20px; font-weight:500; letter-spacing:-1px;}
	.qna .head .info dd {color:#666; transition:all .1s ease !important; -webkit-transition:all .1s ease !important; -moz-transition:all .1s ease !important;}
	
	.qna .formHead {}
	.qna .formHead h2 {font-size:18px; margin-bottom:10px;}
	.qna .formHead .box {padding:30px; border:1px solid #e5e5e5; background:#f9f9f9;  font-weight:300;}
	.qna .formHead .box dl {margin-top:20px;}
	.qna .formHead .box dt {margin-bottom:10px;  font-weight:500;}
	.qna .formHead .box p {margin-top:20px; font-weight:300;}
	.qna .formNormal {clear:both;}
	.qna .formNormal .wrap {margin-top:10px; padding:40px; border:1px solid #e5e5e5;}

	/* Q&A - 온라인문의 -  FAQ */
	.qna .request .list+.list {margin-top:50px;}
	.qna .request .list h2 {margin-bottom:10px;}
	.qna .request .list dl {position:relative; padding:20px 0 20px 80px; border-top:1px solid #e5e5e5;}
	.qna .request .list dl.on:before {background:#000; color:#fff; border-color:#000;}
	.qna .request .list dl:before {
		content:"Q"; position:absolute; left:10px; top:12px; width:50px; height:50px; text-align:center; line-height:48px;
		background:#fff; border:1px solid #eee; border-radius:50%; transition:all .3s ease !important;
	-webkit-transition:all .3s ease !important;	-moz-transition:all .3s ease !important;}
	.qna .request .list dt {display:inline-block; padding:5px 0; cursor:pointer; border-bottom:1px solid transparent;}
	.qna .request .list dt:hover {border-bottom:1px solid #000;}
	.qna .request .list dd {position:relative; padding:10px 0 0 20px; display:none;}
	.qna .request .list dd:after {content:""; position:absolute; left:2px; top:18px; width:10px; border-top:2px solid #000;}
	
	
	/* Q&A - 온라인문의 -  인재채용 */
	.qna .recruit {}
	.qna .recruit .infoWrap {}
	.qna .recruit .infoWrap>article {display:flex;}
	.qna .recruit .infoWrap>article+article {margin-top:50px; padding-top:50px; border-top:1px solid #f0f0f0;}
	.qna .recruit .infoWrap>article h2 {position:relative; width:30%; line-height:1; padding-bottom:10px;}
	.qna .recruit .infoWrap>article h2:after {content:""; position:absolute; left:2px; top:40px; width:30px; border-top:2px solid #000;}
	.qna .recruit .infoWrap>article .con {width:70%;}
	
	.qna .recruit .info1 .con {display:flex;}
	.qna .recruit .info1 .con ol+ol {margin-left:100px;}
	
	.qna .recruit .info2 .con {display:flex;}
	.qna .recruit .info2 .con li {position:relative; width:20%; text-align:left;}
	.qna .recruit .info2 .con li+li:after {content:""; width:20px; height:20px; position:absolute; left:-28%; top:50px; background:url(../images/common/icon_arrowR.png) no-repeat left top;}
	.qna .recruit .info2 .con li i {display:inline-block; width:100px; height:100px; border-radius:50%; text-align:center; line-height:100px; background:#2d4788; color:#fff; font-size:24px; font-weight:300;}
	.qna .recruit .info2 .con li p {width:100px; margin-top:10px; text-align:center;}
	.qna .recruit .info2 .con li small {color:#666; display:block;}
	
	.qna .recruit .info3 .con [class^='part']+[class^='part'] {margin-top:30px;}
	.qna .recruit .info3 .con table th {width:200px;}
	.qna .recruit .info3 .con h3 {margin-bottom:10px; padding-left:15px; font-weight:400; background:url(../images/common/bullet_right.png) no-repeat left 3px;}
	.qna .recruit .info3 .con h4 {margin:20px 0 10px; padding-left:15px; font-weight:500; color:#000;}
	.qna .recruit .info3 .con .part1 ul {display:flex; justify-content:space-between;}
	.qna .recruit .info3 .con .part1 ul li {width:calc((100% - 40px)/5); text-align:center; padding:40px; border:1px solid #e5e5e5; color:#666;}
	 
	.qna .recruit .boardWrap {margin-top:50px; padding-top:50px; border-top:1px solid #e5e5e5;}
	 
	/* Q&A - 오시는길 */
	.qna .location h2 i {display:block; font-style:normal; font-size:20px;}
	.qna .location h2 span {position:relative; display:block; margin-bottom:40px; margin-top:10px;}
	.qna .location h2 span:after {content:""; position:absolute; left:0; bottom:-20px; width:30px; border-top:2px solid #000;}
	.qna .location .root_daum_roughmap {width:100%;}/* 오시는길 */
	.qna .location .root_daum_roughmap .wrap_map {width:100%; height:500px;}
	.qna .location .info {margin-top:30px; text-align:center;}
	.qna .location .info dt {font-size:24px;}
	.qna .location .case {display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; margin-top:30px;}
	.qna .location .case article {width:calc((100% - 20px)/2); padding:30px 30px 30px 80px; border:1px solid #e5e5e5;}
	.qna .location .case article h2 {position:relative; margin-bottom:0; font-size:18px;}
	.qna .location .case article h2 span {position:absolute; left:-50px;}
	.qna .location .case article h2 span:after {content:""; position:absolute; left:0; bottom:-15px; width:100%; border-top:2px solid #000;}
	.qna .location .case article p span {position:relative; display:inline-block; vertical-align:middle;}
	.qna .location .case article p span+span {margin-left:20px;}
	.qna .location .case article p span+span:after {content:">"; font-size:12px; color:#888; position:absolute; left:-13px; top:1px;}
}
@media screen and (min-width: 1400px) {
.company .intro.renew_240423 .greeting .part3:after {content:""; display:block; width:calc(100vw - 17px); height:137%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:url(../images/company/greeting_part3_bg.webp) no-repeat center / cover; z-index:-1;}	
}

@media screen and (max-width: 1399px) { 
.company .intro.renew_240423 .greeting .part3:after {content:""; display:block; width:100%; height:137%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:url(../images/company/greeting_part3_bg.webp) no-repeat center / cover; z-index:-1;}
} 


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	/* 회사소개 - 미트뱅크 소개 */
	.company .intro {width:100%; }
	.company .intro .greeting {width:100%;  margin:0 auto; font-family: 'NotoSansKR'; padding : 0 20px; }
	.company .intro .greeting h2 { text-align : center; text-transform : uppercase; letter-spacing: 10.5px; font-size : 40px; font-weight : 300; margin-bottom : 30px; }
	.company .intro .greeting h2 span { display : block; text-transform : capitalize; font-size:30px; } 
	.company .intro .greeting .slogan1 { display : flex; flex-direction : column-reverse; justify-content : flex-end; align-items : center; letter-spacing: -2.5px; }
	.company .intro .greeting .slogan1 div { margin-right : 0px; color : #5f5f5f; text-align : center; margin : 30px 0; }
	.company .intro .greeting .slogan1 div h3 { position: relative; font-size: 20px; margin-bottom: 10px;
    font-weight: 600; line-height: 30px; text-align : center; color : #323c5b; }
	.company .intro .greeting .slogan1 div p { font-size : 16px; font-weight : 200; color : #323c5b; }
	.company .intro .greeting .slogan1 div h3:before { content : ''; display : block ; width : 23px; height : 20px; background : url(../images/company/comma_before.png) no-repeat center / contain;  position : absolute; color : #ffa200; left: 15px; top: 6px;}
	.company .intro .greeting .slogan1 div h3:after { content : ''; display : block ; width : 23px; height : 20px; background : url(../images/company/comma_after.png) no-repeat center / contain;  position : absolute; color : #ffa200; right: 15px; top: 7px;}
	.company .intro .greeting .slogan1 img { width : 100%; }
	
	.company .intro .greeting .slogan2 { display : flex; flex-direction : column; margin : 30px 0; padding : 0px 0; background : #fff; letter-spacing: -2.5px;}
	.company .intro .greeting .slogan2 .slogan_img { position : relative; width : 100%; }
	.company .intro .greeting .slogan2 .slogan_img img { position : relative; width : 100%; }
	.company .intro .greeting .slogan2 .slogan_img img:nth-of-type(1) { top : -40px; width : 70%; }
	.company .intro .greeting .slogan2 .slogan_img img:nth-of-type(2) { position : absolute; bottom : 10px; right : 0; width : 50%;}
	.company .intro .greeting .slogan2 .slogan_text { margin-left : 0px; text-align : center; }
	.company .intro .greeting .slogan2 .slogan_text p { font-size : 16px; color : #5f5f5f; margin-bottom : 40px; margin-top : 20px; color : #323c5b; }
	.company .intro .greeting .slogan2 .slogan_text .sign span { color : #323c5b; font-size : 20px; font-weight : 400; }
	.company .intro .greeting .slogan2 .slogan_text .sign span.name { display : block; font-size : 24px; letter-spacing : 10px; font-weight : 600; margin-left : 30px;}
	
	
	/* 회사소개 - 미트뱅크 소개 renew_240423 */
	.company .intro.renew_240423 .greeting {width:100%;  margin:0 auto; font-family: 'S-CoreDream';}
	.company .intro.renew_240423 .greeting .part1 {}
	.company .intro.renew_240423 .greeting .part1 h2 {text-align:center; text-transform : uppercase; font-size:20px; font-weight:700; margin-bottom:0; letter-spacing:0; color:#000;}
	.company .intro.renew_240423 .greeting .part1 .slogan {margin-top:30px; position:relative; display: flex; flex-direction: column; align-items:center;}
	.company .intro.renew_240423 .greeting .part1 .slogan h3 {font-size:24px; font-weight:300; line-height:1.4; text-align:center;}
	.company .intro.renew_240423 .greeting .part1 .slogan h3 span {display:block; font-weight:600; }
	.company .intro.renew_240423 .greeting .part1 .slogan p {font-size:18px; font-weight:400; margin-top:20px; text-align:center;}
	.company .intro.renew_240423 .greeting .part1 .slogan img {position:relative; width:300px; top:-20px; right:0; order:-1;}
	.company .intro.renew_240423 .greeting .part2 {position:relative;} 
	.company .intro.renew_240423 .greeting .part2:after {content:""; display:block; width:100%; height:200px; position:absolute; top:-120px; left:50%; transform:translateX(-50%); background:url(../images/company/greeting_part2_bg.webp) no-repeat center / contain; z-index:-1;}
	.company .intro.renew_240423 .greeting .part2 .slogan {background:#fff; padding-top:25px; width:70%; margin:140px auto 0; text-align:center;}
	.company .intro.renew_240423 .greeting .part2 .slogan h2 {text-align:center; text-transform : uppercase; font-size:20px; font-weight:700; margin-bottom:0; letter-spacing:0; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:3px;}
	.company .intro.renew_240423 .greeting .part2 .slogan h3 {margin-top:25px; font-size:24px; line-height:1.4;}
	.company .intro.renew_240423 .greeting .part2 .slogan h3 span {font-weight:500;}
	.company .intro.renew_240423 .greeting .part2 .slogan p {font-size:20px; font-weight:400; margin-top:20px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue {margin-top:40px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue h4 {color:#f48466; font-size:16px; font-weight:400; display:inline; border:2px solid #f48466; border-radius:2rem; padding:8px 50px; text-transform:uppercase; position:relative;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue h4:after {content:""; display:block; width:2px; height:40px; background:#f48466; position:absolute; bottom:-40px; left:50%; transform:translateX(-50%);}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox {display:grid; grid-template-columns:repeat(4,1fr); margin-top:50px; position:relative; gap:10px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox:before {content:""; width:74%; height:40px; border:2px solid #f48466; border-bottom:0; position:absolute; top:0; left:50%; transform:translateX(-50%);   }
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl {position:relative; padding-top:60px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl:before { content:""; display:block; width:2px; height:40px; background:#f48466; position:absolute; left:50%; top:0px; transform:translateX(-50%);}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl dt img { width:100%; max-width:170px;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl dd {font-size:14px; font-weight:500; margin-top:15px; line-height:1.3;}
	.company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl:first-of-type:before, .company .intro.renew_240423 .greeting .part2 .slogan .prologue .iconBox dl:last-of-type:before {display:none;}
	.company .intro.renew_240423 .greeting .part3 {margin-top:60px; position:relative; padding:50px 0 0 50px;} 
	.company .intro.renew_240423 .greeting .part3:after {content:""; display:block; width: calc(100vw - 17px); height:284px; position:absolute; top:0; left:50%; transform:translateX(-50%); background:url(../images/company/greeting_part3_bg.webp) no-repeat right / cover; z-index:-1;}
	.company .intro.renew_240423 .greeting .part3 h2 {text-align:left; text-transform : uppercase; font-size:20px; font-weight:700; margin-bottom:0; letter-spacing:0; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:3px; color:#fff;}
	.company .intro.renew_240423 .greeting .part3 p {font-size:24px; font-weight:500; margin-top:25px; line-height:1.5; color:#fff;}
	.company .intro.renew_240423 .greeting .part3 .sign {font-size:20px; font-weight:500; color:#fff; margin:15px 0 0 0;}
	.company .intro.renew_240423 .greeting .part3 .sign .name {font-size:24px; font-weight:700; margin-left:20px; }
	.company .intro.renew_240423 .greeting .part3 .sign img {width:100px;}

	/* 회사소개 - 경영이념 */
	.company .ideology {padding:50px 20px;}
	.company .ideology .mission {position:relative; padding:70px 40px; background:url(../images/company/ideology_bg.jpg) no-repeat center; color:#fff; text-align:center;}
	.company .ideology .mission>* {position:relative;}
	.company .ideology .mission h2 {display:inline-block; background:#fff; color:#000; padding:20px 40px;}
	.company .ideology .mission:before {z-index:0; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
	.company .ideology .mission dt {font-size:30px;}
	.company .ideology .mission dd {margin-top:10px;}

	.company .ideology .vision {margin-top:110px; padding:0 20px 20px; text-align:center; border:1px solid #323c5b;}
	.company .ideology .vision .head {position:relative; display:inline-block; margin-top:-30px; padding:0 50px; background:#fff;}
	.company .ideology .vision .head:before {content:""; width:20px; height:20px; border:1px solid #323c5b; border-radius:100px; position:absolute; left:0; top:20px;}
	.company .ideology .vision .head:after {content:""; width:20px; height:20px; border:1px solid #323c5b; border-radius:100px; position:absolute; right:0; top:20px;}
	.company .ideology .vision h2 {margin-bottom:10px;}
	.company .ideology .vision h2+p {font-size:20px;}
	.company .ideology [class ^= 'wrap'] {position:relative;}
	.company .ideology [class ^= 'wrap']:after {content:""; width:50px; height:50px; position:absolute; left:50%; transform:translateX(-50%); top:-50px; background:url(../images/company/ideology_up.png) no-repeat center 0;}
	.company .ideology .wrap1 {display:flex; margin-top:70px;}
	.company .ideology .wrap1 article {width:50%; background:#323c5b; color:#fff; padding:40px 0;}
	.company .ideology .wrap1 article+article {border-left:1px solid #fff;}
	.company .ideology .wrap1 article img {display:inline-block; margin-bottom:20px;}
	.company .ideology .wrap1 article p+p {font-size:18px; font-weight:500;}
	.company .ideology .wrap2 {position:relative; display:flex; margin-top:70px; border:1px dashed #ddd;}
	.company .ideology .wrap2 h3 {display:inline-block; font-weight:500; font-size:18px; padding-bottom:10px; margin-bottom:30px; border-bottom:2px solid #000;}
	.company .ideology .wrap2 article {position:relative; width:50%; padding:40px 20px;}
	.company .ideology .wrap2 article ul {}
	.company .ideology .wrap2 article li {position:relative; line-height:1.2;}
	.company .ideology .wrap2 article li+li {margin-top:30px;}
	.company .ideology .wrap2 article li+li:after {content:""; position:absolute; left:calc(50% - 4px); top:-20px; width:7px; height:7px; background:#000; border-radius:50%;}
	.company .ideology .coreTit {margin-top:30px;}

	.company .ideology .plus {position:absolute; display:block; width:40px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
	.company .ideology .plus i {display:block; position:relative; width:100%; height:100%;}
	.company .ideology .plus i:before {content:""; display:block; width:100%; height:3px; position:absolute; left:0; top:50%; background:#000; border-radius:100px;}
	.company .ideology .plus i:after {content:""; display:block; width:3px; height:100%; position:absolute; left:calc(50% - 2px); top:0; background:#000; border-radius:100px;}


	/* 회사소개 - 히스토리 */
	.company .history {position:relative; width:100%; padding:50px 20px; background:url(../images/company/history_bg.jpg) center;}
	.company .history:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/company/history_deco230418.jpg) no-repeat left top; opacity:.5;}
	.company .history .wrap {position:relative;}
	.company .history .wrap .list {}
	.company .history .wrap .list h2 {font-size:24px; display:inline-block; border-bottom:2px solid #000; padding-bottom:10px;}
	.company .history .wrap .list dl {margin-top:30px;}
	.company .history .wrap .list dt {font-size:18px;}
	.company .history .wrap .list dd+dt {margin-top:30px;}


	/* 브랜드 */
	.brand  {padding:0 20px;}
	.brand .head {margin-bottom:10px; text-align:center; line-height:1.4; font-size:18px; color:#323c5b; font-weight:400; letter-spacing:-.5px;}
	.brand .head h2 {font-size:24px;}
	.brand .head h2 span {position:relative;}
	.brand .head h2 span:after {content:""; position:absolute; left:50%; transform:translateX(-50%); top:-10px; width:30px; border-top:2px solid #000;}
	.brand .head p {line-height:1.4; text-align:center; font-size:14px; color:#323c5b;letter-spacing:-.5px;}
	.brand .head p+p {margin-top:20px;}
	.brand .head p span {font-size:18px; vertical-align:baseline;}
	.brand .wrap {margin-top:30px;}
	.brand .wrap article {padding:40px; border:1px solid #e5e5e5;}
	.brand .wrap article+article {margin-top:10px;}
	.brand .wrap article dl {margin-top:30px;}
	.brand .wrap article dt {position:relative; margin-bottom:20px; padding-bottom:20px;}
	.brand .wrap article dt:after {content:""; width:100px; border-top:2px solid #000; position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
	.brand .wrap article dt p {font-size:18px; line-height:1.2;}


	/* 제품 */
	.product  .wrapper {padding:50px 20px;}
	.product .head {position:relative;}
	.product .head h2 {margin-bottom:20px;}
	.product .head a {
		display:block; position:absolute; right:0; top:-10px; padding:17px 25px 17px 45px;
		line-height:1; text-align:center; border-radius:100px;
		background:#323c5b url(../images/common/i-buy.svg) 25px center /13px no-repeat; color:#fff;
	}
	.product .head a:hover {padding:17px 35px 17px 55px; background-color:#000; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
	.product .list {padding-top:10px;}
	.product .list ul {display:flex; flex-wrap:wrap;}
	.product .list ul li {padding:10px 10px 20px 10px; width:calc((100% - 10px)/2); margin:10px 0 0 10px; border:1px solid #e7e9ec; color:#000; text-align:center; transition:all .3s;}
	.product .list ul li:nth-child(2n+1) {margin-left:0;}
	.product .list ul li .img {background:no-repeat center / contain !important;}
	.product .list ul li span+p {font-size:16px; line-height:1.3; font-weight:500; color:#323c5b; margin-top:20px;}
	.product .list ul li p+p {margin-top:10px;}


	/* notice */
	.notice  .wrapper {padding:50px 20px;}


	/* Q&A - 공용 */
	.qna .wrapper {padding:50px 20px;}
	.qna .head .tab {display:flex; justify-content:center;}
	.qna .head .tab li+li {margin-left:5px;}
	.qna .head .tab li a {display:block; padding:13px 20px; text-align:center; line-height:1; border:2px solid #323c5b; border-radius:100px;}
	.qna .head .tab li a.on, .qna .online .tab li a:hover {background:#323c5b; color:#fff;}
	.qna .head .info {margin:30px 0 50px;text-align:center;}
	.qna .head .info dt {font-size:20px; font-weight:500; letter-spacing:-1px;}
	.qna .head .info dd {color:#666; transition:all .1s ease !important; -webkit-transition:all .1s ease !important; -moz-transition:all .1s ease !important;}
	
	.qna .formHead {}
	.qna .formHead h2 {font-size:18px; margin-bottom:10px;}
	.qna .formHead .box {padding:30px; border:1px solid #e5e5e5; background:#f9f9f9;  font-weight:300;}
	.qna .formHead .box dl {margin-top:20px;}
	.qna .formHead .box dt {margin-bottom:10px;  font-weight:500;}
	.qna .formHead .box p {margin-top:20px; font-weight:300;}
	.qna .formNormal {clear:both;}
	.qna .formNormal .wrap {margin-top:10px; padding:20px; border:1px solid #e5e5e5;}

	/* Q&A - 온라인문의 -  FAQ */
	.qna .request .list+.list {margin-top:50px;}
	.qna .request .list h2 {margin-bottom:10px;}
	.qna .request .list dl {position:relative; padding:20px 0 20px 80px; border-top:1px solid #e5e5e5;}
	.qna .request .list dl.on:before {background:#000; color:#fff;}
	.qna .request .list dl:before {
		content:"Q"; position:absolute; left:10px; top:12px; width:50px; height:50px; text-align:center; line-height:48px;
		background:#fff; border:1px solid #eee; border-radius:50%; transition:all .3s ease !important;
	-webkit-transition:all .3s ease !important;	-moz-transition:all .3s ease !important;}
	.qna .request .list dt {display:inline-block; padding:5px 0; cursor:pointer; border-bottom:1px solid transparent;}
	.qna .request .list dt:hover {border-bottom:1px solid #000;}
	.qna .request .list dd {position:relative; padding:10px 0 0 20px; display:none;}
	.qna .request .list dd:after {content:""; position:absolute; left:2px; top:18px; width:10px; border-top:2px solid #000;}
	
	
	/* Q&A - 온라인문의 -  인재채용 */
	.qna .recruit .infoWrap>article {}
	.qna .recruit .infoWrap>article+article {margin-top:30px; padding-top:30px; border-top:1px solid #f0f0f0;}
	.qna .recruit .infoWrap>article h2 {position:relative; padding-bottom:10px; margin-bottom:30px;}
	.qna .recruit .infoWrap>article h2:after {content:""; position:absolute; left:2px; bottom:0; margin-top:20px; width:30px; border-top:2px solid #000;}
	.qna .recruit .infoWrap>article .con {}
	
	.qna .recruit .info1 .con {}
	
	.qna .recruit .info2 .con {display:flex;}
	.qna .recruit .info2 .con li {position:relative; width:20%; text-align:center;}
	.qna .recruit .info2 .con li i {display:inline-block; width:70px; height:70px; border-radius:50%; text-align:center; line-height:70px; background:#2d4788; color:#fff; font-size:18px; font-weight:300;}
	.qna .recruit .info2 .con li p {margin-top:10px;}
	.qna .recruit .info2 .con li small {color:#666; display:block;}
	
	.qna .recruit .info3 .con [class^='part']+[class^='part'] {margin-top:30px;}
	.qna .recruit .info3 .con h3 {margin-bottom:10px; font-weight:400; padding-left:15px; background:url(../images/common/bullet_right.png) no-repeat left 3px;}
	.qna .recruit .info3 .con h4 {margin:20px 0 10px; font-weight:500; color:#000; padding-left:15px;}
	.qna .recruit .info3 .con .part1 ul li {padding:20px; border:1px solid #e5e5e5; color:#666;}
	.qna .recruit .info3 .con .part1 ul li+li {margin-top:-1px;}
	.qna .recruit .info3 .con .part1 h4 {margin:0 0 10px;}
	.qna .recruit .info3 .con table th {min-width:120px;}
	
	.qna .recruit .boardWrap {margin-top:50px; }


	/* Q&A - 오시는길 */
	.qna .location {padding:50px 20px;}
	.qna .location h2 span {position:relative;}
	.qna .location h2 span:after {content:""; position:absolute; left:0; bottom:-10px; width:30px; border-top:2px solid #000;}
	.qna .location .root_daum_roughmap {width:100%;}/* 오시는길 */
	.qna .location .root_daum_roughmap .wrap_map {width:100%; height:40vh;}
	.qna .location .info {padding:0 20px; margin-top:30px; text-align:center;}
	.qna .location .info dt {font-size:24px;}
	.qna .location .case {margin-top:30px;}
	.qna .location .case article {padding:20px 20px 20px 60px; border:1px solid #e5e5e5;}
	.qna .location .case article+article {margin-top:10px;}
	.qna .location .case article h2 {position:relative; margin-bottom:0; font-size:18px;}
	.qna .location .case article h2 span {position:absolute; left:-40px;}
	.qna .location .case article h2 span:after {content:""; position:absolute; left:0; bottom:-15px; width:100%; border-top:2px solid #000;}
	.qna .location .case article p span {position:relative; display:inline-block; vertical-align:middle;}
	.qna .location .case article p span+span {margin-left:20px;}
	.qna .location .case article p span+span:after {content:">"; font-size:12px; color:#888; position:absolute; left:-13px; top:1px;}


}



/* ************************ 태블릿 이하(~768) ************************ */
@media screen and (max-width: 768px) {

.company .intro.renew_240423 .greeting .part2 .slogan h3 {font-size:20px; }
.company .intro.renew_240423 .greeting .part2 .slogan p {font-size:16px;}
.company .intro.renew_240423 .greeting .part3 {padding:50px 0 0 30px;}
.company .intro.renew_240423 .greeting .part3:before {content:""; display:block; width:100vw; height:322px; position:absolute; top:0; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.5); z-index:-1;}
.company .intro.renew_240423 .greeting .part3:after {content:""; display:block; width: 100vw; height:322px; position:absolute; top:0; left:50%; transform:translateX(-50%); background:url(../images/company/greeting_part3_bg.webp) no-repeat right / cover; z-index:-2;}
.company .intro.renew_240423 .greeting .part3 p {font-size:20px;}
.company .intro.renew_240423 .greeting .part3 p br {display:none;}
.company .intro.renew_240423 .greeting .part3 .sign {font-size:18px;}
.company .intro.renew_240423 .greeting .part3 .sign span:first-of-type {display:block;}
.company .intro.renew_240423 .greeting .part3 .sign .name {font-size:20px; margin-left:0px;}
.company .intro.renew_240423 .greeting .part3 .sign img {width:80px;} 
}