.lead { font-size:16px; color:#555; letter-spacing:-0.02em; line-height:1.75; font-weight:400}
@media screen and (max-width:640px) {
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
.lead { font-size:17px}
}


/*메인배너*/
.mainVideo {top:0;width: 100%;height: 720px;overflow:hidden; background-size:cover;padding:0;}
.bg-fixed{background-size:cover;padding:0;background-color:#000; opacity:0.5; position:absolute; width:100%; height:720px; top:0;left:0; z-index:1}
.main-carousel{padding:0; display:block; position:relative}
.main-carousel .li{height:720px; background-size:cover; background-position:center; position:relative; overflow:hidden;}
.main-carousel .li::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1);transform-origin:center center;z-index:0;will-change:transform}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;min-width:300px;opacity:0;z-index:1}
.main-carousel .jarallax { height: 720px;}
.main-carousel .img01 { background-image:url(../images/main_banner_img01.jpg);}
.main-carousel .img02 { background-image:url(../images/main_banner_img02.jpg);}
.main-carousel .img03 { background-image:url(../images/main_banner_img03.jpg);}

.visual_slider { position:relative; --slide-dur:6s; }
.visual_slider .ctl {position: absolute; left: 50%; width: 100%; bottom: 100px; transform: translateX(-50%); z-index: 10; display: flex; align-items: center; gap: 10px; max-width: 1640px; padding: 0 20px;}
.visual_slider .ctl button { width:50px; aspect-ratio: 1 / 1; border-radius: 50%; border: 0; background:rgba(255,255,255,0.2); color:#fff; font-size:28px; cursor:pointer; transition:0.3s; }
.visual_slider .ctl button:hover { background:#fff; color:#000; }
.visual_slider .progress { width:200px; height:1px; background:rgba(255,255,255,0.20); overflow:hidden; position:relative; }
.visual_slider .progress .bar { position:absolute; left:0; top:0; width:0; height:100%; background:#fff; }
.visual_slider .progress .bar.running { animation:progressBar var(--slide-dur) linear forwards; }

@keyframes progressBar {
  0% { width:0; }
  100% { width:100%; }
}

.main-carousel .li .copy_area_wrap {position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; top: 45%; width: 100%; left: 50%; transform: translate(-50%, -50%);}
.main-carousel .li .copy_area {width:100%; max-width:1600px; margin:0 auto; color:var(--main_black); display:flex; flex-direction:column; align-items:flex-start; }
.main-carousel .li .copy_area h2{font-size:20px; font-weight:500; word-break:keep-all; color:var(--main_color);}
.main-carousel .li .copy_area h3{font-size:54px; line-height:1.3; font-weight:700; color:#fff; word-break:keep-all;}
.main-carousel .li .copy_area h3 span {font-size: 62px;}
.main-carousel .li .copy_area > p {font-size:20px; line-height:1.4; margin-top: 30px; color: #fff; font-weight: 300; word-break: keep-all;}
.main-carousel .li .copy_area .ctl {display:flex; align-items:center; gap:14px;}
.main-carousel .li .copy_area .ctl .btn-prev,
.main-carousel .li .copy_area .ctl .btn-next {background:transparent; border:none; color:#fff; font-size:18px; width:28px; height:28px; cursor:pointer; opacity:.75; transition:opacity .2s; padding:0;}
.main-carousel .li .copy_area .ctl .btn-prev:hover,
.main-carousel .li .copy_area .ctl .btn-next:hover {opacity:1;}
.main-carousel .li .copy_area .idx-box {display:flex; align-items:center; gap:10px; font-size:15px; color:#fff; font-weight:500;}
.main-carousel .li .copy_area .idx-box .idx {min-width:22px;}
.main-carousel .li .copy_area .idx-box .line-wrap {position:relative; width:80px; height:1px; background:rgba(255,255,255,.35); border-radius:1px; overflow:hidden;}
.main-carousel .li .copy_area .idx-box .line-fill {position:absolute; left:0; top:0; width:0%; height:100%; background:#fff; border-radius:1px;}
.main-carousel .li .copy_area .idx-box .line-fill.running {animation:lineFill var(--slide-dur, 9s) linear forwards;}
@keyframes lineFill { from{width:0%} to{width:100%} }
.main-carousel .li .copy_area .idx-box .size {min-width:22px; opacity:.6;}
.owl-carousel .owl-item{overflow:hidden}
.visual_slider {position:relative; width:100%; max-width:1720px; margin:100px auto 0; border-radius:30px; overflow:hidden;}

.visual_slider .scroll {position:absolute; right:8%; top:50%; transform:translate(0%,-50%); z-index:3; color:#fff;}
.visual_slider .scroll .txt {font-weight:700; font-size:14px; margin-bottom:10px; writing-mode:tb-rl;}
.visual_slider .scroll .circles {display:inline-block; vertical-align:text-bottom; position:relative; height:27px; margin-left:2px;}
.visual_slider .scroll .circles .circle {display:inline-block; width:8px; height:8px; background:#fff; margin-left:3px; position:absolute; top:0; left:0; border-radius:50%; animation:fadeInOut 2s ease-in-out infinite;}
.visual_slider .scroll .circles .circle:nth-child(2) {margin-top:5px; animation-delay:.2s;}
.visual_slider .scroll .circles .circle:nth-child(3) {margin-top:11px; animation-delay:.4s;}
.visual_slider .scroll .circles .circle:nth-child(4) {margin-top:16px; animation-delay:.6s;}
@keyframes fadeInOut { 0%{opacity:0} 50%{opacity:1} 100%{opacity:0} }

.visual_slider .visual-notice{width:100%; right:0; position:absolute; bottom:0; z-index:1}
.visual_slider .visual-notice .inner {background:rgba(0,0,0,0.6); overflow:hidden; max-width:1240px; margin:0 auto}
.visual_slider .visual-notice:after{content:''; width:calc(50% - 620px); height:100%; right:0; position:absolute; top:0; background:rgba(0,0,0,0.6);}
.visual_slider .visual-notice h3{padding:20px; color:#fff; float:left; max-width:130px;}

@media screen and (max-width:1800px) {
  .visual_slider {width:calc(100% - 20px);}
}
@media screen and (max-width:1600px) {
  .main-carousel .li .copy_area {padding:0 20px;}
  .visual_slider .scroll {right:20px;}
}
@media screen and (max-width:1200px) {
	.main-carousel .li .copy_area h3 span {font-size: 50px;}
  .main-carousel .li .copy_area h2 {font-size:18px;}
  .main-carousel .li .copy_area h3 {font-size:40px;}
}
@media screen and (max-width:960px) {
  .visual_slider {margin-top:60px;}
}
@media screen and (max-width:640px) {
  .mainVideo {height:60vh}
  .bg-fixed {height:60vh}
  .visual_slider {border-radius:20px;}
  .main-carousel .jarallax {height:60vh;}
  .main-carousel .li {height:60vh;}
  .main-carousel .img01 {background-image:url(../images/m_main_banner_img01.jpg);}
  .main-carousel .img02 {background-image:url(../images/m_main_banner_img02.jpg);}
  .main-carousel .img03 {background-image:url(../images/m_main_banner_img03.jpg);}
  .main-carousel .li .copy_area_wrap {top: 20%;}
  .main-carousel .li .copy_area h2 {font-size:16px;}
  .main-carousel .li .copy_area h3 {font-size:28px;}
	.main-carousel .li .copy_area h3 span {font-size: 120%;}
  .main-carousel .li .copy_area > p {font-size:18px;}
  .main-carousel .li .copy_area .idx-box .line-wrap {width:50px;}
  .visual_slider .scroll {top:20px; transform:unset;}
  .visual_slider .scroll .txt {font-size:12px;}
	.visual_slider .ctl {bottom: auto; top: 45%;}
	.visual_slider .ctl button {width: 40px; font-size: 20px;}
	.visual_slider .progress {width: 100px;}
}
@media screen and (max-width:500px) {
  .mainVideo {height:420px}
  .bg-fixed {height:420px}
  .main-carousel .jarallax {height:420px;}
  .main-carousel .li {height:420px;}
	.visual_slider .ctl {top: 55%;}
	.main-carousel .li .copy_area_wrap {top: 120px;}
  .main-carousel .li .copy_area h3 {font-size:26px;}
  .main-carousel .li .copy_area > p {font-size:16px;}
}
/*메인배너*/

:root {
	--main_black: #212121;
	--main_color: #75ae43;
	--main_depGray: #666;
	--main-gray: #f9f9f9;
}

/* 메인공통 */
.section {}
.section * {color: var(--main_black); line-height: 1.5; word-break: keep-all;}
.section .main_tit_box {}
.section .main_tit_box .main_tit {font-size: 74px;}
.section .main_tit_box .main_tit span {color: var(--main_color);}
.section .main_tit_box .main_desc {font-size: 20px;}
.section .main_btn {}
.section .main_btn .more_btn {font-size: 16px; font-weight: 700; color: #fff; padding: 10px 10px 10px 20px; border-radius: 30px; display: flex; align-items: center; gap: 12px; background-color: var(--main_color); width: max-content;}
.section .main_btn .more_btn span {display: block; width: 30px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #fff; display: grid; place-content: center;}
.section .main_btn .more_btn span img {}

.txt_center {text-align: center;}
.flex_box {display: flex; flex-wrap: wrap;}

@media screen and (max-width:1200px) {
	.section .main_tit_box .main_tit {font-size: 55px;}

}
@media screen and (max-width:960px) {
	.section .main_tit_box .main_tit {font-size: 45px;}
	.section .main_tit_box .main_desc {font-size: 18px;}
	.section .main_btn .more_btn {font-size: 15px;}
}
@media screen and (max-width:640px) {
	.section .main_tit_box .main_tit {font-size: 35px;}
	.section .main_tit_box .main_desc {font-size: 16px;}
	.section .main_btn .more_btn {font-size: 14px;}
}
@media screen and (max-width:500px) {

}
/* 메인공통 */

/* content01 */
.content01 {padding:70px 0; }
.content01 .flex_box {gap:30px; align-items:center; }
.content01 .flex_box .left_box {width:100%; }
.content01 .flex_box .left_box h2 {}
.content01 .flex_box .left_box p {}
.content01 .flex_box .menu_box {width:100%; gap:20px; }
.content01 .flex_box .menu_box li {width:calc(100% / 4 - 15px); aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; border-radius:20px; overflow:hidden; }
.content01 .flex_box .menu_box li a {position:relative; display:grid; place-content:center; transition:.4s; width:100%; height:100%; padding: 30px;}
.content01 .flex_box .menu_box li:nth-child(1) a {background-color:#F7FBF3;}
.content01 .flex_box .menu_box li:nth-child(2) a {background-color: #FDF9F2;}
.content01 .flex_box .menu_box li:nth-child(3) a {background-color: #F5F9FC;}
.content01 .flex_box .menu_box li:nth-child(4) a {background-color: #F7FAF7;}
.content01 .flex_box .menu_box li a .icon_box {transition:.4s; }
.content01 .flex_box .menu_box li a .icon_box img {width:70%; display:block; margin:0 auto; transition:.4s; }
.content01 .flex_box .menu_box li a .txt_box {margin-top:20px; position:relative; }
.content01 .flex_box .menu_box li a .txt_box p {font-size:25px; font-weight:700; color:var(--main_color); transition:.4s; }
.content01 .flex_box .menu_box li:nth-child(1) a .txt_box p {color: #68AF32;}
.content01 .flex_box .menu_box li:nth-child(2) a .txt_box p {color: #6DB532;}
.content01 .flex_box .menu_box li:nth-child(3) a .txt_box p {color: #2670BE;}
.content01 .flex_box .menu_box li:nth-child(4) a .txt_box p {color: #419667;}
.content01 .flex_box .menu_box li a .txt_box span {display: block; font-size: 18px; margin-top: 10px; line-height: 1.3;}
.content01 .flex_box .menu_box li a .txt_box .img_box {width: 30px; aspect-ratio: 1 / 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 10px auto 0; transition: .4s;}
.content01 .flex_box .menu_box li:nth-child(1) .txt_box .img_box {background-color: #68AF32;}
.content01 .flex_box .menu_box li:nth-child(2) .txt_box .img_box {background-color: #6DB532;}
.content01 .flex_box .menu_box li:nth-child(3) .txt_box .img_box {background-color: #2670BE;}
.content01 .flex_box .menu_box li:nth-child(4) .txt_box .img_box {background-color: #419667;}
.content01 .flex_box .menu_box li a .txt_box .img_box img {width:12px; filter: brightness(0) invert(1);}
/* .content01 .flex_box .menu_box li a:hover {background-color:var(--main_color); }
.content01 .flex_box .menu_box li a:hover .icon_box {opacity:1; }
.content01 .flex_box .menu_box li a:hover .icon_box img {filter:brightness(0) invert(1); }
.content01 .flex_box .menu_box li a:hover .txt_box p {color:#fff; }
.content01 .flex_box .menu_box li a:hover .txt_box .img_box {opacity: 1; visibility: visible; position: static; transform: unset; margin: 10px auto 0;} */

@media screen and (max-width:1200px) {
	.content01 .flex_box .menu_box li a .icon_box img {width: 60%;}
	.content01 .flex_box .menu_box li a .txt_box p {font-size: 22px;}
	.content01 .flex_box .menu_box li a .txt_box span {font-size: 16px;}
}
@media screen and (max-width:1000px) {
	.content01 .flex_box .menu_box li {width: calc(50% - 15px); aspect-ratio: auto;}
}
@media screen and (max-width:640px) {

}
@media screen and (max-width:580px) {
	.content01 .flex_box .menu_box li {width: 100%;}
}
/* content01 */

/* content02 */
.content02 {}
.content02 ul {gap: 4px;}
.content02 ul li {position: relative; background: no-repeat 50% 50% / cover; flex: 1; height: 660px; transition: .4s; overflow: hidden;}
.content02 ul .box1 {background-image: url(../images/con2_img1.jpg);}
.content02 ul .box2 {background-image: url(../images/con2_img2.jpg);}
.content02 ul .box3 {background-image: url(../images/con2_img3.jpg);}
.content02 ul .box4 {background-image: url(../images/con2_img4.jpg);}
.content02 ul li .txt_box {position: absolute; left: 50px; bottom: 50px; z-index: 2;}
.content02 ul li .txt_box * {color: #fff;}
.content02 ul li .txt_box h3 {font-size: 34px;}
.content02 ul li .txt_box p {font-size: 20px; margin-bottom: 20px; display: none;}
.content02 ul li .txt_box a {width: 32px; aspect-ratio: 1 / 1; border: 1px solid #fff; border-radius: 50%; display: none; place-content: center;}
.content02 ul li .txt_box a img {filter: brightness(0) invert(1);}
.content02 ul li:hover {}
.content02 ul li.active {flex: 2.7;}
.content02 ul li.active::before {content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, rgba(49,84,18,0.8) 0%, rgba(49,84,18,0) 55%); }
.content02 ul li.active .txt_box {}
.content02 ul li.active .txt_box h3 {}
.content02 ul li.active .txt_box p {display: block;}
.content02 ul li.active .txt_box a {display: grid;}
.content02 ul li.active .txt_box a:hover {transition: .4s; background-color: #fff;}
.content02 ul li.active .txt_box a:hover img {transition: .4s; filter: unset;}

@media (max-width: 1600px) {
	.content02 ul li .txt_box {left: 30px;}
	.content02 ul li .txt_box h3 {font-size: 30px;}
}
@media (max-width: 1200px) {
	.content02 ul li {flex:none; width:calc(50% - 2px); height:420px;}
	.content02 ul li.active {width:calc(50% - 2px); flex: none;}
	.content02 ul li .txt_box h3 {font-size: 28px; margin-bottom: 5px;}
	.content02 ul li .txt_box p {font-size: 18px;}
}
@media (max-width: 960px) {
	.content02 ul {flex-direction: column;}
	.content02 ul li {height: 450px; width: 100%;}
	.content02 ul li.active {width: 100%;}

}
@media (max-width: 640px) {
	.content02 ul li {height: auto; aspect-ratio: 1 / 0.6;}
	.content02 ul li .txt_box {width: 100%; bottom: 20px; left: 20px;}
	.content02 ul li .txt_box h3 {font-size: 25px;}
	.content02 ul li .txt_box p {display: block; font-size: 16px;}
	.content02 ul li .txt_box a {display: grid;}
	.content02 ul li::before {content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, rgba(49,84,18,0.8) 0%, rgba(49,84,18,0) 60%); }
	.content02 ul li.active::before {content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, rgba(49,84,18,0.8) 0%, rgba(49,84,18,0) 60%); }
}
@media (max-width: 500px) {
	.content02 ul li {aspect-ratio: 1 / 0.9;}
	.content02 ul li .txt_box h3 {font-size: 22px;}
}
/* content02 */

/* content03 */
.content03 {background: url(../images/con3_bg.png) no-repeat 50% 100% / cover; padding: 70px 0;}
.content03 .flex_box {gap: 30px; align-items: center;}
.content03 .flex_box .left_box {width: calc(43.2% - 30px);}
.content03 .flex_box .left_box h2 {}
.content03 .flex_box .left_box p {}
.content03 .flex_box .left_box .main_btn {margin-top: 100px;}
.content03 .flex_box .latest_box {width: 56.8%;}


@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:960px) {
	.content03 .flex_box .left_box {width: 100%;}
	.content03 .flex_box .left_box .main_btn {margin-top: 30px;}
	.content03 .flex_box .latest_box {width: 100%;}
}
@media screen and (max-width:640px) {


}
/* content03 */

/* content04 */
.content04 {padding: 90px 0 160px;}
.content04 .flex_box {}
.content04 .flex_box .left_box {width: 50%; position: relative; background: url(../images/con4_bg1.jpg) no-repeat 50% 50% / cover; display: grid; place-content: center;}
.content04 .flex_box .left_box::before {content: ""; position: absolute; top: 0; left: 0; width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.content04 .flex_box .left_box .txt_box {position: relative; z-index: 2; width: 100%; text-align: center;}
.content04 .flex_box .left_box .txt_box h3 {color: #fff; font-size: 40px; margin-bottom: 30px;}
.content04 .flex_box .left_box .txt_box p {color: #fff; font-size: 20px; line-height: 1.4;}
.content04 .flex_box .right_box {width: 50%; padding: 30px;}
.content04 .flex_box .right_box .main_tit_box {text-align: center;}
.content04 .flex_box .right_box .main_tit_box h2 {}
.content04 .flex_box .right_box .main_tit_box p {}
.content04 .flex_box .right_box ul {gap: 30px; width: 80%; margin: 30px auto 0;}
.content04 .flex_box .right_box ul li {width: 100%; display: flex; flex-wrap: wrap; gap: 30px; border: 1px solid #ddd; border-radius: 20px; padding: 30px; align-items: center;}
.content04 .flex_box .right_box ul li .icon_box {width: 30%; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #f6f8f3;}
.content04 .flex_box .right_box ul li .icon_box img {width: 70%; display: block; margin: 0 auto;}
.content04 .flex_box .right_box ul li .txt_box {width: calc(70% - 30px);}
.content04 .flex_box .right_box ul li .txt_box .step {background-color: var(--main_color); padding: 8px 20px; display: block; width: max-content; border-radius: 30px; color: #fff; font-weight: 700; font-size: 14px; margin-bottom: 10px;}
.content04 .flex_box .right_box ul li .txt_box h3 {font-size: 22px; margin-bottom: 10px;}
.content04 .flex_box .right_box ul li .txt_box p {font-size: 18px; line-height: 1.3;}


@media screen and (max-width:1200px) {
	.content04 .flex_box {gap: 50px;}
	.content04 .flex_box .left_box {width: 100%; height: 500px;}
	.content04 .flex_box .right_box {width: 100%; padding: 0 20px;}
	.content04 .flex_box .right_box ul {width: 100%;}
	.content04 .flex_box .right_box ul li {width: calc(100% / 3 - 20px); justify-content: center;}
	.content04 .flex_box .right_box ul li .icon_box {width: 40%;}
	.content04 .flex_box .right_box ul li .txt_box {width: 100%; text-align: center;}
	.content04 .flex_box .right_box ul li .txt_box .step {margin: 0 auto 10px;}
}
@media screen and (max-width:960px) {
	.content04 .flex_box .left_box .txt_box h3 {font-size: 32px; margin-bottom: 20px;}
	.content04 .flex_box .left_box .txt_box p {font-size: 18px;}
	.content04 .flex_box .right_box ul li .icon_box {width: 120px;}
	.content04 .flex_box .right_box ul li .txt_box .step {padding: 6px 20px; font-weight: 600;}
	.content04 .flex_box .right_box ul li .txt_box h3 {font-size: 20px;}
	.content04 .flex_box .right_box ul li .txt_box p {font-size: 16px;}
}
@media screen and (max-width:700px) {
	.content04 .flex_box .right_box ul li {width: 100%;}
	.content04 .flex_box .right_box ul li .icon_box {width: 30%;}
	.content04 .flex_box .right_box ul li .txt_box {width: calc(70% - 30px); text-align: left;}
	.content04 .flex_box .right_box ul li .txt_box .step {margin: 0 0 10px;}
}
@media screen and (max-width:640px) {
	.content04 {padding: 40px 0 100px;}
	.content04 .flex_box .left_box {height: 400px;}
	.content04 .flex_box .left_box .txt_box {padding: 0 20px;}
	.content04 .flex_box .left_box .txt_box h3 {font-size: 26px;}
	.content04 .flex_box .left_box .txt_box p {font-size: 16px;}
}
@media screen and (max-width:450px) {
	.content04 .flex_box .right_box ul li .icon_box {width: 130px;}
	.content04 .flex_box .right_box ul li .txt_box {width: 100%; text-align: center;}
	.content04 .flex_box .right_box ul li .txt_box .step {margin: 0 auto 10px;}
}
/* content04 */




.formmail input { height: 40px; background: #fff;border: 1px solid #ccc;font-size: 14px;box-sizing: border-box;transition: all 1s;}
.formmail h2 { width: 200px; float: left; font-size: 18px; font-weight: 500;color: #555; padding: 5px 10px 5px 0;}
.formmail .radio { height:32px}
.formmail .clearfix {  padding:10px 0}
.formmail .line { border-bottom:1px solid #ddd}
.formmail p {font-size: 16px; color: #555;}
.formmail .company .text { width:400px} 
.formmail #email_list { width:200px; margin-left:10px}
.formmail textarea { width: 900px; height: 130px; line-height: 1.5; padding: 5px;border: 1px solid #bbb; box-sizing: border-box;resize: none;}
.formmail span.bar { display: inline-block; width:20px; text-align: center; vertical-align: middle; line-height: 35px;}
.formmail .type label { font-size:16px; color:#555}
.formmail .type .radio { width: 15px;height: 15px; border: 1px solid #ddd; background-color: #fff; margin:0 5px; color:#555}
.formmail .btn_submit{ width: 180px; height: 55px;line-height: 55px; border: 0; color: #fff;font-size: 18px; text-align: center;}
.formmail .form-radio { display: inline-block; margin-right: 10px; line-height: 28px;}

.formmail .co_hp { width:15%}
.formmail .co_hp2 { width:15%}
.formmail .co_hp3 { width:15%}
.formmail .co_varchar_1 { width:15%}
.formmail .co_varchar_2 { width:15%}
.formmail #email_list { width:15%}


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

	.formmail h2 { width:100%}
	.formmail .co_hp { width:28%}
	.formmail .co_hp2 { width:28%}
	.formmail .co_hp3 { width:28%}
	.formmail .company .text { width:100%}
	.formmail .co_varchar_1 { width:28%}
	.formmail .co_varchar_2 { width:28%}
	.formmail #email_list { width:34%}
	.formmail  .textarea { width:100%}
}


/*서브상단*/
.sub_visual{position:relative;max-width:98%;margin:0 auto;height:400px;overflow:hidden;background-repeat:no-repeat;background-position:center top; margin-top: 100px; border-radius: 30px;}
.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 .title_warp { max-width:1540px; padding: 0 20px; margin:0 auto; }
.sub_visual .title_warp .title_page { height:400px; position: relative; margin:0 auto; transform:translateY(65%);  z-index:2}
.sub_visual h3{font-size:14px;font-weight:400; padding-bottom:10px; letter-spacing:1px; color:#fff; opacity:0.8}
.sub_visual .main_title{font-size:45px; font-weight:500;  color:#fff; letter-spacing:-1px; font-weight: 700; }
.sub_visual .inBox {font-size:14px; padding-top:10px; color:#fff; display: none;}
.sub_visual .inBox i { font-size:14px; color:#fff; display:inline-block;}
.sub_visual .inBox a { padding:0 13px 0 0}
.sub_visual .inBox span {padding:0 13px; opacity:0.8}
.sub_visual .inBox span.strong { opacity:1; padding:0 0 0 13px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.6;z-index:1}
.sub_visual.visual01 .cover {display: none;}
.sub_visual.visual02 .cover {display: none;}
.sub_visual.visual03 .cover {display: none;}
.sub_visual.visual04 .cover {display: none;}
.sub_visual.visual05 .cover {display: none;}
.sub_visual.visual06 .cover {display: none;}
.sub_visual.visual07 .cover {display: none;}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sub_visual.tmp {height:100px; background-color:#000;}
.sub_visual.tmp .title_warp {display:none;}

.sub_visual h3,
.sub_visual .main_title ,
.sub_visual .inBox {
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s;
	animation-name:visual-tit;
	 -webkit-animation-name:visual-tit;
}

.sub_visual .main_title {animation-delay: 0.6s; -webkit-animation-delay: 0.6s;} 
.sub_visual .inBox {animation-delay: 0.9s; -webkit-animation-delay: 0.9s;} 
 
.sub_visual .bg{ 
	content:'';
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.4s;
	 -webkit-animation-delay: 0.4s;
	animation-name:visual-zoom;
	 -webkit-animation-name:visual-zoom;
}
 

 
@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}

@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}


@media screen and (max-width: 960px) { 
	.sub_visual {margin-top: 60px; border-radius: 20px;}
}

@media screen and (max-width: 768px) { 
	.sub_visual .inBox {display: none;}
	.sub_visual .title_warp .title_page {transform: translateY(70%);}
	/* .sub_visual .main_title {text-align: center;} */
}

 @media screen and (max-width: 640px) { 
  .sub_visual { height:300px; max-width: calc(100% - 40px);}
	.sub_visual .title_warp { width:100%;}
	.sub_visual .title_warp .title_page { height:300px}
	/* .sub_visual h3 { font-size:12px} */
	.sub_visual .main_title { font-size:28px;}
	.sub_visual .inBox { font-size:12px}
 }
/*서브상단*/





/*서브 제목*/
.content_wrap { width:100%; /*padding-bottom:150px*/}
.content_wrap  .content_area { width:100%; margin:0 auto; max-width:1640px}
.content_wrap .txtCon .sub_title { text-align:center; padding:70px 10px ;}
.content_wrap .txtCon .sub_title h2 {font-size:40px; color:#212121; font-weight: 800; word-break: keep-all;}
.content_wrap .txtCon .sub_title p {font-size: 16px; color:#555; padding-top:10px; word-break:keep-all;}
.content_wrap .txtboard { max-width:1640px; margin:0 auto; padding:20px 20px 50px 20px; font-size:14px; line-height:1.75; clear:both}
/* .content_wrap .txtboard span { font-size:14px} */

@media screen and (max-width:640px) {
	.content_wrap .txtCon { max-width:1640px; margin:0 auto; padding:50px 20px ; clear:both}
	.content_wrap .txtCon .sub_title {padding: 0 0 50px;}
	.content_wrap .txtCon .sub_title h2 { font-size:30px}
}
/*서브 제목*/







/*서브 하단 네비*/
.share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer}
.share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.share-area .share-btn{filter: brightness(0) invert(1); width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;}
@media screen and (max-width: 770px) {

	 .share-area { display:none}
}
@media screen and (max-width: 640px) {
	 .share-area .share-btn { display:none}
	 .share-area { display:none}
}
/*서브 하단 네비*/








/*푸터*/
#footer { width:100%; height:auto; background: url(../images/ft_bg.jpg) no-repeat 50% 50% / cover; padding: 60px 0; }
#footer .foot_menu {}
#footer .foot_menu .fm {margin-bottom: 30px; display: flex; gap: 30px; flex-wrap: wrap; padding-top: 30px;}
#footer .foot_menu .fm li {}
#footer .foot_menu .fm li a {font-size: 16px; color: #fff;}
#footer .foot_menu .fm li a.point {color: var(--main_color); font-weight: 600;}
#footer .flex_box {justify-content: space-between; align-items: flex-end;}
#footer .flex_box .footer_in {}
#footer .flex_box .footer_in .ft_menu {display: flex; gap: 15px; margin-bottom: 20px;}
#footer .flex_box .footer_in .ft_menu li {}
#footer .flex_box .footer_in .ft_menu li a {font-size: 15px; font-weight: 500; color: #fff; opacity: 0.5;}
#footer .flex_box .footer_in .ft_menu li a:hover {transition: .4s; opacity: 1;}
#footer .flex_box .footer_in address {font-style: normal;}
#footer .flex_box .footer_in address h2 {font-size: 18px; color: #fff; margin-bottom: 20px;}
#footer .flex_box .footer_in address p {display: flex; flex-wrap: wrap; gap: 10px; font-size: 16px; color: #fff; margin-bottom: 5px;}
#footer .flex_box .footer_in address p:last-child {margin-bottom: 0;}
#footer .flex_box .footer_in address p span {}
#footer .flex_box .footer_in address p span strong {}
#footer .flex_box .footer_in .copyright {margin-top: 30px; font-size: 16px; color: #fff;}
#footer .ft_logo {}
#footer .ft_logo a {background: url(../images/ft_logo.png) no-repeat 50% 50% / contain; width: 211px; height: 54px; display: inline-block;}
#footer .right_box {display: flex; flex-wrap: wrap; gap: 40px; flex-direction: column; align-items: flex-end;}
#footer .right_box .menu {gap: 10px;}
#footer .right_box .menu li {}
#footer .right_box .menu li a {border-radius: 30px; width: 120px; height: 40px; display: grid; place-content: center; font-size: 16px; color: #fff; background-color: rgba(117, 174, 67, 0.2);}
#footer .right_box .menu li a:hover {background-color: var(--main_color); transition: .4s;}

@media screen and (max-width: 1080px) {
	#footer .flex_box {gap: 30px;}
	#footer .right_box {width: 100%; align-items: flex-start; gap: 20px;}
	#footer .left_box {width: 100%;}
}

@media screen and (max-width: 960px) {
	#footer{padding: 50px 0px;}
	#footer .ft_logo a{width: 180px;}
	#footer .foot_menu .fm{gap: 10px;    padding-top: 10px;}
	#footer .foot_menu .fm li a{font-size: 14px;}
	#footer .flex_box .footer_in .copyright {font-size: 14px;}
	#footer .flex_box .footer_in address h2 {font-size: 16px; margin-bottom: 15px;}
	#footer .flex_box .footer_in address p {font-size: 14px;}
	#footer .right_box .menu li a {font-size: 14px; width: 100px; height: 36px;}
}

@media screen and (max-width: 640px) {
	#footer .right_box .menu {width: 100%;}
	#footer .right_box .menu li {width: calc(25% - 10px);}
	#footer .right_box .menu li a {width: 100%; width: 100%; height: auto; padding: 10px 20px;}
	#footer .ft_logo a {width: 150px;}
}

@media screen and (max-width: 500px) {
	#footer .right_box .menu li {width: calc(50% - 5px);}
}
/*푸터*/







.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;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/w_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); }