@charset "utf-8";

/******************* common *********************/
.tri_arrow { position:relative; } 
.tri_arrow::after { content:""; position:absolute; background-image: url(../img/common/tri_arrow.png); width: 20px; height: 20px; } 

/******************* common end *********************/


/*************** 메인페이지 section start ***************/

/* sect common */
.flex { display: flex; justify-content:space-between; flex-wrap:nowrap; flex-direction:row; } 
section .sect_tit { text-align: center; margin-bottom:50px } 
section .sect_tit h2 { font-size:2rem; line-height:3rem; margin-bottom:40px } 
section .sect_tit p { color:#696969; padding-bottom:20px; font-size: 16px; } 

#sect1, #sect2, #sect3 .sect3_wrap { max-width: 1240px; width:100%; margin:0 auto; } 

/* main banner */
#section0 .swiper-scrollbar { z-index:3 } 
.pmv_wrapper p { line-height: 1.5em; } 
#section0 .swiper-pagination { bottom: -50px !important; } 

/* section1 */
#sect1 { position: relative; z-index: 3; padding: 0 20px; transform: translateY(-50%); } 
#sect1 .sect1_swiper .swiper-slide { text-align:left; background: transparent; } 
#sect1 .sect1_box { position: relative; padding: 30px; margin: 0 10px; border-radius:20px; background-color:#f8f8f8; max-width:350px; width:100%; max-height:330px; height:100%; overflow: hidden; background-image: url('../img/imshi1.jpg'); background-repeat:no-repeat; background-position: right bottom;} 
#sect1 .sect2_box { position: relative; padding: 30px; margin: 0 10px; border-radius:20px; background-color:#f8f8f8; max-width:350px; width:100%; max-height:330px; height:100%; overflow: hidden; background-image: url('../img/imshi2.jpg'); background-repeat:no-repeat; background-position: right bottom;} 
#sect1 .sect3_box { position: relative; padding: 30px; margin: 0 10px; border-radius:20px; background-color:#f8f8f8; max-width:350px; width:100%; max-height:330px; height:100%; overflow: hidden; background-image: url('../img/imshi3.jpg'); background-repeat:no-repeat; background-position: right bottom;} 


#sect1 .sect1_box h3 { font-size: 1.5rem; line-height:1.7rem; padding-bottom:20px; } 
#sect1 .sect1_box p { color:#696969; padding-bottom:20px; } 
#sect1 .sect1_box h6 { } 

#sect1 .sect2_box h3 { font-size: 1.5rem; line-height:1.7rem; padding-bottom:20px; } 
#sect1 .sect2_box p { color:#696969; padding-bottom:20px; } 
#sect1 .sect2_box h6 { } 


#sect1 .sect3_box h3 { font-size: 1.5rem; line-height:1.7rem; padding-bottom:20px; } 
#sect1 .sect3_box p { color:#696969; padding-bottom:20px; } 
#sect1 .sect3_box h6 { } 

/* section2 */
#sect2 { margin-top:50px; margin-bottom:100px } 
#sect2 h2 { font-size:2rem; line-height:3rem; margin-bottom:40px } 
#sect2 h2 .red { color: #DB241C } 
#sect2 .sect2_inner { position:relative; } 
#sect2 .sect2_inner p { color:#696969; padding-bottom:20px; font-size: 16px; line-height: 24px; } 
#sect2 .swiper-slide { position: relative } 
#sect2 .swiper-slide a { position: relative } 
#sect2 .swiper-slide img { transform: scale(0.8); transition: .3s; } 
#sect2 .swiper-slide .hover_txt { position: absolute; top: 50px; left: 0; padding: 30px; color: #fff; transform: scale(0.8); text-align: left; } 
#sect2 .swiper-slide .hover_txt h3 { font-size: 2rem; padding-bottom:20px; } 
#sect2 .sect2_slide .swiper-slide-active .hover_txt { transform: scale(1); top: 20px; } 
#sect2 .sect2_slide .swiper-slide-active img { transform: scale(1); } 
#sect2 .sect2_slide { overflow: hidden; max-width:900px } 
#sect2 .swiper-button-next { right: auto !important; left: 80px; top: 120px; } 
#sect2 .swiper-button-prev { left: 0 !important; top: 120px; } 

/* section3 */
#sect3 { max-width:100vw; max-height:900px; height:100%; background-color:#EFEFEF; padding: 50px 0; } 
#sect3 .sect3_wrap { max-width:1300px; } 
#sect3 .sect_swiper_wrap { padding: 0 0 50px; overflow: hidden; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide { background:transparent } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left { text-align:left; padding-right:80px; height: 440px; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left h3 { font-size:2.5rem; padding-bottom:36px; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left p { font-size:1.3rem; padding-bottom:48px; color:#686868; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left a { font-size:1rem; } 

/* section4 */
#sect4 { color:#fff; background-color: #1e1e1e; padding:50px 0 100px; } 
#sect4 .sect4_wrap .flex { flex-direction:column; } 
#sect4 .sect4_wrap .sect_tit p { line-height:1.4em } 
#sect4 .sect4_wrap .odd, #sect4 .sect4_wrap .even { margin: -20px auto } 
#sect4 .sect4_wrap .odd div, #sect4 .sect4_wrap .even div { text-align:left } 
#sect4 .sect4_wrap .odd h4, #sect4 .sect4_wrap .even h4 { font-size: 2rem; padding:24px 0 } 
#sect4 .sect4_wrap .odd p, #sect4 .sect4_wrap .even p { font-size: 1rem; color:#686868; padding-bottom: 24px; } 
#sect4 .sect4_wrap .odd a, #sect4 .sect4_wrap .even a { font-size:1rem; color: #fff } 
#sect4 .sect4_wrap .odd { transform: translateX(-200px); } 
#sect4 .sect4_wrap .even { transform: translateX(200px); } 

/*************** 메인페이지 section end ***************/

/******************************** media query ************************/

@media screen and (min-width:1200px) {
/*************************** sect5 ************************/
#sect5 .ind02 { position:relative; width:100%; height:330px; margin:0 auto; padding:50px 0; background:url('/theme/taeyangeng/img/main/sect5_img0.jpg')no-repeat 50% 50%; background-size:cover; transition:0.3s ease; } 
#sect5 .ind02 .cover { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; } 
#sect5 .ind02 .cover ul { width:100%; height:100%; } 
#sect5 .ind02 .cover ul::after { display:block; content:""; clear:both; } 
#sect5 .ind02 .cover ul li { float:left; width:33.33%; height:100%; display:table; transition:0.3s ease; } 
#sect5 .ind02 .cover ul li.cov01 { background:rgba(44,84,124,0.5); } 
#sect5 .ind02 .cover ul li.cov02 { background:rgba(44,84,124,0.4); } 
#sect5 .ind02 .cover ul li.cov03 { background:rgba(44,84,124,0.3); } 
#sect5 .ind02 .cover ul li:hover { background:rgba(44,84,124,0.8); } 
#sect5 .ind02 .cover ul li:last-child { width:33.34%; } 
#sect5 .ind02 .cover ul li>div { display:table-cell; vertical-align:middle; color:#fff } 
#sect5 .ind02 .cover ul li div div { width:70%; margin:0px auto; text-align:center; } 
#sect5 .ind02 .cover ul li div div h2 { font-size:30px; margin-bottom: 25px} 
#sect5 .ind02 .cover ul li div div h3 { font-size:16px; line-height:28px; padding:15px 0 20px; font-weight:400; } 
#sect5 .ind02 .cover ul li div div a { display:block; width:140px; line-height:46px; font-size:17px; color:#fff; border:1px solid #fff; text-align:center; transition:0.5s ease; -webkit-transition:0.5s ease; margin:0 auto; } 
#sect5 .ind02 .cover ul li div div a:hover { background:#fff; color:#222; } 
 }

@media screen and (max-width:1400px) {/* sect2 */
#sect2 { margin-top: 0px; margin-bottom: 50px;padding:0 20px; } 
#sect2 .swiper-slide img {max-width: 300px; } 
 }
@media screen and (max-width:1240px) {/* section common */
.pmv_wrapper, #sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide, #sect4 .sect4_wrap {padding: 0 20px; } 
 }

@media screen and (max-width:1199px) {
/*************************** sect5 ************************/
#sect5 .ind02 { position:relative; width:100%; height:320px; margin:0 auto; padding:50px 0; background:url('/theme/taeyangeng/img/main/sect5_img0.jpg')no-repeat 50% 50%; background-size:cover; transition:0.3s ease; } 
#sect5 .ind02 .cover { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; } 
#sect5 .ind02 .cover ul { width:100%; height:100%; } 
#sect5 .ind02 .cover ul::after { display:block; content:""; clear:both; } 
#sect5 .ind02 .cover ul li { float:left; width:33.33%; height:100%; display:table; transition:0.3s ease; } 
#sect5 .ind02 .cover ul li.cov01 { background:rgba(44,84,124,0.5); } 
#sect5 .ind02 .cover ul li.cov02 { background:rgba(44,84,124,0.4); } 
#sect5 .ind02 .cover ul li.cov03 { background:rgba(44,84,124,0.3); } 
#sect5 .ind02 .cover ul li:hover { background:rgba(44,84,124,0.8); } 
#sect5 .ind02 .cover ul li:last-child { width:33.34%; } 
#sect5 .ind02 .cover ul li>div { display:table-cell; vertical-align:middle; color:#fff } 
#sect5 .ind02 .cover ul li div div { text-align:center; } 
#sect5 .ind02 .cover ul li div div h2 { font-size:30px; margin-bottom: 25px} 
#sect5 .ind02 .cover ul li div div h3 { font-size:16px; line-height:24px; padding:5px 0 15px; font-weight:400; } 
#sect5 .ind02 .cover ul li div div a { display:block; width:120px; line-height:40px; font-size:14px; color:#fff; border:1px solid #fff; transition:0.5s ease; -webkit-transition:0.5s ease; margin:0 auto; } 
#sect5 .ind02 .cover ul li div div a:hover { background:#fff; color:#222; } 
 }

@media screen and (max-width:1054px) {/* sect3 */
#sect3 .sect3_swiper .swiper-button-next, #sect3 .sect3_swiper .swiper-button-prev { top: 50%; transform: translateY(100%); } 
#sect3 .sect3_swiper .swiper-button-next { left: 180px !important; } 
#sect3 .sect3_swiper .swiper-button-prev { left: 100px !important; right:auto !important } 
 }

@media (max-width:768px) {
/* section common */
section .sect_tit {text-align: center;margin-bottom: 30px;padding: 0 20px; } 
section .sect_tit h2 {font-size: 2rem;line-height: 3rem;margin-bottom: 20px; } 

/* sect3 */
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left {height: auto;width: 100%; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left h3 {font-size: 2rem;padding-bottom: 24px; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left p {font-size: 1rem;line-height: 1.4rem;color: #686868; } 
#sect3 .sect3_swiper .swiper-button-next, #sect3 .sect3_swiper .swiper-button-prev { top: 65%; transform: translateY(100%); background-size: 18px 18px !important; padding: 20px; } 
#sect3 .sect3_swiper .swiper-button-next { left: 180px !important; } 
#sect3 .sect3_swiper .swiper-button-prev { left: 130px !important; right:auto !important } 

/* sect4 */
#sect4 .sect4_wrap .flex { flex-direction: row; flex-wrap: wrap; margin: 0 10px; } 
#sect4 .sect4_wrap .odd, #sect4 .sect4_wrap .even { margin: 20px auto 60px; transform: none; } 

/* sect5 */
#sect5 .ind02 { height:auto; padding:0; } 
#sect5 .ind02 .cover { position:relative; } 
#sect5 .ind02 .cover ul li { float:none; width:100%; height:300px; display:table; transition:0.3s ease; } 
#sect5 .ind02 .cover ul li:last-child { width:100%; } 
#sect5 .ind02 .cover ul li.cov01 { background:url("/theme/taeyangeng/img/main/sect5_img1.jpg")no-repeat 50% 50%; background-size:cover; } 
#sect5 .ind02 .cover ul li.cov02 { background:url("/theme/taeyangeng/img/main/sect5_img2.jpg")no-repeat 50% 50%; background-size:cover; } 
#sect5 .ind02 .cover ul li.cov03 { background:url("/theme/taeyangeng/img/main/sect5_img3.jpg")no-repeat 50% 50%; background-size:cover; } 
#sect5 .ind02 .cover ul li:hover { } 
 }

@media screen and (max-width:630px) {/* sect2 */
#sect2 .swiper-button-next, #sect2 .swiper-button-prev { background-size: 20px 20px !important; padding: 20px; top: 150px; } 
#sect2 .swiper-slide img { max-width: 300px; } 
#sect2 .sect2_inner p {color: #696969;padding-bottom: 15px;font-size: 0.875rem;line-height: 1.2rem; } 

/* sect3 */
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left { padding-right: 30px; } 
 }
@media (max-width:514px) {
/* sect2 */
#sect2 h2 {font-size: 1.7rem;line-height: 2.2rem;margin-bottom: 20px; } 
#sect2 .swiper-slide img {max-width: 250px; } 
#sect2 .swiper-slide .hover_txt {top: 20px;transform: scale(1); } 
#sect2 .swiper-slide .hover_txt h3 {font-size: 1.7rem;padding-bottom: 20px; } 
#sect2 .sect2_inner {flex-direction: column; } 
#sect2 .sect2_inner p {padding-right: 10px;padding-bottom: 100px; } 
#sect2 .swiper-button-next, #sect2 .swiper-button-prev {top: 100px; } 
#sect2 .swiper-button-next {left: 50px; } 

/* sect3 */
#sect3 .sect_swiper_wrap {padding: 0; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide { flex-direction: column; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left {padding: 0 10px 24px; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left h3 {font-size: 1.7rem;padding-bottom: 24px; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left p {font-size: .875rem;line-height: 1.2rem; padding-bottom: 24px; } 
#sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide .sect3_left a {font-size: 1rem; } 
#sect3 .sect3_swiper .swiper-button-next, #sect3 .sect3_swiper .swiper-button-prev {top: 100px; } 
 }

@media screen and (max-width:422px) {
/* sect common */
section .sect_tit {padding: 0 10px; } 
.pmv_wrapper, #sect3 .sect_swiper_wrap .sect3_swiper .swiper-slide, #sect4 .sect4_wrap {padding: 0 10px; } 

/* sect1 */
#sect1 .sect1_box {padding: 20px;margin: 0 10px;max-width: 280px; } 
#sect1 .sect1_box h3 {font-size: 1rem;line-height: 1.3rem;padding-bottom: 16px; } 
#sect1 .sect1_box p {font-size: 0.875rem;color: #696969;padding-bottom: 16px; } 
#sect1 .sect1_box h6 {font-size: 0.875rem; } 
#sect1 .sect1_box::before {content: "";position: absolute;top: 0;right: -100px;background-image: url('../img/imshi1.png');background-repeat: no-repeat;background-position: right;width: 100%;height: 100%;z-index: -1; } 
 }

@media screen and (max-width:318px) {
/* sect2 */
#sect2 h2 {font-size: 1.5rem;line-height: 2rem;margin-bottom: 20px; } 
#sect2 .swiper-slide .hover_txt h3 {font-size: 1.5rem;padding-bottom: 20px; } 
 }


@media (max-width:500px) {

.pmv_wrapper p {padding-left:0px !important;}
.pmv_wrapper {padding: 0 25px; } 
.more {border-radius:30px;}
}
.more {border-radius:30px;}