@charset "utf-8";
#logo {position:absolute; left:5%; top:25px; z-index: 9;}
#logo a {font-family:'KOHIBaeumOTF'; font-size:30px;  font-weight: 800; word-break:keep-all; text-align:left;line-height: 1;}

#logo a, #logo a img {display: block;}
#full_dropdown{display: flex;flex-wrap: wrap;justify-content: center;background: rgba(16, 0, 170, 0.5);}
#full_dropdown #main_menu{;}

/*메인*/
.more_btn {font-size:15px;  letter-spacing:-0.5px; transition:0.3s; font-weight:600;}
.more_btn:hover {color:#0071bd;}

/* 비주얼 */
.mVisual {position:relative; height:100%;}
.main_slider { width: 100%;height: auto;aspect-ratio: 68.4 / 31.6;background: #eee;border-radius:0 0 200px 0;overflow:hidden;}
.mVisual .main_slider figure:nth-child(1){width:100%;height:100%;background:url('../img/main/mainVisual01.jpg')no-repeat center center/cover;color: #fff}
.mVisual .main_slider figure:nth-child(2){width:100%;height:100%;background:url('../img/main/mainVisual02.jpg')no-repeat center center/cover;color: #fff}
.mVisual .main_slider figure:nth-child(2) .mv_txt{}
.mv_p{font-size:25px;margin-bottom:30px;font-weight: 600;}
.mv_info{font-size:30px;line-height:1.2;margin-top:15px;font-weight: 600;text-shadow: 0px 0px 18px rgba(0,0,0,0.5); word-break: keep-all;}
.mVisual .slick-list.draggable{height:100%}
.mVisual .slick-track{height:100%}
/* .mVisual .main_slider figure:after{width:100%;height:100%;background:url('../img/main/mainVisual01.jpg')no-repeat center center/cover;display:block;content:""} */
.mVisual .main_slider figure h2{font-size:76px;font-family: "Jalnan";font-stretch: expanded;text-shadow: 0px 0px 18px rgba(0,0,0,0.5)}
.mv_wrap{width:1400px;margin:0 auto;height:100%; display: flex;flex-wrap: wrap;  flex-direction: column;    justify-content: center;}
.mv_txt{width:fit-content;height:auto; margin-bottom: 50px;}

.main_slick_btn{position:absolute;bottom:20%;    width: 100%;}
.main_slick_btn span{cursor:pointer}
#main_next{margin-left:50px}

/* 메인컨텐츠 */
#main_container section{   margin: 150px 0;}
#main_container section .wrap .title_box {font-size:18px;text-align: center;position:relative;margin-bottom: 70px;}
#main_container section .wrap .title_box h2::after{width:15px;height:15px;display:block; right: -20px;background:#fe8700;border-radius:50%;position:absolute;content:"";top:0}
#main_container section .wrap .title_box h2{font-size:45px;font-family: 'Gmarket Sans';font-weight: 700;position:relative;width: fit-content;margin:0 auto;color:#022ccf;    margin-bottom: 20px;}



#main_con01{position:relative; margin-top:150px;}
#main_con01 .wrap{;padding:0}
#main_con01 .intro_list ul{display:flex;flex-wrap:wrap;justify-content:space-between;    gap: 30px 0;}
#main_con01 .intro_list ul li{width:calc(100% / 3 - 30px);padding: 35px 30px;box-sizing:border-box;background:#edf5ff;border-radius: 20px 20px 0 20px;cursor:pointer;box-shadow: 5px 5px 5px rgba(0,0,0, 0.04);}
#main_con01 .intro_list ul li:hover{background: linear-gradient(90deg, #64aafa, #0076fb , #2e0a8a);}
#main_con01 .intro_list ul li:hover a{color:#fff}
#main_con01 .intro_list ul li a{width:100%;height:auto; display: flex;flex-wrap:wrap;align-items: center;}
#main_con01 .intro_list ul li a i{margin-left:auto;width:112px;height: auto;aspect-ratio: 1.5 / 1;overflow: hidden;}
#main_con01 .intro_list ul li:nth-child(1) a i{background:url('../img/main/main_ico1.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(2) a i{background:url('../img/main/main_ico2.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(3) a i{background:url('../img/main/main_ico3.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(4) a i{background:url('../img/main/main_ico4.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(5) a i{background:url('../img/main/main_ico5.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(6) a i{background:url('../img/main/main_ico6.png')no-repeat center center/cover;}

#main_con01 .intro_list ul li:nth-child(1):hover a i{background:url('../img/main/main_ico1_on.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(2):hover a i{background:url('../img/main/main_ico2_on.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(3):hover a i{background:url('../img/main/main_ico3_on.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(4):hover a i{background:url('../img/main/main_ico4_on.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(5):hover a i{background:url('../img/main/main_ico5_on.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li:nth-child(6):hover a i{background:url('../img/main/main_ico6_on.png')no-repeat center center/cover;}
#main_con01 .intro_list ul li a span{    line-height: 0.9;text-transform: uppercase;}
#main_con01 .intro_list ul li a span b{font-family: 'Gmarket Sans';font-weight:500;font-size:30px;display: block;padding-bottom:10px}
#main_con01 .intro_list ul li:hover a span b{font-weight:700}

#main_con02 .bg{background:url('../img/main/main_con2_bg.jpg')no-repeat center center/cover;    border-radius: 200px 0 0 0;position:relative;}
#main_con02 .wrap{padding-top:150px;}
#main_con02 , #main_con02 h2, #main_con02 p{color:#fff!important}
.lineup_slider{overflow-x:hidden; padding-left:260px;padding-bottom:150px}
.lineup_list{height:100%; margin-right:20px;}
.lineup_list figure{width:100%; height:auto;aspect-ratio:1/1;}
.lineup_list p {font-size:20px; color:#414042; line-height:28px; margin-top:5px;}
.lineup_list p.line_tit {font-size:25px; color:#414042; line-height:28px; margin-top:5px;font-weight:600}
.lineup_list figure img{width:100%}
#main_con02 a.more_btn {color:#fff;}
.line_btn{position:absolute;top:225px;left: 260px;    display: flex;flex-wrap: wrap;gap: 20px;}
#line_prev, #line_next{width:43px;height:auto;aspect-ratio:1/1;display:block;cursor: pointer;}
#line_prev{background:url('../img/main/con03_prev.png')no-repeat center center/cover}
#line_next{background:url('../img/main/con03_next.png')no-repeat center center/cover}
a.more_btn {float:right; color:#7d7d7d;font-size:18px;position:absolute;top:10px;right:0}


#main_con03 .commu_box{display:flex;flex-wrap:wrap;justify-content: space-between}
#main_con03 .commu_list{display:flex;flex-wrap:wrap;width:calc(100% / 2 - 20px);flex-direction: column;    padding-bottom: 50px;border-bottom: 1px solid #eee;}
#main_con03 .commu_list h3{font-family: 'Gmarket Sans';font-weight: 700;margin-bottom:40px}
#main_con03 .commu_list a{float:right;font-weight: 300;font-size: 1.2em;font-family: 'SUIT';}
.main_community {border-top: 1px solid #333;padding-top: 50px;}
.commu_tit{font-size:20px;font-weight:600;margin-bottom:20px}
.commu_txt{margin-bottom:20px}


#main_con04 .photo_gall{display:flex;flex-wrap:wrap;justify-content: space-between;}
#main_con04 .photo_list{display: flex;flex-wrap: wrap;flex-direction: column;width: calc(100% / 4 - 20px);}
#main_con04 .photo_list figure{width:100%;height:auto;aspect-ratio:1/1;background:#eee}
#main_con04 .photo_list a{width:100%;height:100%}
#main_con04 .photo_list figure img{width:100%;height:100%;object-fit:cover;}
 .photo_gall_tit{font-size:20px;font-weight:600;padding: 20px 0 20px}

#followquick {
    position: fixed;
	top:50%;
    right: 50px;
    z-index: 101;
    text-align: center;
    font-size: 14px;
    width: 75px;
	height:auto;
	aspect-ratio:1/1;
}
 #followquick > a {
    background: url('../img/main/top_btn.png')no-repeat center center/cover;
    width: 100%;
    height: 100%;
	font-size:0
}
@media all and (max-width:1200px){

#followquick {
display:none;
}

}