@charset "UTF-8";


.count-num { font-weight:600; }

.sec-main-visual { position:relative; }

#main-slide { background:#666; }
#main-slide .swiper-container { }

#main-slide .swiper-slide { overflow:hidden; }
#main-slide .swiper-slide .img { position:relative; height:100vh; transition-duration:200ms; }
#main-slide .swiper-slide .img_m{ display: none; }
/*#main-slide .swiper-slide .img:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.2); }*/

#main-slide .swiper-slide .bg-movie-wrap { position:relative; width: 100vw; height: 100vh; z-index:0; overflow:hidden; }
#main-slide .swiper-slide .bg-movie-wrap::after { content: ""; display: block; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.3); }

#main-slide .swiper-container { overflow:hidden; height:100%; background:#333; }
#main-slide .swiper-slide { overflow:hidden;  }
#main-slide video { object-fit:cover; width:100%; height:100%; }

#main-slide .swiper-slide .bg-movie { display: block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*IE,Edge등 polyfill 적용*/ z-index: 0; }

#main-slide .ctrl { position:absolute; left:50%; transform:translateX(-50%); bottom:50px; }
#main-slide .ctrl .pg { position:relative; z-index:1; height:100%; color:#fff; }
#main-slide .ctrl .pg .swiper-pagination-bullet-active { background:#fff; }

#main-slide .swiper-slide .content { position:absolute; left:130px; top:50%; transform:translateY(-50%); padding:30px 50px; text-align:left;  background: rgba(0,0,0,.3); color:#fff;  letter-spacing: -5px;  z-index:100;}

#main-slide{
    position:relative;
}

#main-slide .content{
    position:absolute;
    left:130px;
    top:50%;
    transform:translateY(-50%);
    padding:30px 50px;
    background:rgba(0,0,0,.3);
    color:#fff;
    z-index:100;
}

#main-slide .content .desc { line-height:1.1; font-size:5rem; }
#main-slide .content .head { line-height:1.1; font-size:5rem;  animation-delay:300ms; }
#main-slide .content .txt { animation-delay:600ms; font-size:5rem; font-weight:800;}

#main-slide .swiper-slide .content .desc { line-height:1.1; font-size:5rem; }
#main-slide .swiper-slide .content .head { line-height:1.1; font-size:5rem;  animation-delay:300ms; }
#main-slide .swiper-slide .content .txt { animation-delay:600ms; font-size:5rem; font-weight:800;}

#main-slide .swiper-slide-active .content { opacity:1; }
.space2{letter-spacing: -2.5px !important;}
.space3{letter-spacing: -3.5px !important;}
@media (max-width: 1024px) {
    #main-slide .swiper-slide .img { height:auto; padding-bottom:60%; }

}

@media (max-width: 767px) {
	.space2{letter-spacing: -2px !important;}
	.space3{letter-spacing: -3px !important;}
    #main-slide { display:block; }
    #main-slide .swiper-container, #main-slide .ctrl { width:100%; }

    #main-slide .ctrl .pg { display:flex; }
    #main-slide .ctrl .pg .item i, #main-slide .ctrl .pg .item .title { display:none; }

    #main-slide .ctrl .pg .item { opacity:.2; }
    #main-slide .ctrl .pg .item.swiper-pagination-bullet-active { opacity:1; }
    #main-slide .ctrl .pg .item .img { width:100%; height:auto; padding-bottom:70%; }
    #main-slide .ctrl .pg .item.swiper-pagination-bullet-active .img { display:block; }
	

	
	#main-slide .content { padding:15px; left:30px; letter-spacing: -1.5px;}
	#main-slide .content  .desc { font-size:2rem; letter-spacing: -0.5px}
    #main-slide .content  .head { font-size:2rem; }
	#main-slide .content .txt { animation-delay:600ms; font-size:2.5rem; font-weight:800;}

    #main-slide .swiper-slide .content { padding:15px; left:30px; letter-spacing: -1.5px;}
	#main-slide .swiper-slide .content .desc { font-size:1.25rem; letter-spacing: -0.5px}
    #main-slide .swiper-slide .content .head { font-size:2.2rem; }
	#main-slide .swiper-slide .content .txt { animation-delay:600ms; font-size:4rem;}

	#main-slide .swiper-slide .img {  }
	#main-slide .swiper-slide .img_m{  display:inline-block; z-index: 99999999999999999999999999999999999 !important;}
	#main-slide .swiper-slide .img_m img{width:100%; }

}




.sec-about1 { background:#eaeae7; padding:5em 0 }
.detail-view{display:inline-block;box-shadow:5px 5px 10px #999;font-size:1.5em; color:#fff!important; background:#458532 url(../images/line_arrow.png) no-repeat 85% 50%;border-radius:50px;padding:.7em 3.2em .7em 2em;transition: 0.3s;line-height:1}
.detail-view:hover{background-color:#000;background-position:90% 50%}
.block{max-width:1160px;padding:0 20px;margin:0 auto}
.block:after{display:block;clear:both;content:''}
.section1{background:#eaeae7;padding:5em 0}
.book-img{float:right;width:27%;padding-top:12px}
.book-text{float:left;width:73%;font-size:1.5rem;letter-spacing:-3.5px !important;}
.book{font-weight:700;font-size:1.5em;line-height:1.3}
.book-img p{margin-bottom:2em}
.book-img img{box-shadow:-10px 8px 20px #666;}
.book-img a{margin-left: 20px;}
.book{margin-bottom:2em}
.book p{position:relative;display:inline-block;margin-top:15px}
.book p:after{display:block;background:url(../images/dot_line.png) repeat-x bottom;content:'';height:6px}

.green{color:#458532}
.t_gray{color:#777; font-size: 1rem; }

.sec-about2 { width:100%; height: 950px; background:#fff no-repeat center top/cover;}


.sec-about2 .c { position:absolute; left:10%; bottom:80px; z-index:2;  letter-spacing: -5.5px !important;}

.sec-about2 .head {   font-size:3.75rem !important; color:#fff; font-weight: 500 !important; }
.sec-about2 .head span {font-family: 'InkLipquid'; font-size:6.25rem !important; font-weight: 400 !important; line-height:1.2; }
.sec-about2 .desc { line-height:1.5; font-weight:600; }
.sec-about2 .desc span { display:inline-block; }

.gbk img{width:720px;}



.circle-wrap img {
    opacity: 0;
    transform: translateY(50px);
}

/* 실행될 때 */
.circle-wrap.show img {
    animation: upFade 0.8s ease forwards;
}

/* 순서 설정 */
.circle-wrap.show .img2 {
    animation-delay: 0s;
}
.circle-wrap.show .img1 {
    animation-delay: 0.4s;
}
.circle-wrap.show .img3 {
    animation-delay: 0.8s;
}

@keyframes upFade {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (min-width: 1201px) {
    .sec-about1 { padding-top:120px !important; }
	
}
@media (max-width: 1200px) {
	.sec-about1 { text-align:center; }
    .sec-about1 .head { margin-bottom:25px; }
    .sec-about1 .btn-wrap { margin-top:50px; }
	.detail-view{margin-bottom: 20px;}

	.sec-about2 { width:100%; height: 650px; background:#fff no-repeat center top/cover;}
	.sec-about2 .c { position:absolute; left:50px; bottom:50px; z-index:2;  letter-spacing: -1px !important; }
	.sec-about2 .head {  font-size:1.57rem !important; color:#fff; }
	.sec-about2 .head span { font-size:2.5rem !important;}
	.gbk img{width:520px;}
}

@media (max-width: 768px) {
	
	.gbk img{width:260px;}

	.book-img{float:right;width:100%;padding-top:12px}
	.book-text{float:left;width:100%;font-size:1.2rem;letter-spacing:-1px !important; margin-top: 20px;}
	.book{font-weight:700;font-size:1.35em;line-height:1.3}
	.book p{position:relative;display:inline-block;margin-top:5px}
	.book{margin-bottom:1em}
	.book-img a{margin-left: 0px;}

	.sec-about2 { width:100%; height: 300px; background:#fff no-repeat center top/cover;}
	.sec-about2 .c { position:absolute; left:20px; bottom:30px; z-index:2;   letter-spacing: -1px !important;}
	.sec-about2 .head {   font-size:1.35rem !important;   }
	.sec-about2 .head span {  font-size:2rem !important;   }

}

.sec-leftimg1{ background:var(--main-color2); ; padding:5em 0; margin-top: 100px; }
.bg_leftimg{background: #eaeae7;}
[class*=sec-leftimg] .header { display:flex; justify-content: space-between; align-items:flex-end; }
[class*=sec-leftimg] .header .txt { width:60%; }
[class*=sec-leftimg] .header .txt .head { margin-bottom:5px; }
[class*=sec-leftimg] .header .count { text-align:right; }
[class*=sec-leftimg] .header .count .count-num { font-size:3rem; color:var(--main-color2); }
[class*=sec-leftimg] .header .count .count-num:after { content:" 명"; font-size:1rem; }

[class*=sec-leftimg] ul { border-top:0px solid #333; }
[class*=sec-leftimg] ul li { border-bottom:1px solid #ddd; padding:50px 0; }
[class*=sec-leftimg] ul li .a { display:flex; flex-wrap: wrap; justify-content:space-between; align-items:center; }
[class*=sec-leftimg] ul li:nth-child(even) .a { flex-direction: row-reverse; }

[class*=sec-leftimg] ul li .a .image { width:45%; overflow:hidden; }
[class*=sec-leftimg] ul li .a .image .img { background:none no-repeat center/cover; padding-bottom:70%; transition-duration:600ms; }
[class*=sec-leftimg] ul li .a:hover .image .img { transform:scale(1.1); }
[class*=sec-leftimg] ul li .a .content { width:50%; padding-right:50px;  padding-top: 0 !important; margin-top: -50px;}
[class*=sec-leftimg] ul li:nth-child(even) .a .content { padding-left:50px; }

[class*=sec-leftimg] ul li .a .content .head { position:relative; width:100%; font-size:2rem; margin-bottom:15px; font-weight:700; color:var(--main-color2); letter-spacing: -2px;}
/*[class*=sec-leftimg] ul li .a .content .plus { position:absolute; top:20px; left:0; width:50px; height:50px; border-radius:99px; background:#adadad; }
[class*=sec-leftimg] ul li .a .content .plus:before,
[class*=sec-leftimg] ul li .a .content .plus:after { content:""; position:absolute; width:4px; height:30px; left:calc(50% - 2px); top:10px; border-radius:5px; background:#fff; }
[class*=sec-leftimg] ul li .a .content .plus:after { transform:rotate(90deg); }
[class*=sec-leftimg] ul li .a:hover .content .plus { transition-duration:1000ms; transform:rotate(360deg);  }*/

/* head */
[class*=sec-leftimg] ul li .a .content .head {
    position:relative;
    height:50px;
    overflow:hidden;
}

/* 텍스트 */
[class*=sec-leftimg] ul li .a .content .head b {
    position:absolute;
    left:55px;
    top:50%;
    transform:translateY(-50%);
    opacity:0;
    transition:0.4s;
    color:#fff;
    z-index:5;
	letter-spacing: -0.35px;
	font-size:1rem;
}

/* + 버튼 */
[class*=sec-leftimg] ul li .a .content .plus {
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    z-index:3;
}

/*   배경 (확장용) */
[class*=sec-leftimg] ul li .a .content .plus .bg {
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:50px;
    border-radius:50px;
    background:#adadad;
    transition:0.5s;
	 
}

/* 세로선 */
[class*=sec-leftimg] ul li .a .content .plus .v {
    position:absolute;
    width:4px;
    height:30px;
    left:50%;
    top:10px;
    transform:translateX(-50%);
    background:#fff;
    border-radius:5px;
}

/* 가로선 */
[class*=sec-leftimg] ul li .a .content .plus .h {
    position:absolute;
    width:30px;
    height:4px;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    background:#fff;
    border-radius:5px;
}

/* hover */
[class*=sec-leftimg] ul li .a:hover .content .plus .bg {
    width:170px;
}

/* 텍스트 등장 */
[class*=sec-leftimg] ul li .a:hover .content .head b {
    opacity:1;
}

/* + 선 회전 기준 잡기 */
[class*=sec-leftimg] ul li .a .content .plus .v,
[class*=sec-leftimg] ul li .a .content .plus .h {
    transition: transform 0.5s ease;
}

/* hover 시 회전 */
[class*=sec-leftimg] ul li .a:hover .content .plus .v {
    transform: translateX(-50%) rotate(180deg);
}

[class*=sec-leftimg] ul li .a:hover .content .plus .h {
    transform: translate(-50%, -50%) rotate(180deg);
}


[class*=sec-leftimg] ul li .a .content .subhead { position:relative; display:inline-block; font-size:1.3rem; margin-bottom:35px; }
[class*=sec-leftimg] ul li .a .content .subhead:before { content:""; position:absolute; left:0; top:100%; right:0; width:0; height:1px; background:#333; }
/*[class*=sec-leftimg] ul li .a:hover .content .subhead:before { width:100%; transition-duration:1000ms; }*/
[class*=sec-leftimg] ul li .a .content .desc { line-height:1.6; color:#666; margin-bottom:40px; }

[class*=sec-leftimg] ul li .a .content .count {border-top:3px solid var(--main-color2); font-size: 1.5rem; color:var(--main-color2);}

[class*=sec-leftimg] ul li .a .content .count .count-num { font-size:5.2rem;  padding-top: 20px}


.sec-leftimg1 .txt_wh{ color:#fff !important; }



.biz_pop .tit { display:inline-block;  width:100%; padding:15px 15px; background:#458532; color:#fff;     font-size: 1.57rem;  font-weight:600; letter-spacing: -2px;}
.biz_pop .head { font-size:2rem; font-weight:600; margin-bottom:10px; }
.biz_pop .img { padding-bottom:50%; background:none no-repeat center/cover; }
.biz_pop .desc { background:#f4f4f4; padding:30px; line-height:1.5; margin-bottom:80px;color:#111; font-size: 1.1rem; letter-spacing: -1px; }
.biz_pop .desc small { color:#888; text-align:right; display:block; margin-top:15px; }
.biz_pop .head small{ font-size:1.25rem; }

.biz_pop .desc sup { color:#777; }
.biz_pop{line-height: 1.8; font-family: "Noto Sans KR" } 
.biz_pop sup{color:#999; letter-spacing: -1px;}


@media (max-width: 1200px) {
    [class*=sec-leftimg] .header { display:block; }
    [class*=sec-leftimg] .header .txt { width:100%; }
    [class*=sec-leftimg] .header .txt .head { margin-bottom:0; }

    [class*=sec-leftimg] .header .count { display:flex; justify-content: flex-end; align-items:center; margin-top:10px; }
    [class*=sec-leftimg] .header .count .title { margin-top:5px; margin-right:5px; }
	[class*=sec-leftimg] ul li .a .content .count .count-num { font-size:3.2rem;  padding-top: 20px}
}


@media (max-width: 1024px) {
    [class*=sec-leftimg] ul { position:relative; display:flex; flex-wrap: wrap; }
    [class*=sec-leftimg] ul:before { content:""; position:absolute; left:50%; top:0; bottom:0; background:#ddd; width:1px; }
    [class*=sec-leftimg] ul li { width:50%; padding:30px; }

	[class*=sec-leftimg] ul li .a { position:relative; height:100%; flex-direction: column; justify-content:flex-start; align-items:flex-start;  }
    [class*=sec-leftimg] ul li .a .image, [class*=sec-leftimg] ul li .a .content { width:100%; }

    [class*=sec-leftimg] ul li .a .content { padding-right:0; margin-top:20px; margin-bottom:50px;  }
    [class*=sec-leftimg] ul li:nth-child(even) .a .content { padding-left:0; }


    [class*=sec-leftimg] ul li .a .content .head { font-size:1.4rem; letter-spacing: -0.5px; }

   /* [class*=sec-leftimg] ul li .a .content .plus { width:30px; height:30px; top:calc(50% - 15px);  }
    [class*=sec-leftimg] ul li .a .content .plus:before,
    [class*=sec-leftimg] ul li .a .content .plus:after { height:16px; top:7px; }*/
	
	

    /* 배경 */
    [class*=sec-leftimg] ul li .a .content .plus .bg {
        width:30px;
        height:30px;
    }

    /* + 영역 */
    [class*=sec-leftimg] ul li .a .content .plus {
        width:30px;
        height:30px;
    }

    /* 세로선 */
    [class*=sec-leftimg] ul li .a .content .plus .v {
        height:18px;
        width:3px;
        top:6px;
    }

    /* 가로선 */
    [class*=sec-leftimg] ul li .a .content .plus .h {
        width:18px;
        height:3px;
    }

    /* hover 확장 크기도 축소 */
    [class*=sec-leftimg] ul li .a:hover .content .plus .bg {
        width:130px;
    }

    /* 텍스트 위치 조정 */
    [class*=sec-leftimg] ul li .a .content .head b {
        left:35px;
        font-size:0.925rem;
		top:30%;
		transform:translateY(-50%);
    }

    [class*=sec-leftimg] ul li .a .content .subhead { font-size:1.125rem; }
    [class*=sec-leftimg] ul li .a .content .desc br { display:none; }

	/*[class*=sec-leftimg] ul li .a .content .count { position:absolute; left:0; bottom:0; right:0; }*/
	[class*=sec-leftimg] ul li .a .content .count .count-num { font-size:2.52rem;  padding-top: 20px}
}

@media (max-width: 767px) {
    [class*=sec-leftimg] ul:before { display:none; }
	[class*=sec-leftimg] ul li { width:100%; padding:20px 15px;  }

	[class*=sec-leftimg] ul li .a .content { margin-bottom:35px; }
    [class*=sec-leftimg] ul li .a .content .head { margin-bottom:10px; }
    [class*=sec-leftimg] ul li .a .content .subhead { margin-bottom:15px; }
    [class*=sec-leftimg] ul li .a .content .desc { margin-bottom:25px; }
	/*[class*=sec-leftimg] ul li .a .content .plus { width:30px; height:30px;  position:absolute; top:10px; left:300px; right:0 !important;   }*/
	 [class*=sec-leftimg] ul li .a:hover .content .plus .bg {
        width:120px;
    }

    .biz_pop .head { font-size:1.4rem; }
    .biz_pop .desc { margin-bottom:30px; padding:20px; }
	.biz_pop .head small{ font-size:1rem; }
	
	.hspace{padding-bottom: 30px; display:block; width:100%;}

}

.pop_wrap1{width:100%; display: flex; align-items:flex-end;}
.pop_wrap1 .left{width:70%; float:left;}
.pop_wrap1 .right{width:30%; float:left; padding-left: 50px;  }



.pop_wrap2{width:100%; padding-left: 25%;  padding-right: 50px; margin-top: 20px; margin-bottom: 50px;}
.pop_wrap2-2{width:100%;  display: inline-block;  padding-left: 50px;   margin-bottom: 50px;}

.pop_wrap3{width:100%; display: inline-block; margin-top: 30px; margin-bottom: 50px;}
.pop_wrap3 .left{width:42%; float:left; padding-left: 50px;}
.pop_wrap3 .right{width:58%; float:right; padding-left: 50px; padding-right: 40px }
.pop_wrap3 .right2{width:58%; float:right; padding-left: 50px; padding-right: 0px }
.pop_wrap3 .right3{width:58%; float:right; padding-left: 50px; padding-right: 40px }

.pop_wrap4{width:100%; display: inline-block; margin-top: 30px; margin-bottom: 50px;}
.pop_wrap4 .left{width:58%; float:left; padding-right: 50px; padding-left: 40px}
.pop_wrap4 .right{width:42%; float:right; padding-right: 50px;  }
.pop_wrap4 .left2{width:58%; float:left; padding-right: 50px; padding-left: 0px}
.pop_wrap4 .right2{width:42%; float:right; padding-right: 0px;  }

.txt_end{align-items:flex-end;}

.pop_wrap5{width:100%; display: inline-block; padding-left: 12%;  padding-right: 12%; margin-top: 30px; margin-bottom: 50px;}
.pop_wrap5 .left{width:58%; float:left; padding-right: 50px;}
.pop_wrap5 .right{width:42%; float:right; }
.pop_wrap5 .left2{width:58%; float:right; padding-left: 50px;}
.pop_wrap5 .right2{width:42%; float:left; }



.pb30{padding-bottom: 30px;}
.pr50{padding-right: 15%;}
.pb10{padding-bottom: 10px;}
.ta-center{text-align: center;}
 

.pop_wrap7{width:100%; display:  inline-block; margin-bottom: 50px;}
.pop_wrap7 .left{width:30%; float:left; padding-right: 30px; text-align: right;}
.pop_wrap7 .right{width:70%; float:right;  padding-right: 0px; }


.pop_wrap8{float: right;   display: inline-block; padding-right: 15px;  padding-bottom: 40px;}

.pop_wrap9{width:100%; display: flex; margin-top: 0px; margin-bottom: 50px;}
.pop_wrap9 .left{width:58%; float:left; padding-right: 50px;   padding-top:40px;}
.pop_wrap9 .right{width:42%; float:right; padding-right: 50px;  padding-top:40px; }

.pop_wrap9 .right2{width:42%; float:right; padding-right: 50px; padding-bottom: 50px;  padding-top:30px; }

.pop_wrap10{width:100%; display: inline-block; padding-left: 10%;padding-right: 10%;   margin-top: -80px; margin-bottom: 50px;}
.pop_wrap10 .left{width:50%; float:right; padding-left: 0px; }
.pop_wrap10 .right{width:50%; float:left;padding-right: 50px; padding-top: 90px; }



.pop_mn5_left{width:50%; float: left; padding-right: 5px}
.pop_mn5_right{width:50%; float: left; padding-left: 10px;}

.pop_wrap6{width:100%;  display: flex; align-items:flex-end; margin-top: 30px; margin-bottom: 30px; padding-left: 10%; padding-right: 10%;}
.pop_mn6_left{width:50%; float: left; padding-right: 50px; }
.pop_mn6_right{width:50%; float: left; padding-bottom: 100px; }


.pop_wrap11{width:100%; display: inline-block; }
.pop_wrap11 .mn{width:33.3%; float:left; padding-left: 5px; padding-right: 5px;}
.pop_wrap12{width:100%; display: inline-block;  text-align: center; padding:10px;}
.pop_wrap12 img{width: 100%;  }

.pop_tit{font-size: 1.35rem; font-weight: 700; padding-bottom: 5px; color:#458532;}
.pop_txt{font-size: 1.05rem; font-weight: 500; color:#333333; text-align :justify; }

.pop_tit small{font-size: 0.975rem; color:#999; font-weight: 500;padding-bottom: 5px;}
.pop_tit_s{font-size: 1.125rem;  font-weight: 600; color:#777;}


.tab-btn {margin:30px 0 0; width:100%; display:inline-block; font-family: 'oxfam'; }
.tab-btn ul{ display:inline-block; margin-bottom:20px; width:100%; }
.tab-btn li { text-align: left; color:#333; font-size: 0.825rem; border-right:1px solid #458532; padding-right: 30px; line-height: 1.2; float: left; }
.tab-btn li:nth-child(2){padding-left: 30px;}
.tab-btn li:nth-child(3){padding-left: 30px;}
.tab-btn li:last-child{border-right:0; padding-left: 30px;}
.tab-btn b {font-size: 2.5rem; font-weight: 700; color:#458532; }


.tab-btn2 {margin:30px 0 0; width:100%; display:inline-block; font-family: 'oxfam';}
.tab-btn2 ul{ display:inline-block; margin-bottom:20px; width:100%; }
.tab-btn2 li { text-align: left; color:#333; font-size: 0.825rem; border-right:1px solid #458532;  line-height: 1.2; float: left; width:170px;}
.tab-btn2 li:nth-child(2){  border-right:0; padding-left: 30px;}
.tab-btn2 b {font-size: 2.5rem; font-weight: 700; color:#458532; }
.tab-btn2-right{width:100%; float:left}


.t_green{color:#458532;}
.gray_bg{background: #f4f4f4; padding: 30px 25px; margin-top: 20px; margin-bottom: 30px; border: 1px solid #458532; color:#111; font-size: 0.875rem; width:100%; display: inline-block;}
.gray_bg .left{width:47%; float: left; padding-right: 0; }
.gray_bg .right{width:53%; float: left; padding-left: 15px; padding-right: 0; border-left: 1px solid #458532;}

.gray_bg li{margin-bottom: 10px;}


.oblique {font-style: oblique; padding-top: 30px; padding-bottom: 30px; }
.oblique .ta-right{width:100%; display: inline-block; text-align: right; padding-top: 10px;}

.pop_wrap1{width:100%; display: flex; align-items:flex-end;}
.ta-right2{width:100%; text-align: right;}

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

@media (max-width: 767px) {

.ta-right2{width:100%; text-align: left;}
.biz_pop .tit { display:inline-block;   padding:8px 20px; background:#458532; color:#fff; margin-bottom:10px; margin-left: 0px; margin-top: 0px; width:100%; letter-spacing: -0.5px}

.pop_wrap1{width:100%; display: inline-block; }
.pop_wrap1 .left{width:100%; float:left;}
.pop_wrap1 .right{width:100%; float:left; padding-left: 0px; padding-top: 20px; }

.pop_wrap2{width:100%; padding-left: 0;  padding-right: 0; margin-top: 3px; margin-bottom: 20px;}	
.pop_wrap5{width:100%; padding-left: 0;  padding-right: 0; margin-top: 20px; }	

.pop_wrap3 {
    margin-top: 3px;
    margin-bottom: 30px;
    display: inline-block;
}

.pop_wrap3 .left,
.pop_wrap3 .right,
.pop_wrap3 .right2,
.pop_wrap3 .right3 {
    width: 100%;
    float: none !important;       /* 좌우 정렬 제거 */
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
}

.pop_wrap4 {
    margin-top: 3px;
    margin-bottom: 20px;
    display: inline-block;
}

.pop_wrap4 .left,
.pop_wrap4 .right,
.pop_wrap4 .left2,
.pop_wrap4 .right2 {
    width: 100%;
    float: none !important;       /* 좌우 정렬 제거 */
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
}

/* ============================= */
/* 이미지 통일 */
.pop_wrap3 img,
.pop_wrap4 img {
    width: 100%;
    height: auto;
    display: block;
}

.pop_wrap5 img {
        margin-bottom: -15px; /* 기존보다 줄임 */
        margin-top: -15px;
        display: block; /* inline-block이면 여백 생길 수 있음 */
    }
	
.pop_wrap5 .left{width:100%; float:left; padding-right: 0px; padding-bottom: 20px; padding-left:0;}

.pop_wrap5 .right{width:100%; float:right; padding-right: 0px;  }
	
.pop_wrap5 .left2{width:100%; float:left; padding-left: 0px; padding-bottom: 20px;}
.pop_wrap5 .right2{width:100%; float:left; }
	
.pop_wrap6{width:100%; display: inline-block;  margin-bottom: 30px; padding-left: 0;}
	
.pop_wrap7{width:100%; display: inline-block; }
.pop_wrap7 .left{width:100%; float:left; padding-right: 0px; text-align: left;}
.pop_wrap7 .right{width:100%; float:left; padding-right: 0px;  }
	
.pop_wrap8{width:100%; padding-left: 0;  padding-right: 0; margin-top: -25px; margin-bottom: 0px !important; float:left;}

.pop_wrap9{width:100%; display: inline-block;  margin-top: 0; margin-bottom: 70px;}

.pop_wrap9 .left{width:100%; float:left; padding-right: 0px; padding-bottom: 20px; padding-left:0;}
.pop_wrap9 .left img {
        margin-bottom: -15px; /* 기존보다 줄임 */
        margin-top: -35px;
        display: block; /* inline-block이면 여백 생길 수 있음 */
    }
.pop_wrap9 .right{width:100%; float:right; padding-right: 0px;  }
.pop_wrap9 .right2{width:100%; float:right; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; /* 필요에 따라 더 줄일 수 있음 */ }	
	
.pop_wrap10{width:100%; display: inline-block; padding-left: 0%;  padding-right: 0;; margin-top: 3px; margin-bottom: 20px;}
.pop_wrap10 .left{width:100%; float:right; padding-left: 0px;}
.pop_wrap10 .right{width:100%; float:left; padding-top: 0px;}	
	
.pop_wrap11 .mn{width:100%; float:left; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}

.
pop_wrap12{width:100%; display: inline-block;  text-align: center; padding:10px;}

.pop_wrap12 img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.pb30{padding-bottom: 0 !important;}
.pbm30{padding-bottom: 30px !important;}
.pr50{padding-right: 0;}
.pb10{padding-bottom: 10px;}
.pt20{padding-top: 25px !important;}

.pop_mn6_left{width:50%; float: left; padding-right: 10px}
.pop_mn6_right{width:50%; float: left; padding-left: 30px;  padding-bottom: 0px;}
	
.pop_tit{padding-top: 10px;}

	
.tab-btn {margin:20px 0 0 !important;   }
.tab-btn ul{ display:inline-block; margin-bottom:0px; width:100%; }
.tab-btn li { text-align: left; color:#333; font-size: 0.725rem; border-right:1px solid #458532; padding-right: 10px; line-height: 1.2; float: left; }
.tab-btn li:nth-child(2){padding-left: 10px;}
.tab-btn li:nth-child(3){padding-left: 10px;}
.tab-btn li:last-child{border-right:0; padding-left: 10px;}
.tab-btn b {font-size: 1.25rem; }
	
.gray_bg{background: #f4f4f4; padding: 20px 10px; margin-top: 20px; margin-bottom: 30px;}

.gray_bg .ta-center img {
        margin-top: 0px;    /* 이미지 위 여백 */
        margin-bottom: 0px; /* 이미지 아래 여백 */
    }	

.gray_bg .left{width:100%; float: left; padding-right: 0px;  padding-left: 15px; padding-bottom: 0; }
.gray_bg .right{width:100%; float: left; padding-left: 15px; padding-right: 0px; padding-top: 0;  border-left: 0px solid #458532;}

.gray_bg li{margin-bottom: 5px;}
	
}



.sec-info1 { font-size:1.25rem; width:100%; max-width: 1920px; margin: 0 auto; padding: 0 80px; }
.sec-info1 .map { position:relative; margin:50px 0; }
.sec-info1 .map > div { position:absolute; aspect-ratio: 1; z-index:1; color:#111; display:flex; align-items: center; justify-content: center; flex-direction: column; transform:translate(-50%, -50%); }
.sec-info1 .map > div:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:100%; background:rgba(170,170,170,.3); z-index:-1; }
.sec-info1 .map div b {    color: #458532 !important;}
.sec-info1 .map .area1 { left:13%; top:67%; width:310px; }
.sec-info1 .map .area2 { left:23%; top:37%; width:250px; }
.sec-info1 .map .area3 { left:55%; top:45%; width:280px; }
.sec-info1 .map .area4 { left:80%; top:60%; width:220px; }
.sec-info1 .map .area5 { left:65%; top:80%; width:190px; text-align: center;}
.sec-info1 .map .num { font-size:1rem; color: #458532 !important;}
.sec-info1 .map .count-num { font-size:2.5rem; line-height:1; color: #458532 !important;}

.sec-info1 .bu_wrap { display:flex; flex-wrap:wrap; align-items: center; }
.sec-info1 .bu_wrap .head { font-weight:500; font-size:2.25rem !important;}
.sec-info1 .bu_wrap .count-num { font-size:5.25rem; font-weight:600; color:var(--main-color2); margin-top:20px; }
.sec-info1 .bu_wrap .count-num:after { content:" 명"; font-size:1.5rem; color:var(--main-color2); font-weight:400; }

.sec-info1 .bu_wrap .left { width:50%; text-align: center; }
.sec-info1 .bu_wrap .right { width:50%; padding-left: 100px; padding-top:50px; }


@media (max-width: 768px) {

  /* bu_wrap 전체 세로 정렬 */
  .sec-info1 .bu_wrap {
    flex-direction: column;   /* 좌우 → 세로 */
    align-items: center;      /* 중앙 정렬 */
  }

  /* 왼쪽 이미지 영역 */
  .sec-info1 .bu_wrap .left {
    width: 100%;              /* 전체 폭 */
    text-align: center;       /* 이미지 가운데 */
    margin-top: 20px;      /* 텍스트와 간격 */
    margin-bottom: 20px;      /* 텍스트와 간격 */
    padding-left: 0;
  }

  /* 오른쪽 텍스트 영역 */
  .sec-info1 .bu_wrap .right {
    width: 100%;              /* 전체 폭 */
    padding-left: 0;          /* 기존 패딩 제거 */
    padding-top: 10px;        /* 이미지 아래 간격 */
    text-align: center;       /* 텍스트 가운데 */
  }

}

@media (max-width: 1400px) {
    .sec-info1 .map .area1 { width:280px; }
    .sec-info1 .map .area2 { left:25%; top:40%; width:240px; }
    .sec-info1 .map .area3 { width:260px; }
    .sec-info1 .map .area4 { width:200px; }
    .sec-info1 .map .area5 { width:170px; }
    .sec-info1 .map .count-num { font-size:2rem; }
}

@media (max-width: 1224px) {
    .sec-info1 .map .area1 { width:250px; }
    .sec-info1 .map .area2 { width:200px; }
    .sec-info1 .map .area3 { width:220px; }
    .sec-info1 .map .area4 { width:180px; }
    .sec-info1 .map .area5 { width:150px; }
    .sec-info1 .map .area5 .count-num { font-size:1.625rem; }

    .sec-info1 .bu_wrap .left { width:45%; }
    .sec-info1 .bu_wrap .right { width:55%; padding-left: 70px; }
}


@media (max-width: 1024px) {
    .sec-info1 { font-size:1.125rem; }

    .sec-info1 .map .area1 { width:190px; }
    .sec-info1 .map .area2 { width:180px; }
    .sec-info1 .map .area3 { width:190px; }
    .sec-info1 .map .area4 { width:150px; }
    .sec-info1 .map .area5 { width:120px; }
    .sec-info1 .map .count-num { font-size:1.5rem !important; }


    .sec-info1 .bu_wrap .count-num { font-size:4rem; margin-top:10px; }
    .sec-info1 .bu_wrap .right { padding-left: 30px; }
}

@media (max-width: 767px) {
	.sec-info1 { padding: 0 20px; }
    .sec-info1 .map { display:flex; flex-wrap: wrap; padding:0 15px; font-size:1rem; margin:25px 0 0; }
    .sec-info1 .map img { width:100%; margin-bottom:20px; }
    .sec-info1 .map > div { position:static; width:100% !important; transform: none; aspect-ratio: 0; border-bottom:1px solid #ddd; flex-direction: row; justify-content: normal; }
    .sec-info1 .map > div:before { right:auto; bottom:auto; aspect-ratio: 1; transform:translate(-50%, -50%); font-size:.875rem; display:flex; align-items: center; justify-content: center; text-align:center; word-wrap:normal; padding:10px; white-space: pre; font-weight:600; line-height: 1.2; ;}
    .sec-info1 .map > div > * { padding:0 15px; }
    .sec-info1 .map b { background:rgba(var(--main-color1-rgb),.2); width:30%; min-width:150px; height:35px; line-height:35px; }
    .sec-info1 .map .area1 { border-top:1px solid var(--main-color2); }

    .sec-info1 .map .area1:before { content:"아프리카"; width:17vw; left:15%; top:37%; }
    .sec-info1 .map .area2:before { content:"중동 및\00000a북아프리카"; width:15vw; left:20%; top:22%; }
    .sec-info1 .map .area3:before { content:"아시아\00000a태평양"; width:16vw; left:55%; top:25%; }
    .sec-info1 .map .area4:before { content:"중남미"; width:13vw; left:77%; top:32%; }
    .sec-info1 .map .area5:before { content:"기타"; width:11vw; left:65%; top:45%; }

    .sec-info1 .bu_wrap { flex-direction:row-reverse; }
	.sec-info1 .bu_wrap .head { font-weight:500; font-size:1.25rem !important;}

	.sec-info1 .bu_wrap .count-num { font-size:3.25rem; }
	.sec-info1 .bu_wrap .count-num:after { font-size:1.125rem; }

	.sec-info1 .bu_wrap .left { width:100%; }
	.sec-info1 .bu_wrap .right { width:100%; }
	.sec-info1 .bu_wrap .left img { width:75%; }
}

@media (max-width: 500px) {
    .sec-info1 .map .area1:before { top:32%; }
    .sec-info1 .map .area2:before { left:23%; top:18%; }
    .sec-info1 .map .area3:before { top:22%; }
    .sec-info1 .map .area4:before { top:28%; }
    .sec-info1 .map .area5:before { top:40%; }
}
.vod {width:100%; height: 860px; max-width: 1200px; margin: 0 auto;}

@media (max-width: 1624px) {
   .vod {width:100%;  }
}

@media (max-width: 1424px) {
   .vod {width:100%; height: 700px;}
}

@media (max-width: 1024px) {
   .vod {width:100%; height: 600px;}
}

@media (max-width: 767px) {
	.vod {width:100%; height: 400px;}
}

@media (max-width: 498px) {
	.vod {width:100%; height: 320px;}
}



.sec-about4{width:100%; text-align: center}
.sec-about4 .head{font-size: 2.5rem !important; font-weight: 300 !important; color:var(--main-color2); padding-bottom: 80px;}
.sec-about4 .head{font-size: 2.5rem !important; font-weight: 300 !important; color:var(--main-color2); padding-bottom: 80px;}

@media (max-width: 767px) {
	.sec-about4 .head{font-size: 1.75rem !important; padding-bottom: 20px;}
}

h2.ox-tit{position:relative;font-size:1.125em;color:#afada0;margin-top:6em;text-align:center;word-break:keep-all}
h2.ox-tit p{color:#1f6e41;font-size:1.75em;font-weight:900;margin-bottom:15px}

.ox-law{display:flex;max-width:1350px;margin:50px auto 20px;justify-content:space-between;flex-wrap:wrap}
.ox-law li{width:calc(20% - 10px);border:1px solid #1f6e41;word-break:keep-all;padding:35px 30px;background:#f2f2f0;position:relative;text-align:center; margin-bottom: 20px; font-size: 1.25rem !important;}
.ox-law li:before{display:block;content:'';position:absolute;background:#1f6e41;border-radius:50%;width:10px;height:10px;top:-5px;left:calc(50% - 5px); }
.ox-law li p{font-weight:700;margin-bottom:20px; font-size: 1.5rem}

@media (max-width: 767px) {
	.ox-law{display:flex;max-width:1350px;margin:50px auto 0px;}
	.ox-law li{width:100%;}
	.ox-law li{padding:25px 20px;  font-size: 1.125rem !important;}
	.ox-law li p{ font-size: 1.25rem}
}

.ox-law2{display:flex;max-width:900px;margin:50px auto;justify-content:space-between;flex-wrap:wrap}
.ox-law2 li{width:calc(50% - 10px);border:1px solid #1f6e41;word-break:keep-all;padding:35px 30px;background:#f2f2f0;position:relative;text-align:center; margin-bottom: 20px; font-size: 1.25rem !important;}
.ox-law2 li:before{display:block;content:'';position:absolute;background:#1f6e41;border-radius:50%;width:10px;height:10px;top:-5px;left:calc(50% - 5px); }
.ox-law2 li p{font-weight:700;margin-bottom:20px; font-size: 1.5rem}

@media (max-width: 767px) {
	.ox-law2{margin:0px auto;}
	.ox-law2 li{width:100%;}
	.ox-law2 li{padding:25px 20px;  font-size: 1.125rem !important;}
	.ox-law2 li p{ font-size: 1.25rem}
}



.foot-bg{letter-spacing:-1px;position:relative;padding:80px 0 40em;color:#fff;word-break:keep-all;background:url(../images/foot_bg.jpg) no-repeat center;background-size:cover;  }
.foot-bg:after{/*display:block;content:'';position:absolute;background:url(../images/photo_sign.png) no-repeat;width:97px;height:12px;right:50px;bottom:10px*/}
.f-copy{max-width:1380px;padding:0 15px;margin:0 auto;font-size:3.75rem !important; color:#fff; font-weight: 500 !important; position:relative;line-height:1.2}

.f-copy span{font-family: 'InkLipquid'; font-size:6.25rem !important; font-weight: 400 !important; line-height: 1.2}
/*.f-copy:after{width:calc(100% - 520px);right:20px;top:40px;display:block;content:'';position:absolute;}*/
/*.quick-bt{right:50px;bottom:130px;width:183px;height:183px;padding-top:15px;display:flex;align-items:center;justify-content:center;background:#458432;border-radius:50%;position:absolute;z-index:9;transition: 0.3s}
.quick-bt:hover{background:#000}*/

.quick-wrap{
    position:absolute;
    right:50px;
    bottom:130px;
}

/* 왼쪽 원 */
.circle-left{
    position:absolute;
    width:183px;
    height:183px;
    background:var(--main-color1);
    border-radius:50%;
    left:-50px;
    top:0;
    z-index:1;
}

/* 오른쪽 원 */
.quick-bt{
    width:183px;
    height:183px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--main-color2);
    border-radius:50%;
    position:relative;
    z-index:2;
    transition:0.3s;
}

.quick-bt:hover{
    background:#000;
}

#footer{background:#fff}

.foot-area{font-size:1rem;display:flex;flex-wrap:wrap;padding:3em 20px;max-width:1380px;margin:0 auto;color:#9c9c9c;  font-family:"Noto Sans KR";}
.foot-area>div{width:82%;font-family:'notosans'}
.foot-area>div>div{margin-bottom:20px;letter-spacing:0;word-break:keep-all}
.foot-area>p{width:18%}
.foot-area>div span{display:inline-block;margin:0 5px;font-weight:normal;letter-spacing:0}
.foot-area>div span.mg_l0{margin-left:0}
.foot-area>div ul{margin:15px 0 30px}
.foot-area>div ul li{display:inline-block;padding-right:12px;position:relative;line-height:.8}
.foot-area>div ul li:last-child{padding-left:12px;border-left:1px solid #fff}
.foot-area>div ul li a{color:#fff;font-size:1.111em}
.foot-area>div ul li:last-child a{font-weight:900}
.foot-area>div span strong{font-weight:900;display:inline-block;margin-right:5px;}
.foot-area>div span:first-of-type{margin-left:0}
.copyr{letter-spacing:0;font-weight:600}

@media (max-width: 767px) {
	.foot-area{font-size:1rem;display:flex;flex-wrap:wrap;padding:2em 20px;}
	
	.foot-bg{ padding:80px 0 30em;   }
	.f-copy{ font-size:2rem !important; }
	.f-copy span{font-size:2.5rem !important;}
	/*.quick-bt{right:50px;bottom:70px;}*/
	.foot-area>p{width:100%; padding-bottom: 10px;}
	.foot-area>div span{margin-left:0}
	
	.quick-wrap{
    position:absolute;
    right:50px;
    bottom:50px;
}

/* 왼쪽 원 */
.circle-left{
    position:absolute;
    width:120px;
    height:120px;
    background:var(--main-color1);
    border-radius:50%;
    left:-30px;
    top:0;
    z-index:1;
}

/* 오른쪽 원 */
.quick-bt{
    width:120px;
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--main-color2);
    border-radius:50%;
    position:relative;
    z-index:2;
    transition:0.3s;
}
	.quick-bt img{width:80px;}
	
}

@media (min-width: 768px) {
    .m-ele { display: none !important; }
}
/* ----- Mobile ----- */
@media (max-width: 767px) {
    .d-ele { display: none !important; }
}

.sec-leftimg1 ul li {  border-bottom: none !important; }
.sec-leftimg1 ul li:not(:last-child) { border-bottom: 1px solid #7ca95f !important; }
.sec-leftimg1 ul li .a .content .count {border-top:3px solid #fff !important;}

/*.sec-leftimg1 ul li { border-bottom:1px solid #7ca95f !important;  }
.sec-leftimg1 ul li .a .content .count {border-top:3px solid #fff !important;}*/

.mo-br {
  display: none;
}

.mo-br1 {
  display: block;
}
  .mo-line {
	text-align: center; 
	}

/* 모바일에서만 줄바꿈 */
@media (max-width: 768px) {
  .mo-br {
    display: block;
  }
  .mo-br1 {
    display: none;
  }
  .mo-line {
	text-align: left; 
	}
 
}

/* 모바일에서만 간격조점 */
@media (max-width: 768px) {
  .mo-img {
    margin-bottom:-15px; display:block;
  }

  .mo-pop_wrap3{
	width:100%; display: inline-block;  margin-top: 0; margin-bottom: 70px;
}
  .mo-pop_wrap9{
	width:100%; display: inline-block;  margin-top: 0; margin-top: -35px;
  }

.mo_font {
    font-size: 200rem;  /* 원래 16px이면 줄인 값 */
    line-height: 1.3; /* 필요하면 행간도 조절 */
  }
}