/* 게시판 타이틀 */
.sub-content .container .title-wrap { padding:3em 0 2em 0; }
.sub-content .container .title-wrap h2 { font-size:40px; font-weight:600; color:#000; line-height:1.4em; text-align:center; font-family:'noto sans kr',sans-serif; }


/*회사소개*/



@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}



@font-face {
    font-family: 'PuradakGentleGothicR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.1/PuradakGentleGothicR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


.introTxt{font-family: 'PuradakGentleGothicR';font-size:3.5em;text-align:center;line-height:1.2em;color:#000;}
.introTxt span{color:#593A2E;font-weight:bold;}
.sub-content{background-color: #f1ebe0;}
.sub-content{background-color:#fff;}


.videoCover {margin-top:-350px;}
.videoCover video{
position: relative;
    top: 350px;
    z-index: 1;
    width: 80%;
    left: 10%;
    border: 8px solid #593A2E;
}



.infoCover{position:relative;font-size:0;width:100%;}
.infoCover img{width:100%;height:auto;}
.infoCover>img{position:relative;}


.infoCover .textCover{
position:absolute;
z-index:0;
top:30%;
right:3%;


}


#lastCover{
padding-top:180px;margin-top:100px;
background-image:url("https://yukdaejang0.cafe24.com/default/img/sub/company/topBg.png"),
url("https://yukdaejang0.cafe24.com/default/img/sub/company/lastBg.png");
background-position:center top;
background-size: 100%,100%;
background-repeat:no-repeat;
padding-bottom:160px;
}


#lastCover ul{width:100%;display: flex;
flex-wrap: wrap;}
#lastCover ul::after{display:block;clear:both;content:'';}
#lastCover ul li{flex: 1 1 40%;text-align:center;margin:20px auto;}
#lastCover ul li p{border-radius:50px;border:2px solid #231815;color:#231815;padding:20px 0;display:inline-block;font-size:20px;width:350px;}


.textCover2.headTxtRight{display: none;}



@font-face {
    font-family: 'KBIZHanmaumMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#lastCover > p, .headTxt{padding:10% 0 0;font-family: 'KBIZHanmaumMyungjo';font-weight:bold;font-size:38px;text-align:center;color:#231815;line-height:1.2em;}
#lastCover > p.lastTradi{padding:140px 0 0;}

.textCover .headTxt{
color:#fff;font-size: 40px;text-align: right;
font-weight:bold;
}

.textCover p{color:#fff;
font-size: 22px;
text-align: right;font-weight:300;

}


.textCover2{float:left;width:fit-content;text-align:left;    max-width: 50%;}
.textCover2 .headTxt{font-size: 40px;text-align: left;font-weight:bold;}
.textCover2 p{font-size:22px;font-weight:300;}

.bestStore span{
height: 60px;
    border-radius: 20px;
    display: inline-block;
    border: 1px solid #706052;
    text-align: center;
    line-height: 60px;
    margin-right: 10px;
    margin-top: 10px;
    /* padding: 0 20px; */
    width: 140px;
}

.textCover3{float:right;width:fit-content;text-align:right;max-width: 50%;}
.textCover3 .headTxt{font-size: 40px;text-align: right;font-weight:bold;}
.textCover3 p{font-size:22px;font-weight:300;}


.textCover4{float:left;width:fit-content;text-align:left;}
.textCover4 .headTxt{font-size: 40px;text-align: left;font-weight:bold;}
.textCover4 p{font-size:22px;font-weight:300;}

#infoSlide::after{display:block;clear:both;content:'';}
#infoSlide > .container{max-width:50%;float:right;margin-bottom:0;}
#infoSlide > .slideTxt{float:left;}


#infoSlide .sub-content section{margin-bottom:0;}

#infoSlide2::after{display:block;clear:both;content:'';}
#infoSlide2 > .container{max-width:50%;float:left;margin-bottom:0;}
#infoSlide2 > .slideTxt{float:right;}


#infoSlide3::after{display:block;clear:both;content:'';}
#infoSlide3 > .container{max-width:50%;float:right;margin-bottom:0;}
#infoSlide3 > .slideTxt{float:left;}

#infoSlide4::after{display:block;clear:both;content:'';}
#infoSlide4 > .container{max-width:50%;float:left;margin-bottom:0;}
#infoSlide4 > .slideTxt{float:right;}


#infoSlide .sub-content section{margin-bottom:0;}


@media(max-width:1480px){
  #infoSlide > .container{padding:0;}
  #infoSlide2 > .container{padding:0;}
  #infoSlide3 > .container{padding:0;}
  #infoSlide4 > .container{padding:0;}
}

@media(max-width:1700px){
  .introTxt{font-size: 2.8em;}
  .textCover .headTxt{font-size: 35px;}
  .textCover2 .headTxt{font-size: 35px;}
  .textCover3 .headTxt{font-size: 35px;}
  .textCover4 .headTxt{font-size: 35px;}
  .textCover p{font-size: 20px;}
  .textCover2 p{font-size: 20px;}
  .textCover3 p{font-size: 20px;}
  .textCover4 p{font-size: 20px;}


  #lastCover > p.lastTradi{padding:7% 0 0;font-size: 35px;}
}

@media(max-width:1280px){


  .introTxt{font-size: 2.8em;}
  .textCover .headTxt{font-size: 30px;}
  .textCover2 .headTxt{font-size: 30px;}
  .textCover3 .headTxt{font-size: 30px;}
  .textCover4 .headTxt{font-size: 30px;}
  .textCover p{font-size: 17px;}
  .textCover2 p{font-size: 17px;}
  .textCover3 p{font-size: 17px;}
  .textCover4 p{font-size: 17px;}

  #lastCover > p.lastTradi{font-size: 30px;padding:3% 0 0;}
  #lastCover ul li p{font-size: 17px;padding:10px 0;width: 300px;}
  #lastCover{padding-top: 18%;}


  .bestStore span{width: 90px;
    font-size: 14px;height: 50px;line-height: 50px;}

}

@media(max-width:1024px){

  .videoCover video{width: 84%;left:8%;}

  .infoCover.infoCover1{padding-top:50px;}
  .sub-page p.introTxt{font-size: 30px;}
  .textCover .headTxt{font-size: 22px;padding:70% 0 0;}
  .textCover2 .headTxt{font-size: 22px;}
  .textCover3 .headTxt{font-size: 22px;}
  .textCover4 .headTxt{font-size: 22px;}

  #lastCover > p.lastTradi{font-size: 22px;}
  #lastCover ul li p{font-size: 14px;border:1px solid #231815;}

}

@media(max-width:850px){

  .videoCover video {
    width: 100%;
    left: 0;
}

  #lastCover > p, .headTxt{padding:10% 0 0;}

  .infoCover.infoCover1{padding-top:0;margin-top:-25%;}

.textCover2 .headTxt{text-align: left;}
.bestStore{width:100% !important;}
.bestStore span{height: 40px;line-height: 40px;margin-right: 5px;padding:0 10px;}
  .textCover2.headTxtRight{display: block;float: none;text-align: left;width: 100%;max-width:100%;padding-top:3%;}
  .textCover2.headTxtLeft{display: none;}

#infoSlide > .container{float:none;max-width: 100%;max-height: 450px;overflow: hidden;}
#infoSlide3 > .container{float:none;max-width: 100%;max-height: 450px;overflow: hidden;}
.textCover,.textCover2,.textCover3,.textCover4{padding:0 0 10%;}
.infoCover .textCover{position: inherit;right: 0;}
.textCover .headTxt{padding: 50px 0 0;text-align: center;color: #231815;}
.textCover p{text-align: center;color: #231815;}


#infoSlide2 > .container{max-width: 100%;max-height: 450px;overflow: hidden;float: none;}
#infoSlide4 > .container{max-width: 100%;max-height: 450px;overflow: hidden;float: none;}
.textCover3{text-align: left;width: 100%;max-width:100%;}
.textCover3 .headTxt{text-align: left;}

.textCover4{text-align: center;width: 100%;}
.textCover4 .headTxt{text-align: center;}
}

@media(max-width:700px){


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


}

@media(max-width:550px){

#lastCover ul li p {width: 250px;}
#lastCover ul li{margin:10px 0;}
}
@media(max-width:450px){


}


/* 창업비용 */
.conticon{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%); }

.conticon .close {
  color: #FFFFFF;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background: #333333;
  z-index: 9;
}

.conticon .close:before {
  font-family: 'xeicon';
  padding: 0;
  font-size: 26px;
  top: 7px;
  opacity: 1;
  color: #FFF;
  content: '\e921';
  right: 18px;
      margin-left: 9px;
}

/* =========================================================================================
 * ���������� ���뽺Ÿ��
 * =========================================================================================*/

.sub-page {
   width: 100%;
   color: #5D5D5D;
   font-size: 17px;
   line-height: 1.67;
   letter-spacing: -0.8px;
   text-align: left;
   word-break: keep-all;
   font-family: 'Noto Sans KR','Montserrat', sans-serif;
   margin-top:180px;
}

.sub-page h2 {
   color: #3F342F;
   font-size: 32px;
   font-weight: 500;
   text-align: center;
}

.sub-page h2.costTit{
  /* color: #FFF; */
  font-size: 42px;
  line-height: 1.6;
  font-weight: 600;
  padding-bottom: 20px;
  font-family: 'Montserrat','Noto Sans KR', sans-serif;
  display: block;
  letter-spacing: -0.05em;
  text-align: center;

}

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

.sub-page h2.costTit {
    font-size: 36px;
    padding-bottom: 10px;
  }

}

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


.sub-page h2.costTit {
    font-size: 28px;
    padding-bottom: 15px;
  }

}

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

.sub-page h2.costTit {
    font-size: 24px;
  }


}

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

.sub-page h2.costTit {
    font-size: 20px;
  }
}



.sub-page h3 {
   color: #000000;
   font-size: 27px;
   font-weight: 500;
   padding-bottom: 20px;
   position: relative;
}

.sub-page h4 {
   color: #706052;
   font-size: 22px;
   font-weight: 500;
   padding-bottom: 10px;
}

.sub-page p {
   margin-bottom: 20px;
}

.sub-page p:last-child {
   margin-bottom: 0;
}



.sub-content {
  padding: 0 0 80px 0;
  min-height: 400px;
}



.sub-content section {
  margin-bottom: 100px;
}

.sub-content section:last-child {
  margin-bottom: 0;
}



/* ���� �ϴ� �������� */
.mb-n {
  margin-bottom: -100px !important;
}



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

		.sub-page {
		   font-size: 15px;
		}
		.sub-page h3 {
		   font-size: 22px;
		   padding-bottom: 10px;
		}
		.sub-page h4 {
		   font-size: 19px;
		}

		.sub-content {
		  padding: 80px 0;
		}
		.sub-content section {
		  margin-bottom: 80px;
		}
		.mb-n {
		  margin-bottom: -80px !important;
		}
	}


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

		.sub-page {
		   font-size: 14px;margin-top: 130px;
		}
		.sub-page h3 {
		   font-size: 20px;
		   padding-bottom: 10px;
		}
		.sub-page h4 {
		   font-size: 17px;
		}
		.sub-page p {
		   font-size: 14px;
		   margin-bottom: 10px;
		}
		.sub-content {
		  padding: 60px 0;
		}
		.sub-content section {
		  margin-bottom: 60px;
		}
		.mb-n {
		  margin-bottom: -60px !important;
		}
	}


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

		.sub-content {
		  padding: 40px 0;
		}
		.sub-page h3 {
		   font-size: 18px;
		}
		.sub-page h4 {
		   font-size: 16px;
		}
	}


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

		.sub-content {
		  min-height: 380px;
		}
	}




/* =========================================================================================
 * ������ �̹���
 * =========================================================================================*/

.mobile {
   display: none;
}


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

		.pc {
		   display: none;
		}

		.mobile {
		   display: block;
		}

	}




/* =========================================================================================
 * ���� �� ��Ÿ
 * =========================================================================================*/


/* ���� */
hr {
   border:  0;
   border-bottom: 1px solid rgba(210, 215, 217, 0.75);
   margin: 0;
}

/* ���� �� ���� */
.txt-left {
   text-align: left;
}
.txt-center {
   text-align: center;
}
.txt-right {
   text-align: right;
}
.pdT10 {
   padding-top: 10px !important;
}
.pdT20 {
   padding-top: 20px !important;
}
.pdT30 {
   padding-top: 30px !important;
}
.pdB10 {
   padding-bottom: 10px !important;
}
.pdB30 {
   padding-bottom: 30px !important;
}
.pdB40 {
   padding-bottom: 40px !important;
}
.p-bottom {
   margin-bottom: 25px !important;
}
.sm-bottom {
   margin-bottom: 30px !important;
}
.md-bottom {
   margin-bottom: 50px !important;
}
.lg-bottom {
   margin-bottom: 120px !important;
}

.mt20 {
   margin-top: 20px !important;
}
.mb10 {
   margin-bottom: 10px !important;
}
.mb20 {
   margin-bottom: 20px !important;
}
.mb30 {
   margin-bottom: 30px !important;
}
.mb40 {
   margin-bottom: 40px !important;
}
.mb50 {
   margin-bottom: 50px !important;
}
.mb60 {
   margin-bottom: 60px !important;
}
.mb70 {
   margin-bottom: 70px !important;
}

.columns2 {
   columns: 2;
}
.columns3 {
   columns: 3;
}


/* ��Ʈ ����Ʈ �÷� */
.fc-brown {
   color: #876340;
}
.fc-blue {
   color: #00529B;
}


/* �����÷� */
.bg-gray {
   background: #F5F5F5;
   padding: 100px 0;
}

.bg-beige{
  background: #f9f5f1;
  padding: 80px 0;
}



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

		/* �����÷� */
		.bg-gray {
		   padding: 60px 0;
		}
	}



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

		/* �����÷� */
		.bg-gray {
		   padding: 40px 0;
		}
	}






/* =========================================================================================
 * ��ư ��Ÿ��
 * =========================================================================================*/

a.btn-style1 {
  display: inline-block;
  color: #FFFFFF;
  background: #1D3F90;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  border-radius: 100px;
 }

 a.btn-style2 {
  display: inline-block;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
 }

 a.btn-style3 {
  display: inline-block;
  color: #FFFFFF;
  background: #1D3F90;
  padding: 6px 25px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  border-radius: 100px;
 }



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

		a.btn-style1 {
		  padding: 8px 25px;
		  font-size: 13px;
		}
	}

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

		.columns2 {
		   columns: 1;
		}
	}





/* =========================================================================================
 * ����Ʈ ��Ÿ��
 * =========================================================================================*/

ul.list li {
   padding-left: 15px;
   position: relative;
}

ul.list li:before {
   content: '';
   display: inline-block;
   width: 5px;
   height: 5px;
   top: 14px;
   left: 2px;
   border-radius: 40px;
   background: #666666;
   position: absolute;
}



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

		ul.list li:before {
		   width: 4px;
		   height: 4px;
		   top: 12px;
		}
	}


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

		ul.list li {
		   padding-left: 12px;
		}
		ul.list li:before {
		   width: 3px;
		   height: 3px;
		   top: 10px;
		}
	}



/* =========================================================================================
 * ���������� ���ܽ�Ÿ��
 * =========================================================================================*/

/* �����̹��� */
.sub-top {
   height: 480px;
   padding-top: 90px;
   position: relative;
   display: flex;
   width: 100%;
   margin: 0 auto;
   flex-wrap: wrap;
   align-items: center;
   justify-content: left;
   z-index: -1;
}

.sub-top-img1 {background: url('../../img/sub/sub_top_01.jpg') center no-repeat; background-size:cover;}
.sub-top-img2 {background: url('../../img/sub/sub_top_02.jpg') center no-repeat; background-size:cover;}
.sub-top-img3 {background: url('../../img/sub/sub_top_03.jpg') center no-repeat; background-size:cover;}
.sub-top-img4 {background: url('../../img/sub/sub_top_04.jpg') center no-repeat; background-size:cover;}
.sub-top-img5 {background: url('../../img/sub/sub_top_05.jpg') center no-repeat; background-size:cover;}
.sub-top-img6 {background: url('../../img/sub/sub_top_06.jpg') center no-repeat; background-size:cover;}
.sub-top-img7 {background: url('../../img/sub/sub_top_07.jpg') center no-repeat; background-size:cover;}
.sub-top-img8 {background: url('../../img/sub/sub_top_08.jpg') center no-repeat; background-size:cover;}
.sub-top-member {background: url('../../img/sub/sub_top_member.jpg') center no-repeat; background-size:cover;}


/* �����̹��� ���ΰ� */
.slogan-box {
   font-family: 'Montserrat','Noto Sans KR', serif;
   text-align: center;
}

.slogan-box h1 {
   font-size: 40px;
   font-weight: 700;
   color: #FFFFFF;
   padding-bottom: 5px;
   letter-spacing: 0;
}
.slogan-box p {
   color: #EEE;
   font-size: 16px;
}




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

		/* �����̹��� */
		.sub-top {
		   height: 360px;
		   padding-top: 85px;
		}
		.slogan-box h1 {
		   font-size: 32px;
		   padding-bottom: 5px;
		}
		.slogan-box p {
		   font-size: 14px;
		}
	}


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

		/* �����̹��� */
		.sub-top {
		   height: 280px;
		   padding-top: 65px;
		}
		.slogan-box h1 {
		   font-size: 26px;
		}
		.slogan-box p {
		   font-size: 13px;
		}
	}



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

		/* �����̹��� */
		.sub-top {
		   height: 220px;
		}
		.slogan-box h1 {
		   font-size: 20px;
		}
		.slogan-box p {
		   font-size: 12px;
		}
	}





/* =========================================================================================
 * �����޴� ��Ÿ��
 * =========================================================================================*/

/* �����޴� �����÷� */
.submenu{
  /* margin-top:90px; */
  /* padding-top:20px; */
/* position: relative; */
position: absolute;
top: 85px;
z-index: 7;
}
.submenu {
   width: 100%;
   font-size: 0;
   line-height: 0;
   background: #333;
   padding: 14px;
}
.submenu ul {
   width: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
}
.submenu li {
   margin-right: 30px;
}
.submenu li:last-child {
   margin-right: 0;
}

/* �����޴� ��Ʈ��Ÿ�� */
.submenu li a {
   color: #CCCCCC;
   font-size: 17px;
   line-height: 1.2;
   width: 100%;
   padding: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.submenu li a:hover {
   color: #cdb68b;
}
.submenu li a.active {
   color: #cdb68b;
   font-weight: 500;
   border-bottom: 2px solid #cdb68b;
}

.submenu li a.active:after {
   content: '';
   height: 3px;
   background: #cdb68b;
   left: 0;
   bottom: 0;
   position: absolute;
}




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

		/* �����޴� ��Ʈ��Ÿ�� */
		.submenu li a {
		   font-size: 15px;
		}
	}


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

		/* �����޴� ��Ʈ��Ÿ�� */

		.submenu li a {
		   font-size: 14px;
		   padding: 3px;
		}
		.submenu li {
		   margin-right: 18px;
		}
	}



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

		.submenu {
		   padding: 6px 14px;
		}

		/* �����޴� ��Ʈ��Ÿ�� */
		.submenu li a {
		   font-size: 13px;
		   padding: 2px;
		}
		.submenu li {
		   margin: 4px 15px 4px 0;
		}
		.submenu li a.active {
		   border-bottom: 1px solid #cdb68b;
		}
	}


  @media (max-width:1024px){
  .submenu{top:65px}
  }

  @media (max-width:480px){
  .submenu{top:75px}
  }








/* =========================================================================================
 * ȸ���Ұ�
 * =========================================================================================*/


/* �����Ұ� */
.overview {
   width: 100%;
   position: relative;
   line-height: 1.78;
}

.overview .ov-img img {
   width: 100%;
}

.overview .ov-box {
   background: #FFF;
   padding: 0 80px;
   text-align: center;
}

.overview .ov-tit {
   font-size: 36px;
   line-height: 0.8;
   color: #000000;
   font-weight: bold;
   padding-bottom: 50px;
}


/* �������� */
.company-info ul {
   border: 1px solid #E0E0E0;
   display: flex;
   align-items: center;
   text-align: center;
   width: 100%;
   position: relative;
   flex-wrap: wrap;
}

.company-info ul li {
   width: 20%;
   padding: 40px 20px;
   border-right: 1px solid #E0E0E0;
}

.company-info ul li .img {
   padding-bottom: 10px;
}

.company-info ul li h4 {
   font-size: 22px;
   padding-bottom: 10px;
}

.company-info ul li p {
   padding-bottom: 0;
}

.company-info ul li:last-child {
   border-right: 0;
}


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

		/* �����Ұ� */
		.overview .ov-tit {
		   font-size: 30px;
		   padding-bottom: 30px;
		}

		/* �������� */
		.company-info ul li h4 {
		   font-size: 19px;
		   padding-bottom: 0;
		}
	}

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

		/* �����Ұ� */
		.overview .ov-tit {
		   font-size: 24px;
		   padding-bottom: 20px;
		}
		.overview .ov-box {
		   padding: 0 40px;
		}


		/* �������� */
		.company-info ul li {
		   padding: 25px 15px;
		}
		.company-info ul li h4 {
		   font-size: 17px;
		}
		.company-info ul li .img img {
		   width: 60px;
		   height: auto;
		}
	}



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

		/* �����Ұ� */
		.overview .ov-tit {
		   font-size: 19px;
		   line-height: 1.6;
		}
		.overview .ov-box {
		   padding: 0;
		}
		/* .overview .ov-cont br {
		   display: none;
		} */


		/* �������� */
		.company-info ul li {
		   width: 33.33333%;
		   border-bottom: 1px solid #E0E0E0;
		}
		.company-info ul li:nth-child(3n+3) {
		   border-right: 0;
		}
		.company-info ul li:last-child {
		   border-right: 1px solid #E0E0E0;
		}
		.company-info ul li:nth-child(4),
		.company-info ul li:nth-child(5),
		.company-info ul li:nth-child(6) {
		   border-bottom: 0;
		}

	}




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

		/* �������� */
		.company-info ul li {
		   width: 50%;
		   padding: 20px 10px;
		}
		.company-info ul li:nth-child(3n+3) {
		   border-right: 1px solid #E0E0E0;
		}
		.company-info ul li:nth-child(2n+2) {
		   border-right: 0;
		}
		.company-info ul li:nth-child(4){
		   border-bottom: 1px solid #E0E0E0;
		}
		.company-info ul li .img img {
		   width: 50px;
		}

	}

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

    .overview .ov-cont br {
       display: none;
    }

}


/* =========================================================================================
 * ��ǥ �λ縻
 * =========================================================================================*/

.greeting {
   position: relative;
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

.greeting .imgs {
   width: 50%;
   padding-right: 70px;
}

.greeting .imgs img {
   width: 100%;
}

.greeting .cont {
   width: 50%;
   line-height: 1.78;
}

.greeting .cont h3 {
   color: #E5E5E5;
   font-size: 50px;
   font-weight: 700;
   line-height: 1.2;
   padding-bottom: 0;
   font-family: 'Montserrat';
}

.greeting .cont h3:before {
   display: none;
}

.greeting .cont .tit {
   font-size: 30px;
   line-height: 1.6;
   color: #1E1E1E;
   padding-bottom: 20px;
}

.ceo_sign {
   display: flex;
   padding-top: 60px;
   justify-content: end;
   font-size: 95%;
}
.ceo_sign img {
   padding-left: 10px;
}

.ceo_sign .name {
   vertical-align: top;
}



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

		.greeting .cont h3 {
		   font-size: 36px;
		}
		.greeting .cont .tit {
		   font-size: 20px;
		   padding-bottom: 20px;
		}
		.greeting .imgs {
		   padding-right: 40px;
		}
	}



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

		.greeting .imgs {
		   width: 36%;
		   padding-right: 30px;
		}
		.greeting .cont {
		   width: 64%;
		}
		.greeting .cont h3 {
		   font-size: 24px;
		}
		.greeting .cont .tit {
		   font-size: 18px;
		   padding-bottom: 10px;
		}
	}




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

		.greeting .imgs {
		   width: 100%;
		   padding-right: 0;
		   padding-bottom: 10px;
		}
		.greeting .cont {
		   width: 100%;
		}
	}







/* =========================================================================================
 * 쉐프 소개
 * =========================================================================================*/

.history-cont > p *{letter-spacing: -0.05em;}

.titPoint{    position: relative;}
.titPoint::after{
  content: '';
    display: inline-block;
    width: 100%;
    height: 12px;
    background: #cda38b;
    opacity:0.3;
    top: 18px;
    left: -2px;
    vertical-align: top;
    position: absolute;
    z-index: 1;
    margin-right: 10px;
    padding-right: 10px;
}
.infoPoint{font-size: 25px;font-weight: 400;line-height: 1.2em;margin-top:20px;display: inline-block;letter-spacing: -0.07em;}
.infoPoint.yellow{font-size: 40px;font-weight: bold;margin-top: 0;color: #cdb68b;margin-bottom: 20px;}
.history {
   position: relative;
   display: flex;
   flex-wrap: wrap;
}

.history .history-img {
   width: 42%;
   padding-right: 100px;
}

.history .history-img img {
   width: 100%;
}

.history .history-cont {
   width: 58%;
   color:#000;
}

ul.timeline > li {
   display: flex;
   align-items: baseline;
   padding-bottom: 40px;
   position: relative;
   flex-wrap: wrap;

}

ul.timeline > li:last-child:before {
	display: none;
}

ul.timeline > li:last-child {
   padding-bottom: 0;
}

ul.timeline li .year {
   width: 15%;

   font-size: 28px;
   font-weight: 600;
   font-family: 'Montserrat', sans-serif;
   position: relative;
}

ul.timeline li .year:after {
   content: '';
   display: inline-block;
   width: 85%;
   height: 12px;
   background: #cda38b;
   opacity:0.3;
   bottom: 10px;
   left: -2px;
   vertical-align: top;
   position: absolute;
   z-index: 1;
   margin-right: 10px;
   padding-right: 10px;
}

ul.timeline li .time-cont {
   width: 80%;
}

ul.timeline li .time-cont > li {
   position: relative;
   padding-left: 15px;
   padding-bottom: 5px;
   font-size: 17px;
}

ul.timeline li .time-cont > li:before {
   content: '';
   display: inline-block;
   width: 3px;
   height: 3px;
   background: #787878;
   border-radius: 50px;
   top: 14px;
   left: 0;
   vertical-align:  top;
   position: absolute;
}




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

		.history .history-img {
		   padding-right: 60px;
		}
		ul.timeline li .year {
		   font-size: 26px;
		}
	}


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

		ul.timeline li .year {
		   font-size: 22px;
		}
		ul.timeline li .year:after {
		   bottom: 7px;
		}
	}


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

		.history .history-img {
		   width: 38%;
		   padding-right: 40px;
		}
		.history .history-cont {
		   width: 62%;
		}
	}


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

		/* .history .history-img {
		   display: none;
		} */
		.history .history-cont {
		   width: 100%;
		}
		ul.timeline li .year {
		   width: 100%;
		}
		ul.timeline li .year:after {
		   width: 100%;
		   height: 8px;
		}
		ul.timeline li .time-cont {
		   width: 100%;
		}
	}




/* =========================================================================================
 * ������ ��ġ
 * =========================================================================================*/

/* ����Ÿ��Ʋ�� */
section.summary {
   text-align: center;
   margin-bottom: 80px;
}

.summary h3 {
   font-size: 40px;
   font-weight: 600;
   color: #0e2e7b;
}

.summary h3:before {
   display: none;
}

.summary p {
   font-size: 24px;
   color: #363636;
}

.vision > ul > li:first-child {
   border-top: 1px solid #DDDDDD;
}

.vision > ul > li {
   border-bottom: 1px solid #DDDDDD;
   padding: 50px 0;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.vision > ul > li .vs-img {
   width: 35%;
   padding-right: 50px;
   line-height: 0;
}

.vision > ul > li .vs-img img {
   width: 100%;
}

.vision > ul > li .vs-cont {
   width: 65%;
}

.vision > ul > li .vs-cont h4 {
   font-size: 28px;
   color: #000000;
   font-weight: 500;
   padding-bottom: 8px;
}

.vision > ul > li .vs-cont p {
   padding-bottom: 20px;
}





/* �ٷΰ��� ��ư */
a.vs-btn {
  display: inline-block;
  padding: 8px 45px 8px 25px;
  margin: 0 auto;
  color: #FFF;
  background: #00295d;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}

a.vs-btn:before {
  font-family: 'xeicon';
  padding: 0;
  top: 7px;
  opacity: 1;
  margin-left: 10px;
  color: #FFF;
  content: '\e980';
  right: 18px;
}

a.vs-btn:hover {
  background: #0053a9;
}




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

		/* ����Ÿ��Ʋ�� */
		section.summary {
		   margin-bottom: 40px;
		}

		.summary h3 {
		   font-size: 30px;
		}
		.summary p {
		   font-size: 18px;
		}

		.vision > ul > li {
		   padding: 30px 0;
		}
		.vision > ul > li .vs-cont h4 {
		   font-size: 22px;
		   padding-bottom: 8px;
		}
		a.vs-btn {
		  padding: 8px 45px 8px 25px;
		  font-size: 14px;
		}
	}



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

		.summary h3 {
		   font-size: 24px;
		}
		.summary p {
		   font-size: 16px;
		}

		.vision > ul > li {
		   align-items: flex-start;
		}

		.vision > ul > li .vs-img {
		   width: 30%;
		   padding-right: 30px;
		}
		.vision > ul > li .vs-cont {
		   width: 70%;
		}
		.vision > ul > li .vs-cont h4 {
		   font-size: 20px;
		}
		a.vs-btn {
		  padding: 8px 35px 8px 15px;
		  font-size: 13px;
		}
	}



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

		/* ����Ÿ��Ʋ�� */
		section.summary {
		   margin-bottom: 30px;
		}

		.summary h3 {
		   font-size: 20px;
		}
		.summary p {
		   font-size: 14px;
		}
		.vision > ul > li .vs-cont h4 {
		   font-size: 18px;
		}
	}



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

		.vision > ul > li .vs-img {
		   width: 100%;
		   padding-right: 0;
		   padding-bottom: 10px;
		}
		.vision > ul > li .vs-cont {
		   width: 100%;
		}
		.vision > ul > li .vs-cont h4 {
		   font-size: 20px;
		}
		a.vs-btn {
		  padding: 8px 35px 8px 15px;
		  font-size: 13px;
		}
	}






/* =========================================================================================
 * �߰������� ���̾ƿ�
 * =========================================================================================*/


/* �̹������� �ڽ� */
.bg-box {
   height: 300px;
   padding: 20px;
   text-align: center;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
}

.bg-box h3, .bg-box p {
   color: #FFFFFF;
}

.bg-info h3:before {
   display: none;
}

.bg-1 {background: url('../../img/sub/bg-1.jpg') center top no-repeat; background-size:cover;}
.bg-2 {background: url('../../img/sub/bg-2.jpg') center top no-repeat; background-size:cover;}
.bg-3 {background: url('../../img/sub/bg-3.jpg') center top no-repeat; background-size:cover;}
.bg-4 {background: url('../../img/sub/bg-4.jpg') center top no-repeat; background-size:cover;}
.bg-5 {background: url('../../img/sub/bg-5.jpg') center top no-repeat; background-size:cover;}
.bg-6 {background: url('../../img/sub/bg-6.jpg') center top no-repeat; background-size:cover;}
.bg-7 {background: url('../../img/sub/bg-7.jpg') center top no-repeat; background-size:cover;}
.bg-8 {background: url('../../img/sub/bg-8.jpg') center top no-repeat; background-size:cover;}
.bg-9 {background: url('../../img/sub/bg-9.jpg') center top no-repeat; background-size:cover;}
.bg-10 {background: url('../../img/sub/bg-10.jpg') center top no-repeat; background-size:cover;}




/* 1�� ~ 5���̹����ڽ� (�¿� ������ �ִ� �̹����ڽ�) �������� �κ� */
.img-row {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

.img-row > li {
   padding-top: 40px;
}

.img-row .img {
   line-height: 0;
   padding-bottom: 10px;
}

.img-row .img img {
   width: 100%;
}



/* ���� */
.n1 > li {width: 100%;}
.n2 > li {width: 49%;}
.n3 > li {width: 32%;}
.n4 > li {width: 24%;}
.n5 > li {width: 19%;}


.n2 > li:nth-child(-n+2) {
   padding-top: 0;
}

.n3 > li:nth-child(-n+3){
   padding-top: 0;
}

.n4 > li:nth-child(-n+4) {
   padding-top: 0;
}

.n5 > li:nth-child(-n+5) {
   padding-top: 0;
}


/* 1�� �̹��� */
.n1 > .img {
   padding-bottom: 25px;
}




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

		/* �̹������� �ڽ� */
		.bg-box {
		   height: 240px;
		}
	}



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

		/* �̹������� �ڽ� */
		.bg-box {
		   height: 190px;
		}

		/* 1�� �̹��� */
		.n1 > .img {
		   padding-bottom: 15px;
		}

	}



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

		/* �̹������� �ڽ� */
		.bg-box {
		   height: 150px;
		}

		/* 1�� ~ 5���̹����ڽ� (�¿� ������ �ִ� �̹����ڽ�) �������� �κ� */
		.img-row > li {
		   padding-top: 30px !important;
		}

		/* ���� */
		.n3 > li,
		.n4 > li,
		.n5 > li {width: 49%;}

		.n2 > li:nth-child(-n+2),
		.n3 > li:nth-child(-n+2),
		.n4 > li:nth-child(-n+2),
		.n5 > li:nth-child(-n+2) {
		   padding-top: 0 !important;
		}
	}



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

		/* ���� */
		.n2 > li,
		.n3 > li,
		.n4 > li,
		.n5 > li {width: 100%;}

		.n2 > li:nth-child(2),
		.n3 > li:nth-child(2),
		.n4 > li:nth-child(2),
		.n5 > li:nth-child(2) {
		   padding-top: 30px !important;
		}

	}









/* =========================================================================================
 * ���ô� ��
 * =========================================================================================*/

/* �����ȳ� */
.map {
   width: 100%;
}

.map .map_img {
   height: 450px;
   border: 1px solid #CCCCCC;
}

.map ul.address {
   padding-top: 10px;
}

.map .address li {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   padding: 25px;
   position: relative;
   border-bottom: 1px solid #E5E5E5;
}

.map .address li .tit {
   color: #000000;
   font-weight: 500;
   width: 16%;
   padding-left: 10px;
}

.map .address li .txt {
   width: 84%;
}


/* �����ȳ� */
.map-2 {
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
   display: flex;
}

.map-2 > div {
   width: 48%;
}

.map-2 .map_img {
   height: 450px;
   border: 1px solid #CCCCCC;
}

.map-2 ul {
   padding-top: 10px;
}

.map-2 .address li {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   padding: 20px;
   position: relative;
   border-bottom: 1px solid #E5E5E5;
}

.map-2 .address li .tit {
   color: #000000;
   font-weight: 500;
   width: 28%;
   padding-left: 10px;
}

.map-2 .address li .txt {
   width: 72%;
}




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

		.map .address li {
		   padding: 15px;
		}
		.map-2 .address li {
		   padding: 15px;
		}
		.map-2 .address li .tit {
		   width: 35%;
		}
		.map-2 .address li .txt {
		   width: 65%;
		}

	}



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

		.map .map_img {
		   height: 360px;
		}
		.map-2 .map_img {
		   height: 360px;
		}

		.map-2 > div {
		   width: 100%;
		}
		.map-2 > div:first-child {
		   margin-bottom: 40px;
		}
	}



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

		.map .map_img {
		   height: 300px;
		}
		.map .address li .tit {
		   width: 100%;
		   padding-left: 0;
		}
		.map .address li .txt {
		   width: 100%;
		}

		.map-2 .map_img {
		   height: 300px;
		}
		.map-2 .address li .tit {
		   width: 100%;
		   padding-left: 0;
		}
		.map-2 .address li .txt {
		   width: 100%;
		}
	}




/* =========================================================================================
 * ��������
 * =========================================================================================*/

/* 1�� �����ܹ��� */
ul.icon-row-1 {
   width: 100%;
}

ul.icon-row-1 > li {
   background: #F3F3F3;
   padding:  40px;
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

ul.icon-row-1 > li:last-child {
   margin-bottom: 0;
}

ul.icon-row-1 .txt {
   width: 70%;
   text-align: left;
}

ul.icon-row-1 .img {
   width: 30%;
   text-align: right;
   line-height: 0;
}



/* 2�� �����ܹ��� */

.imgOpen{background-color: #706052;color: #fff;border-radius: 20px;padding: 5px 15px;font-size: 0.75em;margin-left: 10px;}
ul.icon-row-2 {
   width: 100%;
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

ul.icon-row-2 > li {
   width: 49%;
   background: #FFFFFF;
   padding: 40px;
   display: flex;
   align-items: center;
   margin-top: 30px;
}

ul.icon-row-2 > li:nth-child(1),
ul.icon-row-2 > li:nth-child(2) {
   margin-top: 0;
}


ul.icon-row-2 .txt {
   width: 70%;
   text-align: left;
}

ul.icon-row-2 .img {
   width: 30%;
   text-align: right;
   line-height: 0;
}


/* 3�� �����ܹ��� */
ul.icon-row-3 {
   width: 100%;
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

ul.icon-row-3 > li {
   width: 32%;
   background:#fbf4ec;
   padding: 40px 30px;
   display: flex;
   align-items: center;
   flex-direction: column;
   margin-top: 30px;
   text-align: center;
}

ul.icon-row-3 > li:nth-child(1),
ul.icon-row-3 > li:nth-child(2),
ul.icon-row-3 > li:nth-child(3) {
   margin-top: 0;
}


ul.icon-row-3 .txt {
   width: 100%;
}

ul.icon-row-3 .img {
   width: 100%;
   line-height: 0;
   padding-bottom: 20px;
}


/* 4�� �����ܹ��� */
ul.icon-row-4 {
   width: 100%;
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

ul.icon-row-4 > li {
   width: 23.5%;
   background: #FFFFFF;
   padding: 0;
   display: flex;
   align-items: center;
   flex-direction: column;
   margin-top: 30px;
   text-align: center;
}

ul.icon-row-4 > li:nth-child(1),
ul.icon-row-4 > li:nth-child(2),
ul.icon-row-4 > li:nth-child(3),
ul.icon-row-4 > li:nth-child(4) {
   margin-top: 0;
}

ul.icon-row-4 .txt {
   width: 100%;
   padding: 35px 30px;
}

ul.icon-row-4 .img {
   width: 100%;
   line-height: 0;
}

ul.icon-row-4 .img img {
   width: 100%;
}



/* �ٷΰ��� ��ư */
a.vs-btn2 {
  display: inline-block;
  padding: 6px 40px 6px 25px;
  margin: 0 auto;
  color: #FFF;
  background: #666;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

a.vs-btn2:before {
  font-family: 'xeicon';
  font-size: 12px;
  padding: 0;
  top: 8px;
  opacity: 1;
  margin-left: 10px;
  color: #FFF;
  content: '\e93e';
  right: 22px;
}

a.vs-btn2:hover {
  background: #333;
}



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

		/* 1�� �����ܹ��� */
		ul.icon-row-1 > li {
		   padding: 30px;
		}
		ul.icon-row-1 .img img {
		   width: 80px;
		   height: auto;
		}

		/* 2�� �����ܹ��� */
		ul.icon-row-2 > li {
		   padding: 30px;
		}
		ul.icon-row-2 .img img {
		   width: 80px;
		   height: auto;
		}

		/* 3�� �����ܹ��� */
		ul.icon-row-3 > li {
		   padding: 30px;
		   margin-top: 24px;
		}
		ul.icon-row-3 .img img {
		   width: 80px;
		   height: auto;
		}

		/* 4�� �����ܹ��� */
		ul.icon-row-4 .txt {
		   padding: 25px;
		}
		a.vs-btn2 {
		   font-size: 14px;
		}
		a.vs-btn2:before {
		   top: 6px;
		}
	}


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

		/* 1�� �����ܹ��� */
		ul.icon-row-1 > li {
		   padding: 25px;
		   align-items: flex-start;
		}
		ul.icon-row-1 .img img {
		   width: 60px;
		}

		/* 2�� �����ܹ��� */
		ul.icon-row-2 > li {
		   padding: 25px;
		   align-items: flex-start;
		}
		ul.icon-row-2 .img img {
		   width: 60px;
		}

		/* 3�� �����ܹ��� */
		ul.icon-row-3 > li {
		   padding: 25px;
		   margin-top: 20px;
		}
		ul.icon-row-3 .img img {
		   width: 60px;
		}

		/* 4�� �����ܹ��� */
		ul.icon-row-4 .txt {
		   padding: 20px;
		}
		a.vs-btn2 {
		   font-size: 13px;
		}
	}


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

		/* 1�� �����ܹ��� */
		ul.icon-row-1 .txt {
		   width: 100%;
		}
		ul.icon-row-1 .img {
		   display: none;
		}

		/* 2�� �����ܹ��� */
		ul.icon-row-2 > li {
		   width: 100%;
		}
		ul.icon-row-2 .txt {
		   width: 100%;
		}
		ul.icon-row-2 .img {
		   display: none;
		}
		ul.icon-row-2 > li:nth-child(2) {
		   margin-top: 10px;
		}
		ul.icon-row-2 > li {
		   margin-top: 10px;
		}

		/* 3�� �����ܹ��� */
		ul.icon-row-3 > li {
		   width: 49%;
		   margin-top: 15px;
		}
		ul.icon-row-3 > li:nth-child(3) {
		   margin-top: 15px;
		}

		/* 4�� �����ܹ��� */
		ul.icon-row-4 > li {
		   width: 49%;
		}
		ul.icon-row-4 > li:nth-child(3),
		ul.icon-row-4 > li:nth-child(4) {
		   margin-top: 14px;
		}
	}



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

		/* 3�� �����ܹ��� */
		ul.icon-row-3 > li {
		   /* width: 100%; */
		}
		ul.icon-row-3 > li:nth-child(1),ul.icon-row-3 > li:nth-child(2) {
		   margin-top: 15px;
		}
		ul.icon-row-3 .img img {
		   width: 45px;
		}

		/* 4�� �����ܹ��� */
		ul.icon-row-4 > li {
		   width: 100%;
		}
		ul.icon-row-4 > li:nth-child(2) {
		   margin-top: 14px;
		}
	}


/* 연혁 */

.intro04 {
   /* background-color: #f1ebe0; */
   background-size: cover;
   text-align: center;
   padding-top:60px;
}
.intro04 .section-info{padding-top:0;}
.intro04 .section-info h2{line-height: 1em;color:#3F342F;}
.intro04Tab{margin: 10px auto 20px auto;width: fit-content;}
.intro04Tab::after{display: block;clear: both;content:'';}
.intro04Tab li{float:left;width: 120px;height: 50px;line-height: 50px;color: #706052;border-radius: 10px;border:1px solid #706052;cursor: pointer;}
.intro04Tab li:nth-child(1){margin-right: 10px;background-color: #706052;color:#fff;}
.intro04Tab li:hover{background-color: #706052;color:#fff;transition: 0.5s;}


.intro04 .section-info p{color: #706052;}

#sec4cover{margin-top:30px;/*height:600px;overflow-y:auto;position: relative;background-color: rgba(181, 173, 165, .1);*/border-radius: 10px;}
#sec4cover::-webkit-scrollbar{
    width: 13px;
    }
#sec4cover::-webkit-scrollbar-thumb{
    background: #706052;height:20%;border-radius:10px;
    }
#sec4cover::-webkit-scrollbar-track{
    background: rgba(181, 173, 165, .5);
    border-radius:10px;
    }

    .sec4his{display:block;}
    .sec4his.sec4com{display: none;}


.sec4his,.sec4cover{/*position: absolute;top: 0;left: 0;height: 600px;*/width: 100%;}

.yearInfoL{width:400px;float:left;height: fit-content;}
.yearInfoR{width:400px;float: right;height: fit-content;}
.sec4his ul{max-width: 900px;margin: 0 auto;}
.sec4his ul::after{clear: both;display: block;content: '';}
.sec4his ul li::after{clear: both;display: block;content: '';}
.sec4his ul li{margin-top: 30px;}

.sec4his ul li:last-child{margin-bottom:30px;}

.sec4his ul li.hisLeft{float: left;text-align: left;width: 100%;}
.sec4his ul li.hisLeft img,.sec4his ul li.hisLeft p{vertical-align: middle;}
.sec4his ul li.hisRight{float: right;text-align: right;width: 100%;}
.sec4his ul li.hisRight img,.sec4his ul li.hisRight p{/*float: left;*/vertical-align: middle;}
.sec4his ul li.hisLeft img,.sec4his ul li.hisRight img{width: 400px;height:400px;border-radius: 100%;}

.sec4his ul li.hisLeft p{    text-align: center;
    width: 200px;
    background-color: #706052;
    color: #fff;
    height: 100px;
    line-height: 100px;
    margin: 20px auto;
    /* border-radius: 100%; */
    display: block;}
.sec4his ul li.hisRight p{text-align: center;
    width: 200px;
    background-color: #706052;
    color: #fff;
    height: 100px;
    line-height: 100px;
    margin: 20px auto;
    /* border-radius: 100%; */
    display: block;}

.sec4his ul li.hisLeft p,.sec4his ul li.hisRight p{max-width: 600px;font-size: 3.8em;font-weight: bold;}
.txtArea{display: block;font-size: 22px;font-weight: 400;margin-top: 180px;padding:0 20px;color: #706052;}
.txtArea.txtAreaL{float: left;border-left: 1px solid #706052;margin-left: 50px;}

.txtArea.txtAreaR{float: right;border-right: 1px solid #706052;margin-right: 50px;}

.hisLine{width: 2px;
    height: 90px;
    clear: both;
    margin: -80px auto;
    background-color: rgb(181, 173, 165);border-radius: 10px;}


@media (max-width:1400px){
  .intro04 .container{padding:0;}
.sec4his{padding:0 50px;}
.txtArea{font-size: 18px;}
.sec4his ul li.hisLeft img, .sec4his ul li.hisRight img{width:350px;height: 350px;}
.yearInfoL,.yearInfoR{width: 350px;}
.txtArea{font-size: 20px;}
}

@media (max-width:1150px){
  .sec4his{padding: 0 1%;}
  .txtArea{font-size: 16px;}

}

@media (max-width:900px){
  .sec4his ul li.hisLeft p, .sec4his ul li.hisRight p{font-size: 3.5em;width: 170px;height: 80px;line-height: 80px;}
  .sec4his ul li.hisLeft img, .sec4his ul li.hisRight img{width: 300px;height: 300px;}
  .yearInfoL, .yearInfoR{width: 300px;}
  .txtArea.txtAreaL{margin-left: 30px;}
  .txtArea.txtAreaR{margin-right: 30px;}
  .txtArea{margin-top: 140px;}
  .sec4his ul{max-width: 635px;}

}


@media (max-width:800px){
  .sec4his ul li.hisLeft img, .sec4his ul li.hisRight img{width: 250px;height: 250px;}
  .yearInfoL, .yearInfoR{width: 250px;}
.txtArea{font-size: 14px;}
.sec4his ul li.hisLeft p, .sec4his ul li.hisRight p {
    font-size: 3em;
    width: 150px;
    height: 60px;
    line-height: 60px;}
    .txtArea{padding:0 10px;}
    .intro04{padding:60px 10px;}
}


@media (max-width:650px){
  .sec4his ul{width: 100%;}
  .yearInfoL, .yearInfoR{width: 60%;
    margin: 0 20%;}
    .txtAreaCover{width: 100%;}
.txtArea.txtAreaL{border-left: none;float: none;margin-left: 0;margin: 0 auto;width: fit-content;}
.txtArea.txtAreaR{border-right: none;float: none;margin-right: 0;margin: 0 auto;width: fit-content;}

.txtArea{width: 100%;
    text-align: left;font-size: 18px;}
    .sec4his ul li.hisLeft img, .sec4his ul li.hisRight img{width: 100%;height: auto;    margin-bottom: 20px;}
}

@media (max-width:500px){
  .yearInfoL, .yearInfoR{width: 80%;
    margin: 0 10%;}
    .txtArea{font-size: 16px;}
}


/* =========================================================================================
 * �����о�
 * =========================================================================================*/

/* �⺻ ������ */
.depth .inner {
   padding-bottom: 40px;
}

.depth .inner:last-child {
   padding-bottom: 0;
}


/* ���� �̹��� �ڽ��� */
.img-box-left {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 70px;
}

.img-box-left:last-child {
   margin-bottom: 0;
}

.img-box-left .img {
   width: 40%;
   line-height: 0;
   padding-right: 30px;
}

.img-box-left .img img {
   width: 100%;
}

.img-box-left .txt {
   width: 60%;
   padding-left: 30px;
}

.img-box-left .txt p {
   padding-bottom: 20px;
}


/* ������ �̹��� �ڽ��� */
.img-box-right {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 70px;
}

.img-box-right:last-child {
   margin-bottom: 0;
}

.img-box-right .txt {
   width: 60%;
   padding-right: 30px;
}

.img-box-right .txt p {
   padding-bottom: 20px;
}

.img-box-right .img {
   width: 40%;
   line-height: 0;
   padding-left: 30px;
}

.img-box-right .img img {
   width: 100%;
}



/* ���̺� ���뽺Ÿ�� */
.tb-wrap {
   overflow-x: auto;
}

.tb-wrap .tb-etc {
   text-align: right;
   font-size: 15px;
   padding: 5px;
}

caption {
   visibility: hidden;
   height: 0;
}

.w20 {
   width: 20%;
}



/* ���̺� 01 */

.redTxt{color:#C22A22 !important;font-weight: bold !important;}

table.tb_01 {
   width: 100%;
   border-top: 2px solid #3F342F;
}

table.tb_01 th {
   border: 1px solid #e9e4e0;
   padding: 15px;
   color: #3F342F;
   font-weight: 500;
   background: #f9f5f1;
}

table.tb_01 td {
   border: 1px solid #E5E5E5;
   padding: 15px;
   color: #706052;
}



/* ���̺� 02 */
table.tb_02 {
   width: 100%;
   border-top: 2px solid #000;
}

table.tb_02 th {
   text-align: center;
   font-size: 110%;
   width: 20%;
   border: 1px solid #E5E5E5;
   padding: 15px;
   color: #000000;
   font-weight: 500;
   background: #F5F5F5;
}

table.tb_02 td {
   border: 1px solid #E5E5E5;
   padding: 15px;
}




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

		/* ���� �̹��� �ڽ��� */
		.img-box-left .img {
		   padding-right: 20px;
		}
		.img-box-left .txt {
		   padding-left: 20px;
		}

		/* ������ �̹��� �ڽ��� */
		.img-box-right .img {
		   padding-left: 20px;
		}
		.img-box-right .txt {
		   padding-right: 20px;
		}

		/* ���̺� ���뽺Ÿ�� */
		.tb-wrap .tb-etc {
		   font-size: 13px;
		}
	}



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

		/* �⺻ ������ */
		.depth .inner {
		   padding-bottom: 30px;
		}

		/* ���� �̹��� �ڽ��� */
		.img-box-left {
		   margin-bottom: 50px;
		}
		.img-box-left .img {
		   padding-right: 15px;
		   width: 35%;
		}
		.img-box-left .txt {
		   padding-left: 15px;
		   width: 65%;
		}

		/* ������ �̹��� �ڽ��� */
		.img-box-right {
		   margin-bottom: 50px;
		}
		.img-box-right .img {
		   padding-left: 15px;
		   width: 35%;
		}
		.img-box-right .txt {
		   padding-right: 15px;
		   width: 65%;
		}

		/* ���̺� 01 */
		table.tb_01 th {
		   padding: 10px;
		}
		table.tb_01 td {
		   padding: 10px;
		}

		/* ���̺� 02 */
		table.tb_02 th {
		   padding: 10px;
		}
		table.tb_02 td {
		   padding: 10px;
		}

	}



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

		/* ���� �̹��� �ڽ��� */
		.img-box-left {
		   margin-bottom: 30px;
		}
		.img-box-left .img {
		   padding-right: 0;
		   width: 100%;
		   padding-bottom: 10px;
		}
		.img-box-left .txt {
		   padding-left: 0;
		   width: 100%;
		}

		/* ������ �̹��� �ڽ��� */
		.img-box-right {
		   margin-bottom: 30px;
		}
		.img-box-right .img {
		   padding-left: 0;
		   width: 100%;
		   padding-top: 10px;
		}
		.img-box-right .txt {
		   padding-right: 0;
		   width: 100%;
		}

		/* ���̺� 01 */
		table.tb_01 th {
		   padding: 10px;font-size: 12px;
       word-break:break-all;
		}
		table.tb_01 td {
		   padding: 10px;font-size: 12px;
		}

		/* ���̺� 02 */
		table.tb_02 th {
		   width: 100%;
		   display: block;
		   margin-bottom: -1px;
		}
		table.tb_02 td {
		   width: 100%;
		   display: block;
		   margin-bottom: -1px;
		}
		table.tb_02 {
		   border-bottom: 1px solid #E5E5E5;
		}

	}







/* =========================================================================================
 * ��Ʈ��
 * =========================================================================================*/

.partner ul {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

.partner ul li {
   width: 23.5%;
   text-align: center;
   padding-top: 40px;
}

.partner ul li:nth-child(-n+4) {
   padding-top: 0;
}

.partner ul li .img {
   line-height: 0;
}

.partner ul li .img img {
   width: 100%;
   border: 2px solid #DDDDDD;
   margin-bottom: 10px;
}

.partner ul li p {
   color: #000;
   font-size: 18px;
}




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

		.partner ul li p {
		   font-size: 16px;
		}
	}


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

		.partner ul li p {
		   font-size: 15px;
		}
	}


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

		.partner ul li {
		   width: 49%;
		   padding-top: 30px;
		}
		.partner ul li:nth-child(3),
		.partner ul li:nth-child(4) {
		   padding-top: 30px;
		}
	}


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

		.partner ul li {
		   width: 100%;
		}

		.partner ul li:nth-child(2) {
		   padding-top: 30px;
		}

		.partner ul li .img img {
		   width: 100%;
		   border: 1px solid #DDDDDD;
		   margin-bottom: 5px;
		}
	}







/* =========================================================================================
 * ������Ʈ 01 ~ ������Ʈ 03
 * =========================================================================================*/


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

		.slider .pj-box img {
		   width: 100%;
		}
	}







/* =========================================================================================
 * ������Ʈ 04 ~ ������Ʈ 06 (�Խ���)
 * =========================================================================================*/

/* ī�װ��� Ȱ��ȭ �� ���콺������ �÷� (�Ʒ� 4���� Ŭ���� ���� �������ּ���) */
.sul_menu a:hover {
  color: #8f6f33 !important;
}

.sul_menu a:hover font {
  color: #8f6f33 !important;
}

.sul_menu > a.active_menu {
  color: #8f6f33 !important;
}

.sul_menu a.active_menu font {
  color: #8f6f33 !important;
}








/* =========================================================================================
 * FAQ �����ϴ� ����
 * =========================================================================================*/

/* ī�װ��� �ڽ����� */
.tabs label {
  font-size: 15px;
  background: #F0F0F0;
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 25px;
  border-radius: 100px;
  margin: 0 2px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: background ease 0.3s;
}

/* ī�װ��� Ȱ��ȭ �ڽ����� */
.tabs input[type=radio]:checked + label {
  background: #816a40;
  color: #FFF;
}

.tabs .tab {
  order: 9;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: none;
  background: #fff;
}

.tabs input[type=radio] {
  display: none;
}

.tabs input[type=radio]:checked + label + .tab {
  display: block;
}

.faq-box {
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: solid 1px #E0E0E0;
}

.faq-box:first-child {
  border-top: 2px solid #000;
}

.open {
  cursor: pointer;
  display: block;
  padding: 0px;
}

.expanded {
  background-color: #f5f5f5;
  transition: all .3s ease-in-out;
}

.ptag {
  display: none;
}

.question {
  padding: 25px 35px;
  padding-left: 50px;
  color: #000;
  position: relative;
}

.question:before {
   font-family: 'xeicon';
   padding: 0;
   top: 16px;
   font-size: 29px;
   opacity: 1;
   color: #333;
   content: '\e92b';
   margin-right: 10px;
   left: 0;
   position: absolute;
}

.question:after {
   font-family: 'xeicon';
   padding: 0;
   top: 18px;
   font-size: 28px;
   opacity: 1;
   color: #999;
   content: '\e942';
   margin-right: 10px;
   right: 0;
   position: absolute;
}

.answer {
  display: none;
  padding: 30px 50px;
  padding-top: 0 !important;
}

.faq-t {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  float: right;
  position: relative;
  top: -55px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  transition: all .3s ease-in-out;
}

.faq-o {
  top: -50px;
  -moz-transform: rotate(-224deg);
  -ms-transform: rotate(-224deg);
  -webkit-transform: rotate(-224deg);
  transform: rotate(-224deg);
}


/* �Ǹ޴� */
.tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}






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

		.tabs label {
		  font-size: 15px;
		  padding: 4px 15px;
		  margin-bottom: 10px;
		}
		.question {
		  font-size: 18px;
		  padding-left: 40px;
		}
		.question:before {
		  font-size: 28px;
		}
		.answer {
		  padding: 30px 40px;
		}
	}



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

		.tabs {
		  justify-content: flex-start;
		}

		.tabs label {
		  font-size: 14px;
		  padding: 3px 12px;
		  margin-bottom: 3px;
		}

		.question {
		  font-size: 16px;
		  padding: 20px 30px;
		}
		.question:before {
		  font-size: 20px;
		  top: 18px;
		}
		.question:after {
		   top: 18px;
		   font-size: 22px;
		   margin-right: 0;
		}
		.answer {
		  padding: 30px;
		}
	}


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

		.faq-box {
		  padding: 10px;
		}

		.question {
		  font-size: 14px;
		  padding: 10px 25px;
		}
		.question:before {
		  font-size: 16px;
		  top: 8px;
		}
		.question:after {
		   top: 7px;
		   font-size: 18px;
		}
		.answer {
		  padding: 25px;
		}
	}



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

		/* ������ ī�װ��� ���� */
		.tabs label {
		  width: 32%;
		  font-size: 13px;
		  padding: 2px 12px;
		  margin: 1px;
		}

		.faq-box {
		  padding: 5px;
		}
		.faq-box:first-child {
		  margin-top: 2px;
		}

		.question {
		  padding: 8px 20px;
		}
		.question:before {
		  top: 6px;
		}
		.question:after {
		   top: 5px;
		}
	}







/* =========================================================================================
 * �������� ���ܹ���
 * =========================================================================================*/

.cs-box {
   background: #f9f5f1;
   padding: 50px;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 40px;
}

.cs-box h4 {
   padding-right: 50px;
   padding-bottom: 0;
   position: relative;
   display: flex;
   align-items: center;
}

.cs-box h4 i {
   font-size: 40px;
   margin-right: 10px;
}


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

		.cs-box {
		   padding: 30px;
		   margin-bottom: 30px;
		}
		.cs-box h4 i {
		   font-size: 30px;
		}
	}


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

		.cs-box {
		   padding: 20px;
		   margin-bottom: 20px;
		}
	}


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

		.cs-box h4 {
		   width: 100%;
		   margin-bottom: 10px;
		}
		.cs-box h4 i {
		   font-size: 26px;
		}
		.cs-box p {
		   width: 100%;
		}
	}





/* =========================================================================================
 * �����������޹�ħ
 * =========================================================================================*/

.dbp {
   height:  180px;
   margin-top:  30px;
   line-height:  1.4em;
   color:  #666666;
}
.dbp a {
   padding:  0 10px;
   color:  #000000;
   font-weight:  bold;
}
.dbp_table th {
   text-align: left;
   vertical-align: top;
   padding: 15px;
    border-bottom: 1px solid #DDDDDD;
   background: #F5F5F5;
 }
.dbp_table th p {
   font-size: 14px;
   font-weight: 400;
   color: #000000;
   padding-bottom: 0;
}
.dbp_table td {
   font-size: 90%;
   padding: 15px;
   border-bottom: 1px solid #DDDDDD;
}


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

		.dbp_table {
		   width: 100%;
		}

		.dbp_table th {
		   display: block;
		   width: 100%;
		   padding: 10px;
		}

		.dbp_table td {
		   display: block;
		   width: 100%;
		}
	}




/* 창업비용 */
.cost_table {     
	width: 100%;
    border-top: 2px solid #3F342F; 
}

.cost_table tr th {     
	border: 1px solid #e9e4e0;
    padding: 15px;
    color: #3F342F;
    font-weight: 500;
    background: #f9f5f1;
	text-align:center;
}

.cost_table tr td { 
	border: 1px solid #E5E5E5;
    padding: 15px;
    color: #706052;
	text-align:center;
}

.cost_table .ydj_tb {
	border-top: 4px double #b1988d;
}

.cost_table .pjg_tb {
	border-top: 4px double #b1988d;
}


/* 육대장 푸줏간 */
.iconArea .title_area { padding:80px 0 30px; }
.iconArea .sub_h1 { font-family: 'PuradakGentleGothicR'; text-align:center; font-size:60px; font-weight:600; line-height:1.3em; color:#000; padding-bottom:30px; }
.iconArea .sub_h2 { font-family: 'PuradakGentleGothicR'; text-align:center; font-size:30px; font-weight:500; line-height:1.5em; color:#593A2E; }

.col_wrap { display: flex; align-items: center; width: 100%; gap: 50px; padding:4em 0; }
.col_wrap .col_left { width:50%; }
.col_wrap .col_right { width:50%; }
.col_wrap .col_right h3 { font-family: 'PuradakGentleGothicR'; font-size:30px; color:#593A2E; line-height:1.4em; }
.col_wrap .col_right p { color: #000; font-size: 18px; line-height: 1.8em; }

.col_wrap2 { display: flex; align-items: center; width: 100%; gap: 40px; padding:2em 0 4em 0; }
.col_wrap2 .col_left { width:50%; padding:3em; min-height: 480px; background:url("/default/img/sub/pjg_02.jpg") no-repeat center/cover; }
.col_wrap2 .menu_txt h4 { color:#fff; font-size:25px; }
.col_wrap2 .menu_txt p { color:#fff; font-size:18px; }
.col_wrap2 .col_right { width:50%; padding:3em; min-height: 480px; background:url("/default/img/sub/pjg_03.jpg") no-repeat center/cover; }

.menu_title h3 { display:flex; justify-content:space-between; align-items:center; font-family: 'PuradakGentleGothicR'; color:#593A2E; font-size:30px; font-weight:500; text-align:center; }
.menu_title h3::before { display: inline-block; content: ''; width: 600px; height: 1px;	background: #593A2E; } 
.menu_title h3::after { display: inline-block; content: ''; width: 600px; height: 1px;	background: #593A2E; } 

.col_wrap3 { display: flex; align-items: center; width: 100%; gap: 20px; padding:2em 0 4em 0; }
.col_wrap3 .col_01 { width:33.33%; }
.col_wrap3 .col_02 { width:33.33%; }
.col_wrap3 .col_03 { width:33.33%; }
.col_wrap3 .menu_txt { padding:20px 0; }
.col_wrap3 .menu_txt h4 { text-align:center; font-size:25px; color:#000; font-weight:500; }
.col_wrap3 .menu_txt p { text-align:center; font-size:18px; color:#555; font-weight:400; }

.full_width { padding:4em 0; background-color:#f5f5f5; }
.full_width .sub_title h3 { font-family: 'PuradakGentleGothicR'; font-size:40px; color:#593A2E; line-height:1.4em; text-align:center; }
.full_width .pjg_video { border: 20px solid #a20008; }


@media (max-width:980px){
	.iconArea .sub_h1 { font-size:30px; } 
	.iconArea .sub_h2 { font-size:17px; } 
  
	.col_wrap { padding:2vw 0; flex-direction:column; gap:10px; }
	.col_wrap .col_left { width:100%; }
	.col_wrap .col_right { width:100%; }
	.col_wrap .col_right h3 { font-size:25px; }
	.col_wrap .col_right p { font-size:16px; }

	.menu_title { padding:3vw 0; }
	.menu_title h3::before { width:100px; }
	.menu_title h3::after { width:100px; }
	.menu_title h3 { font-size:20px; }

	.col_wrap2 { flex-direction:column; gap:10px; }
	.col_wrap2 .col_left { width:100%; }
	.col_wrap2 .col_right { width:100%; }

	.col_wrap3 { flex-direction:column; gap:10px; }
	.col_wrap3 .col_01 { width:100%; }
	.col_wrap3 .col_01 img { width:100%; }
	.col_wrap3 .col_02 { width:100%; }
	.col_wrap3 .col_02 img { width:100%; }
	.col_wrap3 .col_03 { width:100%; }
	.col_wrap3 .col_03 img { width:100%; }
	.col_wrap3 .menu_txt h4 { font-size:20px; }
	.col_wrap3 .menu_txt p { font-size:16px; }

	.full_width .sub_title h3 { font-size:25px; }
	.full_width .pjg_video { border:10px solid #a20008; }
	.full_width .pjg_video iframe { height:250px; }

}
  

/* 왜 육대장일까 */
.iconArea .why_ydj img { width:100%; }
.map_section { background-color:#141414; }
.map_section .container img { width:100%; }
.map_section .container p { color:#fff; }
.map_section .container span { color:#fff; }