/* BASIC css start */
/* ¼½¼Ç °øÅë */
section{width: 100%;margin-bottom:100px}
section .sec_inner{width: 1280px; margin:0 auto}
section h2{font-family: 'Montserrat', sans-serif; font-size: 28px ; font-weight:700; letter-spacing: -.5px; color: #000; margin-bottom:35px; text-align: center;}

/* sec1 */
#sec1{}
#sec1 .swiper{width: 100%;position: relative;}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;position: relative;}
#sec1 .swiper ul li .thumb{width: 100%;}
#sec1 .swiper ul li .thumb img{width: 100%;}
#sec1 .swiper ul li .text{position: absolute;left: 50%; bottom: 11%; text-align: center; transform: translateX(-50%);}
#sec1 .swiper ul li .text h3{font-family: 'Noto Sans KR', sans-serif; font-size: 36px; color: #fff; margin-bottom: 6px; font-weight: 400;line-height: 1.5;transition: top .8s, opacity 1s; letter-spacing: -3px;}
#sec1 .swiper ul li .text h3 span{font-weight: 700; display: inline-block; margin-right: 10px;}
#sec1 .swiper ul li .text p.subtit{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #fff; font-weight: 400; margin-bottom: 20px;letter-spacing: -.7px;transition: top .9s, opacity 1.2s; }
#sec1 .swiper ul li .text a{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #fff; display: inline-block; font-weight: 500;letter-spacing: -.6px;padding: 12px 55px;transition:top 1s, opacity 1.4s; background-color: #e41d24; border-radius: 40px;}
#sec1 .swiper ul li .text>*{opacity: 1; top: 50px; position: relative;}
#sec1 .swiper ul li .text.show>*{top: 0; opacity: 1;}
#sec1 .swiper_btn_prev{position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-912px,-50%); cursor: pointer; } 
#sec1 .swiper_btn_next{position: absolute; top: 50%; right: 50%; z-index: 10; transform: translate(912px,-50%); cursor: pointer;}
#sec1 .swiper-pagination{bottom: 37px !important; }
#sec1 .swiper-pagination-bullet{opacity: .5 !important;}
#sec1 .swiper-pagination-bullet-active{background-color: #000 !important;opacity: 1 !important;}

/* sec2 */
#sec2{position: relative;}
#sec2 .sec_inner{}
#sec2 .sec_inner h2{margin-bottom:10px}

#sec2 .sec2_prd{}
#sec2 .sec2_prd>div{ position:relative;padding-top: 40px; margin-bottom:30px}


#sec2 .swiper_btn_prev{position: absolute; top: 40%; right: 50%; z-index: 10; transform: translate(-730px,-50%); cursor: pointer; } 
#sec2 .swiper_btn_next{position: absolute; top: 40%; left: 50%; z-index: 10; transform: translate(730px,-50%); cursor: pointer;}


/* sec3 */
#sec3{width: 100%;position: relative;}
#sec3 .sec3_bg1{height: 385px;width: 100%; background: no-repeat center center; background-size: cover;}
#sec3 .sec3_bg2{height: 385px;width: 100%;background-color: #f8f9fa;}
#sec3 .sec_inner{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);height: 100%; display: flex; flex-direction: column; justify-content: center;}
#sec3 .sec_inner h2{text-align: center;color:#fff !important}
#sec3 .sec_inner .sec3_cont{width: 100%;}
#sec3 .sec_inner .sec3_cont ul{width: 100%;display: flex;}
#sec3 .sec_inner .sec3_cont ul li{width: 50%;}
#sec3 .sec_inner .sec3_cont ul li:last-child{background-color: #fff; padding: 60px 40px;display: flex; flex-direction: column; justify-content: space-between;}
#sec3 .sec_inner .sec3_cont ul li:last-child h3{font-family: 'Noto Sans KR', sans-serif;font-size: 30px;color: #111; font-weight: 400; letter-spacing: -.8px; }
#sec3 .sec_inner .sec3_cont ul li:last-child p{font-family: 'Noto Sans KR', sans-serif;font-size: 17px; color: #111;font-weight: 400; margin: 20px 0 30px; line-height: 1.7;letter-spacing: -.8px;}
#sec3 .sec_inner .sec3_cont ul li:last-child a{}
#sec3 .sec3_cont ul li:last-child a{display: inline-block;  border: 1px solid #ccc;font-family: 'Montserrat', sans-serif; font-size: 17px; color: #000 ;font-weight: 500;width: 225px;height: 45px; line-height:45px; text-align:center}
#sec3 .sec3_cont ul li:last-child a img{display: inline-block; margin-left: 5px;transform: scale(.8) translateY(-2px);}

/* sec4 */
#sec4{}
#sec4 .sec_inner{}
#sec4 .sec_inner h2{}
#sec4 .sec_inner .sec4_cont{display: flex; justify-content: space-between; height: 486px; }
/* ¼½¼Ç 4 °øÅë */
#sec4 .sec_inner .sec4_cont>div{}
#sec4 .sec_inner .sec4_cont>div p.tit{font-family: 'Montserrat', sans-serif;font-size: 20px;font-weight: 700; color: #000; margin-bottom: 10px; }
#sec4 .sec_inner .sec4_cont>div p.cont{font-family: 'Noto Sans KR', sans-serif;color: #999; font-size: 16px; font-weight: 500; }

#sec4 .sec_inner .sec4_cont .sec4_L{width: 860px; height: 100%; }
#sec4 .sec_inner .sec4_cont .sec4_L .swiper{}
#sec4 .sec_inner .sec4_cont .sec4_L .swiper ul{}
#sec4 .sec_inner .sec4_cont .sec4_L .swiper ul li{position: relative;}
#sec4 .sec_inner .sec4_cont .sec4_L .swiper ul li .thumb{}
#sec4 .sec_inner .sec4_cont .sec4_L .swiper ul li .thumb a{display:block;}
#sec4 .sec_inner .sec4_cont .sec4_L .swiper ul li .thumb a img{}

#sec4 .sec_inner .sec4_cont .sec4_R{width: 400px; height:100%;}
#sec4 .sec_inner .sec4_cont .sec4_R .event{height: 100%; }
#sec4 .sec_inner .sec4_cont .sec4_R .event a{display:block; width:100%}
#sec4 .sec_inner .sec4_cont .sec4_R .event img{width:100%}
#sec4 .swiper-horizontal>.swiper-pagination-bullets, #sec4 .swiper-pagination-bullets.swiper-pagination-horizontal, #sec4 .swiper-pagination-custom, #sec4 .swiper-pagination-fraction{width: auto !important; left: 40px !important; bottom: 60px !important;}
#sec4 .swiper-pagination-bullet-active{background-color: #000 !important;}
/* BASIC css end */