@charset "utf-8";

.lead { font-size:16px; color:#555; letter-spacing:-0.02em; line-height:1.75; font-weight:400;word-break: keep-all;}
.lead .text-box {border:1px solid #ddd; padding: 10px 30px; margin-top: 20px; display: inline-block; background: #efefef;}
.lead.mb-100 {margin-bottom: 100px;}
.lead.mb-50 {margin-bottom: 50px;}
.lead.pb-40 {padding-bottom: 40px;}
@media screen and (max-width:640px) {
   /* input {
      -webkit-appearance: none;
      -webkit-border-radius: 0;
   } */
   .lead { font-size:17px}
}


/*메인배너*/

.main_banner {width:100%;position:relative; clear:both}
.main_banner p {display: block;padding:60px 0 50px;text-align: center;}
.main_banner p img.top_text.pc {display: inline-block;}
.main_banner p img.top_text.mobile {display: none;}

@media screen and (max-width:960px) {
	.main_banner p img.top_text.pc {display: none;}
   .main_banner p img.top_text.mobile {display: inline-block;}
}

@media screen and (max-width:500px) {
   .main_banner p img.top_text.mobile {width: 80%;}
}

.main-carousel{padding:0; display:block}
.main-carousel.owl-carousel .owl-stage-outer {border-radius: 130px 0;}
.main-carousel .li{height:600px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.8;z-index:1}
.main-carousel .jarallax { height: 730px;}
/* .main-carousel .img01 { background-image:url(../img/main_banner_img01.jpg);}
.main-carousel .img03 { background-image:url(../img/main_banner_img03.jpg);} */
.main-carousel .li .copy_area{width:100%;text-align:center;color:#fff;position:absolute;top:45%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2; padding:0 20px}
.main-carousel .li .copy_area h1{font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-top:20px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h2{margin-left:auto;margin-right:auto;width:calc(100% - 200px);font-size:60px;font-weight:600; line-height:1.3; letter-spacing:-4px; word-break:keep-all; color:#fff; text-align:center}
.main-carousel .li .copy_area h3{width:calc(100% - 200px);font-size:60px;font-weight:600;text-align:center;margin:10px 0 0; padding:0 20px; word-break:keep-all; color:#ffd246; letter-spacing:-5px;  }
.main-carousel .li .copy_area .yellow{color:#ffd800;}
.main-carousel .li .copy_area p{margin-top:40px;margin-left:auto;margin-right:auto; padding: 0;width:calc(100% - 200px); font-size: 20px; line-height: 27px; word-break: keep-all;}
.main-carousel .li .copy_area ul{margin-top:40px;font-size: 20px;}
.main-carousel .li .copy_area ul li{padding:2px 0;font-size: 20px;}
.main-carousel .li .copy_area .btn{width: 330px; height: 60px; display:inline-block; font-size:25px; font-weight: 600; margin-top:50px; background-color:#3a3798; border:1px solid #3a3798; border-radius: 30px; color:#ffd800; line-height:60px; padding:0 20px;}
.main-carousel .li .copy_area .btn:hover {background-color:#ffd800; border:1px solid #ffd800;color:#3a3798;}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:35px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width:1400px) {
	.main-carousel{margin: 0 auto; width: 80%;}
   .main-carousel .li .copy_area h2{ font-size: 50px;}
}

@media screen and (max-width:1000px) {
   .main-carousel .li .copy_area h2{ font-size: 40px;}
   .main-carousel .li .copy_area p{font-size: 18px;}
   .main-carousel .li .copy_area .btn{width:250px;font-size:20px;}
}

@media screen and (max-width:768px) {
   .main-carousel .li .copy_area h2{ font-size: 32px; letter-spacing: -2px;}
   .main-carousel .li .copy_area p{font-size: 16px; line-height: 22px;}
}

@media screen and (max-width:576px) {
   .main-carousel.owl-carousel .owl-stage-outer {border-radius:75px 0;}
	.main-carousel .owl-nav { display:none}
   .main-carousel .li {height:500px;}
	.main-carousel .li .copy_area h2 { width:100%; font-size: 25px;}
	   .main-carousel .li .copy_area p{ margin-top:20px; width:100%; }
   .main-carousel .li .copy_area .btn{margin-top:20px; width:160px;font-size:18px; height:50px; line-height:50px; }
	/* .main-carousel .img01 { background-image:url(../img/m_main_banner_img01.jpg);}
	.main-carousel .img03 { background-image:url(../img/m_main_banner_img03.jpg);} */ 
}
/*메인배너*/


/*메인배너 왼쪽 커버이미지*/
.main_visual_left_cover{ position: absolute; bottom:-35px; left:-1300px; right:0; margin:0 auto; width:242px; z-index:9; }

@media screen and (max-width:1400px) {
	.main_visual_left_cover{ left:-1050px;}
   /* .main_visual_left_cover img{width: 200px;} */
}

@media screen and (max-width:1200px) {
	.main_visual_left_cover{ display: none;}
}

/* .slide-quick{ position: absolute; bottom:90px; left:0; right:0; margin:0 auto; max-width:1400px; z-index:9; }
.slide-quick>li{ position: relative; float:left; width:20%; background-color:#fff;}
.slide-quick>li p { display:block; font-size:14px; color:#767676; font-weight:400; padding-top:2px}
.slide-quick>.item1 { background-color:#ffd246}
.slide-quick>li+li.item2:before { display:none}
.slide-quick>li+li:before{ content:""; position:absolute; top:50%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:90px; opacity:0.2;}
.slide-quick>li>a{ display:block; color:#000; font-size:20px; padding:0 0 0 150px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.slide-quick>li>a:hover{ opacity:1;}
.slide-quick>li>a:before{ content:""; position:absolute; left:40px; top:50%; margin-top:-20px; width:38px; height:38px; display:block; background-repeat:no-repeat; background-position:50% 50%;}
.slide-quick>li.item1>a:before{ background-image:url(../img/quick_thumb1.png);}
.slide-quick>li.item2>a:before{ background-image:url(../img/quick_thumb2.png);}
.slide-quick>li.item3>a:before{ background-image:url(../img/quick_thumb3.png);}
.slide-quick>li.item4>a:before{ background-image:url(../img/quick_thumb4.png);}
.slide-quick>li.item5>a:before{ background-image:url(../img/quick_thumb5.png);} */

/* @media all and (max-width: 576px) { 
.slide-quick {bottom:0}

  .slide-quick>li { position: relative; float: left; width: 100%; background-color:#fff; padding:35px 0; border-bottom:1px solid #ddd}
  .slide-quick>li>a { padding: 0 0 0 90px;}
  .slide-quick>li>a:before {width:38px; height:35px; top:60%}
  .slide-quick>li+li:before{ content:""; position:absolute; top:75%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:50px; opacity:0.2;}

}

@media all and (min-width: 577px) and (max-width:992px) {  

   .slide-quick { bottom:50px}
   .slide-quick>li+li:before{ content:""; position:absolute; top:75%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:50px; opacity:0.2;}
   .slide-quick>li { position: relative; float: left; width: 50%; background-color:#fff; padding:35px 0}
   .slide-quick>li>a {  padding: 0 0 0 140px;}
}


@media all and (min-width: 993px) and (max-width:1200px) { 
   .slide-quick>li{ position: relative; float:left; width:50%; background-color:#fff; padding:35px 0}
   .slide-quick>li>a {padding: 0 0 0 140px;}
   .slide-quick>li+li:before{ content:""; position:absolute; top:75%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:50px; opacity:0.2;}

}

@media all and (min-width: 1201px) { 
.slide-quick>li{ position: relative; float:left; width:20%; background-color:#fff; padding:35px 0}
.slide-quick>li+li:before{ content:""; position:absolute; top:50%; left:0; margin-top:-45px; display:block; background-color:#555; width:1px; height:90px; opacity:0.2;}
.slide-quick>li>a{ display:block;  color:#000; font-size:20px; font-weight:bold; padding:0 0 0 100px;  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}


} */


.contents1 {width:100%; min-height:900px; padding:200px 0; position:relative; clear:both;background:url('../img/mainbg02.jpg') no-repeat 50% 50%;}
.contents1 .clearfix {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:50px;}
.contents1 .contents1_tit_img {overflow: hidden;position: absolute;left: 50%;top: 102px;width: 185px;height: 152px;margin-left: -390px;background: url(../img/content01_title.png) left bottom no-repeat;}
.contents1 h2 { font-size: 50px; font-weight: 300; color: #000; text-align: center; padding:0 20px; word-break: keep-all;}
.contents1 p { display: block; padding: 10px 20px 0 20px; text-align:center; font-size:17px; font-weight:400; color:#767676; line-height: 22px; word-break: keep-all;}
.contents1 .page { width:48%}
.contents1 .page .owl-carousel {border-radius:30px;box-shadow:5px 0 15px rgb(0 0 0 / 30%);}
.contents1 .page .owl-carousel .owl-stage-outer {border-radius:30px;background-color: #fff;}
.contents1 .left { margin-top:100px}
.contents1 .left .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:85px;}
.contents1 .left .owl-dots .owl-dot{background:rgba(58, 52, 152, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.contents1 .left .owl-dots .owl-dot.active{background:rgba(58, 52, 152, 1)}
.contents1 .left .owl-nav {position: absolute;top: 32%;margin-top:50px; width:100%; display:block}
.contents1 .left .owl-nav .owl-prev {width:45px; height:45px; line-height:45px; left:-25px; background-color:#32373a; margin:0; position:absolute; cursor:pointer; color:#fff; padding:0}
.contents1 .left .owl-nav .owl-next {width:45px; height:45px; line-height:45px; right:-25px; background-color:#32373a; margin:0; position:absolute; cursor:pointer; color:#fff; padding:0}
.contents1 .left .photo {height: 360px;}
.contents1 .left .photo:after {position: absolute;left: 43px;top: 33px;width: 154px;height: 154px;border-radius: 50%;border: 7px solid #eee;content: '';}
.contents1 .left .photo_wrap {position: relative;height: auto;min-height: 265PX;padding: 50px 30px 30px 230px;}
.contents1 .left .photo_wrap .photo_thumb {overflow: hidden;display: block;position: absolute;left: 50px;top: 40px;width: 140px;height: 140px;border-radius: 50%; background-color: #eee;}
.contents1 .left .photo_wrap .photo_thumb img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;transform: translate(-50%,-50%);}
.contents1 .left .photo_wrap strong {display: block;font-size: 20px; color: #3a3798; font-weight: bold; line-height: 1.4;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.contents1 .left .photo_wrap p {margin:0; padding: 10px 0 0;text-align:left;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height: 1.4;}
.contents1 .left .btn {display: inline-block;position:absolute;left: 0;right: -1px;bottom: 70px;width: 100%;padding: 0;}
.contents1 .left .btn a {display: inline-block;overflow: hidden;position: relative; margin-top: 35px; width:100%;height:70px; line-height: 70px; background: #3a3798;text-align: center; color: #fff; font-size: 20px;
   -webkit-transition:background-color 0.3s ease-out;
   -moz-transition:background-color 0.3s ease-out;
   -o-transition:background-color 0.3s ease-out;
   transition:background-color 0.3s ease-out;}
.contents1 .left .btn a:hover {color:#3a3798;background-color: #ffd800;}

@media all and (max-width: 1300px) {
   .contents1 .clearfix {width:90%;margin-top: 50px;margin-left:auto;margin-right:auto;}
}

@media all and (max-width: 1200px) {
   .contents1 .left { margin-top:0;margin-left: auto;margin-right: auto; padding-top: 0; width: 80%;}
   .contents1 .right {display: none;}
}

@media all and (max-width: 768px) { 
   /* .contents1 {padding:150px 0;} */
   /* .contents1 .contents1_tit_img {top:45px;width:110px;height:90px;margin-left:-240px;background-size: cover;} */
   .contents1 .contents1_tit_img {margin:0 auto 20px; position:relative;width:110px;height:90px;background-size: cover; top:auto; left: auto; right: auto;}
   .contents1 h2 { font-size:32px}
   .contents1 p { padding:10px 20px;}
   .contents1 .page { width:100%}
   .contents1 .left { padding:0 20px;}
   .contents1 .left .photo {height: 520px;}
   .contents1 .left .photo_wrap {padding: 30px 50px;text-align: center;}
   .contents1 .left .photo_wrap .photo_thumb {position: relative; margin: 0 auto; top:10px; left: auto;}
   .contents1 .left .photo:after {left:50%;transform: translateX(-50%);}
   .contents1 .left .photo_wrap strong {margin-top: 40px;}
   .contents1 .left .photo_wrap p {text-align: center;}
   .contents1 .left .owl-nav .owl-prev { left:0}
   .contents1 .left .owl-nav .owl-next { right:0}
   
}

@media all and (max-width: 576px) {  
   .contents1 .left .btn a {font-size: 18px;}
}

/* @media all and (max-width: 500px) {
   .contents1 .contents1_tit_img {margin:0 auto 20px; position:relative; top:auto; left: auto; right: auto;}
} */

@media all and (max-width: 400px) {
   .contents1 .clearfix {margin-top: 40px;}
   .contents1 .left .photo_wrap {padding: 30px;}
   .contents1 .left .owl-nav {display: none;}
}

.contents2 {width:100%; min-height:900px; padding:0 0 420px; position:relative; clear:both;background:url('../img/mainbg03.jpg') no-repeat 50% -50px;}
.contents2 .clearfix {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:100px}
.contents2 .clearfix li {border: 1px solid #b3b1ff; background-color: #fff; transition: all 0.3s; border-radius:20px; width:100%; height:400px; padding: 30px; margin:auto}
.contents2 .clearfix li .overflow h2{margin-top:20px; padding:20px 0 0 0; border-top:3px solid #3a3798; text-align:center; font-size:20px; color:#3a3798; font-weight:600; position:relative;}
/* .contents2 .clearfix .down { margin-top:80px} */
.contents2 .clearfix .owl-item:nth-child(even) { margin-top:80px}
.contents2 .contents2_tit_img {overflow: hidden;position: absolute;left: 50%;top: -40px;width: 185px;height: 152px;margin-left: -410px;background: url(../img/content02_title.png) left bottom no-repeat;}
.contents2 h2 { font-size: 50px; font-weight: 300; color: #000; text-align: center; padding:0 20px; word-break: keep-all;}
.contents2 p { display: block; padding: 20px 20px 0; text-align:center; font-size:16px; font-weight:400; color:#767676;}

.contents2 ul.tab {margin:0 auto; padding-top:40px; width:75%;}
.contents2 ul.tab li { float: left; width:25%; text-align: center;}
.contents2 ul.tab li a {margin: 0 auto; display: block;background: #32373a;padding: 15px;color: #fff;font-size: 20px;width: 95%;border-radius: 30px;}
.contents2 ul.tab li a:hover,
.contents2 ul.tab li.on a {background: #3a3798;}

/* .contents2 .clearfix li .overflow .img01 h2 { color:#000 }
.contents2 .clearfix li .overflow .img02 h2 { color:#fff }
.contents2 .clearfix li .overflow .img03 h2 { color:#000 }
.contents2 .clearfix li .overflow .img04 h2 { color:#fff }
.contents2 .clearfix li .overflow .img01 p { color:#000}
.contents2 .clearfix li .overflow .img02 p { color:#fff}
.contents2 .clearfix li .overflow .img03 p { color:#000}
.contents2 .clearfix li .overflow .img04 p { color:#fff} */
.contents2 .clearfix li .overflow p { font-size:15px; word-break: keep-all;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.contents2 ul.clearfix li h2 { display:block; font-size:24px; font-weight:bold; text-align:center; color:#333; position:relative}
.contents2 ul.clearfix li span.thum { font-size:26px; display:block; padding:0; text-align:center; letter-spacing:0}
.contents2 ul.clearfix li span.thum img { display:inline-block; padding:7px; width: 200px; height:200px; border:1px solid #b3b1ff; border-radius: 50%; }

.contents2 ul.clearfix li .sub_txt { font-size:17px; font-weight:400; color:#767676; padding-top:10px}
.contents2 ul.clearfix li .img { width:100%; height:353px;  background-repeat:no-repeat; background-position:center 110px; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;}
/* .contents2 ul.clearfix li .img01 { background-image:url(../img/content01_img1.png)}
.contents2 ul.clearfix li .img02 { background-image:url(../img/content01_img2.png)}
.contents2 ul.clearfix li .img03 { background-image:url(../img/content01_img3.png)}
.contents2 ul.clearfix li .img04 { background-image:url(../img/content01_img4.png)} */
.contents2 ul.clearfix li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)}

.contents2 .owl-nav {position: absolute;top: 32%;margin-top:50px; width:100%; display:block}
.contents2 .owl-nav .owl-prev {width:45px; height:45px; line-height:45px; left:-25px; background-color:#32373a; margin:0; position:absolute; cursor:pointer; color:#fff; padding:0}
.contents2 .owl-nav .owl-next {width:45px; height:45px; line-height:45px; right:-25px; background-color:#32373a; margin:0; position:absolute; cursor:pointer; color:#fff; padding:0}

@media all and (max-width: 1300px) {  
   .contents2 .clearfix {width:calc(100% - 100px); margin-left: auto; margin-right: auto;}
   .contents2 .clearfix li {width: calc(100% - 2px);}
}

@media all and (max-width: 1000px) {
   .contents2 {padding:0 0 400px; background: url('../img/mainbg03.jpg') no-repeat 50% -150px;}
   .contents2 .clearfix .owl-item:nth-child(even) {margin-top:0;}
}

/* @media all and (max-width: 992px) {  
.contents2 .clearfix li {border: 15px solid transparent; transition: all 0.3s; border-radius:20px; width:47%; height:400px; padding: 0; margin:auto}
} */

@media all and (max-width: 768px) {  
   .contents2 {padding:0 0 360px; background: url('../img/mainbg03.jpg') no-repeat 50% 50px;}
   .contents2 .contents2_tit_img {margin:0 auto 20px; position:relative;width:110px;height:84px;background-size: cover; top:auto; left: auto; right: auto; }
   .contents2 h2 { font-size:32px; }
   /* .contents2 p { padding:10px 20px; } */
   .contents2 ul.tab li { width:50%; }
   .contents2 ul.tab li a { margin: 3px auto; }
   .contents2 .clearfix {margin-top: 160px;}
   .contents2 ul.clearfix li .img { width:100%; height:353px;  background-repeat:no-repeat; background-position:center 120px; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease; margin-top:160px}
   /* .contents2 .owl-nav .owl-prev { left:0; }
   .contents2 .owl-nav .owl-next { right:0; } */
}

@media all and (max-width: 640px) {  
   .contents2 .clearfix {width: calc(100% - 40px);}
   .contents2 ul.clearfix li span.thum img {width:150px; height: 150px;}
   .contents2 .clearfix li .overflow p {-webkit-line-clamp:6;}
}

@media all and (max-width: 576px) {  
   .contents2 ul.tab li a {font-size: 18px;}
}

@media all and (max-width: 400px) {  
   .contents2 ul.tab {width: calc(100% - 40px);}
}





.contents3 {width:100%; min-height:700px; padding:0; position:relative; clear:both; background-color: #359a69;}
/* .contents3 .clearfix {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:40px;} */
.contents3 .clearfix {width: 100%; margin-top:40px;}
.contents3 li {float:left; display:inline-block; margin-left:1%; margin-right:1%; transition: all 0.3s; border-radius:20px; width:32%; height:250px; padding: 0;overflow: hidden;}
.contents3 li.big {height:526px;}
.contents3 li .overflow h2{text-align:left; font-size:25px; font-weight:600; position:relative;}
.contents3 .down { margin-top:80px}
.contents3 h2 { font-size: 50px; font-weight: 300; color: #fff; text-align: center; padding:0 20px; word-break: keep-all;}
.contents3 p { display: block; padding: 10px 20px 0 20px; text-align:left; font-size:17px; font-weight:400; color:#767676;word-break: keep-all;}
.contents3 span.btn { display: block; padding: 10px 20px 0 20px; text-align:left; font-size:17px; font-weight:400; color:#767676;}
.contents3 li .overflow h2 { color:#fff; padding-top:30px; padding-left:30px; }
.contents3 li .overflow p { color:#fff;font-size:15px;padding-left:30px;padding-top:15px;}
.contents3 li .overflow span.btn { color:#fff;font-size:16px;border: 2px solid #fff;display: inline-block;width: 100px;border-radius: 40px;margin-top: 20px;line-height: 30px;padding: 0;height: 32px; text-align: center;margin-left: 30px;}
.contents3 ul li h2 { display:block; font-size:24px; font-weight:bold; text-align:left; color:#333; margin-top:-110px; position:relative; }
.contents3 ul li span { font-size:26px; display:block; padding:20px 0; text-align:left; letter-spacing:0;}

.contents3 ul li.li01 {margin-left:0;}
.contents3 ul li.li03,
.contents3 ul li.li05 {margin-right:0;}
.contents3 ul li.li04,
.contents3 ul li.li05 {margin-top: 26px;}
.contents3 ul li .sub_txt { font-size:17px; font-weight:400; color:#767676; padding-top:10px}
.contents3 ul li .img { width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size: cover; transition: all 1s ease;-webkit-transition: all 1s ease; margin-top:110px;}
.contents3 ul li.big .img {height:526px;}
.contents3 ul li .img01 { background-image:url(../img/quickmenu01.png)}
.contents3 ul li .img02 { background-image:url(../img/quickmenu02.png)}
.contents3 ul li .img03 { background-image:url(../img/quickmenu03.png)}
.contents3 ul li .img04 { background-image:url(../img/quickmenu04.png)}
.contents3 ul li .img05 { background-image:url(../img/quickmenu05.png)}
.contents3 ul li a:hover span.btn {background-color: #fff;}
.contents3 ul li.li01 a:hover span.btn {color: #eeba4b;}
.contents3 ul li.li02 a:hover span.btn {color: #f476c3;}
.contents3 ul li.li03 a:hover span.btn {color: #795ac0;}
.contents3 ul li.li04 a:hover span.btn {color: #c963c5;}
.contents3 ul li.li05 a:hover span.btn {color: #6081ec;}

@media all and (max-width: 1300px) {  
   .contents3 .clearfix {width: calc(100% - 100px); margin-left:auto; margin-right: auto;}
}

@media all and (max-width: 1100px) {  
   .contents3 ul li {margin: 0;}
   .contents3 ul li.li01 {width: 40%;}
   .contents3 ul li.li02,
   .contents3 ul li.li03,
   .contents3 ul li.li04,
   .contents3 ul li.li05 {width: calc(60% - 15px); margin-left:15px;}
   .contents3 ul li.li01,
   .contents3 ul li.li02 {margin-top: 0;}
   .contents3 ul li.li03,
   .contents3 ul li.li04,
   .contents3 ul li.li05 {margin-top: 15px;}
   .contents3 ul li .img02,
   .contents3 ul li .img03,
   .contents3 ul li .img04,
   .contents3 ul li .img05 { background-image:none;}
   .contents3 ul li .overflow .img02 span.btn,
   .contents3 ul li .overflow .img03 span.btn,
   .contents3 ul li .overflow .img04 span.btn,
   .contents3 ul li .overflow .img05 span.btn { position: absolute; top:25px; right:30px; }
   .contents3 ul li,
   .contents3 ul li .img {height: 117.5px;background-position: 100% 100%; background-size: auto;} 
   .contents3 ul li.big,
   .contents3 ul li.big .img {height: 515px;background-position: 50% 50%; background-size: cover;} 
   .contents3 li .overflow h2 {padding-top: 20px;font-size: 20px;}
}

@media all and (max-width: 768px) {  
   .contents3 h2 { font-size:32px; }
   .contents3 ul li.big,
   .contents3 ul li.big .img {background-image: none;height: 117.5px;} 
   .contents3 ul li.li01,
   .contents3 ul li.li02,
   .contents3 ul li.li03,
   .contents3 ul li.li04,
   .contents3 ul li.li05 {width: 100%; margin-left:0;}
   .contents3 ul li.li02 {margin-top: 15px;}
   .contents3 ul li .overflow .img01 span.btn { position: absolute; top:25px; right:30px; }
}

@media all and (max-width: 640px) {
   .contents3 .clearfix {width: calc(100% - 40px);}
}

@media all and (max-width: 500px) {
   .contents3 ul li .overflow .img01 span.btn,
   .contents3 ul li .overflow .img02 span.btn,
   .contents3 ul li .overflow .img03 span.btn,
   .contents3 ul li .overflow .img04 span.btn,
   .contents3 ul li .overflow .img05 span.btn,
   .contents3 li .overflow p br { display: none; }
}

.contents4 { width:100%; padding:75px 0 130px; background-color: #359a69;}
.contents4 .inner {width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap; padding:0 30px;}
.contents4 .left { width:48%;margin-right:2%;}
.contents4 .left .video_area {position:relative;z-index:1;display:flex;align-items:center;}
.contents4 .left .video_area .intro_video_iner {width: 100%;height: 100%; }
.contents4 .left .video_area h2 { text-align:center; font-size:16px; color:#f5f5f5; font-weight:600; padding-bottom:20px; letter-spacing:15px; position:relative; word-break: keep-all;}
.contents4 .left .video_area .intro_video_icon { margin-top: 0px;}
.contents4 .left .video_area .video-play-button{position:absolute;z-index:10;left:50%;transform:translateX(-50%) translateY(-50%);box-sizing:content-box;display:block;width:32px;height:44px; float: left;;border-radius:50%;padding:18px 20px 18px 28px; border:1px solid #fff;}
.contents4 .left .video_area .video-play-button:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:80px;height:80px;background:rgba(255,255,255,.3);border-radius:50%;animation:pulse-border 1.5s ease-out infinite}
.contents4 .left .video_area .video-play-button:after{content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;transition:all .2s}
.contents4 .left .video_area .video-play-button:hover:after {background: rgba(255, 255, 255, 0.3);}
.contents4 .left .video_area .video-play-button img{position:relative;z-index:3;max-width:100%;width:auto;height:auto}
.contents4 .left .video_area .video-play-button span { display: inline-block; position: relative; z-index: 3; top: 8px; cursor: pointer;}
.contents4 .left .video_area .ti-control-play:before { content: "\e6ad";font-size: 28px;color: #fff;}

.contents4 .right { width:48%;margin-left:2%;}


@media all and (max-width: 768px) {  
   .contents4 .left { width:100%; margin-right: 0;}
   .contents4 .right { width:100%; padding-top:50px; margin-left: 0;}
}

@media all and (max-width: 640px) {
   /* .contents4 .clearfix {width: calc(100% - 40px);} */
   .contents4 .inner {padding:0 20px;}
}


/*컨텐츠 기본 셋팅*/
.content_wrap { width:100%;}
.content_wrap .txtCon { max-width:1300px; margin:0 auto; padding:60px 20px 50px 20px; font-weight:400; position:relative; clear:both}
.content_wrap .txtCon .sub_title{ margin-bottom:100px}
.content_wrap .txtCon .sub_title h1 {font-size:38px; color:#000; text-align:center}
.content_wrap .txtCon .sub_title h1:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.content_wrap .txtCon .sub_title .sub_title {font-size: 16px; color:#555; font-weight:400; text-align:center; padding-top:20px; word-break:keep-all;}
.content_wrap .txtboard { max-width:1200px;  font-size:12px;}
@media screen and (max-width: 768px) {
   .content_wrap .txtCon .sub_title h1 { font-size:32px}
}
/*컨텐츠 기본 셋팅*/







/*서브 비주얼*/
.sub_visual{position:relative; max-width:2560px; margin:0 auto; height:390px; padding:136px 0; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
.sub_visual.visual06 .bg{background-image:url(../img/sub_visual06.jpg)}
.sub_visual.visual07 .bg{background-image:url(../img/sub_visual07.jpg)}
.sub_visual.visual08 .bg{background-image:url(../img/sub_visual08.jpg)}
.sub_visual.visual09 .bg{background-image:url(../img/sub_visual09.jpg)}
.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual h3{position:relative;z-index:2;font-size:50px;font-weight:600; letter-spacing:-0.8px; color:#FFF;text-align:center;height:90px}
.sub_visual h3:after {content:""; display:block; height:1px; width:20px; margin:20px auto; background-color:#fff}
.sub_visual .sub_title{font-size:1.2em;text-align:center;filter:alpha(opacity=60);position:relative;font-weight:500; color:#FFF;z-index:2;opacity:.8; padding-top:10px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;opacity:.8;z-index:1}
.sub_visual .bg{ width:100%; height:450px; position:absolute; background-size:cover; top:0; background-position:center top;background-repeat:no-repeat;/*-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
@media screen and (max-width:992px) {
   .sub_visual { height:350px}
   .sub_visual h3 { font-size:38px}
}
/*서브 비주얼*/






/*서브 상단메뉴*/
.sub_navi { width:100%;  bottom:0;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color:#fff; position:absolute; z-index:2}
.sub_navi ul { text-align:center; max-width:1080px; margin:auto}
.sub_navi li{display:inline-block; margin-left:-3px; width:16%;/*margin:0 -1px 0 0*/}
.sub_navi li a{display:block; box-sizing:border-box; color:#f2f2f2; text-align:center; position:relative; font-size:1.000em; height:55px; line-height:55px;  font-size:1.313em; color:#666}
.sub_navi li a.on{ border-bottom:1px solid #3a3798; border-bottom-color: #3a3798; color: #3a3798;}
@media screen and (max-width:768px) {
	.sub_navi { display:none}
}
/*서브 상단메뉴*/






/*헤더관리 버튼*/
#cf_1_form {display:none;border:2px solid tomato;padding:2em;background-color:#fff;border-radius:6px;}
#cf_1_form h3 { font-size:20px; margin-bottom:20px}
#cf_1_form .line {margin:5px 0; padding-bottom:7px}
#cf_1_form .line label {font-size:14px; color:#930; width:150px; display:inline-block; vertical-align:middle;}
#cf_1_form .line input[type=text] {border:1px solid #ccc;line-height:20px;height:40px;}
#btn-cf_1 { bottom:2px;right:2px;background-color:tomato; color:#fff; font-size:14px; border:0; height:24px; line-height:24px; padding:0 0.5em; border-radius:12px;}
/*헤더관리 버튼*/




/*게시판 헤더관리*/
#head-edit-form {display:none;border:2px solid tomato;padding:2em;background-color:#fff;border-radius:6px;}
#head-edit-form h3 { font-size:20px; margin-bottom:20px}
#head-edit-form .line {margin:5px 0; padding-bottom:7px}
#head-edit-form .line label {font-size:14px; color:#930; width:150px; display:inline-block; vertical-align:middle;}
#head-edit-form .line textarea {width:400px;height:100px;line-height:20px;border:1px solid #ccc;}
#head-edit-form .line input[type=text] {border:1px solid #ccc;line-height:20px;height:40px;}
#head-edit-form .line #bo_head_bg_class { width: 150px; height:40px }
#head-edit-form .line #bo_head_sub_title { width: 350px; }
#head-edit-form .line #bo_head_mobile_sub_title { width: 350px; }
#btn-mng-head {position:absolute;z-index:100; bottom:2px;right:2px;background-color:tomato; color:#fff; font-size:14px; border:0; height:24px; line-height:24px; padding:0 0.5em; border-radius:12px;}
/*게시판 헤더관리*/




/*내용관리 헤더관리*/
#head-edit-form .line #co_head_bg_class { width: 150px; height:40px }
#head-edit-form .line #co_head_sub_title { width: 350px; }
#head-edit-form .line #co_head_mobile_sub_title { width: 350px; }
#head-edit-form .tc {text-align:center; margin-top:1em;}
#head-edit-form .tc .btn_submit { padding:10px 20px}
/*내용관리 헤더관리*/

.visual_slider {position: relative;}
.visual_slider .btn-admin {position: absolute; z-index: 100; bottom: 2px; right: 2px; background-color: tomato; color: #fff; font-size: 14px; border: 0; height: 24px; line-height: 24px; padding: 0 0.5em; border-radius: 12px;}

#fregister { max-width:1200px; margin:0 auto; padding:20px 0}
#fregisterform { max-width:1200px; margin:0 auto; padding:20px 0}






/*푸터*/
#footer{ width:100%; border-top:1px solid #e4e2e2; height:auto; clear:both}
#footer .left { width:50%; float:left}
#footer .left .service { width:120px;}
#footer .left .sns { width:120px}
#footer .left .privacy   { width:140px}
#footer .right { width:50%; float:right}
.footerLogo{width:148px;height:75px;margin:50px 50px 30px 50px;font-size:50px;font-weight:500; letter-spacing:-2px;text-align:left;color:#000}
.footerText{position:relative;float:left;margin:60px 30px 30px 40px; padding:0 10px}
.footerText h2{margin:0 0 30px 0; font-size:18px; text-align:left; color:#000; letter-spacing:-1px}
.footerText li a { font-size:15px; font-weight:400; color:#444; line-height:1.8}
.footerText li a i { font-size:15px}
.footerMall{position:relative; float:right; margin:60px 70px 30px 30px; width:auto; font-size:15px; font-weight:400; line-height:2.09; text-align:left; color:#000}
.footerCopyright{position:relative; float:left;width:100%; padding:20px 0 80px 0; font-size:15px ;font-weight:400; text-align:left; color:#000}
.footerCopyright p { padding-left: 50px;}
.footerCopyright p.sm {color: #999;font-size: 11px;margin-top: 10px;font-weight: normal;}

@media screen and (max-width: 950px) {
   .footerText{margin-right: 0;}
}

@media screen and (max-width:768px) {
	#footer .inner {padding-top: 50px;}
   #footer .left {width:100%}
	#footer .right {width:100%}
	.footerMall {float:left;margin:20px 70px 30px 30px;}
	.footerText {margin: 30px 30px 30px 20px;}
   .footerCopyright p {padding-left:30px;}
}
/*푸터*/



/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/