@charset "utf-8";
/* common */ 
#container{overflow:hidden; position:relative;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}
.main_tit{text-align: center; margin-top: 100px;}
.main_tit .s_logo{background:url(/images/2024/user/main/main_s_logo2.png) no-repeat top center/100% auto; width: 195px; height: 23px; margin: 0 auto;}
.main_tit .tit{font-size: 40px; font-weight: 800; margin: 20px 0 60px 0;}
.main_wd_ico { width: 190px !important; }

.txt_max_1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.txt_max_2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.p_btn{position: relative; overflow:hidden; border: 1px solid #e10713; background: #e10713; color: #fff; font-weight: 500; width: 220px; height: 50px; line-height: 48px; text-align: center; font-size: 15px; letter-spacing: -.5px; box-sizing: border-box;}
.p_btn p{position: relative; color: #e10713; line-height: 49px;}
.p_btn:hover p{color:#fff;}
.p_btn span{width:12px; height:14px; background: url(/images/2024/cmmn/down_ico.png)no-repeat top center/cover; display:inline-block; margin-left: 15px;}
.p_btn:hover span{background: url(/images/2024/cmmn/down_ico_h.png)no-repeat top center/cover;}
.p_btn::before{content: ""; position: absolute; top: 0; width: 120%; height:100%; background: #f7f7f7; color:#e10713; left: -10%; transform: skew(30deg); transition: transform 0.5s cubic-bezier(0.3, 1, 0.8, 1);}
.p_btn:hover::before{content: ""; position: absolute; top: 0; left:0; width: 120%; height: 100%; transform: translate3d(100%,0,0);}

.m_btn{position: relative; overflow:hidden; border: 1px solid #000; background: #000; color: #fff; font-weight: 500; width: 220px; height: 50px; line-height: 48px; text-align: center; font-size: 15px; letter-spacing: -.5px; box-sizing: border-box;}
.m_btn p{position: relative; color: #000; line-height: 49px;}
.m_btn:hover p{color:#fff;}
.m_btn span{width:16px; height:15px; background: url(/images/2024/cmmn/more_ico.png)no-repeat top center/cover; display:inline-block; margin-left: 15px;}
.m_btn:hover span{background: url(/images/2024/cmmn/more_ico_h.png)no-repeat top center/cover;}
.m_btn::before{content: ""; position: absolute; top: 0; width: 120%; height:100%; background: #f7f7f7; color:#000; left: -10%; transform: skew(30deg); transition: transform 0.5s cubic-bezier(0.3, 1, 0.8, 1);}
.m_btn:hover::before{content: ""; position: absolute; top: 0; left:0; width: 120%; height: 100%; transform: translate3d(100%,0,0);}


/* sec01 */
#fullpage #sec01{background:url(/images/2025/user/main/main_vis4.jpg)no-repeat center center/cover; font-family: "GmarketSans", 'Noto Sans KR', sans-serif !important;}
    /* D-Day */
#fullpage #sec01 .d-day{text-align: center; max-width: 768px; width: 98%; margin: 120px auto 0;}
#fullpage #sec01 .d_txt{text-align: center; border: 3px solid #fff; border-radius: 50px; padding: 18px 30px; color: #fff; letter-spacing:1px; font-size: 28px; box-sizing: border-box;}
#fullpage #sec01 .d_tit{display: inline-block; letter-spacing: 3px; font-size: 28px;}
#fullpage #sec01 .num{display: inline-block; color: #e10713; font-size: 28px;}
    /* main_tit */
#fullpage #sec01 .main_tit { margin: 0px auto 60px auto; font-weight:600; letter-spacing: .5px; color: #fff; }
#fullpage #sec01 .main_tit .v_tit{ line-height: 1.2; font-size: 32px; }
#fullpage #sec01 .main_tit .v_tit span{ font-weight: 800; color: #e61c72;}
#fullpage #sec01 .main_tit .m_logo{ margin: 20px auto 40px auto; width: 500px;}
#fullpage #sec01 .main_tit .m_logo img{ width: 100%;}
#fullpage #sec01 .main_tit .v_txt{ line-height: 1.6; font-size: 18px;}
#fullpage #sec01 .main_tit .v_txt2{font-size: 16px; margin-top: 10px;}
    /* quick */


#fullpage #sec01 .quick {}
#fullpage #sec01 .quick ul{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto; max-width: 1200px;}
#fullpage #sec01 .quick li{ width: 25%;}
#fullpage #sec01 .quick li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 10px; padding: 50px 30px; background: rgba(0 0 0/50%); cursor: pointer; transition: all .2s;}
#fullpage #sec01 .quick li a .t1{ font-size: 24px; font-weight: 500; color: #FFF;}
#fullpage #sec01 .quick li a .t2{ text-align: center; line-height: 1.6; font-size: 14px; color: #FFF;}
#fullpage #sec01 .quick li a .line{ margin: 20px auto; width: 20px; height: 2px; background: #FFF;}
#fullpage #sec01 .quick li a .btn{ display: flex; align-items: center; margin: 30px 0 0 0; padding: 0 20px; height: 40px; border: 1px solid #FFF; font-size: 14px; color: #FFF;}

#fullpage #sec01 .quick li:nth-child(1) a .t1{ color: #78a0ff;}
#fullpage #sec01 .quick li:nth-child(1) a .t2{ color: #78a0ff;}
#fullpage #sec01 .quick li:nth-child(1) a .line{ background: #78a0ff;}
#fullpage #sec01 .quick li:nth-child(1) a .btn{ border-color: #78a0ff; color: #78a0ff;}

#fullpage #sec01 .quick li:nth-child(2) a .t1{ color: #00f596;}
#fullpage #sec01 .quick li:nth-child(2) a .t2{ color: #00f596;}
#fullpage #sec01 .quick li:nth-child(2) a .line{ background: #00f596;}
#fullpage #sec01 .quick li:nth-child(2) a .btn{ border-color: #00f596; color: #00f596;}

#fullpage #sec01 .quick li:nth-child(3) a .t1{ color: #42ccff;}
#fullpage #sec01 .quick li:nth-child(3) a .t2{ color: #42ccff;}
#fullpage #sec01 .quick li:nth-child(3) a .line{ background: #42ccff;}
#fullpage #sec01 .quick li:nth-child(3) a .btn{ border-color: #42ccff; color: #42ccff;}

#fullpage #sec01 .quick li:nth-child(4) a .t1{ color: #FFF;}
#fullpage #sec01 .quick li:nth-child(4) a .t2{ color: #FFF;}
#fullpage #sec01 .quick li:nth-child(4) a .line{ background: #FFF;}
#fullpage #sec01 .quick li:nth-child(4) a .btn{ border-color: #FFF; color: #FFF;}

#fullpage #sec01 .quick li a:hover{ background: rgba(0 0 0/90%); transform: scale(1.05);}




/* sec02 */
#fullpage #sec02 .slide_cont{overflow: hidden;}
#fullpage #sec02 .slide_cont .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 66px; height: 66px; background-color: rgba(0, 0, 0, 0.4); background-position: center; background-size: 14px 23px; background-repeat: no-repeat; text-indent: -9999px; border:0; border-radius: 50%; cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
#fullpage #sec02 .slide_cont .slick-arrow:hover,
#fullpage #sec02 .slide_cont .slick-arrow:focus {background-color: #000000;}
#fullpage #sec02 .slide_cont .slick-arrow.slick-prev {left: 0; background-image: url("/images/2024/user/main/arrow_prev.png");}
#fullpage #sec02 .slide_cont .slick-arrow.slick-next {right: 0; background-image: url("/images/2024/user/main/arrow_next.png");}
/* #fullpage #sec02 .slide_cont .list_box .box {max-width: 240px;} */
#fullpage #sec02 .slide_cont .list_box .box .imgs_box {display: table; width: 100%; max-width: 240px; table-layout: fixed; margin: 0 auto; border-radius: 100%; overflow: hidden;}
#fullpage #sec02 .slide_cont .list_box .box .imgs_box .inner_box {display: table-cell; width: 100%; max-width: 240px; height: 240px; vertical-align: middle; text-align: center; background: #ddd; border-radius: 100%; margin:0 auto;}
#fullpage #sec02 .slide_cont .list_box .box .imgs_box .inner_box img {display: inline-block;}
#fullpage #sec02 .slide_cont .list_box .box .txt_area {padding: 22px 0 0; text-align: center;}
#fullpage #sec02 .slide_cont .list_box .box .name {font-weight: 400; font-size: 20px; line-height: 33px; color: #000000; padding: 15px 0;}


#fullpage #sec02 .slide_cont .list_box .box .info{margin: 15px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all;}

    /* slick */
#main_slide{position: static; padding: 0 125px;}
#main_slide .slick-list .slick-track .slick-slide{padding: 0 30px 0 0;}


/* sec03 */
#fullpage #sec03{background:#f7f7f7;}
#fullpage #sec03 .cont{display: flex; align-items: center;}
#fullpage #sec03 .img_wrap{width: 48%; height: 660px; margin-right:70px; background:url(/images/2024/user/main/main_sec03_img.png) no-repeat 50% 44%/cover; border-radius:20px; }
#fullpage #sec03 .txt_wrap{width: 50%;}
#fullpage #sec03 .txt_wrap .txt{line-height: 1.6; font-size: 18px; font-weight: 300;}
#fullpage #sec03 .txt_wrap .txt2{ margin: 30px 0 0 0;}
#fullpage #sec03 .txt_wrap .btn_wrap a{display: inline-block; margin-right: 10px;}
#fullpage #sec03 .txt_wrap .btn_wrap a:last-child{margin-right: 0;}


/* sec04 */
#fullpage #sec04 .business_list #busin_slide {padding: 0 100px; font-size: 0;}
#fullpage #sec04 .business_list #busin_slide .slick-arrow {position: absolute; top: 50%; width: 66px; height: 66px; margin: -33px 0 0; background-color: rgba(0, 0, 0, 0.4); background-position: center; background-size: 14px 23px; background-repeat: no-repeat; text-indent: -9999px; border:0; border-radius: 50%; cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
#fullpage #sec04 .business_list #busin_slide .slick-arrow:hover, #fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-arrow:focus {background-color: #000000;}
#fullpage #sec04 .business_list #busin_slide .slick-arrow.slick-prev {left: 0; background-image: url("/images/2024/user/main/arrow_prev.png");}
#fullpage #sec04 .business_list #busin_slide .slick-arrow.slick-next {right: 0; background-image: url("/images/2024/user/main/arrow_next.png");}
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li { display: flex; flex-wrap: wrap; padding: 0 30px; font-size: 0;}
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box {width: 23%; margin: 10px 1%; }
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box .img_box {display: table; width: 100%; table-layout: fixed; padding: 8px; transition: 0.2s;}
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box .img_box:hover, #fullpage #sec03 .cont .business_list .list li .img_box:focus {box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.15);}
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box .img_box .inner_box{ display: flex; justify-content: center; align-items: center; width: 100%; height: 80px;}
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box .img_box .inner_box img{ display: block; max-width: 70%; width: auto; max-height: 50%; height: auto;}
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box .img_box .inner_box img.s1{ max-height: 80%;}
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box .img_box .inner_box img.s2{ max-height: 60%;}
#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box .img_box .inner_box img.s3{ max-height: 70%;}

/* sec05 */
#fullpage #sec05{background:#f7f8f9 url(/images/2024/user/main/sec5_bg.jpg)no-repeat top center;}
#fullpage #sec05 .cont{ display: flex; flex-wrap: wrap; align-items: flex-start; box-sizing: border-box;}
#fullpage #sec05 .left_sec{width: 50%;}
#fullpage #sec05 .right_sec{padding-left: 5%;}
#fullpage #sec05 .main_tit{text-align: left;}
#fullpage #sec05 .main_tit .s_logo{margin-left:0;}

#fullpage #sec05 .subscribe{ margin: 20px 0 0 0; width: 100%; text-align: center;}
#fullpage #sec05 .subscribe .t1{ font-size: 40px; font-weight: 800; color: #000;}
#fullpage #sec05 .subscribe .t2{ margin: 10px 0 0 0; line-height: 1.2; font-size: 15px; font-weight: 400; color: #666;}
#fullpage #sec05 .subscribe .row{ display: flex; margin: 30px auto 0 auto; max-width: 600px;}
#fullpage #sec05 .subscribe .row select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 15px; width: 200px; height: 55px; border-radius: 0; border: 1px solid #DDD; font-size: 15px; color: #000; outline: none;}
#fullpage #sec05 .subscribe .row select::-ms-expand{ display:none;}
#fullpage #sec05 .subscribe .row input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 300px; height: 55px; border-radius:0; border: 1px solid #DDD; border-right: 0; border-left: 0; background: #FFF; font-size: 15px; color: #000; outline: none; -webkit-appearance: none;}
#fullpage #sec05 .subscribe .row .btn{ display: flex; justify-content: center; align-items: center; width: 200px; height: 55px; background: #e10713; font-size: 15px; font-weight: 400; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    #fullpage #sec05 .subscribe{ margin: 40px 0 0 0;}
    #fullpage #sec05 .subscribe .t1{ font-size: 25px;}
    #fullpage #sec05 .subscribe .t2{ line-height: 1.3; font-size: 13px;}
    #fullpage #sec05 .subscribe .row select{ padding: 0 25px 0 10px; width: 120px; height: 40px; font-size: 12px;}
    #fullpage #sec05 .subscribe .row input{ padding: 0 10px; width: 100%; height: 40px; font-size: 12px;}
    #fullpage #sec05 .subscribe .row .btn{ flex: 0 0 100px; width: 100px; height: 40px; font-size: 12px;}
}

/* news */
#fullpage #sec05 .news_box .inner_box { margin: 0 0 17px; border-bottom: 1px solid #e9ebee; padding: 0 0 25px;}
#fullpage #sec05 .news_box .inner_box a {display: table; width: 100%; table-layout: fixed;}
#fullpage #sec05 .news_box .inner_box a .date_area {display: table-cell; width: 100px; height: 110px; padding: 4px; vertical-align: middle; text-align: center;}
#fullpage #sec05 .news_box .inner_box a .date_area .tit {display:block; font-weight: 700; font-size: 40px;}
#fullpage #sec05 .news_box .inner_box a .date_area .txt {display:block; margin: 20px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #525252;}
#fullpage #sec05 .news_box .inner_box a .info_txt {display: table-cell; width: 100%; padding: 0 0 0 30px; vertical-align: middle;}
#fullpage #sec05 .news_box .inner_box a .info_txt .tit {height: 30px; font-weight: 400; font-size: 20px; line-height: 30px; color: #000000; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; word-break: keep-all;}
#fullpage #sec05 .news_box .inner_box a:hover .info_txt .tit, #fullpage #sec05 .news_box .inner_box a:focus .info_txt .tit {font-weight: 500; text-decoration:underline; }
#fullpage #sec05 .news_box .inner_box a .info_txt .txt {height: 60px; margin: 8px 0 0; font-weight: 300; font-size: 15px; line-height: 30px; color: #434343; word-break: keep-all;}

#fullpage #sec05 .news_box .news_list .list li a {display: block; position: relative; padding: 0 120px 0 12px;}
#fullpage #sec05 .news_box .news_list .list li a:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; margin: -3px 0 0; background-color: #dedede; border-radius: 50%;}
#fullpage #sec05 .news_box .news_list .list li a .text {height: 44px; font-weight: 300; font-size: 16px; line-height: 44px; color: #000000;}
#fullpage #sec05 .news_box .news_list .list li a:hover .text, #fullpage #sec05 .news_box .news_list .list li a:focus .text {font-weight: 500;}
#fullpage #sec05 .news_box .news_list .list li.event a .text .ft_c1 {color: #f2337b;}
#fullpage #sec05 .news_box .news_list .list li.data a .text .ft_c2 {color: #1ac5fc;}
#fullpage #sec05 .news_box .news_list .list li.release a .text .ft_c3 {color: #0abaac;}
#fullpage #sec05 .news_box .news_list .list li.notice a .text .ft_c4 {color: #e10713;}
#fullpage #sec05 .news_box .news_list .list li a .day {position: absolute; top: 0; right: 15px; font-family: 'GmarketSans'; font-weight: 300; font-size: 15px; line-height: 44px; color: #525252;}
    /* event */
#fullpage #sec05 .box.event_cont {width: 520px;}
#fullpage #sec05 .box.event_cont .title_area {position: relative; padding: 0 110px 0 0;}
#fullpage #sec05 .box.event_cont .title_area .slide_btn_box {position: absolute; top: -30px; right: 0; margin: -15px 0 0; font-size: 0;}
#fullpage #sec05 .box.event_cont .title_area .slide_btn_box .btn_arr {display: inline-block; width: 30px; height: 30px; border: 1px solid #e9ebee; vertical-align: top; border-radius: 50%;  background-color: #ffffff; cursor:pointer;}
#fullpage #sec05 .box.event_cont .title_area .slide_btn_box .btn_arr i {font-size: 14px; line-height: 28px; color: #000000;}
#fullpage #sec05 .box.event_cont .title_area .slide_btn_box .play_box {display: inline-block; width: 30px; height: 30px; margin: 0 3px; border: 1px solid #e9ebee; background-color: #ffffff; vertical-align: top; border-radius: 50%; text-align: center;}
#fullpage #sec05 .box.event_cont .title_area .slide_btn_box .play_box button{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0 none; background-color: transparent; font-family: inherit;  font-size: inherit; cursor: pointer;}
#fullpage #sec05 .box.event_cont .title_area .slide_btn_box .play_box i {font-size: 14px; line-height: 28px; color: #000000;}
#fullpage #sec05 .box.event_cont .title_area .slide_btn_box .play_box .play {display: none;}

#fullpage #sec05 .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a {display: block;}
#fullpage #sec05 .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box {display: table; width: 100%; max-width: 521px; table-layout: fixed;}
#fullpage #sec05 .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box .inner_box {display: table-cell; width: 100%; max-width: 521px; height: 275px; vertical-align: middle; text-align: center;}
#fullpage #sec05 .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box .inner_box img {display: inline-block;}




@media screen and (max-width:1050px) {
	/*sec4*/
	#fullpage #sec04 .business_list #busin_slide .slick-list .slick-track  li .box {width: 48%;}
}


@media screen and (max-width:1024px){
    /* 공통 */
    .fp-tableCell{display: block !important; height: 100%;}
    #fullpage .section {display: block !important; height: 100% !important; padding:70px 0}
    .main_tit{margin-top: 0;}

    /* sec01 */
    #main_slide{margin:0; padding: 0 170px;}
    #main_slide .slick-list .slick-track .slick-slide{padding: 0 20px;}

    /* sec02 */
    #fullpage #sec02 .slide_cont .slick-arrow{width: 50px; height: 50px;}

    /* sec03 */
    #fullpage #sec03 .img_wrap{height:480px; margin-right: 50px; background: url(/images/2024/user/main/main_sec03_img.png) no-repeat 50% 57%/cover;}
    #fullpage #sec03 .txt_wrap .txt{font-size: 16px;}
    

    /* sec05 */
    #fullpage #sec05 .left_sec{width: 61%;}
    #fullpage #sec05 .right_sec{width: 39%;}
    #fullpage #sec05 .box.event_cont{width: auto;}
    #fullpage #sec05 .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box{width: auto; max-width: auto;}
    #fullpage #sec05 .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box .inner_box{width: auto; max-width: none; height: auto;}

}


@media screen and (max-width:768px){
    /* 공통 */
    .main_tit .tit{font-size: 30px; margin-bottom:40px;}
    .p_btn, .m_btn{font-size:14px}

    /* sec01 */
    #main_slide{padding: 0 50px;}
    #fullpage #sec01{background: url(/images/2025/user/main/main_vis4.jpg)no-repeat center right 30%; background-size: cover;}
    #fullpage #sec01 .d-day{max-width: 500px; margin-top: 70px;}
    #fullpage #sec01 .d_txt{font-size: 17px; letter-spacing: 0; padding: 15px 10px;}
    #fullpage #sec01 .d_tit, #fullpage #sec01 .num{font-size: 20px; letter-spacing: 1px;}

    #fullpage #sec01 .main_tit{margin: 50px auto 100px auto;}
    #fullpage #sec01 .main_tit .v_tit{font-size: 24px;}
    #fullpage #sec01 .main_tit .m_logo{ width: 450px; margin: 15px auto 15px auto;}
    #fullpage #sec01 .main_tit .v_txt{font-size: 16px;}

    #fullpage #sec01 .quick li{margin-right: 15px; height: 130px;}
    #fullpage #sec01 .quick li a{padding: 15px;}
    #fullpage #sec01 .quick li .q_tit{font-size: 15px;}
    #fullpage #sec01 .quick li .arw{display: inline-block;}
    #fullpage #sec01 .quick li .ico{width: 45px; height: 40px;}
    #fullpage #sec01 .quick li:nth-child(3) .ico{width: 45px; height: 42px;}
    #fullpage #sec01 .quick li:last-child .ico{width: 45px; height: 36px;}

    /* sec03 */
    #fullpage #sec03 .cont{display: block; flex:none;}
    #fullpage #sec03 .img_wrap{width: 100%; height: 420px; background: url(/images/2024/user/main/main_sec03_img.png) no-repeat 50% 29%/cover;}
    #fullpage #sec03 .txt_wrap{width: 100%; padding: 20px 0 0 0;}
    #fullpage #sec03 .txt_wrap .txt2{margin: 20px 0 50px 0;}

    /* sec04 */
  	#fullpage #sec04 .cont .business_list #busin_slide {padding: 0;}
	#fullpage #sec04 .cont .business_list #busin_slide .slick-arrow {top: -70px; margin: 0; width: 33px; height: 33px; background-size: 7px 13px;} 

    /* sec05 */
    #fullpage #sec05 .cont{display: block; flex: none;}
    #fullpage #sec05 .left_sec, #fullpage #sec05 .right_sec{width: 100%;}
    #fullpage #sec05 .right_sec{padding-left:0; margin-top: 70px; }
    #fullpage #sec05 .news_box .inner_box{margin:0 0 10px; padding:0 0 15px;}
    #fullpage #sec05 .news_box .inner_box a .date_area{width: 70px; height: auto; padding:0;}
    #fullpage #sec05 .news_box .inner_box a .info_txt .tit{font-size: 18px;}
    #fullpage #sec05 .news_box .inner_box a .info_txt .txt{font-size: 14px;}
    #fullpage #sec05 .news_box .news_list .list li a .text{height: 36px; font-size: 14px;}
    #fullpage #sec05 .news_box .news_list .list li a .day{font-size: 13px;}
    #fullpage #sec05 .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box{margin:0 auto;}

}

@media screen and (max-width:650px){
    /* sec01 */
    #fullpage #sec01{ padding: 150px 0 100px 0;}
    #fullpage #sec01 .main_tit{ margin-top: 0; margin-bottom: 30px;}

}

@media screen and (max-width:500px){
    /* 공통 */
    .main_tit .s_logo{width:160px; height: 19px;}
    .main_tit .tit{font-size: 24px; margin:15px 0 40px 0;}
    .p_btn, .m_btn{width: 100%; font-size: 13px; letter-spacing: 0; margin-right: 0; margin-bottom: 5px;}

    /* sec01 */
    #fullpage #sec01{ padding: 120px 0 50px 0;}
    #fullpage #sec01 .d_tit{display: block; margin-bottom: 15px;}
    #fullpage #sec01 .mo{display: none;}

    #fullpage #sec01 .main_tit .m_logo{ width: 200px;}
    #fullpage #sec01 .main_tit .v_tit{ font-size: 15px; line-height: 1.4;}
    #fullpage #sec01 .main_tit .v_txt{ font-size: 12px; font-weight: 300;}
    #fullpage #sec01 .main_tit .v_txt2{ font-size: 12px;}

    #fullpage #sec01 .quick{}
    #fullpage #sec01 .quick ul{ margin: -10px -5px 0 -5px;}
    #fullpage #sec01 .quick li{ margin: 10px 0 0 0 !important; height: auto; width: 50%}
    #fullpage #sec01 .quick li:nth-child(1){ margin: 0; }
    #fullpage #sec01 .quick li:nth-child(2){ margin: 0; width: 50%;}
    #fullpage #sec01 .quick li:nth-child(3){ margin: 0; width: 50%;}
    #fullpage #sec01 .quick li a{ margin: 0 5px; padding: 30px 15px; height: 100%;}
    #fullpage #sec01 .quick li a .t1{ font-size: 18px;}
    #fullpage #sec01 .quick li a .t2{ font-size: 12px;}
    #fullpage #sec01 .quick li a .line{ margin: 15px auto; width: 15px; height: 1px;}
    #fullpage #sec01 .quick li a .btn{ margin: 15px 0 0 0; padding: 0 10px; height: 30px; font-size: 12px;}
    #fullpage #sec01 .quick li a:hover{ background: rgba(0 0 0/50%); transform: scale(1);}

    /* sec02 */
    #fullpage #sec02 .slide_cont .slick-arrow{width: 40px; height: 40px; background-size: 10px 15px;}
    #fullpage #sec02 .slide_cont .list_box .box .name{font-size: 16px; padding-bottom: 10px;}
    #fullpage #sec02 .slide_cont .list_box .box .info{margin-top: 10px; font-size: 14px;}

    /* sec03 */
    #fullpage #sec03 .img_wrap{height: 360px; background: url(/images/2024/user/main/main_sec03_img.png) no-repeat 50% 28%/cover;}
    #fullpage #sec03 .txt_wrap .txt{font-size: 15px;}
    
    /* sec4 */
    #fullpage #sec04 .business_list #busin_slide .slick-list .slick-track li .box .img_box .inner_box img {width: 90%;}
    
    
}



@media screen and (max-width:360px){
    /* sec03 */
    #fullpage #sec03 .img_wrap{background: url(/images/2024/user/main/main_sec03_img.png) no-repeat 50% 55%/cover;;}
      
}