/*********************************************
서브 비주얼
**********************************************/
.sub-visual {
  display: grid;
  /* place-items: center; */
  height: 60vh;
  width: 100%;
  position: relative;
  margin-top: 50px;
}


.sub-visual{background-color: #fff8f1;}

.sub-visual img {
  width: 100%;
  height: 100%;
  /* max-width: 75vw; */
  object-fit: cover;
}
.sub-visual h2 {
  font-family: "Anton", sans-serif;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-text-stroke: 2px #fff;
  text-stroke: 2px white;
  color: transparent;
  /* font-size: clamp(3rem, 10vw, 6rem); */
  font-size: clamp(4rem, 11vw, 8rem);
  position: absolute;
  top: 25%;
  left: 5%;
  width: 90%;
  height: 50%;
  z-index: 99;
  display: grid;
  /* place-items: center; */
  letter-spacing: 3px;
}

body:not(.no-js) .image-wrap {
  transition: 1s ease-out;
  transition-delay: .4s;
  position: relative;
  width: auto;
  height: 60vh;
  overflow: hidden;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  visibility: hidden;
}

body:not(.no-js) .image-wrap img {
  transform: scale(1.3);
  transition: 2s ease-out;
  /* filter: grayscale(5); */
}

body:not(.no-js) .animating .image-wrap {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  visibility: visible;
  transform: skewY(0);
}

body:not(.no-js) .animating img {
  transform: scale(1);
  transition: 4s ease-out;
}

body:not(.no-js) .fadeup {
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(40px);
}

body:not(.no-js) .fading-up {
  opacity: 1;
  transition: 1s ease-out;
  transform: translateY(0px);
  /* transition-delay: 0.2s; */
}

.bg-color{
background-color: #141414;
}



/*********************************************
탑 타이틀 
**********************************************/
.top-title{position: relative; padding-bottom: 60px;}
.top-title h2{font-size: 60px; font-weight: 400; color: #323232;font-family: "Anton", sans-serif;text-align: center; }
.top-title::after{    position: absolute;left: 50%;bottom: -18px;transform: translateX(-50%);content: '';width: 570px;height: 150px;background-image: url(../images/sub/menu_obj.png);background-position: center center;background-size: cover;background-repeat: no-repeat; z-index: -9;}
/*********************************************
텍스트 롤링배너
**********************************************/
/* 움직이는 텍스트 */
.animated-title {font-size:30px;  font-weight:500; position: relative; width: 100%;max-width:100%; height: auto; padding: 125px 0 60px 0; overflow-x: hidden; overflow-y: hidden; font-family: "Anton", sans-serif; color: #ea5736; }
.animated-title .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite; }
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
  }

/*********************************************
ABOUT US
**********************************************/
.subTit{font-size:70px; font-weight:200; color:#494949; letter-spacing:-1.8pt; line-height:120%; word-break:keep-all;}
.subTit.eng{font-size:76px; letter-spacing:0 !important;}
.subTit.eng strong{letter-spacing:0 !important;}
.subTit strong.eng{font-size:76px; letter-spacing:0 !important; }
.subTit strong{display:inline; font-weight:400;  line-height:120%;font-family: "Anton", sans-serif; letter-spacing: 1px; }
.subTit2{font-size:42px; letter-spacing:-1pt; line-height:130%; word-break:keep-all; color:#494949; font-weight:200; position:relative; }
.subTit2 strong{display:inline; font-weight:700; letter-spacing:-1pt;}
.subTxt{font-size:22px; font-weight:400; letter-spacing:-0.75pt; line-height:150%; word-break:keep-all; color:#494949; word-break:keep-all;}
.subTxt strong{display:block; font-weight:700; letter-spacing:-0.75pt; line-height:150%; padding:0 0 30px;}
.lineTit{}
.lineTit span{display:block; font-size:170px; font-weight:900; font-style:italic; font-family:600; line-height:100%;  color:transparent; -webkit-text-stroke: 2px #494949; opacity:0.7;}
.sTit{font-size:35px; font-weight:600; color:#fff; letter-spacing:-0.75pt; line-height:155%; word-break:keep-all;}
.dep_tit{font-size:28px; font-weight:600; color:#494949; letter-spacing:-0.75pt; line-height:140%; word-break:keep-all; padding:0 0 15px;}
.dep_tit .num{display:block; font-size:20px; font-family:600; color:rgb(225, 122, 30); line-height:120%; padding:0 0 5px; letter-spacing:0;}
.dep_tit .light{font-weight:200 !important;}
.txt{font-size:20px; letter-spacing:-0.5pt; line-height:160%; word-break:keep-all; color:rgba(255,255,255,.6);}


@keyframes upDown {
0% {
  opacity: 0.5;
}
50% {
  opacity: 1;
}
100% {
  opacity: 0.5;
}
}

@keyframes upDown2 {
0% {
  opacity: 0;
}
50% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}

/***** S:: ABOUT ȸ��Ұ� *****/
.about_cont{}
.subTop{position:relative;}
.subTop .scr{display:inline-block; position:absolute; left:70px; top:310px; width:52px; height:52px; border-radius:50%; box-sizing:border-box; border:1px solid #fff; font-size:0; animation: upDown 1.5s ease-in-out infinite; z-index: 9;}
.subTop .scr svg{width:100%; height:100%; fill:#fff; transition:all .3s linear; animation: upDown2 1.5s ease-in-out infinite;}

.about_in{padding:180px 0 0; overflow:hidden;}
.about_in .subTit{padding:0;}
.about_in .titArea .subTxt{color:#fff;}
.about_in .right_area{display:flex; justify-content: flex-end; position:relative; top:100px; z-index:2;}
.about_in .right_area .subTxt{max-width:850px; width:100%; }
.about_in .center_area{display:flex; justify-content: center; padding-left:128px; box-sizing:border-box; box-sizing:border-box;}
.about_in .center_area .subTxt{max-width:900px; width:100%; }
.about_in img{max-width:100%;}
.about_in .lineTit{position:relative; z-index:9; top:-100px;}
.about_in .lineTit .one{text-align:left; padding:0 0 20px; font-family: "Anton", sans-serif;}
.about_in .lineTit .two{text-align:right; padding:0 20px 40px 0; font-family: "Anton", sans-serif;}
.about_in .lineTit .three{text-align:center; padding-right:60px; font-family: "Anton", sans-serif;}

.about_global{overflow:hidden;}
.about_global .titArea{padding:0 0 100px; position:relative;}
.about_global .titArea .deco{position:absolute; left:55%; top:20px; max-width:407px; width:100%; opacity:0.1;}
.about_global .titArea .deco img{max-width:100%;}
.about_global .titArea .subTit{padding:0 0 60px;}
.about_global ul{display:flex; flex-wrap:wrap; position:relative;}
.about_global ul:before{content:''; width:100%; height:1px; background:rgba(255,255,255,.15); position:absolute; left:-100%; bottom:0;}
.about_global ul:after{content:''; width:100%; height:1px; background:rgba(255,255,255,.15); position:absolute; right:-100%; top:0;}
.about_global ul li{box-sizing:border-box; width:33.333%; border:1px solid rgba(255,255,255,.15); border-right:0; padding:50px 60px 70px 70px; text-align:right;}
.about_global ul li:last-child{border-right:1px solid rgba(255,255,255,.15);}
.about_global ul li img{max-width:80px; width:100%; margin:0 0 40px;}
.about_global ul li .dep_tit{text-align:left;}
.about_global ul li .txt{text-align:left;}

/* .about_banner{background:url('/about/img/about_bg.jpg') no-repeat center/cover; overflow:hidden;} */
.about_banner .aboutBanner_in{max-width:1130px; position:relative; padding:280px 25px; margin:0 auto; width:100%; box-sizing:border-box;}
.about_banner .aboutBanner_in .img{position:absolute; right:25px; bottom:0; max-width:440px; width:100%;}
.about_banner .aboutBanner_in .img img{max-width:100%;}
.about_banner .subTit2{position:relative;}
.about_banner .subTit2 .quot{position:absolute; left:-40px; top:-20px; opacity:.34; display:inline-block; width:46px;}
.about_banner .subTit2 .quot img{max-width:100%;}


/****** ABOUT US 인사말 디자인 수정ver *****/
.about_in .top-desc{text-align: center;}
.about_in .top-desc h3{color: #ff5108; font-size: 20px;    line-height: 1.8; word-break: keep-all;}

.center-area{display: flex; margin-top: 80px;}
.center-area .left-img{width: 55%;}
.center-area .right-txt{width: 45%; padding-top: 60px; max-width: 516px;}
.center-area .right-txt p{font-size: 20px; line-height: 1.8; word-break: keep-all;}

.bottom-desc{max-width: 1100px; margin: 0 auto;}
.bottom-desc p{font-size: 20px;line-height: 1.8;  word-break: keep-all;}

.about_in .animated-title{top: 47px;padding: 180px 0 0 0;}
.about_in .banner{background:#fffbea; padding: 180px 0 32px 0; text-align: center;}
.about_in .banner h2{font-size: 40px;  font-family: "Lobster", sans-serif;}


.about_history .top-desc{text-align: center; margin-bottom: 125px;}
.about_history .top-desc h3{color: #ff5108; font-size: 20px;line-height: 1.8; word-break: keep-all;    padding: 0 20px;}


  .about_history{padding-top: 120px;}
  .about_history .aboutHistory_in{display:flex; flex-wrap:wrap;}
  .about_history .aboutHistory_in .history_tit{width:640px;}
  .about_history .aboutHistory_in .history_tit .subTit{position:-webkit-sticky; position:sticky; top:130px; left:0;}
  /* .about_history .aboutHistory_in .history_in{width:calc(100% - 640px);} */
  .about_history .subTit strong {
    display: inline;
    font-weight: 800;
    /* letter-spacing: -1.8pt; */
    line-height: 120%;
  }
  .about_history .pointColor {
    color: transparent !important;
    background: linear-gradient(to top, rgb(161, 29, 33), rgb(225, 122, 30));
    -webkit-background-clip: text;

  }

  /*list*/
.tableWrap{position:relative; padding:20px 0 0;}
.tableWrap:before{content:''; display:block; width:1px; height:100%;  background: linear-gradient(to bottom,rgba(77, 73, 73,13), rgba(77, 73, 73,13), rgba(77, 73, 73,13), rgba(77, 73, 73, 13), rgba(77, 73, 73,13), transparent); position:absolute; left:0; top:0;}
.tableWrap .his_in .checkbox{position: absolute; left:0; top:-10px; z-index:9;}
.tableWrap .his_in{padding:0 0 80px 74px; box-sizing:border-box; position:relative;}
.tableWrap .his_in:last-child {padding-bottom: 150px;}
.tableWrap .his_in .his_year{font-size:42px; font-weight:600; font-family:var(--engFont); line-height:120%; color:#494949; padding:0 0 20px; position:relative;}
.tableWrap .his_in .his_year:before{content:''; display:block; width:7px; height:7px; border-radius:50%; position:absolute; left:-77px; top:20px; background:linear-gradient(to top, rgb(161, 29, 33), rgb(225, 122, 30)); animation: active-circle 1.2s cubic-bezier(1, 2, 0.66, 3) infinite;}
.tableWrap .his_in .his_year:after{content:''; display:block; width:7px; height:7px; border-radius:50%; position:absolute; left:-77px; top:20px; background:linear-gradient(to top, rgb(161, 29, 33), rgb(225, 122, 30));}
.tableWrap .his_in .his_cont{}
.tableWrap .his_in .his_cont dl{display:flex; padding:0 0 14px;}
.tableWrap .his_in .his_cont dl:last-child{padding:0;}
.tableWrap .his_in .his_cont dl dt{width:40px; font-size:1rem; letter-spacing:0; font-weight: 600; color:#000; line-height:150%; word-break:keep-all;}
.tableWrap .his_in .his_cont dl dt strong{display:inline-block; font-weight:600; color:#000;}
.tableWrap .his_in .his_cont dl dd{width:calc(100% - 35px); font-size:1rem; letter-spacing:-0.35pt; color:#494949 ;line-height:150%; word-break:keep-all;}
.tableWrap .his_in .his_cont dl dd strong{display:inline-block; font-weight:600; color:#000;}


@keyframes active-circle {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.05; 
 }
50% {
opacity: 0.1; 
 }
100% {
-webkit-transform: scale(3);
transform: scale(3);
opacity: 0; } 
}


.tableWrap.admin:before{display:none;}
.tableWrap.admin .his_in .his_year{color:#222;}
.tableWrap.admin .his_in .his_year:before{display:none;}
.tableWrap.admin .his_in .his_year:after{display:none;}
.tableWrap.admin .his_in .his_year a{color:#222; font-family:var(--engFont);}
.tableWrap.admin .his_in .his_cont dl dt{color:#666;}
.tableWrap.admin .his_in .his_cont dl dt strong{color:var(--subColor);}
.tableWrap.admin .his_in .his_cont dl dd{color:#666;}
.tableWrap.admin .his_in .his_cont dl dd strong{color:var(--subColor);}





/***** E:: ABOUT ȸ��Ұ� *****/


@media screen and (max-width:1580px){
    /******* css ���� *******/
.subTxt br{display:none;}
.dep_tit br{display:none;}
.txt br{display:none;}


.lineTit span{font-size:150px;}

/***** S:: ABOUT ȸ��Ұ� *****/
.about_cont{}
.subTop .scr{display:none;}

.about_global{}
.about_global .titArea .deco{left:60%;}
/***** E:: ABOUT ȸ��Ұ� *****/

  }


@media all and (max-width:1280px){

#contents{margin:90px auto 0;}

.subTitle{padding: 120px 25px 40px;}
.subTitle h2{font-size:55px;}

/******* css ���� *******/
.basicCont{margin: 0 auto 220px;}
.subTit{font-size:55px;}
.subTit.eng{font-size:60px;}
.subTit strong.eng{font-size:60px;}
.subTit2{font-size:32px;}
.subTxt{font-size:20px;}
.subTxt strong{padding:0 0 20px;}
.lineTit{}
.lineTit span{font-size:110px;}
.sTit{font-size:28px;}
.dep_tit{font-size:24px;}
.moreBtn{width:150px; height:150px;}
.moreBtn .arrow{width:100px; height:100px;}
.moreBtn .arrow svg{width: 30px; height:14px;}


/***** S:: ABOUT ȸ��Ұ� *****/
.about_cont{}
.about_in{padding:140px 0 0;}
.subTop .scr{display:none;}

.about_in .subTit{padding:0 0 30px;}
.about_in .right_area{top:40px;}
.about_in .right_area .subTxt{max-width:500px;}
.about_in .center_area{padding-top:40px;}
.about_in .lineTit{top:-60px;}
.about_in .lineTit .one{padding:0 0 15px;}
.about_in .lineTit .two{padding:0 20px 30px 0;}
.about_in .lineTit .three{padding-right:40px;}


.center-area .right-txt p{font-size: 18px;}
.bottom-desc{max-width: 900px;}
.bottom-desc p{font-size: 18px;}

}

@media all and (max-width:980px){
.subTitle{padding: 80px 3% 30px;}
.subTitle h2{font-size:40px;}

.center-area .right-txt p{font-size: 14px;}
.bottom-desc{max-width: 900px;}
.bottom-desc p{font-size: 14px;}

/******* css ���� *******/
.basicCont{padding: 0 3%; margin: 0 auto 160px;}
.subTit{font-size:40px;}
.subTit.eng{font-size:45px;}
.subTit strong.eng{font-size:45px;}
.subTit2{font-size:26px;}
.subTxt{font-size:16px;}
.subTxt strong{padding:0 0 15px;}
.lineTit{}
.lineTit span{font-size:70px;}
.sTit{font-size:20px;}
.dep_tit{font-size:20px; padding:0 0 10px;}
.dep_tit .num{font-size:11px; padding:0 0 3px;}
/***** S:: ABOUT ȸ��Ұ� *****/
.about_cont{}
.about_in{padding:100px 0 0;}

.about_in .subTit{padding:0 0 20px;}
.about_in .right_area{top:30px;}
.about_in .right_area .subTxt{max-width:400px;}
.about_in .center_area{padding-left:100px; padding-top:30px;}
.about_in .lineTit{top:-40px;}
.about_in .lineTit .one{padding:0 0 10px;}
.about_in .lineTit .two{padding:0 20px 20px 0;}
.about_in .lineTit .three{padding-right:30px;}
.about_in .animated-title{top: 47px;padding: 10px 0 45px 0;}
.about_global{}
.about_global .titArea{padding:0 0 50px;}
.about_global .titArea .deco{left:65%; top:20px; max-width:250px;}
.about_global .titArea .subTit{padding:0 0 20px;}
.about_global ul li{padding:20px 30px 30px 30px;}
.about_global ul li img{max-width:50px; margin:0 0 20px;}

.about_banner{padding: 100px 0 30px 0;}
.about_banner .aboutBanner_in{max-width:640px; padding:180px 3%;}
.about_banner .aboutBanner_in .img{right:0; max-width:260px;}
.about_banner .subTit2 .quot{left:-25px; top:-20px; width:35px;}


.about_history .aboutHistory_in .history_tit .subTit{top:100px;}
/***** E:: ABOUT ȸ��Ұ� *****/

}

@media all and (max-width:1600px){

.sub-visual {
  margin-top: 20px;
}
}

@media all and (max-width:1280px) {
.sub-visual{height: auto; margin-top: 60px;}
body:not(.no-js) .image-wrap{
  height: auto;
}
}

@media all and (max-width:800px){

.sub-visual {
  margin-top: 70px;
}

.top-title::after{ width: 380px; height: 100px;    bottom: 16px;}

.center-area{flex-direction: column;}
.center-area .left-img{max-width: 100%; margin: 0 auto;}
.center-area .left-img{width: 80%;}
.center-area .right-txt {
  width: 100%;
  padding-top: 60px;
  max-width: 555px;
}
.center-area .right-txt p{margin-bottom: 35px;}
.about_history .top-desc h3{font-size: 16px;}
.about_history .top-desc .br-none{display: none;}
}


@media screen and (max-width:680px){
.subTitle{padding: 50px 3% 20px;}
.subTitle h2{font-size:26px; letter-spacing:-0.75pt;}

/******* css ���� *******/
.basicCont{margin: 0 auto 100px;}
.subTit{font-size:26px; letter-spacing:-0.75pt;}
.subTit.eng{font-size:30px;}
.subTit strong.eng{font-size:30px;}
.subTit strong{letter-spacing:-0.75pt;}
.subTit2{font-size:22px; letter-spacing:-0.55pt;}
.subTit2 strong{letter-spacing:-0.55pt;}
.subTxt{font-size:14px;}
.subTxt strong{padding:0 0 10px;}
.lineTit{}
.lineTit span{font-size:50px;}
.sTit{font-size:16px;}
.dep_tit{font-size:18px;}

.moreBtn{width:100px; height:100px;}
.moreBtn .arrow{width:60px; height:60px;}

/***** S:: ABOUT ȸ��Ұ� *****/
.about_cont{}
.about_in{padding:80px 0 0;}

.about_in .subTit{padding:0 0 25px;}
.about_in .right_area{top:0;}
.about_in .right_area .subTxt{max-width:300px;}
.about_in .center_area{padding-left:50px;  padding-top:20px;}
.about_in .lineTit{top:-30px;}
.about_in .lineTit .one{padding:0 0 8px;}
.about_in .lineTit .two{padding:0 15px 15px 0;}
.about_in .lineTit .three{padding-right:30px;}

.about_global{}
.about_global .titArea{padding:0 0 30px;}
.about_global .titArea .deco{left:65%; top:-20px; max-width:40%;}
.about_global .titArea .subTit{padding:0 0 15px;}
.about_global ul li{width:100%; padding:30px 20px 20px; border-right:1px solid rgba(255,255,255,.15); border-bottom:0; position:relative;}
.about_global ul li:last-child{border-bottom:1px solid rgba(255,255,255,.15);}
.about_global ul li img{max-width:40px; margin:0; position:absolute; right:15px; top:15px;}

.about_banner{}
.about_banner .aboutBanner_in{padding:100px 3% 250px;}
.about_banner .aboutBanner_in .img{right:0; max-width:180px;}
.about_banner .subTit2 br{display:none;}
.about_banner .subTit2 .quot{left:-10px; top:-18px; width:30px;}


  .about_history{padding-top: 50px;}
  .about_history .aboutHistory_in .history_tit{width:100%; padding:0 0 20px;}
  .about_history .aboutHistory_in .history_tit .subTit{top:auto; left:auto; position:relative !important;}
  .about_history .aboutHistory_in .subTit{}
  .about_history .aboutHistory_in .subTit br{display:none;}
  .about_history .aboutHistory_in .history_in{width:100%;}

  .about_history .top-desc{margin-bottom: 50px;}
  .tableWrap .his_in {
    padding: 0px 0 40px 40px;
}
.tableWrap .his_in .his_year:after {
  left: -43px;
}

.tableWrap .his_in .his_year:before {
  left: -43px;
}

.tableWrap .his_in .his_year{font-size: 24px;}
.tableWrap .his_in:last-child {
  padding-bottom: 100px;
}

/***** E:: ABOUT ȸ��Ұ� *****/
}
@media all and (max-width:500px){
.about_in .top-desc h3{font-size: 16px;}
.center-area .left-img {
  width: 100%;
}
.center-area .right-txt{max-width: auto;}
.about_in .banner h2 {
font-size: 30px;
font-family: "Lobster", sans-serif;
}
}

@media screen and (max-width:480px){
/******* css ���� *******/
.lineTit{}
.lineTit span{font-size:30px; -webkit-text-stroke: 1px #fff;}

/***** S:: ABOUT ȸ��Ұ� *****/
.about_cont{}
.about_in .lineTit{top:-15px;}
/***** E:: ABOUT ȸ��Ұ� *****/


}

@media screen and (max-width:375px){
.about_in .top-desc .br-none{display: none;}
}
/*********************************************
LOCATION
**********************************************/
.bottomPoint, .topPoint {
position: relative;
}

.padding140 {
padding: 140px 0;
}
.topPoint .point {
-webkit-transform: translateY(-72%);
transform: translateY(-72%);
}

.bottomPoint .point, .topPoint .point {
position: absolute;
top: 0;
right: -13.5%;
z-index: -1;
}
.pageTitle h4 {
margin: 45px 0 0;
}
.pageTitle em {
color: var(--color-orange);
font-size: 1.8rem;
font-weight: 800;
}
.subWrap h4 {
color: #494949;
font-weight: 300;
line-height: 150%;
}
.vision .text h5 {
font-weight: 800;
margin: 0 0 20px;
color: #494949;
}

.vision .text * {
color: #494949;
}


.subWrap p {
color: #fff;
font-size: 1.9rem;
font-weight: 300;
line-height: 180%;
font-family: 'Pretendard', sans-serif;
}
.vision .itemBox {
width: 100%;
display: -ms-grid;
display: grid;
/* -ms-grid-columns: (1fr)[2]; */
    grid-template-columns: repeat(2, 1fr);
gap: 40px 0;
}

.vision .item {
width: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 20px;
padding: 60px 0;
}

.vision .seafood {
width: 100%;
max-width: 80px;
}

.vision .info {
max-width: 500px;
}

.vision .right {
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

.vision .bottom {
margin: 30% 0 0;
}

.vision .text {
margin: 75px 0 0;
}


.vision .text h5 {
font-weight: 800;
margin: 0 0 20px;
font-size: 30px;
}


@media (max-width: 1400px){
.vision .itemBox {
  gap: 40px;
}
.vision .item {
  gap: 0 20px;
}
.vision .seafood {
  max-width: 60px;
}
}
@media (max-width: 1200px){
.vision .seafood {
  max-width: 40px;
}
.vision .bottom {
  margin: 20% 0 0;
}
.vision .text {
  margin: 40px 0 0;
}
}

@media (max-width: 768px) {
.vision .itemBox {
  gap: 20px;
}
.vision .item {
  gap: 0 15px;
}
.vision .seafood {
  max-width: 28px;
}
.vision p {
  font-size: 1.7rem;
}
}
@media (max-width: 640px){
.vision .itemBox {
  -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
  gap: 50px 0;
}
.vision .item {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.vision .bottom {
  margin: 0;
}
.vision .text {
  margin: 30px 0 0;
}
}



/**************** LOCATION2 ****************/



/**************** LOCATION2 ****************/
.location{
padding: 100px 0;
}
.location-grid-cont .location-grid{
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}

.location-grid-cont .location-grid .location-grid-item .grid-img-box{
  margin-bottom: 20px;
  min-height: 500px;
}

.location-grid-cont .location-grid .location-grid-item .grid-img-box a {
display: block;
}

.location-grid-cont .location-grid .location-grid-item .grid-img-box a .img-box {
aspect-ratio: 5/3;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}

.location-grid-cont .location-grid .location-grid-item .grid-img-box a .img-box img{
display: block;
object-fit: cover;
width: 100%;
height: 100%;
transition: all 1s;
}


.location-grid-cont .location-grid .location-grid-item .grid-img-box a .img-box:hover img {
transform: scale(1.1);
}


.location-grid-cont .location-grid .location-grid-item .grid-img-box a .title{
font-size: 32px;
font-weight: 400;
color: #252220;
transition: all 0.3s ease-in;
font-family: "Black Han Sans", sans-serif;

}

.location-grid-cont .location-grid .location-grid-item .grid-img-box a .title:hover {
color: #9a0400
}

.location-grid-cont .location-grid .location-grid-item .grid-img-box .desc{
line-height: 1.6;
font-weight: 400;
color: #37322d;
margin-top: 15px;
min-height: 130px;
font-size: 16px;
}


.location-grid-cont .location-grid .location-grid-item .location-btn .btn a{
display: block;
padding: 15px;
text-align: center;
border: 1px solid #9a0400; 
transition: all 0.3s ease-in;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
font-family: "Roboto", sans-serif; 
}

.location-grid-cont .location-grid .location-grid-item .location-btn .btn +.btn a{
border-top: none;
}

.location-grid-cont .location-grid .location-grid-item .location-btn .btn a:hover {
background-color: #790400;
color: #fff;

}


/* view */
.location-view{
overflow: hidden;
}
.location-view-cont{
width: 100%;
}
.location-view-cont .view-top{
margin-bottom: 80px;
}

.location-view-cont .view-top .subject-box{
margin-bottom: 50px;
}

.location-view-cont .view-top .subject-box .title{
font-size: 64px;
/* margin-bottom: 10px; */
font-family: "Anton", sans-serif;

}

.location-view-cont .view-top .subject-box .desc{
font-size: 20px;
color: #626569;
}

.location-view-cont .view-top .top-btn-wrap{
display: flex;
gap: 10px;
margin-bottom: 48px;
}

.location-view-cont .view-top .top-btn-wrap a{
padding: 10px 30px;
font-size: 18px;
border: 1px solid #111111;
color: #111111;
}

.location-view-cont .view-top .top-btn-wrap a.reservation{
background-color: rgb(161, 29, 33);
color: #fff;
letter-spacing: 1px;
border: 1px solid rgb(161, 29, 33);
margin-top: 0;
}

.location-view-cont .view-top .flex-layout{
display: flex;
flex-wrap: wrap;
}

.location-view-cont .view-top .flex-layout .flex-item{margin-bottom: 32px;}

.location-view-cont .view-top .flex-layout .flex-item.col-lg-4 {
flex: 0 0 auto;
width: 33.3333333333%;
}

.location-view-cont .view-top .flex-layout .flex-item.col-lg-8 {
flex: 0 0 auto;
width:66.6666666667%;
}

.location-view-cont .view-top .flex-layout .flex-item .tit{
  margin-bottom: 10px;
  /* font-weight: bold; */
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Anton", sans-serif; 
  letter-spacing: .5px;
}

.location-view-cont .view-top .flex-layout .flex-item .link {
display: inline-block;
padding-bottom: 5px;
margin-top: 14px;
border-bottom: 1px solid #000;
}

.location-view-cont .view-top .flex-layout .flex-item .txt{
font-size: 17px;
color: #111111;
}
.location-view-cont .view-top .flex-layout .flex-item .txt_sub{
font-size: 13px;
margin-top: 6px;
}

.location-view-cont .view-top .flex-layout .flex-item ul li {
font-size: 17px;
color: #111111;
}

.location-view-cont .view-top .flex-layout .flex-item ul li + li {
margin-top: 6px;
}

.location-view-cont .view-top .flex-layout .flex-item dl{margin-top: 10px;}
.location-view-cont .view-top .flex-layout .flex-item dl dt{font-weight: bold; font-size: 18px; margin-bottom: 6px;}
.location-view-cont .view-top .flex-layout .flex-item dl dd{font-size: 16px;}
.location-view-cont .view-top .flex-layout .flex-item dl dd strong{font-weight: bold; padding-right: 5px;}
.location-view-cont .view-top .flex-layout .flex-item dl dd + dd{margin-top: 3px;}
.location-view-cont .view-top .flex-layout .flex-item .table {margin-top: 10px;}

.location-view-cont .view-top .flex-layout .flex-item .table .w10 { width: 10%;}
.location-view-cont .view-top .flex-layout .flex-item .table .w15 { width: 15%;}
.location-view-cont .view-top .flex-layout .flex-item .table .w20 { width: 20%;}
.location-view-cont .view-top .flex-layout .flex-item .table .w30 { width: 30%;}
.location-view-cont .view-top .flex-layout .flex-item .table .w35 { width: 35%;}
.location-view-cont .view-top .flex-layout .flex-item .table .w40 { width: 40%;}
.location-view-cont .view-top .flex-layout .flex-item .table .border_b { border-bottom: 1px solid #ddd;}
.location-view-cont .view-top .flex-layout .flex-item .table .pd10 { padding: 10px;}
.location-view-cont .view-top .flex-layout .flex-item .table .pd10_0 { padding: 10px 0;}
.location-view-cont .view-top .flex-layout .flex-item .table .pd15_10 { padding: 15px 10px;}


.location-view-cont .view-top .flex-layout .flex-item .table.type01 table{
border: 1px solid #ddd;
text-align: center;
width: 90%;
}

.location-view-cont .view-top .flex-layout .flex-item .table.type01 table tr th {padding: 15px 10px; color: #888;}

.location-view-cont .view-top .flex-layout .flex-item .table.type01 table tr td {padding: 15px 10px; color: #444;}
.location-view-cont .view-top .flex-layout .flex-item .table.type02 {overflow: auto;}
.location-view-cont .view-top .flex-layout .flex-item .table.type02 table {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; min-width: 600px;}
.location-view-cont .view-top .flex-layout .flex-item .table.type02 th{ font-weight: bold; font-size: 18px; text-align: left; word-break: keep-all;}
.location-view-cont .view-top .flex-layout .flex-item .table.type02 td{ color: #444; font-size: 16px;}

.single-shop-gallery  .swiper-container{overflow: visible;}

.single-shop-gallery  .swiper-container .swiper-button-prev {
background-image: url(../images/icon/swiper-prev.svg);
left: 2.5%;
background-size: 36px auto;
background-repeat: no-repeat;
background-position: center center;
}

.single-shop-gallery  .swiper-container .swiper-button-next {
background-image: url(../images/icon/swiper-next.svg);
right: 2.5%;
background-size: 36px auto;
background-repeat: no-repeat;
background-position: center center;
}

.single-shop-gallery  .swiper-container .swiper-slide {
aspect-ratio: 5/3;
}

.single-shop-gallery  .swiper-container .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.location-view-cont .page-nav-back{
padding: 48px 0 0;
}

.location-view-cont .page-nav-back .btn-outline-dark {
border: 1px solid #111;
color: #111;
padding: 12px 40px;
font-size: 18px;
cursor: pointer;
}

/* view */

@media screen and (max-width:1280px) {
.location-grid-cont .location-grid{
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
}

@media screen and (max-width:992px) {


.location-view-cont .view-top .flex-layout .flex-item.col-lg-4 {
flex-shrink: 0;
width: 100%;
}

.location-view-cont .view-top .flex-layout .flex-item.col-lg-8 {
flex-shrink: 0;
width: 100%;
}

.location-view-cont .view-top .flex-layout .flex-item .table.type01 table{
width: 100%;
}

.location-view-cont .view-top .flex-layout .flex-item .table .pc-only{display: none;}
.location-view-cont .view-top .flex-layout .flex-item .table.type02 th {font-size: 16px;}
.location-view-cont .view-top .flex-layout .flex-item .table.type02 td {font-size: 13px;}
}

@media screen and (max-width:768px) {
.location{
  padding: 50px 0;
}
.location-grid-cont .location-grid{
  grid-template-columns: repeat(2, 1fr);
}

.location-grid-cont .location-grid .location-grid-item .grid-img-box{
  min-height: auto;
}

.location-grid-cont .location-grid .location-grid-item .grid-img-box .desc{
  font-size: 14px;
  min-height: auto;
}

.location-view-cont .view-top{
  margin-bottom: 40px;
}

.location-view-cont .view-top .subject-box{
  margin-bottom: 30px;
}

.location-view-cont .view-top .subject-box .title{
  font-size: 28px;
}
.location-view-cont .view-top .subject-box .desc{
  font-size: 16px;
}

.location-view-cont .view-top .top-btn-wrap{
  margin-bottom: 24px;
}

.location-view-cont .view-top .top-btn-wrap a{
  font-size: 15px;
  padding: 10px;
}

.location-view-cont .view-top .flex-layout .flex-item .txt{
  font-size: 14px;
}

.location-view-cont .view-top .flex-layout .flex-item .link{
  font-size: 14px;
}
.location-view-cont .view-top .flex-layout .flex-item ul li{
  font-size: 14px;
}

.location-view-cont .page-nav-back .btn-outline-dark{
  font-size: 15px;
}
}

@media screen and (max-width:480px) {
.location-grid-cont .location-grid {
  grid-template-columns: repeat(1, 1fr);
}
.location-grid-cont .location-grid .location-grid-item .grid-img-box .desc{
  font-size: 13px;
}
}
/*********************************************
MENU
**********************************************/
._menu {
/* margin-top: 47px;*/
/* padding-bottom: 160px; 
padding-top: 50px; */
word-break: keep-all;
/* padding-top: 80px; */
}
._menu .bg{

/* background-image: url(../images/sub/menu-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover; */
/* background-color: ; */
}
/* ._menu .item-bg{
background-image: url(../images/sub/menu_bg2.png);
background-position: center center;
background-repeat: no-repeat;
} */

._menu .menu-title{
font-size: 55px;
color: #494949;
font-family: "Anton", sans-serif;
letter-spacing: 1px;
margin-bottom: 12px;
padding-top: 50px;
}
._menu .item {
/* padding: 50px; */
/* margin-bottom: 60px; */
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 60px 40px;
padding-bottom: 50px;

}
._menu .item li {
position: relative;
}
._menu .item li .front.up {
opacity: 0;
transform: translateY(-80px);
}
._menu .item li .back.up {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
._menu .item li .front { 
transition: all 0.5s ease-in-out;
}
._menu .item li .front::after {
content: '';
display: block;
position: absolute;
top: -30px;
right: -25px;
width: 81px;
height: 80px;
background-size: cover;
transition: all 0.5s;
}
._menu .item li .front .img-box {
width: 100%;
padding-bottom: 100%;
position: relative;
}
._menu .item li .front .img-box img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
._menu .item li .front .txt-box {
text-align: center;
margin-top: 16px;
}
._menu .item li .front .txt-box em {
display: block;
color: #494949;
font-size: 25px;
font-weight: 700;
line-height: 44px;

} 
._menu .item li .front .txt-box small {

background: #fff;
  color: #000;
  text-align: center;
  font-family: "Anton", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 0 5px;
  border: 3px solid #000;
} 


/* 후면 */
._menu .item li .back { 
opacity: 0;
transition: all 0.5s ease-in-out;
position: absolute;
width: 100%;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.6);
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
}
.anton{
font-weight: 400 !important;
font-family: "Anton", sans-serif;
letter-spacing: 1px;
}
@media screen and (max-width: 1024px){
._menu .item li .front{ transition: all 0.3s ease-in-out; }
._menu .item li .back{ transition: all 0.3s ease-in-out; }
}
._menu .item li .back strong {
color: rgb(255 172 97);
font-size: 32px;
font-weight: 700;
line-height: 44px;
}
._menu .item li .back p {
color: #494949;
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 28px;
padding: 16px 0;
}
._menu .item li .back .price {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
._menu .item li .back .price > div {
display: inline-flex;
align-items: center;
}
._menu .item li .back .price > div small {

display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 30px;
border-radius: 3px;
padding: 0 4px;
margin-right: 8px;
}
._menu .item li .back .price > div small span {
color: #FFF;
font-family: 'Mont-Bold';
font-size: 18px;
font-weight: 400;
transform: translateY(1px);
}
._menu .item li .back .price > div em {
color: #494949;
font-size: 20px;
font-weight: 700;
}
._menu .item li .back .price .m {
margin-right: 20px;
}
._menu .item li .back .price .m:last-of-type{ margin-right: 0; }
._menu .item li .back .price .m small {
background-color: #E70017;
}
._menu .item li .back .price .l small {
background-color: #FFA108;
}
._menu .item li .back .sub-btn {
margin-top: 40px;
} 

/* new&best */
._menu .item li.new .front::after {
background-image: url(../images/sub/new.png);
}
._menu .item li.best .front::after {
background-image: url(../images/sub/best.png);
}


/* 메뉴 이미지 다운로드 */
/* .menu-btn{
display: flex;
justify-content: center;


}
.menu-btn a{
text-align: center;
width: 50%;
padding: 12px;
background-color: #333;
color: #fff;
font-family: "Anton", sans-serif;
font-size: 24px;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 80px;
border: 2px solid transparent;
transition: all .3s;
}

.menu-btn a:hover{
background-color: transparent;
color: #333;
border: 2px solid #333;
} */



/* 메뉴 팝업 */
/* .menu-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 1024px;
max-height: 810px;
width: 95%;
height: 95%;
z-index: 101;
background-color: #fff;
padding: 60px;
box-sizing: border-box;
border-radius: 16px;
}
.menu-popup .con .top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 48px;
}
.menu-popup .con{ height: 100%; overflow: auto; }
.menu-popup .con::-webkit-scrollbar{ width: 5px; }
.menu-popup .con::-webkit-scrollbar-thumb{ width: 5px; border-radius: 5px; background-color: #ddd; }
.menu-popup .con .top strong {
display: block;
color: #000;
font-size: 32px;
font-weight: 700;
}
.menu-popup .con .col img{ width: auto !important; height: 100% !important; }
.menu-popup .con .col > br {
display: none;
}
.menu-popup .con .col em {
display: block;
color: #000;
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}
.menu-popup .con .col .con {
padding: 26px 20px;
box-sizing: border-box;
text-align: center;
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
}
.menu-popup .con .col .con span {
color: #888;
font-size: 18px;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.01em;
}
.menu-popup .con .col.n2 {
margin: 40px 0;
}


.menu-popup .con .table-box {
width: 100%;
overflow: auto;
}
.menu-popup .con .table-box table {
border-collapse: collapse;
width: 904px;
table-layout: fixed;
border-top: 1px solid #CECECE;
}
.menu-popup .con .table-box table tr {
width: 100%;
}
.menu-popup .con .table-box table th {
background-color: #F2F2F2;
color: #4B4B4B;
}
.menu-popup .con .table-box table td {
color: #8b8b8b;
}
.menu-popup .con .table-box table th, .menu-popup .con .table-box table td {
text-align: center;
vertical-align: middle;
line-height: 24px;
height: 72px;
font-size: 18px;
white-space: nowrap;
font-weight: 500;
letter-spacing: -0.01em;
padding: 10px;
box-sizing: border-box;
width: calc((100% - 103px) / 9);
border-bottom: 1px solid #CECECE;
}
.menu-popup .con .table-box table .width-103 {
width: 103px;
} */

/* 회색 배경 */
.gray-bg {
display: none;
cursor: pointer;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.3);
z-index: 100;
}


@media screen and (max-width: 1024px) {
._menu .item {
  grid-template-columns: repeat(2, 1fr);
  max-width: 750px;
  margin: 0 auto;
  margin-bottom: 40px;
}
._menu .item li .front .txt-box em {
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 8px;
}
._menu .item li .front .txt-box small {
  font-size: 18px;
  line-height: 1.2;
}
._menu .item li .front::after {
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
} 

/* 클릭시 나오는 정보 */
._menu .item li .back strong {
  font-size: 22px;
  line-height: 1.2;
}
._menu .item li .back p {
  font-size: 18px;
}
._menu .item li .back .price > div em {
  font-size: 16px;
  line-height: 1;
}
._menu .item li .back .price > div small {
  width: 24px;
  height: 24px;
}
._menu .item li .back .price > div small span {
  font-size: 14px;
}

/* 팝업 */
 .menu-popup .con .table-box table tr, .menu-popup .con .table-box table th, .menu-popup .con .table-box table td {
  font-size: 16px;
  line-height: 20px;
  padding: 0;
  width: 60px;
  height: 60px;
}
.menu-popup .con .table-box table th.width-103 {
  min-width: 60px;
  max-width: 80px;
}
}
/*@ media screen and (max-width: 768px) {
._menu {
  padding-bottom: 100px;
}

/* 클릭시 나오는 정보 */
._menu .item li .back .price {
  flex-direction: column;
  align-items: center;
}
._menu .item li .back .price .m {
  margin-right: 0;
  margin-bottom: 5px;
} 

/* 팝업 */
.menu-popup {
  padding: 20px;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.menu-popup .con .top {
  margin-top: 40px;
  margin-bottom: 40px;
}
.menu-popup .con .top strong {
  font-size: 32px;
  font-weight: 700;
}
.menu-popup .con .top .cancel {
  position: absolute;
  top: 20px;
  right: 16px;
}
.menu-popup .con .top .cancel img {
  width: 24px;
}
.menu-popup .con .col em {
  font-size: 18px;
  font-weight: 700;
}
.menu-popup .con .col .con {
  padding: 11px 0;
}
.menu-popup .con .col .con span {
  font-size: 14px;
}
.menu-popup .con .col.n2 {
  margin: 32px 0;
}
.menu-popup .con .table-box table {
  min-width: 100%;
  width: auto;
}
.menu-popup .con .table-box table tr, .menu-popup .con .table-box table th, .menu-popup .con .table-box table td {
  font-size: 14px;
  min-width: 48px;
  width: 48px;
  height: 48px;
  padding: 0;
}
@media screen and (max-width: 480px) {
._menu.pizza .wrap {
  width: calc(100% - 80px);
}
._menu .item {
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
._menu .item li .front .img-box img {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
}
._menu .item li .front .txt-box {
  margin-top: 12px;
}
._menu .item li .front .txt-box em {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 8px;
}
._menu .item li .front .txt-box small {
  font-size: 16px;
  line-height: 1;
}
._menu .item li .front::after {
  width: 60px;
  height: 60px;
  top: 16px;
  right: 16px;
} 

/* 클릭시 나오는 정보 */
._menu .item li .back strong {
  font-size: 24px;
  line-height: 1;
}
._menu .item li .back p {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 0;
}
._menu .item li .back .price {
  width: 95vw;
  align-self: center;
  flex-direction: row;
}
._menu .item li .back .price .m {
  margin-bottom: 0;
  margin-right: 12px;
} 

 /* 버튼 */
/*  ._menu .item li .back .sub-btn {
  margin-top: 32px;
} */

/* 팝업 */
/*  .menu-popup .con .top strong {
  font-size: 24px;
}
.menu-popup .con .col em {
  font-size: 16px;
}
.menu-popup .con .col .con span {
  font-size: 12px;
}
.menu-popup .con .table-box table tr, .menu-popup .con .table-box table th, .menu-popup .con .table-box table td {
  font-size: 12px;
}
  */
}



/* 2차카테고리 추가 */
._menu .second_tab{ margin-bottom: 70px; margin-top: -20px; }
._menu .second_tab .tabs{ display: flex; align-items: center; }
._menu .second_tab .tabs li{ margin-right: 10px; }
._menu .second_tab .tabs li:last-of-type{ margin-right: 0; }
._menu .second_tab .tabs li > a{ display: flex; padding: calc(14 / 20 * 1em) calc(20 /20 * 1em); border-radius: calc(50 / 20 * 1em); align-items: center; justify-content: center; font-size: 20px; font-weight: 700; border-radius: 40px; letter-spacing: -0.02em; transition-duration: 0.2s; }
._menu .second_tab .tabs li.on > a{ background-color: #131313; color: #fff; }

@media screen and (min-width: 821px){
._menu .second_tab .tabs li > a:hover{ background-color: #131313; color: #fff; }
}

@media screen and (max-width: 1024px){
._menu .second_tab .tabs li > a{ font-size: 16px; }
}

@media screen and (max-width: 500px){
._menu .second_tab .tabs{ justify-content: center; }
._menu .second_tab .tabs li > a{ font-size: 14px; line-height: calc(15.23/14*1em); padding: 10px 16px;}
} 
.marketing_solution .subTit.eng{
font-size: 55px;
font-family: "Great Vibes", cursive;
}

.marketing_solution{padding: 100px 0; font-family: 'Tenada';}
   .solution_in{display:flex;}
   .solution_in > div{box-sizing:border-box;}
   .solution_in .tit_area{width:650px;}
   .solution_in .tit_area .subTit{position:-webkit-sticky; position:sticky; top:130px; left:0;}
   .solution_in .cont_area{width:calc(100% - 500px);}
   .solution_in .cont_area dl{background:rgba(255,255,255,.13); box-sizing:border-box; border-radius:10px; padding: 60px 40px; margin:0 0 60px; display:flex;}
   .solution_in .cont_area dl:last-child{margin:0;}
   .solution_in .cont_area dl dt{width: 80%;}
   .solution_in .cont_area dl dt img{max-width:100%;}
   .solution_in .cont_area dl dd{width:calc(100% - 60px); box-sizing:border-box; padding:20px 0 0 60px;} 
   .solution_in .cont_area dl dd .dep_tit{padding:0 0 16px; letter-spacing: 0;}
   .solution_in .cont_area dl dd .txt{padding:0 0 30px;letter-spacing: .5px;}

.downloadBtn{display:inline-block; padding:0 27px; font-size:15px; color:var(--mainColor); letter-spacing:-0.35pt; text-align:center; transition:all .3s linear; border:1px solid var(--mainColor); border-radius:6px; height:48px; line-height:46px; box-sizing:border-box;}
.downloadBtn:hover{background:var(--mainColor); color:#000;}
.downloadBtn svg{width:15px; height:15px; fill:var(--mainColor); transition:all .3s linear; display:inline-block; margin:-2px 10px 0 0; vertical-align:middle;}
.downloadBtn:hover svg{fill:#000;}
@media screen and (max-width:1280px){
.marketing_solution{}
.solution_in{}
.solution_in .tit_area{width:450px;}
.solution_in .tit_area .subTit{top:110px;}
.solution_in .cont_area{width:calc(100% - 450px);}
.solution_in .cont_area dl{padding:50px 40px;}
.solution_in .cont_area dl dd{padding:0 0 0 40px;} 


}

@media screen and (max-width:980px){

.marketing_solution{}
.solution_in{}
.solution_in .tit_area{width:300px;}
.solution_in .tit_area .subTit{top:100px;}
.solution_in .cont_area{width:calc(100% - 300px);}
.solution_in .cont_area dl{padding:30px 20px; margin:0 0 10px;}
.solution_in .cont_area dl dt{width:60px;}
.solution_in .cont_area dl dd{width:calc(100% - 60px); padding:0 0 0 20px;} 
.solution_in .cont_area dl dd .dep_tit{padding:0 0 10px;}
.solution_in .cont_area dl dd .txt{padding:0 0 15px;}

.downloadBtn{padding:0 20px; font-size:13px; height:40px; line-height:38px;}
.downloadBtn svg{width:12px; height:12px; margin:-2px 7px 0 0;}
}

@media screen and (max-width:680px){

.marketing_solution{}
.solution_in{flex-wrap:wrap;}
.solution_in .tit_area{width:100%;}
.solution_in .tit_area .subTit{top: auto; left: auto; position: relative !important; margin:0 0 20px;}
.solution_in .cont_area{width:100%;}
.solution_in .cont_area dl{padding:20px 15px; flex-wrap:wrap;}
.solution_in .cont_area dl dt{width:50px;}
.solution_in .cont_area dl dd{width:100%; padding:12px 0 0;} 
.solution_in .cont_area dl dd .dep_tit{padding:0 0 8px;}
.solution_in .cont_area dl dd .txt{padding:0 0 12px;}

.downloadBtn{width: 100%;}

}