/* BASIC css start */
/* ¼½¼Ç °øÅë */
section{margin-bottom:55px}
section .sec_inner{width: 1400px; margin: 0 auto;}
section h2{text-align: center;font-family: 'Lato', sans-serif; margin-bottom:30px; font-size:22px;    letter-spacing: 4px;    font-weight: 500;}
.bar{width: 1400px; margin: 0 auto;margin-bottom:70px}
.bar img{width: 100%;}
p.line{text-align: center; font-weight: 800;font-family: 'Noto Sans KR', sans-serif; margin-bottom: 25px;color:#9066ed;}


/* sec1 */
#sec1{}
#sec1 a{display: block; width: 100%;}
#sec1 a img{width: 100%;}
#sec1 .swiper-pagination{width: auto; right: 20px !important; left: unset; bottom: 20px;}
#sec1 .swiper-pagination-bullet{border-radius: 0 !important; border: 1px solid #9066ed; background-color: #fff; opacity: 1; width: 7px; height: 7px; margin: 0 6px; }
#sec1 .swiper-pagination-bullet-active{background-color: #9066ed !important;}


/* sec2 */
#sec2{}
#sec2 .sec_inner{border-top:2px solid #9066ed !important; padding-top:30px; border:1px solid #9066ed}
#sec2 .sec_inner h2{}
#sec2 .sec_inner ul.item_cont{display: flex; justify-content: space-between;}
#sec2 .sec_inner ul.item_cont li{width: 220px;}
#sec2 .sec_inner ul.item_cont li .tumb{width: 100%; height: 220px; border-radius: 50%; overflow: hidden;}
#sec2 .sec_inner ul.item_cont li .info{}
#sec2 .sec_inner ul.item_cont li .info p{text-align: center;}

/* sec3 */
#sec3{}
#sec3 .sec_inner{}
#sec3 .sec_inner>div{float: left;height: 610px;}
#sec3 .sec_inner .sec3_L{width: 780px;}
#sec3 .sec_inner .sec3_L .swiper-pagination{width: auto; right: 20px !important; left: unset; bottom: 20px;}
#sec3 .swiper-pagination-bullet{border-radius: 0 !important; border: 1px solid #9066ed; background-color: #fff; opacity: 1; width: 13px; height: 13px; margin: 0 6px; }
#sec3 .swiper-pagination-bullet-active{background-color: #9066ed !important;}

#sec3 .sec_inner .sec3_R{width: 620px; padding-left: 10px;}
#sec3 .sec_inner .sec3_R ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
#sec3 .sec_inner .sec3_R ul li{width: 300px; height: 300px;}

#sec3 .sec_inner .sec3_R ul li:nth-child(3),
#sec3 .sec_inner .sec3_R ul li:nth-child(4){margin-top: 10px;}
/*
#sec3 .sec_inner .sec3_R ul li:last-child{width: 100%;margin-top: 10px;}
*/
#sec3 .sec_inner .sec3_R ul li a{display: block;width: 100%; height: 100%;}
#sec3 .sec_inner .sec3_R ul li a img{width: 100%; height: 100%; object-fit: cover;}


/* sec4 */
#sec4 h2{margin-bottom: 0;color:#9066ed;}
#se4 h2 + line {color:#9066ed;}
/* sec5 */
#sec5{}
#sec5 a{display:block; width:100%}
#sec5 a img{width:100%}




/* sec6 */
#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{margin-bottom: 0;}
#sec6 .sec_inner p.line{color:#9066ed;}
#sec6 .sec_inner .sec6_cont{}
#sec6 .sec_inner .sec6_cont ul{display: grid; flex-wrap: wrap;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;column-gap:10px; row-gap: 10px;}
#sec6 .sec_inner .sec6_cont ul li{width:224px; height:224px; }
#sec6 .sec_inner .sec6_cont ul li a{display: block; width: 100%;height: 100%;overflow: hidden;}
#sec6 .sec_inner .sec6_cont ul li a:hover>img{transform: scale(1.06);}
#sec6 .sec_inner .sec6_cont ul li a img{width: 100%; height: 100%; object-fit: cover;transition: transform .4s;}
#sec6 .sec_inner .sec6_cont ul li:first-child{grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end: 3;width:456px; height:460px}



/* sec7 */
#sec7{}
#sec7 .sec_inner{}
#sec7 .sec_inner ul{display: flex; justify-content: space-between;}
#sec7 .sec_inner ul li img {width: 100%;}
/*
#sec7 .sec_inner ul li{width: 24.6%; background-color: #f8f8f8;height: 150px;}
#sec7 .sec_inner ul li a:hover p.tit::after{width: 116%;}
#sec7 .sec_inner ul li a{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 30px 0;}
#sec7 .sec_inner ul li a img{}
#sec7 .sec_inner ul li a .txt{text-align: center;}
#sec7 .sec_inner ul li a p{font-family: 'Noto Sans KR', sans-serif;color: #000;letter-spacing:-.7px}
#sec7 .sec_inner ul li a p.tit{font-size: 18px;font-weight: 500;display: inline-block;position: relative;z-index: 1; margin-bottom:4px }
#sec7 .sec_inner ul li a p.tit::after{content: ""; display: inline-block; background-color: rgba(218, 218, 218, 0.838); width: 0%; height: 19px; position: absolute; bottom: -1px; left: -10%;z-index: -1; opacity: .8; transition: width .3s;transform: rotate(-5deg); transform-origin: left;}
#sec7 .sec_inner ul li a p.cont{font-size: 15px;font-weight: 400;}
*/
/* BASIC css end */