/* fullpage 네비게이션 수정*/
#fp-nav{margin-top: 0 !important;}
#fp-nav ul li{width: auto; height: 25px; display: flex; justify-content: right;}
#fp-nav ul li a{order: 2; display: block; width: 25px;}
#fp-nav ul li a span{background: rgba(255,255,255,0.5);  width: 5px; height: 5px; margin: 0; transition-duration: 0.3s;}
#fp-nav ul li a.active span{ background: none; background: #fe0000; }
#fp-nav ul li a.active span::after{width: 25px; height: 25px; border: 1px solid #fe0000; background: none;}
#fp-nav ul li .fp-tooltip.fp-right{right: auto;}
#fp-nav ul li .fp-tooltip{order: 1; position: relative; left: -25px; top: 2px; font-size: 14px; font-family: '3MCircularTT'; font-weight: 400;}


.fp-viewing-thirdPage #fp-nav ul li .fp-tooltip,
.fp-viewing-fifthPage #fp-nav ul li .fp-tooltip,
.fp-viewing-sixthPage #fp-nav ul li .fp-tooltip{color: #000;}

.fp-viewing-thirdPage #fp-nav ul li a span,
.fp-viewing-fifthPage #fp-nav ul li a span,
.fp-viewing-sixthPage #fp-nav ul li a span{background: rgba(0,0,0,0.5);}

.fp-viewing-thirdPage #fp-nav ul li a.active span,
.fp-viewing-fifthPage #fp-nav ul li a.active span,
.fp-viewing-sixthPage #fp-nav ul li a.active span{background: #fe0000;}




/* main 공통 */
.section_inner{position: relative; width: 1440px; margin: 0 auto;}
h2 span.red{font-family: 'Pretendard'; color: #fe0000;}



/* section 01 */
#main01{position: relative;}
#main01 .bg_wrap{position: absolute; left: 0; top: 0; width: 100%; z-index: 1; height: 100%;}
#main01 .bg_wrap>li{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
#main01 .bg_wrap>li.con1{background: url('/img/topbanner01.jpg') no-repeat; background-size: cover; background-position: center}
#main01 .bg_wrap>li.con2{background: url('/img/topbanner02.jpg') no-repeat; background-size: cover; background-position: center}
#main01 .bg_wrap>li.con3{background: url('/img/topbanner03.jpg') no-repeat; background-size: cover; background-position: center}
#main01 .bg_wrap>li:first-child{display: block;}
#main01 .bg_wrap>li img{width: 100%;}

#main01 .text_wrap{position: absolute; width: 1440px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
#main01 .text_wrap>li{position: absolute; top: 50%; transform: translateY(-50%); display: none;}
#main01 .text_wrap>li:first-child{display: block;}
#main01 .text_wrap>li p.en{font-size: 160px; position: absolute; top: -80px; left: -40px; color: #FFF; font-weight: 400; font-family: "Italianno", cursive; z-index: -1; opacity: 0.08; }
#main01 .text_wrap>li h2{font-size: 52px; font-weight: 600; color: #FFF; line-height: 1.4em;}
#main01 .text_wrap>li h2 span.font_3m{font-weight: 600;}
#main01 .text_wrap>li h2 span.thin{font-weight: 300;}
#main01 .text_wrap>li p.underline{position: relative; margin-top: 20px; color: #FFF; font-size: 20px; font-weight: 600;}
#main01 .text_wrap>li p.underline::after{content:''; display: block; position: absolute; left: -10px; bottom: -8px; width: 215px; height: 20px; background: url(/img/main_underline.png) no-repeat; background-size: 100%; z-index: -1;}
#main01 .text_wrap>li p.info{font-size: 20px; font-weight: 200; margin-top: 15px; color: #DDD; word-break: keep-all; line-height: 1.5em;}
#main01 .text_wrap>li p.info2{margin-top: 25px;}
#main01 .text_wrap>li p.info2 span.underline{position: relative; font-weight: 700; color: #FFF;}
#main01 .text_wrap>li p.info2 span.underline::after{content:''; display: block; position: absolute; left: -3px; bottom: -3px; width: 410px; height: 20px; background: url(/img/main_underline2.png) no-repeat; background-size: 100%; z-index: -1;}
#main01 .text_wrap>li p.info br.mob{display: none;}


#main01 .dots{position: absolute; width: 1440px; left: 50%; transform: translateX(-50%); bottom: 80px; z-index: 2; display: flex; column-gap: 8px;}
#main01 .dots>li{width: 280px; border-top: 2px solid #FFF; opacity: 0.6; transition-duration: 0.3s;}
#main01 .dots>li button{position: relative; width: 100%; color: #FFF; font-size: 15px; font-weight: 700; box-sizing: border-box; padding: 0 25px; padding-top: 12px;}
#main01 .dots>li.active{opacity: 1;}
#main01 .next_btn{position: absolute; right: 0; top: 0; width: 50px; height: 50px; opacity: 0; z-index: 5;}


/* section 02 */
#main02{background: url(/img/sec02_bg.jpg)no-repeat; background-size: cover;}
#main02 .section_inner{display: flex; justify-content: space-between; align-items: center;}
#main02 .text_wrap h2{position: relative; color: #FFF; font-family: '3MCircularTT'; font-weight: 700; font-size: 42px; margin-bottom: 20px;}
#main02 .text_wrap h2::after{content:''; display: block; position: absolute; top: 45%; transform: translateY(-50%); height: 1px; width: 215px; background-color: #666; left: -235px;}
/* 이 가상요소 수정해야함. 추가할것있음. */


#main02 .text_wrap .info_text{color: #DDD; font-size: 18px; font-weight: 200; line-height: 1.5em;}
#main02 .img_wrap ul{display: flex; column-gap: 25px;}
#main02 .img_wrap ul li{width: 245px; height: 600px; border-radius: 15px; overflow: hidden; box-shadow: 0 0 12px rgba(0,0,0,0.3); position: relative; transition-duration: 0.3s; cursor: pointer;}
#main02 .img_wrap ul li .img_box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition-duration: 0.3s;}
#main02 .img_wrap ul li .img_box::after{content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
#main02 .img_wrap ul li.con1 .img_box{background: url(/img/sec02_img1.jpg) no-repeat; background-size: cover; background-position: left;}
#main02 .img_wrap ul li.con2 .img_box{background: url(/img/sec02_img2.jpg) no-repeat; background-size: cover; background-position: right;}
#main02 .img_wrap ul li.con3 .img_box{background: url(/img/sec02_img3.jpg) no-repeat; background-size: cover; background-position: right;}
#main02 .img_wrap ul li .numbering{position: absolute; font-size: 108px; font-weight: 700; color: #FFF; opacity: 0.12; left: -25px; top: 20px; z-index: 5; transition-duration: 0.3s;} 
#main02 .img_wrap ul li .text_box{position: absolute; z-index: 2; bottom: 40px; left: 35px;}
#main02 .img_wrap ul li .text_box h3{color: #FFF; font-size: 22px; font-weight: 700; font-family: '3MCircularTT'; opacity: 0; transition-duration: 0.3s; margin-bottom: 20px;}
#main02 .img_wrap ul li .text_box .plus_btn{display: block; width: 50px; height: 50px; border: 1px solid #777; border-radius: 50px; transition-duration: 0.3s; position: absolute; left: 0; top: 0; position: relative; z-index: 1; opacity: 1;}
#main02 .img_wrap ul li .text_box .plus_btn span{font-size: 16px; color: #FFF; opacity: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 80%; text-align: center;}
#main02 .img_wrap ul li .text_box .plus_btn i{display: inline-block; width: 13px; height: 13px; background: url(/img/icon_plus_gray.png) no-repeat; background-size: 100%; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%);}
/* active */
#main02 .img_wrap ul li.active{width: 495px;}
#main02 .img_wrap ul li.active .numbering{color: #fe0000; opacity: 0.3;}
#main02 .img_wrap ul li.active .text_box h3{opacity: 1;}
#main02 .img_wrap ul li.active .text_box .plus_btn{width: 160px; background-color: #222; border: 1px solid #222;}
#main02 .img_wrap ul li.active .text_box .plus_btn span{opacity: 1;}
#main02 .img_wrap ul li.active .text_box .plus_btn i{background: url(/img/icon_plus_white.png) no-repeat; background-size: 100%; right: 25%;}
#main02 .img_wrap ul li.non_active{width: 120px;}
#main02 .img_wrap ul li.non_active .img_box{filter: grayscale(100%);}
#main02 .img_wrap ul li.non_active .numbering{opacity: 0;}





/* section 03 */
#main03{background: url(/img/sec03_bg.jpg)no-repeat; background-size: cover;}
#main03 .section_inner{padding-top: 60px;}
#main03 h2{font-size: 42px; font-weight: 700; line-height: 1.4em; margin-bottom: 20px;}
#main03 .info_text{font-size: 18px; color: #555; line-height: 1.5em; word-break: keep-all;}
#main03 ul{margin-top: 60px; display: flex; justify-content: space-between; column-gap: 1.5%;}
#main03 ul li{width: 31.5%; height: 460px; border-radius: 15px; overflow: hidden; position: relative;}
#main03 ul li.con1{background: url(/img/sec03_img1.jpg) no-repeat; background-size: cover;}
#main03 ul li.con2{background: url(/img/sec03_img2.jpg) no-repeat; background-size: cover;}
#main03 ul li.con3{background: url(/img/sec03_img3.jpg) no-repeat; background-size: cover;}
#main03 ul li.con4{background: url(/img/sec03_img4.jpg) no-repeat; background-size: cover;}
#main03 ul li .text_wrap{position: absolute; width: 100%; bottom: 40px; left: 35px;}
#main03 ul li .text_wrap h3{color: #FFF; font-size: 22px; font-weight: 700; line-height: 1.5em;position: absolute; bottom: 0; display: block; width: 100%; transition-duration: 0.3s; z-index: 2;}
#main03 ul li .text_wrap a{display: block; width: 160px; height: 50px; line-height: 50px; border-radius: 50px; color: #FFF; border: 1px solid #FFF; text-align: center;position: absolute; bottom: 0; opacity: 0; z-index: -1; transition-duration: 0.3s; font-size: 16px;}
#main03 ul li .text_wrap a i{margin-left: 15px;}
/* hover */
#main03 ul li:hover .text_wrap h3{bottom: 65px;}
#main03 ul li:hover .text_wrap a{opacity: 1; z-index: 1;}






/* section 04 */
#main04{position: relative; background: url(/img/sec04_bg.jpg)no-repeat; background-size: cover;}
#main04 .section_inner{padding-top: 100px;}
#main04 .top_wrap{display: flex; justify-content: space-between; position: relative;}
#main04 .top_wrap .text_wrap h2{font-size: 42px; font-weight: 700; color: #FFF;}
#main04 .top_wrap .text_wrap p.big{font-size: 42px; font-weight: 500; color: #FFF; margin-top: 15px; line-height: 1.4em; word-break: keep-all;}
#main04 .top_wrap .text_wrap p.info_text{font-size: 18px; font-weight: 200; color: #DDD; line-height: 1.5em; margin-top: 30px; word-break: keep-all;}
#main04 .top_wrap .icon_wrap{position: absolute; right: 0; top: 0;}

#main04 .next_prev_wrap{display: flex; column-gap: 12px; margin-top: 40px; margin-bottom: 25px;}
#main04 .next_prev_wrap button{position: relative; display: flex; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #f8f8f8; transition-duration: 0.3s; justify-content: center; align-items: center; text-indent: -9999px;}
#main04 .next_prev_wrap button:hover{background-color: #ff0000; border: 1px solid #ff0000;}
#main04 .next_prev_wrap button.slick-arrow::after{content:''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 8px; height: 12px; z-index: 1;}
#main04 .next_prev_wrap button.slick-arrow.slick-prev::after{ background:url(/img/sec04_arrow_prev.png) no-repeat; background-size: 100%; background-position: center; }
#main04 .next_prev_wrap button.slick-arrow.slick-next::after{ background:url(/img/sec04_arrow_next.png) no-repeat; background-size: 100%; background-position: center; }

#main04 .slide_wrap{position: relative;}
#main04 .slide_wrap .big_slide_wrap{position: relative; width: 100%; z-index: 1;  height: 380px;} 
#main04 .slide_wrap .big_slide_wrap .big_slide{width: 100%;}
#main04 .slide_wrap .big_slide_wrap .big_slide li{display: flex; justify-content: space-between;}
#main04 .slide_wrap .big_slide_wrap .big_slide .img_wrap{width: 640px;}
#main04 .slide_wrap .big_slide_wrap .big_slide .text_wrap{position: absolute; left: 680px; top: 35px;}
#main04 .slide_wrap .big_slide_wrap .big_slide .text_wrap::after{content: ""; display: block; position: absolute; width: 130px; height: 1px; background-color: #FFF; left: -145px; top: 10px;}
#main04 .slide_wrap .big_slide_wrap .big_slide li a i{display: inline-block; margin-left: 15px;}
#main04 .slide_wrap .small_slide_wrap{position: absolute; right: 0; bottom: 0; z-index: 50;}
#main04 .slide_wrap .small_slide{width: 790px; height: 223px; overflow: hidden; position: relative; right: -3px;} 
#main04 .slide_wrap .small_slide .slick-list{padding: 0 !important; height: 100%;}
#main04 .slide_wrap .small_slide .slick-track{display: flex; height: 100%;}
#main04 .slide_wrap .small_slide li{width: 376px !important; margin:  0 12.5px; height: 100%; position: relative; border-radius: 15px; overflow: hidden;}
#main04 .slide_wrap .small_slide li::after{content: ''; display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
#main04 .slide_wrap li>img{width: 100%; border-radius: 15px;}
#main04 .slide_wrap li .img_wrap>img{width: 100%; border-radius: 15px;}

#main04 .slide_wrap .text_wrap{position: absolute; right: 0; top: 0; z-index: 5;}
#main04 .slide_wrap .text_wrap p{color: #FFF; font-size: 22px; font-weight: 700; font-family: '3MCircularTT'; margin-bottom: 20px; line-height: 1.5em;}
#main04 .slide_wrap .text_wrap p span.pretendard{font-family: 'Pretendard';}
#main04 .slide_wrap .text_wrap a{display: block; width: 160px; height: 50px; line-height: 50px; border-radius: 50px; border: 1px solid #FFF; color: #FFF; text-align: center; font-size: 16px; font-weight: 500;}





/* section 05 */
#main05{position: relative;}
#main05 h2{position: relative; font-size: 42px;}
#main05 p.info_text{font-size: 18px; font-weight: 300; color: #555; margin-top: 25px; word-break: keep-all; line-height: 1.4em;}

#main05 .tabs{display: flex; border: 1px solid #DDD; width: 280px; border-radius: 50px; height: 50px; margin-top: 40px; margin-bottom: 60px;}
#main05 .tabs li{width: 50%; height: 100%;}
#main05 .tabs li button{display: block; width: 100%; height: 100%; border-radius: 50px; text-align: center; color: #CCC; transition-duration: 0.3s; font-size: 18px;}
#main05 .tabs li.active button{background-color: #151515; color: #FFF; font-family: '3MCircularTT';}

#main05 .con_wrap{position: relative; height: 425px; }
#main05 .con_wrap>div{position: absolute; left: 0; top: 0;width: 100%; height: 100%; display: none;}
#main05 .con_wrap>div:first-child{display: block;}
#main05 .con_wrap>div>ul{display: flex; column-gap: 2.9%;} 
#main05 .con_wrap>div>ul>li{width: 31.4%;}
#main05 .con_wrap>div>ul>li .img_wrap{position: relative; border-radius: 15px; overflow: hidden; width: 100%; height: 255px;}
#main05 .con_wrap>div>ul>li .img_wrap img{width: 100%; height: 100%;}
#main05 .con_wrap>div>ul>li .img_wrap .notice{display: flex; align-items: center; column-gap: 5px; position: absolute; left: 25px; top: 25px; padding: 7px 15px; border-radius: 30px; background-color: rgba(0, 0, 0, 0.8); color: #FFF; font-size: 14px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
#main05 .con_wrap>div>ul>li .img_wrap .notice img{width: 16px;}
#main05 .con_wrap>div>ul>li .text_wrap{padding: 0 25px; position: relative; margin-top: -15px;}
#main05 .con_wrap>div>ul>li .text_wrap .category{display: inline-block; height: 30px; line-height: 32px; background-color: #222; color: #FFF; font-size: 12px; font-weight: 700; padding: 0 25px; font-family: '3MCircularTT';}
#main05 .con_wrap>div>ul>li .text_wrap h3{margin-top: 25px; margin-bottom: 20px; }
#main05 .con_wrap>div>ul>li .text_wrap h3 span.tit{font-size: 18px; font-weight: 700; color: #151515; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 90%;}
#main05 .con_wrap>div>ul>li .text_wrap h3 .new_icon{position: relative; left: 6px; top: -2px;}
#main05 .con_wrap>div>ul>li .text_wrap p.info{font-size: 16px; font-weight: 300; color: #555; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main05 .con_wrap>div>ul>li .text_wrap p.date{color: #fe0000; font-size: 14px; font-weight: 400; margin-top: 25px;}
#main05 .con_wrap>div>a{display: none; position: relative; margin: 0 auto; margin-top: 40px; width: 160px; height: 50px; line-height: 50px; text-align: center; color:#FFF; background-color: #282828; border-radius: 25px;}
#main05 .con_wrap>div>a i{margin-left: 15px; position: relative; top: 2px;}
/* 유튜브 팝업 */
.pop_wrap.main_pop{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.8); z-index: 9999; display: none;}
.pop_wrap.main_pop li{display: none;}
.pop_wrap.main_pop .pop_inner{width: 1200px; height: 676px; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); }
.pop_wrap.main_pop .pop_inner .video_box{width: 100%; height: 100%;  border-radius: 15px; overflow: hidden;}
.pop_wrap.main_pop .pop_inner .video_box iframe{width: 100%; height: 100%;}
.pop_wrap.main_pop .pop_inner .close_btn{position: absolute; width: 50px; height: 50px; border-radius: 50px; background-color: #fe0000;  top: -25px; right: -75px; display: flex; justify-content: center; align-items: center;}


/* section 06 */
#main06{background: url(/img/sec06_bg.jpg)no-repeat; background-size: cover;}
#main06 .section_box{display: flex; justify-content: end; flex-direction: column; height: 100vh;}
#main06 h2{font-size: 42px; font-weight: 700;}
#main06 .q_list{display: flex; column-gap: 1.5%; row-gap: 24px; flex-wrap: wrap; margin-top: 40px;}
#main06 .q_list li{width: 32.3%; height: 80px; border-radius: 80px; border: 1px solid #dfdfdf; position: relative; background-color: #FFF; transition-duration: 0.3s;}
#main06 .q_list li:hover{box-shadow: 0 0 7px rgba(0,0,0,0.15); border: 1px solid rgba(0, 0, 0, 0);}
#main06 .q_list li a{display: flex; justify-content: left; align-items: center; box-sizing: border-box; padding: 0 40px; width: 100%; height: 100%;}
#main06 .q_list li a span.q{display: block; width: 17px; font-size: 24px; font-weight: 600; margin-right: 25px;}
#main06 .q_list li a p{display: block; width: 80%; font-size: 18px; font-weight: 500; color: #151515; word-break: keep-all;}
#main06 .q_list li a i{position: absolute; right: 40px; width: 13px; height: 13px; background: url(/img/icon_plus_gray.png) no-repeat; background-size: 100%; transition-duration: 0.3s;}
#main06 .q_list li:hover a i{background: url(/img/icon_plus_red.png) no-repeat; background-size: 100%;}
#main06 .section_inner>a{display: block; position: relative; margin: 0 auto; width: 160px; text-align: center; background-color: #282828; color: #FFF; height: 50px; line-height: 50px; border-radius: 25px; margin-top: 40px; display: none;}
#main06 .section_inner>a i{background: url(/img/icon_plus_white.png) no-repeat; background-size: 100%; width: 13px; height: 13px; display: inline-block; margin-left: 15px; position: relative; top: 2px;}
#main06 .center_list{display: flex; height: 365px; margin-top: 60px; background: url(/img/sec06_bg2.jpg)no-repeat; background-size: cover; background-position: center;}
#main06 .center_list li{position: relative; width: 25%; height: 100%; transition-duration: 0.3s; padding:50px 0; box-sizing: border-box;}
#main06 .center_list li::after{content:''; display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(#970000, #fe0000); left: 0; top: 0; opacity: 0; transition-duration: 0.3s; z-index: 1;}
#main06 .center_list li:hover::after{opacity: 0.4;}
#main06 .center_list li a{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%;  position: relative; z-index: 2; border-right: 1px solid rgba(255,255,255,0.3);}
#main06 .center_list li a .icon_wrap{width: 72px; height: 72px; margin-bottom: 45px; position: relative;}
#main06 .center_list li a .icon_wrap::after{content:''; display: block; position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%); width: 25px; height: 1px; background-color: #fbe7be;}
#main06 .center_list li a h3{font-size: 20px; font-weight:700; color: #FFF; text-align: center; line-height: 1.2em;}



/* popup */
.main_pop_layer{position: fixed; left: 10px; top: 100px; z-index: 9999;}
.main_pop_layer_close_box{background-color: #000; top: -4px; position: relative; padding: 5px;}
.main_pop_layer_close_box label{color: #FFF;}
.main_pop_layer_close_box button{color: #FFF; margin-left: 10px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}




/* 반응형 */

@media screen and (max-width: 1470px){
    .section_inner{width: 96%;}

    #main01 .text_wrap{width: 96%;}
    #main01 .dots{width: 96%;}

    #main02 .text_wrap{width: 40%;}
    #main02 .text_wrap h2::after{display: none;}
    #main02 .text_wrap .info_text{word-break: keep-all;}
    #main02 .text_wrap .info_text br{display: none;}
    #main02 .img_wrap{width: 58%;}

    #main04 .slide_wrap .big_slide_wrap{height: 24.450vw;}
    #main04 .slide_wrap .big_slide_wrap .big_slide .img_wrap{width: 43%;}
    #main04 .slide_wrap .big_slide_wrap .big_slide .text_wrap{left: 46.259vw; top: 0.340vw;}
    #main04 .slide_wrap .small_slide li{width: 25.510vw !important;}
    #main04 .slide_wrap .small_slide{width: 53.741vw; height:14.170vw;}

    .pop_wrap.main_pop .pop_inner{width: 80%; height: 44.898vw;}
}








@media screen and (max-width: 1024px){
    #fp-nav{display: none;}

    #main02 .section_inner{flex-direction: column; padding-top: 100px;}
    #main02 .text_wrap{width: 100%; margin-bottom: 50px;}
    #main02 .img_wrap{width: 100%;}
    #main02 .img_wrap ul li{width: 30%; height: 400px;}
    #main02 .img_wrap ul li.active{width: 64%;}
    #main02 .img_wrap ul li.non_active{width: 15%;}

    #main03 ul li .text_wrap{left: 15px;}

    #main04 .top_wrap .text_wrap{position: relative; z-index: 2;}
    #main04 .top_wrap .icon_wrap{ z-index: 1; opacity: 0.3;}
    #main04 .top_wrap .icon_wrap img{width: 100%;}

    #main05 .con_wrap>div>ul{column-gap: 0; justify-content: space-between;}
    #main05 .con_wrap>div>ul>li{width: 48%;}
    #main05 .con_wrap>div>ul>li:nth-child(2) ~ li{display: none;}
    #main05 .con_wrap>div>a{display: block;}
    .pop_wrap.main_pop .pop_inner{width: 90%; height: 49.805vw;}
    .pop_wrap.main_pop .pop_inner .close_btn{top: -75px; right: 0;}

    #main06 .q_list{column-gap: 0; justify-content: space-between;}
    #main06 .q_list li{width: 48%;}
    #main06 .q_list li:nth-child(4) ~ li {display: none;}
    #main06 .section_inner>a{display: block;}

    /* #main04 .slide_wrap .small_slide_wrap{position: relative; margin-top: 20px;} */
    #main04 .slide_wrap .big_slide_wrap{height: auto;}
    #main04 .slide_wrap .big_slide_wrap .big_slide li{flex-direction: column;}
    #main04 .slide_wrap .big_slide_wrap .big_slide .img_wrap{order: 2; position: relative;}
    #main04 .slide_wrap .big_slide_wrap .big_slide .text_wrap{order: 1; margin-bottom: 20px; position: relative; margin-bottom: 20px; left: 0;}
    #main04 .slide_wrap .big_slide_wrap .big_slide .text_wrap::after{display: none;}


}








@media screen and (max-width: 900px){
    #main01 .dots{column-gap: 2%;}
    #main01 .dots>li{width: 32%;}
    #main01 .dots>li button{text-align: center;}
}








@media screen and (max-width: 768px){
    .section_inner{width: 90%;}

    /* 메인01 */
    #main01 .text_wrap{width: 90%;}
    #main01 .text_wrap>li{width: 100%;}
    #main01 .text_wrap>li p.en{left: 0; font-size: 140px; width: 100%; text-align: center;}
    #main01 .text_wrap>li h2{text-align: center; font-size: 32px;}
    #main01 .text_wrap>li p.underline{text-align: center; font-size: 18px; margin-top: 10px;}
    #main01 .text_wrap>li p.underline::after{left: 50%; transform: translateX(-50%);  }
    #main01 .text_wrap>li p.info{text-align: center; font-size: 18px;}
    #main01 .text_wrap>li p.info2 span.underline::after{width: 365px; bottom: -5px;}


    #main01 .dots{width: 90%; bottom: 11.719vw;}
    #main01 .dots>li button{padding: 0 5px; padding-top: 10px;}

    #main02 .section_inner{padding-top: 14.323vw;}
    #main02 .text_wrap{margin-bottom: 30px;}
    #main02 .text_wrap h2{font-size:32px; margin-bottom: 10px;}
    #main02 .text_wrap .info_text{font-size: 16px;}
    #main02 .img_wrap ul li .text_box{left: 50%; transform: translateX(-50%); width: 80%; width: 40px; transition-duration: 0.3s;}
    #main02 .img_wrap ul li .numbering{font-size: 88px;}
    #main02 .img_wrap ul li .text_box h3{font-size: 20px; margin-bottom: 10px;}
    #main02 .img_wrap ul li .text_box .plus_btn{width: 40px; height: 40px;}
    #main02 .img_wrap ul li.active .text_box .plus_btn{width: 140px; height: 40px;}
    #main02 .img_wrap ul li.active .text_box{width: 80%;}
    #main02 .img_wrap ul li .text_box .plus_btn span{font-size: 14px;}

    #main03 .section_inner{padding-top: 20px;}
    #main03 h2{font-size: 32px; margin-bottom: 10px;}
    #main03 .info_text{font-size: 16px;}
    #main03 ul{margin-top: 40px; flex-wrap: wrap; row-gap: 30px;}
    #main03 ul li{width: 48%; height: 200px;}
    #main03 ul li.con2{background-position: center;}
    #main03 ul li::after{content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.55);z-index: 1;}
    #main03 ul li:nth-child(2)::after{background-color: rgba(0,0,0,0.4);}
    #main03 ul li .text_wrap{z-index: 2; position: relative; width: 100%; height: 100%; left: 0; top: 0; transform: translate(0);}
    #main03 ul li .text_wrap h3{position: relative; font-size: 20px; margin-bottom: 10px; position: absolute; bottom: 30px; z-index: 1;}
    #main03 ul li:hover .text_wrap h3{bottom: 30px;}
    #main03 ul li .text_wrap{left: 50%; transform: translateX(-50%); width: 90%;}
    #main03 ul li .text_wrap a{opacity: 1; z-index: 2; font-size: 14px; text-indent: -9999px; border: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    #main03 ul li .text_wrap a i{margin-left: 5px;}

    #main04 h2{font-size: 32px;}
    #main04 .top_wrap{position: relative; z-index: 5;}
    #main04 .top_wrap .text_wrap{position: relative; }
    #main04 .top_wrap .text_wrap h2{font-size: 32px;}
    #main04 .top_wrap .text_wrap p.big{font-size: 32px; word-break: keep-all; line-height: 1.5em; margin-top: 5px;}
    #main04 .top_wrap .text_wrap p.info_text{font-size: 16px; word-break: keep-all; margin-top: 15px;}
    #main04 .top_wrap .text_wrap p.info_text br{display: none;}
    #main04 .top_wrap .icon_wrap{width: 200px;}
    
    #main04 .next_prev_wrap{margin-top: 20px;}
    #main04 .next_prev_wrap button{width: 40px; height: 40px; }
    #main04 .slide_wrap{display: flex; flex-direction: column; align-items: center;}
    #main04 .slide_wrap .big_slide_wrap .big_slide .img_wrap{order: 1; width: 100%;}
    #main04 .slide_wrap .big_slide_wrap .big_slide .text_wrap{order: 2; margin-top: 20px;}
    #main04 .slide_wrap .small_slide_wrap{display: none;}
    #main04 .slide_wrap .text_wrap p{text-align: center; font-size: 20px;}
    #main04 .slide_wrap .text_wrap a{margin: 0 auto; height: 40px; line-height: 40px; width: 140px;}
    #main04 .slide_wrap .big_slide_wrap .big_slide li a i{margin-left: 10px;}


    #main05 h2{font-size: 32px;}
    #main05 .section_inner{padding-top: 60px;}
    #main05 p.info_text{font-size: 16px; margin-top: 15px;}
    #main05 .tabs{width: 240px; height: 40px; margin-top: 20px; margin-bottom: 40px;}
    #main05 .tabs li button{font-size: 16px;}
    #main05 .con_wrap{height: 500px;}
    #main05 .con_wrap>div>ul>li .img_wrap .notice{column-gap: 5px; left: 15px; top: 15px; padding: 7px 15px;}
    #main05 .con_wrap>div>ul>li .text_wrap{padding: 0;}
    #main05 .con_wrap>div>ul>li .text_wrap h3{margin-top: 15px; margin-bottom: 10px;}
    #main05 .con_wrap>div>ul>li .text_wrap h3 .new_icon{left: 0;}
    #main05 .con_wrap>div>ul>li .text_wrap p.info{font-size: 14px;}
    #main05 .con_wrap>div>ul>li .text_wrap p.date{margin-top: 15px;}
    #main05 .con_wrap>div>a{width: 140px; font-size: 16px; height: 40px; line-height: 40px; margin-top: 30px;}
    #main05 .con_wrap>div>a i{top: 0; margin-left: 10px;}

    #main06 h2{font-size: 32px;}
    #main06 .section_box{height: auto; position: absolute; left: 0; bottom: 0;}
    #main06 .section_inner>a{width: 140px; font-size: 16px; height: 40px; line-height: 40px; margin-top: 30px;}
    #main06 .section_inner>a i{top: 0; margin-left: 10px;}
    #main06 .q_list li:nth-child(2) ~li{display: none;}
    #main06 .q_list li{width: 100%; height: 60px;}
    #main06 .q_list li a span.q{font-size: 22px; margin-right: 15px;}
    #main06 .q_list li a p{font-size: 16px;}
    #main06 .center_list{flex-wrap: wrap; height: auto;}
    #main06 .center_list li{width: 50%; height: 150px;}
    #main06 .center_list li a{flex-direction: row; align-items: center; column-gap: 20px;}
    #main06 .center_list li a .icon_wrap{margin-bottom: 0; width: 62px; height: 62px;}
    #main06 .center_list li a .icon_wrap img{width: 100%;}
    #main06 .center_list li a .icon_wrap::after{display: none;}
    #main06 .center_list li a h3{font-size: 18px;}


    .main_pop_layer{left: 50%; top: 45%; transform: translate(-50%, -50%); max-width: 700px; max-height: 90vh; width: 90%;}
    .main_pop_layer img{width: 100%;}
}






@media screen and (max-width: 500px){
    #main01 .text_wrap>li h2{font-size: 22px;}
    #main01 .text_wrap>li p.en{font-size: 70px; top: -30px;}
    #main01 .text_wrap>li p.underline{font-size: 16px;}
    #main01 .text_wrap>li p.underline::after{width: 180px;}
    #main01 .text_wrap>li p.info{font-size: 14px; margin-top: 15px;}
    #main01 .text_wrap>li p.info br{display: none;}
    #main01 .text_wrap>li p.info br.mob{display: block;}
    #main01 .dots>li button{font-size: 14px; padding-top: 5px;}
    #main01 .text_wrap>li p.info2 span.underline::after{width: 290px; bottom: -10px;}

    #main02 .text_wrap{margin-bottom: 20px;}
    #main02 .text_wrap h2{font-size: 22px;}
    #main02 .text_wrap .info_text{font-size: 14px;}
    #main02 .img_wrap ul li .numbering{right: 0px; left: auto; bottom: -15px; top: auto; font-size: 78px;}
    #main02 .img_wrap ul{flex-direction: column; row-gap: 10px;}
    #main02 .img_wrap ul li{width: 100%; height: 90px;}
    #main02 .img_wrap ul li.active{width: 100%;}
    #main02 .img_wrap ul li.non_active{width: 100%;}
    #main02 .img_wrap ul li .text_box{width: 90%;}
    #main02 .img_wrap ul li .text_box{bottom: auto; top: 50%; transform: translate(-50%, -50%);}
    #main02 .img_wrap ul li.active .text_box{width: 90%;}
    #main02 .img_wrap ul li.non_active .text_box{width: 90%;}
    #main02 .img_wrap ul li .text_box h3{font-size: 18px;}

    
    #main03 .section_inner{padding-top: 0px;}
    #main03 h2{font-size: 22px;}
    #main03 .section_inner{padding-top: 30px;}
    #main03 ul{row-gap: 10px; margin-top: 20px;}
    #main03 ul li{ height: 150px;}
    #main03 ul li.con2{background-position: 50%;}
    #main03 ul li .text_wrap{display: flex; align-items: center; bottom: auto; top: 50%; transform: translate(-50%, -50%); flex-direction: column; text-align: center;}
    #main03 ul li .text_wrap h3{font-size: 16px; margin-bottom: 0; bottom: auto; top: 50%; transform: translateY(-50%);}
    #main03 ul li:hover .text_wrap h3{bottom: auto; transform: translateY(-50%);}
    #main03 ul li .text_wrap a i{position: relative; top: 1px;}
    
    #main04 .section_inner{padding-top: 60px;}
    #main04 .top_wrap .text_wrap h2{font-size: 22px;}
    #main04 .top_wrap .text_wrap p.big{font-size: 22px; margin-top: 10px;}
    #main04 .top_wrap .text_wrap p.info_text{font-size: 14px; margin-top: 10px;}
    #main04 .top_wrap .icon_wrap{width: 150px;}
    #main04 .next_prev_wrap{margin-top: 10px; margin-bottom:15px}
    #main04 .slide_wrap .text_wrap p{font-size: 18px; margin-bottom: 5px;}
    #main04 .slide_wrap .big_slide_wrap .big_slide li a{font-size: 14px;}
    #main04 .slide_wrap .big_slide_wrap .big_slide li a i{position: relative; top: 1px;}


    #main05 h2{font-size: 22px;}
    #main05 p.info_text{font-size: 14px;}
    #main05 .section_inner{padding-top: 70px;}
    #main05 .tabs{margin-bottom: 20px;}
    #main05 .con_wrap{height: 100.000vw;}
    #main05 .con_wrap>div>ul{flex-wrap: wrap; row-gap: 30px;}
    #main05 .con_wrap>div>ul>li{width: 100%;}
    #main05 .con_wrap>div>ul>li:nth-child(1) ~ li {display: none;}
    #main05 .con_wrap>div>ul>li .img_wrap{height: 51.000vw}
    #main05 .con_wrap>div>ul>li .text_wrap h3{ margin-top: 15px; margin-bottom: 10px;}
    #main05 .con_wrap>div>ul>li .text_wrap h3 span.tit{font-size: 16px;}
    #main05 .con_wrap>div>ul>li .text_wrap p.info{-webkit-line-clamp: 1; font-size: 14px;}
    #main05 .con_wrap>div>ul>li .text_wrap p.date{margin-top: 15px}
    #main05 .con_wrap>div>a{font-size: 14px; margin-top: 10px;}
    .pop_wrap.main_pop .pop_inner{height: 50.130vw;}
    .pop_wrap.main_pop .pop_inner .close_btn{width: 40px; height: 40px; top: -65px;}

    #main06 h2{font-size: 22px;}
    #main06 .section_inner>a{font-size: 14px; margin-top: 15px;}
    #main06 .q_list{row-gap: 15px; margin-top: 20px;}
    #main06 .q_list li a{padding: 0 30px;}
    #main06 .q_list li a i{right: 30px;}
    #main06 .q_list li a p{font-size: 14px; line-height: 1.4em;}
    #main06 .center_list{margin-top: 30px;}
    #main06 .center_list li{height: 140px; padding: 30px 0;}
    #main06 .center_list li a{flex-direction: column;}
    #main06 .center_list li a .icon_wrap{width: 42px;margin-bottom: 10px;}
    #main06 .center_list li a h3{font-size: 16px;}
}