/************************************************** 서브페이지 공통  *****************************************************************/

#sub-container {background: rgb(255, 255, 255);  width:100%; position: relative; z-index: 4;}

.x-line {width:60px; height:3px; margin:0 auto; text-align:center;}
.T-line {width:100px; height:2px; margin:0 auto; padding: 0 0px 0px 0;text-align:center;}

.box-shadow { background:#ffffff; border: #f3f3f3 1px solid;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.1);
  box-shadow: 0 3px 5px rgba(0,0,0,0.1);
  transition: .3s;
}
.box-shadow:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);}


.sub-bg-img {width:100%;height:100%; background-position: center center !important; background-repeat: no-repeat; margin:0 auto; 
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;border-radius: 2%;
}



/* .content-01 ul.list {margin:20px 0px 0 30px ;list-style:url("../../img/list-icon2.png");} */

ul.list {width:100%; margin:0; padding:0px 0 0px 0;}
ul.list li {width:100%;  margin:0; padding:0px 0 8px 0;overflow:hidden;}
ul.list li .marker {width:3%;font-size:0.6rem ; float:left; opacity: 0.7;}
ul.list li .marker:before {content:"●"; font-size:0.6rem ;opacity: 0.7;}
ul.list li .text {width:95%;color: #777; font-size:0.9rem; margin:0; padding:0 0 0 15px;}


/* 리스트 가로 정렬 */
ul.list1 {margin:10px 0 20px 0; list-style:none;}
ul.list1 li {font-weight:500; padding:0 0 0 15px;}


ul.list2 {width:100%; }
ul.list2 li {width:100%;  margin:0; padding:8px 0 8px 0; overflow:hidden;}
ul.list2 li .marker {width:5%;font-size:1.8rem ; float:left; padding:6px 0 0 0}
ul.list2 li .marker:before {content:""; font-size:1.8rem ;}
ul.list2 li .text {width:95%;color: #777; font-size:1rem;font-size: 15px; margin:0; padding:0 0 0 15px;float:left}


ul.list3 {width:100%; }
ul.list3 li {width:100%;  margin:0; padding:0px 0 0px 0;overflow:hidden;}
ul.list3 li .marker {width:5%;font-size:0.6rem ; float:left; opacity: 0.7;}
ul.list3 li:before {content:"●"; font-size:0.6rem ;opacity: 0.7;}
ul.list3 li .text {width:95%;color: #777; font-size:0.9rem; margin:0; padding:0 0 0 0px;}




.subtitle {width:100%; margin: 0 auto;  text-align:center; padding:0px 0 0 0}
.subtitle .line { width: 80px; height: 3px; margin: 0 auto;}
.subtitle .title {width: 100%; margin: 0 auto; }
.subtitle h2 {width: 100%; padding: 0px 0 20px 0;  line-height:40px; margin: 0 auto; text-transform: uppercase;}
.subtitle h2.tit {font-size: 2rem; font-weight: 500;}
.subtitle h2.tit2 {padding: 10px 0 0px 0; font-size: 1.5rem; font-weight: 500; line-height:35px}
.subtitle h2.tit3 {padding: 10px 0 0px 0; font-size: 1.2rem; font-weight: 400; line-height:30px}
.subtitle p {width: 80%; padding: 20px 0 0px 0; margin: 0 auto; text-align:center;  font-size: 1rem; font-weight: 400;}
.subtitle .img {position: relative;width:70%; margin: 0 auto;  padding:30px 0 0px 0; text-align:center;}
.subtitle .img img {position: relative; width: 100%;}



/****************************  
         페이지 타이틀 
***************************/
.heading {position: relative;}
.sub-heading {width:100%; padding:0px 0 0px 0; margin:0 auto; text-align:center;position: relative; }
.sub-heading p {font-size: 1.2rem; color:#fff; margin:0px 0 0px 0;}
.sub-heading h2 {  font-size: 2rem; font-weight: 700; line-height: 40px; text-transform: uppercase; margin:20px 0 15px 0; color:#fff}


.sub-heading .line {height: 3px;width: 50px;display: inline-block; margin-bottom: 0px;position: relative;}
.sub-heading .triangle {position: absolute; top: 187px; }
.sub-heading .triangle img {width:100%;  }


.sub-heading .sub-txt {width:75%; margin: 0 auto;  padding:30px 0 0px 0; text-align:center;}
.sub-heading .sub-txt.w80 {width:80%;}
.sub-heading .sub-txt .title {width: 100%; margin: 0 auto;  padding:0px; text-align:center;}
.sub-heading .sub-txt h2.tit {width: 100%; margin: 0 auto;text-align:center;   padding: 30px 0 30px 0; font-size: 2.3rem; font-weight: 500;}
.sub-heading .sub-txt p {width: 100%; margin: 0 auto;text-align:center;   padding:0px; line-height: 30px ;font-size: 1.25rem; font-weight: 400;}
.sub-heading .sub-txt p.small {width: 100%; margin: 0 auto;text-align:center;   padding:0px; line-height: 30px ;font-size: 1rem;}




/************************** 
     greetings
*************************/
.greetings .text-warp { position: relative; width:100%;margin: 0px;}
.greetings p.small-title { margin-bottom: 10px; font-weight:400; color:#838383; }
.greetings h1.title { font-size: 1.8rem;margin-bottom: 30px; line-height:55px; }
.greetings h1.title2 { font-size: 1.5rem;margin-bottom: 20px; }
.greetings h1.title3 { font-size: 1.5rem; margin-bottom: 40px; }
.greetings img {width:100%; height: auto;}


.greetings .box-space .box {position:relative;width:100%;  margin: 0px; text-align: center; }
.greetings .box-space .boxA {height:150px; margin-top: 0px; background:#ffffff }
.greetings .box-space .boxB {height:180px; margin-top: 0px; }

.greetings .box-space .box h4 {font-size: 18px; font-weight: 400; line-height: 1.5; margin-top: 20px;}
.greetings .box-space .box h2 {font-size: 14px; font-weight: 400; line-height: 1.5; margin-top: 20px;}


.greetings .box-space i.ico { font-size: 2.5rem; opacity: 0.5; }
.greetings .box-space .bar{position:absolute;top:0;left:0; width:100%; height:100%;opacity:0.3;z-index:2;}
.greetings .box-space .text-warp{position:absolute;top:0;left:0;width:100%; height:100%;  padding: 35px; text-align:center;z-index:3;}
.greetings .box-space {position:relative;width:100%;padding-right:15px;padding-left:15px}



/************************** 
  .content-01
*************************/
.content-01 .text-warp { position: relative; width:100%;}
.content-01 p.small-title { margin-bottom: 10px; font-weight:400; color:#838383; }
.content-01 h1.title { font-size: 2rem;margin-bottom: 40px; line-height:55px; }
.content-01 h1.title2 { font-size: 1.5rem;margin-bottom: 20px; }
.content-01 h1.title3 { font-size: 1.5rem; margin-bottom: 50px; }
.content-01 h1.title4 { font-size: 1.7rem; margin-bottom: 30px; }
.content-01 h1.title5 { font-size: 1.6rem; margin-bottom: 30px; }

.content-01 .slider-box {width:100%; height: 100%;}
.content-01 img {width:100%; height: auto;}

.content-01 .img-warp { position: relative;}
.content-01 .img-warp .img1 {width: 100%; left: 0;}
.content-01 .img-warp .img1 img { width: 100%;}
.content-01 .img-warp .img2 {width: 75%; position: absolute; top: -50px; right: 0px;}
.content-01 .img-warp .img2 img {  width: 100%;}

.content-01 .image-warp   { position: relative;  width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px} 
.content-01 .l-image { margin-top: 90px; }
.content-01 .img { margin-bottom: 30px; }
.content-01 .slider-box {position: relative; width:100%; height: 100%;}

.content-01 img {width:100%; height: 100%;}


.content-01 .img-warp2 { position: relative; margin:0 auto; text-align:right;}
.content-01 .img-warp2 .img1 {width: 100%; right: 0; }
.content-01 .img-warp2 .img1 img { width: 70%;}
.content-01 .img-warp2 .img2 {width: 70%; position: absolute; bottom: -80px; left: 0px;}
.content-01 .img-warp2 .img2 img {  width: 100%;}



.content-01 .text-warp { position: relative; width:100%;}
.content-01 .box-space .box {position:relative;width:100%; height:230px; margin-top: 80px; text-align: center;  }
.content-01 .box-space .box h4 {font-size: 18px; font-weight: 400; line-height: 1.5; margin-top: 20px;}
.content-01 .box-space i.ico { font-size: 2.5rem; opacity: 0.5; }
.content-01 .box-space .bar{position:absolute;top:0;left:0; width:100%; height:100%;opacity:0.3;z-index:2;}
.content-01 .box-space .text-warp{position:absolute;top:0;left:0;width:100%; height:100%;  padding: 35px; text-align:center;z-index:3;}
.content-01 .box-space {position:relative;width:100%;padding-right:15px;padding-left:15px}

.content-01 .box-space p {font-size: 14px; line-height:20px;margin-top: 15px;}

.content-01 .absolute {position:absolute;width:110%;left:-5%; top:50%; transform: translate(-5%, -50%); 
 padding:45px;background-color:#fafafa!important}



.content-01 .con-inner3 {margin:0 auto; padding:30px 0 0px 0;  width:100%;  overflow:hidden; }
.content-01 .con-inner3 ul {margin:0px 0px 0 0px ;list-style:none; text-align:center;}
.content-01 .con-inner3 li { position:relative;height:200px;width:13%; float:left;  border: 1px solid #DDD;  margin:0 auto; 
text-align:center; overflow:hidden; }
.content-01 .con-inner3 li.arrow {width:4%;padding:4px; border: 0px solid #DDD;background:#ffffff;}
.content-01 .con-inner3 li.arrow .aw {position:absolute;	left:50%;	top:50%;	transform:translate(-50%, -50%);width:100%;margin:0 auto;}
.content-01 .con-inner3 li i { font-size:1.8rem; padding:30px 0 30px 0;}
.content-01 .con-inner3 li i.icon { font-size:3rem; padding:30px 0 30px 0;}

.content-01 .con-inner3>ul>li {background:#fdfdfd;}
.content-01 .con-inner3 li div {width:100%;line-height:20px }
.content-01 .con-inner3 li div.day {position:absolute;	padding:5px 0 5px 0; left:50%;	bottom:0%;	transform:translate(-50%, 0%);width:100%;margin:0 auto;
background:#f2f2f2;
}








/************************** 
  .content-02
*************************/

.content-02 .img-warp { position: relative;}
.content-02 .img-warp .img1 { left: 0;}
.content-02 .img-warp .img1 img { width: 60%;}
.content-02 .img-warp .img2 { position: absolute; bottom: -94px; right: 20px;}
.content-02 .img-warp .img2 img {  width: 89%;}

.content-02 .con  { padding:0 20px 0 0; }
.content-02 .con p.small-title { margin-bottom: 20px; }
.content-02 .con .title { margin-bottom: 40px; }
.content-02 .con .title h1 { font-size: 40px; line-height:45px;}
.content-02 .con .title h1.title2 { font-size: 3rem; margin-bottom: 25px; line-height:55px;}



/************************** 
  .content-03
*************************/

.content-03 p.small-title { margin-bottom: 10px; font-weight:400; color:#838383; }
.content-03 h1 { font-size: 2rem; margin-bottom: 40px; line-height:45px;}
.content-03 h1.title2 { font-size: 3rem; line-height:55px;} /* sub page title */
.content-03 .image-warp   { position: relative;  width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px} 
.content-03 .img-warp  { position: relative;  width: 100%; height: 510px; min-height: 1px; padding-right: 15px; padding-left: 15px} 
.content-03 .l-image { margin-top: 90px; }
.content-03 .img { position: absolute; top:0; left:0;width:100%; height: 100%; z-index: 3;}
.content-03 .slider-box {position: relative; width:100%; height: 100%;}
.content-03 img {width:100%; height: 100%;}



/******************* 
gallery 
*******************/
.gallery-area .row2 { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.gallery-area .col-md-10,.gallery-area .col-md-4,.gallery-area .col-md-8,.gallery-area .col-md-6
 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.gallery-area img { margin-bottom: 30px; width: 100%;}
.gallery-area .img-fluid {max-width: 100%; height: auto;}



/************************** 
  table
*************************/

.table1-warp {position:relative; overflow:hidden; width: 100%; margin: 0 auto; padding: 30px 0 0px 0 ; }
#table1 {display: table; width: 100%; margin:0 auto; padding: 0 ;text-align:center;}
#table1 .row {display: table-row; width: 100%;}
#table1 .row-img {display: table-row; width: 100%; }
#table1 .cell {display: table-cell;vertical-align:middle;margin:0 auto;padding:10px 10px 10px 10px; 
border-bottom: 1px solid #DDD; border-right: 1px solid #DDD;font-size:0.8rem;line-height:18px;}
#table1 .col1 {width: 10%;font-weight:500; border-left: 1px solid #DDD;}
#table1 .col2 {width: 29%;}
#table1 .col3 {width: 29%;}
#table1 .col4 {width: 29%;}
#table1 .first { border-top: 2px solid #DDD; background:#f7f7f7;font-weight:bold; margin:0 auto;text-align:center;}






/******* contact us ***************/

.Contact .con h1.title { font-size: 3rem; margin-bottom: 30px; line-height:55px; }
.Contact .con h1.title2 { margin-bottom: 40px; }
.Contact .con h1 { margin-bottom: 40px; line-height:45px;}
.Contact .con h2 { font-size: 1.6rem; margin-bottom: 10px; line-height:45px;}
.Contact .slider-box {width:100%; height: 100%;}
.Contact img {width:100%; height: auto;}

/******* contact us  회사정보  ***************/
#form-mail .info-warp {border: 1px solid #DDD;margin: 0 auto; padding:0px 0 0 0}

#form-mail .fade-slider {margin: 0 auto; padding:0px 0 0 0; width:100%;height:205px;}
#form-mail .fade-slider img {margin: 0 auto; padding:0px 0 0 0; width:100%;height:205px;border: 0px solid #DDD;}

#form-mail .info-con {padding:30px 30px 30px 30px;}
#form-mail .contact-info {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: start; 
-ms-flex-align: start; align-items: flex-start; margin-bottom: 15px;}
#form-mail .contact-info .info { -webkit-box-flex: 1;  -ms-flex: 1; flex: 1; text-align:left}
#form-mail .contact-info .icon { margin:5px 10px 0 0;}
#form-mail .contact-info .icon i { font-size: 1.5rem;}
#form-mail .contact-info .info h3 { font-size: 1rem; font-weight:300;}
#form-mail .contact-info .info h3.com-name { font-weight:400;}
#form-mail .contact-info .info h3.num-text {font-family: "Roboto", sans-serif; font-size: 1.1rem;font-weight:400;}
#form-mail .contact-info .info p { font-size: 0.9rem; font-weight:200;}
#form-mail .contact-info .info a { font-size: 0.9rem; font-weight:200;}

#form-mail .cb-title { margin-bottom: 20px; margin-top: 0; font-size:2rem; font-weight: 300;  color: #36424d; }
#form-mail .cb-title strong { font-weight: bold; }
#form-mail .cb-txt {  margin-bottom: 30px; font-size: 16px; line-height: 20px; color: #647482;}



.Contact-map .con h1.title { font-size: 3rem; margin-bottom: 30px; line-height:55px; }
.Contact-map .con h1.title2 { margin-bottom: 40px; }
.Contact-map .con h1 { margin-bottom: 40px; line-height:45px;}
.Contact-map .con h2 { font-size: 1.4rem; margin-bottom: 20px; line-height:30px;}
.Contact-map .slider-box {width:100%; height: 100%;}
.Contact-map img {width:100%; height: auto;}
.Contact-map .map-warp {width:100%; height:400px; margin:0 auto; padding:0 0 0 0px;}
.Contact-map .map-warp .map {width:100%; height:100%; padding:0 0 0 0px;}




/***********************************  @media only screen and (max-width: 1170px)   ***********************************/

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


}



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

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

.content-01 .pr-80 {padding:0 40px 0 0;}
.content-01 .pl-80 {padding:0 0 0 40px;}
.content-01 .pl-60 {padding:0 0 0 40px;}
.content-01 .pb-60 {padding:0;}

.content-01 .con p.small-title { margin-bottom: 10px; font-weight:400; color:#838383; }
.content-01 .con h1.title { font-size: 2rem; margin-bottom: 40px; line-height:55px; }
.content-01 .con h1.title2 {font-size: 2rem; margin-bottom: 40px; }
.content-01 .con h1 { margin-bottom: 40px; line-height:45px;}
.content-01 .slider-box {width:100%; height: 100%;}
.content-01 img {width:100%; height: auto;}

.content-01 .img-warp { position: relative;}
.content-01 .img-warp .img1 {width: 75%; left: 0;}
.content-01 .img-warp .img1 img { width: 100%;}
.content-01 .img-warp .img2 {width: 70%; position: absolute; bottom: -80px; right: 0px;}
.content-01 .img-warp .img2 img {  width: 100%;}

.content-01 .img-warp2 { position: relative; margin:0 auto; text-align:right;}
.content-01 .img-warp2 .img1 {width: 100%; right: 0; }
.content-01 .img-warp2 .img1 img { width: 70%;}
.content-01 .img-warp2 .img2 {width: 70%; position: absolute; bottom: -80px; left: 0px;}
.content-01 .img-warp2 .img2 img {  width: 100%;}



}


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

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

.text-con {text-align:left}
.mobile-mode img {margin:30px 0 30px 0}



.sub-bg-img {width:100%;height:300px; margin:50px 0 0px 0 ;
background-position: center center !important; background-repeat: no-repeat; 
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.content-01 .pr-80,.content-01 .pl-80,.content-01 .pl-60,.content-01 .pr-50 {padding:0;}
.content-01 .pb-60 {padding:0;}
.content-01 .mb-80 {margin:0;}
 
.content-01 .con  { text-align:center}
.content-01 .con h1.title { font-size: 2.5rem; line-height:35px; }
.content-01 .con h1.title2 { font-size: 1.6rem; line-height:30px;margin-bottom: 30px; }
.content-01 .con h1.title3 { font-size: 1.6rem; line-height:30px;margin-bottom: 30px; }
.content-01 .con h1 { margin-bottom: 30px; line-height:45px;}
.content-01 .slider-box {width:100%; height: 100%;}
.content-01 img {width:100%; height: auto;}

.content-01 .img-warp { position: relative;}
.content-01 .img-warp .img1 { left: 0;}
.content-01 .img-warp .img1 img { width: 62%;}
.content-01 .img-warp .img2 { position: absolute; bottom: -124px; right: 20px;}
.content-01 .img-warp .img2 img {  width: 90%;}

.content-01 .img-warp2 { position: relative;}
.content-01 .img-warp2 .img1 { left: 0;}
.content-01 .img-warp2 .img1 img { width: 75%;}
.content-01 .img-warp2 .img2 { position: absolute; bottom: -124px; right: 20px;}
.content-01 .img-warp2 .img2 img {  width: 110%;}

.content-01 .m-space {padding-bottom:30px;}




.Contact-map .map-warp {width:100%; height:400px; margin:0 auto; padding:50px 0 0 0px;}


}


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

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

.text-con {text-align:left}

.sub-bg-img {width:100%;height:200px; margin:30px 0 30px 0 ;
background-position: center center !important; background-repeat: no-repeat; 
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}





/****************************  
         페이지 타이틀 
***************************/
.heading {position: relative;}
.sub-heading {width:100%; padding:0px 0 0px 0; margin:0 auto; text-align:center;position: relative; }
.sub-heading p {font-size: 1rem; color:#fff; margin:0px 0 0px 0;}
.sub-heading h2 {  font-size: 1.6rem; font-weight: 700; line-height: 40px; text-transform: uppercase; margin:20px 0 15px 0; color:#fff}


.sub-heading .line {height: 3px;width: 50px;display: inline-block; margin-bottom: 0px;position: relative;}
.sub-heading .triangle {position: absolute; width:60px; top: 175px; }
.sub-heading .triangle.height {position: absolute; width:60px; top: 153px; }
.sub-heading .triangle img {width:100%;  }


.sub-heading .sub-txt {width:75%; margin: 0 auto;  padding:30px 0 0px 0; text-align:center;}
.sub-heading .sub-txt.w80 {width:80%;}
.sub-heading .sub-txt .title {width: 100%; margin: 0 auto;  padding:0px; text-align:center;}
.sub-heading .sub-txt h2.tit {width: 100%; margin: 0 auto;text-align:center;   padding: 30px 0 30px 0; font-size: 2.3rem; font-weight: 500;}
.sub-heading .sub-txt p {width: 100%; margin: 0 auto;text-align:center;   padding:0px; line-height: 30px ;font-size: 1.25rem; font-weight: 400;}
.sub-heading .sub-txt p.small {width: 100%; margin: 0 auto;text-align:center;   padding:0px; line-height: 30px ;font-size: 1rem;}




/************************** 
     greetings
*************************/


.greetings .text-warp { position: relative; width:100%;margin: 0px;}
.greetings p.small-title { margin-bottom: 10px; font-weight:400; color:#838383; }
.greetings h1.title { font-size: 1.5rem;margin-bottom: 30px; line-height:35px; }
.greetings h1.title2 { font-size: 1.5rem;margin-bottom: 20px; }
.greetings h1.title3 { font-size: 1.5rem; margin-bottom: 40px; line-height:35px;}
.greetings .text { }

.greetings img {width:100%; height: auto;}


.greetings .box-space .box {position:relative;width:100%;  margin:0; text-align: center; }
.greetings .box-space .boxA {height:150px; margin-top: 0px; margin: 10px 0 10px 0;}
.greetings .box-space .boxB {height:150px; margin-top: 0px; margin: 10px 0 10px 0;}

.greetings .box-space .box h4 {font-size: 18px; font-weight: 400; line-height: 1.5; margin-top: 20px;}
.greetings .box-space .box h2 {font-size: 14px; font-weight: 400; line-height: 1.5; margin-top: 20px;}


.greetings .box-space i.ico { font-size: 3rem; opacity: 0.5; }
.greetings .box-space .bar{position:absolute;top:0;left:0; width:100%; height:100%;opacity:0.3;z-index:2;}
.greetings .box-space .text-warp{position:absolute;top:0;left:0;width:100%; height:100%;  padding: 35px; text-align:center;z-index:3;}
.greetings .box-space {position:relative;width:100%;padding-right:15px;padding-left:15px}








.content-01 .text-warp { position: relative; width:100%;}
.content-01 p.small-title { margin-bottom: 10px; font-weight:400; color:#838383; }
.content-01 h1.title { font-size: 1.5rem;margin-bottom: 30px; line-height:30px; }
.content-01 h1.title2 { font-size: 1.5rem;margin-bottom: 30px; line-height:30px; }
.content-01 h1.title3 { font-size: 1.5rem; margin-bottom: 30px; line-height:30px; }
.content-01 h1.title4 { font-size: 1.5rem; margin-bottom: 30px; line-height:30px}
.content-01 h1.title5 { font-size: 1.6rem; margin-bottom: 30px; line-height:35px}

.content-01 .slider-box {width:100%; height: 100%;}
.content-01 img {width:100%; height: auto;}

.content-01 .img-warp { position: relative; }
.content-01 .img-warp .img1 {width: 100%; left: 0;}
.content-01 .img-warp .img1 img { width: 100%;}
.content-01 .img-warp .img2 {width: 75%; position: absolute; top: -50px; right: 0px;}
.content-01 .img-warp .img2 img {  width: 100%;}

.content-01 .image-warp   { position: relative;  width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px} 
.content-01 .l-image { margin-top: 90px; }
.content-01 .img { margin-bottom: 30px; }
.content-01 .slider-box {position: relative; width:100%; height: 100%;}

.content-01 img {width:100%; height: 100%;}


.content-01 .img-warp2 { position: relative; margin:0 auto; text-align:right;}
.content-01 .img-warp2 .img1 {width: 100%; right: 0; }
.content-01 .img-warp2 .img1 img { width: 70%;}
.content-01 .img-warp2 .img2 {width: 70%; position: absolute; bottom: -80px; left: 0px;}
.content-01 .img-warp2 .img2 img {  width: 100%;}



.content-01 .text-warp { position: relative; width:100%;}
.content-01 .box-space .box {position:relative;width:100%;  height:220px; margin-top: 30px; text-align: center;  }

.content-01 .box-space:first-child {margin-top: 40px;}

.content-01 .box-space .box h4 {font-size: 18px; font-weight: 400; line-height: 1.5; margin-top: 20px;}
.content-01 .box-space i.ico { font-size: 2.5rem; opacity: 0.5; }
.content-01 .box-space .bar{position:absolute;top:0;left:0; width:100%; height:100%;opacity:0.3;z-index:2;}
.content-01 .box-space .text-warp{position:absolute;top:0;left:0;width:100%; height:100%;  padding: 35px; text-align:center;z-index:3;}
.content-01 .box-space {position:relative;width:100%;padding-right:15px;padding-left:15px}

.content-01 .box-space p {font-size: 14px; line-height:20px;margin-top: 15px;}

.content-01 .absolute {position:relative;width:100%;left:0%; top:0%; transform: translate(0%, 0%); 
 padding:0px;background-color:#ffffff!important; padding:40px 0 0 0}



.content-01 .con-inner3 {margin:0 auto; padding:30px 0 0px 0;  width:100%;  overflow:hidden; }
.content-01 .con-inner3 ul {margin:0px 0px 0 0px ;list-style:none; text-align:center;}
.content-01 .con-inner3 li { position:relative;height:200px;width:100%; float:left;  border: 1px solid #DDD;  margin:0 auto; 
text-align:center; overflow:hidden; }
.content-01 .con-inner3 li.arrow {width:100%;height:80px;padding:4px; border: 0px solid #DDD;background:#ffffff;}
.content-01 .con-inner3 li.arrow .aw {position:absolute;	left:50%;	top:50%;	transform:translate(-50%, -50%);width:100%;margin:0 auto;}
.content-01 .con-inner3 li i { font-size:1.8rem; padding:30px 0 30px 0;}
.content-01 .con-inner3 li i.icon { font-size:3rem; padding:30px 0 30px 0;}


.content-01 .con-inner3>ul>li {background:#fdfdfd;}

.content-01 .con-inner3 li div {width:100%;line-height:20px }
.content-01 .con-inner3 li div.day {position:absolute;	padding:15px 0 15px 0; left:50%;	bottom:0%;	transform:translate(-50%, 0%);width:100%;margin:0 auto;
background:#f2f2f2;
}




/************************** 
     content-03
*************************/

.content-03 p.small-title { margin-bottom: 10px; font-weight:400; color:#838383; }
.content-03 h1 { font-size: 2rem; margin-bottom: 40px; line-height:45px;}
.content-03 h1.title2 { font-size: 3rem; line-height:55px;} /* sub page title */
.content-03 .image-warp   { position: relative;  width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px} 
.content-03 .img-warp  { position: relative;  width: 100%; height: 510px; min-height: 1px; padding-right: 15px; padding-left: 15px} 
.content-03 .l-image { margin-top: 90px; }
.content-03 .img { position: absolute; top:0; left:0;width:100%; height: 100%; z-index: 3;}
.content-03 .slider-box {position: relative; width:100%; height: 100%;}
.content-03 img {width:100%; height: 100%; margin:50px 0 0 0}




/******************* 
gallery 
*******************/

.gallery-area .row2 { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.gallery-area .col-md-10,.gallery-area .col-md-4,.gallery-area .col-md-8,.gallery-area .col-md-6
 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.gallery-area img { margin-bottom: 30px; width: 100%;}
.gallery-area .img-fluid {max-width: 100%; height: auto;}


.gallery-area .title h1 { margin: 30px 0 40px 0;}





#form-mail .info-con {padding:30px 20px 30px 20px;}

#form-mail.mb-100 {margin-bottom:60px;}
}