/* BASIC css start */
/* 롤링배너 */
#event { margin-bottom:10px; }
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; bottom:20px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background:#888; border-radius:100px;border:0px solid #888;width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background:#fff; }
/* //롤링배너 */
.section1 img { width:100%;  }

.block-row:first-child { margin-top: 0; }
.block-row {margin: 40px 0; }
.half-block { width: 100%; margin: 0; text-align: center; }
.half-block__content { padding: 0 15% 40px; margin-top:80px}
.half-block .homepage-heading { font-size: 24px; font-family: high tower text; margin: 0;letter-spacing: 3px; line-height: 1.25;}
.half-block .homepage-text { margin-top: 20px; padding: 20px 0 0; letter-spacing: 0px !important; border-top: 1px solid #979797;  font-size: 14px;  display: inline-block; margin: 10px 0 0; font-family:high tower text; }
/*.half-block__image-video {  padding: 0 20px; }
.half-block img { display: block; width: 100%;}*/
img, iframe {    max-width: 100%; }

.half-block .button{    display: inline-block;}
.half-block  .button{   margin: 30px 0 0;}


/*지윤 작업*/
* {
    margin: 0;
    padding: 0
}

.main {position:relative;}

.main img {width:100%}

.main .textBox1 {position: absolute;
    margin-top: -69%;
    margin-left: 26%;}

.main .textBox1 a {padding: 13px 49px;
    border: 1px solid;
    background-color: #ffffff;
    font-weight: bold;}

.main .textBox2 {position: absolute;
    margin-top: -54%;
    margin-left: 26%;}

.main .textBox2 a {padding: 13px 49px;
    border: 1px solid;
    background-color: #ffffff;
    font-weight: bold;}
    
.main .textBox1 a:hover {background-color:#b5b4b4;}
.main .textBox2 a:hover {background-color:#b5b4b4;}


.pg2 {}
.txtBox {text-align: center;margin-top: 45px;}
.txtBox h2 {font-weight: 600;font-size: 1.5rem;}
.swiper.mySwiper {margin-top: 45px;}
.swiper-wrapper .swiper-slide {}
.swiper-wrapper .swiper-slide img {width:100%}

.txt {text-align: center; margin-top: 10px; }
.txt a {color: black;text-decoration: underline;}

.pg3 {margin-top: 30px;}
.pg3 img {width: 100%;}

.grid {
    display: flex;
    gap: 14px;
    margin-top: 30px;
}
.category {
    text-align: center;
}
.category a {color: black;text-decoration:underline;}
.category img {
    width: 100%;
    height: 100%;
}


.swiper-slide {text-align: center;}
.swiper-slide a {
    color: black;
    text-decoration: underline;
    
    
}

.pg6 {margin-top: 30px;text-align:center}
.pg6 img {width: 100%;}
.pg6 a {text-decoration:underline}



.large-image-block {  margin: 30px 0 30px ;  position: relative; }
.large-image-block__fixed-button { bottom: 10% !important;position: absolute;left: 0; width: 100%;}

.main-carousel { padding:0 20px; }



.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


/* BASIC css end */