@import url('https://use.fontawesome.com/releases/v5.15.2/css/all.css');
@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
@import url('https://webfontworld.github.io/gmarket/NanumSquareAc.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@charset "utf-8";

/* Reset CSS  */
/* * {font-family:'NanumSquareAc',"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont, "Lato", "Malgun Gothic","맑은 고딕", "Dotum", helvetica,"Apple SD Gothic Neo",sans-serif;} */
html { height: 100%; font-size:14px }
body { font-size: 13px; color:#171717; position: relative; height: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, header, section, footer, nav, small, span, a, img, fieldset, legend { margin: 0px; padding:0px;  list-style:none; border: 0;}
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:inherit;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; height:auto; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 1.6;}
td strong {font-weight: 100;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul.cleafix::after{content:""; display:block; clear:both;}
small {font-size: inherit;}
img {vertical-align: top;}
address {font-size: inherit;}
h1,h2,h3,h4,h5,h6 {font-weight: inherit; font-size: inherit;}
.container {width:100%; margin: 0 auto; position: relative; box-sizing: border-box;}
.container:after {content: ""; display: block; clear: both;}
.main-container {max-width: 1620px;width:100%; margin: 0 auto; position: relative; box-sizing: border-box; padding:0 15px;}
.main-container:after {content: ""; display: block; clear: both;}


/*----------------------- C O M M O N -----------------------*/
body { font-family: 'pretendard', sans-serif; color: #333333;}
section.section { overflow: hidden; position: relative; display: block; width: 100%; height: 100vh; }
button { border: none; background: transparent; font-family: inherit; font-size: inherit; cursor: pointer; }
.inner_wrap { position: relative; display: block; width: 100%; max-width: 1600px; margin: 0 auto; }
.sub_inner_wrap {padding: 150px 50px;}
.clearfix::after { content: ""; display: block; clear: both; }




/*----------------------- H E A D E R -----------------------*/

#hd1 { position: fixed; top: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 90px; z-index: 1000; background: transparent; padding: 0 160px; }
#hd1 h1 a { display: flex; align-items: center; width: 168px; height: 47px; background: url(../img/logo.png) no-repeat center center / contain; }
#hd1 .wrap { position: absolute; left: 50%; transform: translateX(-50%); }
#hd1 .wrap ul.menu { display: flex; gap: 4.6vw; }
#hd1 .wrap ul.menu > li { position: relative; text-align: center; line-height: 90px; }
#hd1 .wrap ul.menu > li > a { color: #fff; font-size: 20px; font-weight: 500;}
#hd1 .wrap ul.lnb > li { text-align: center; line-height: 2; }
#hd1 .wrap ul.lnb > li > a { color: #333; font-size: 16px; font-weight: 500; }
#hd1 .wrap ul > li:hover > a { color: #E60012; transition: all 0.3s ease-out; }

#hd1 .hd_icon {display: flex; align-items: center; position: relative; cursor: pointer; height: 100%; gap: 10px;  }
#hd1 .hd_icon div { width: 1px; height: 24px; background-color: #fff; }
#hd1 .hd_icon p a { color: #fff; font-size: 16px; font-weight: 500;}


#nav_ul { display: none; width: 100px; position: absolute; left: 50%; transform: translate(-50%, 0); background: rgba(0, 0, 0, 0.8); top: 90px; padding: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 5px solid #E60012; }
#nav_ul li { text-align: center; line-height: 2; }
#nav_ul li a { color: #ddd; font-size: 16px; font-weight: 500; }
#nav_ul li a:hover  { color: #fff; transition: all 0.3s ease-out; }

.active {display: block;}

.right_nav { display: flex; align-items: center; gap: 20px; }

#nav_btn{ display: none; cursor: pointer; }
#nav_btn img { filter: brightness(0) saturate(100%) invert(88%) sepia(99%) saturate(0%) hue-rotate(219deg) brightness(107%) contrast(100%); }

#sitemap{position: fixed; top:0; right:-100%; width: 50%; height: 100vh; background: rgba(0,0,0,0.96); padding:15vh 50px 0; box-shadow: -2px 1px 8px #46464640; z-index: 999;}
#sitemap .close{cursor: pointer; position: absolute; top: 55px; right:20px;}
#sitemap .close span{display: block; width: 30px; height: 2px; background: #ddd;}
#sitemap .close .line01{transform: rotate(45deg);}
#sitemap .close .line02{transform: rotate(-45deg); margin-top: -2px;}
#sitemap .gnb{height: 80vh; overflow-y: auto;}
#sitemap .gnb > li{margin-bottom:30px;}
#sitemap .gnb > li > a{font-size:35px; font-weight: 500; letter-spacing: -1px; border-bottom:1px solid #ddd; display: block; padding-bottom:10px; margin-bottom:10px; color:#aaa;}
#sitemap .gnb > li:hover > a{color:#2e5399;}
#sitemap .gnb .lnb li a{font-size: 20px; transition: .5s; display: block; padding:3px 0; color: #999;}
#sitemap .gnb .lnb li:hover a{margin-left:10px; color:#000;}
#sitemap .right_nav { margin-bottom: 40px;}


#hd1.hd_color  { background: #fff; border-bottom: 1px solid #D9D9D9;}
#hd1.hd_color h1 a { background-image: url(../img/logo_b.png);}
#hd1.hd_color .wrap ul.menu > li > a { color: #121212; }
#hd1.hd_color .wrap ul.menu > li > a.active { border-bottom: 3px solid #121212; }
#hd1.hd_color > .right_nav .hd_icon div { background-color: #121212; }
#hd1.hd_color > .right_nav .hd_icon p a { color: #121212;}
#hd1.hd_color > .right_nav .hd_icon img { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(6404%) hue-rotate(193deg) brightness(80%) contrast(86%); }
#hd1.hd_color #nav_btn img { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(6404%) hue-rotate(193deg) brightness(80%) contrast(86%); }

.fp-viewing-section-page2 #hd1 h1 a { background-image: url(../img/logo_b.png);}
.fp-viewing-section-page2 #hd1 .wrap ul.menu > li > a { color: #121212; }
.fp-viewing-section-page2 #hd1 .hd_icon div { background-color: #121212; }
.fp-viewing-section-page2 #hd1 .hd_icon p a { color: #121212;}
.fp-viewing-section-page2 #hd1 .hd_icon img { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(6404%) hue-rotate(193deg) brightness(80%) contrast(86%); }
.fp-viewing-section-page2 #nav_btn img { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(6404%) hue-rotate(193deg) brightness(80%) contrast(86%); }

.fp-viewing-section-page3 #hd1 h1 a { background-image: url(../img/logo_b.png);}
.fp-viewing-section-page3 #hd1 .wrap ul.menu > li > a { color: #121212; }
.fp-viewing-section-page3 #hd1 .hd_icon div { background-color: #121212; }
.fp-viewing-section-page3 #hd1 .hd_icon p a { color: #121212;}
.fp-viewing-section-page3 #hd1 .hd_icon img { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(6404%) hue-rotate(193deg) brightness(80%) contrast(86%); }
.fp-viewing-section-page3 #nav_btn img { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(6404%) hue-rotate(193deg) brightness(80%) contrast(86%); }

.fp-viewing-8 #hd1 { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* Safari 지원 */ }

/*----------------------- S E C T I O N -----------------------*/

.main-page-anchor { position: fixed; top: 50%; left: 50px; z-index: 800; transform: translateY(-50%); }
.main-page-anchor ul { display: flex; flex-direction: column; align-items: center; list-style-type: none; padding: 0; margin: 0; }
.main-page-anchor li { margin-bottom: 16px; }
.main-page-anchor li:last-of-type { margin-bottom: 0; }
.main-page-anchor li a { display: block; width: 12px; height: 12px; background-color: #BBBBBB; border-radius: 50%; text-indent: -9999px; /* 텍스트 숨기기 */ }
.main-page-anchor li.active a { background-color: #EE0000; /* 활성화된 메뉴의 색상 */ }

.mm_logo { display: block; width: 27px; height: 24px; margin: 0 auto 8px; background: url(../img/mm_logo.png) no-repeat center center;background-size: cover }
.mm_logo2 { display: inline-block; width: 44px; height: 40px; margin-right: 12px;  background: url(../img/mm_logo.png) no-repeat center center;background-size: cover }
.tit_bx .title { margin-bottom: 15px; color: #FFF; text-align: center; text-shadow: 0px 2px 4px rgba(255, 255, 255, 0.25); font-size: 58px; font-weight: 700; line-height: 120%; /* 69.6px */ }
.tit_bx .desc {color: #FFF;text-align: center;font-size: 20px;font-weight: 500;line-height: 160%; /* 32px */}
.mv_btn { color: #FFF;font-size: 16px;font-weight: 700;line-height: 145%; /* 23.2px */ display: block; width: 100%; max-width: 330px; background: url("../img/mv_bg.png") no-repeat center center / contain; text-align: center; margin: 0 auto; }


/* visual */
#m_slider{position: relative; }
#m_slider .line { display: block; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); width: 100%; max-width: 1800px; height: 1px; background: #fff; }
#m_slider .swiper-wrapper{width:100%;}
#m_slider .swiper-wrapper .swiper-slide{height: 100vh; float:left; display: flex; align-items: center; color:#fff;overflow: hidden; padding: 0 30px;}
#m_slider .swiper-wrapper .slide01{background: url(../img/visual_01.png) no-repeat center center;background-size: cover;}
#m_slider .info { width: 43%; margin-left: auto; }
#m_slider .info .sub { margin-bottom: 18px; color: #FFF;font-size: 16px;line-height: 145%; /* 34.8px */ }
#m_slider .info .title { margin-bottom: 38px; color: #FFF;font-size: 100px;font-weight: 700;line-height: 105%; }
#m_slider .info .title span { color: #E00; }
#m_slider .info .desc { margin-bottom: 18px; color: #FFF;font-size: 24px;font-weight: 500;line-height: 145%; /* 34.8px */ }
#m_slider .info .mv_btn { text-align: left;  padding-left: 35px; margin: 0;}

#m_slider .qk_01 { position: relative; color: #FFF;text-align: center;font-size: 20px;font-weight: 500; padding: 0 26px 29px 22px; }
#m_slider .qk_01::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 118px; height: 67px; background: url("../img/qk_01.png") center center / cover; }

#m_slider .sd_bx { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); }
#m_slider .sd_bx p { margin-bottom: 5px; color: #FFF;font-size: 14px;font-weight: 700; }
#m_slider .sd_bx img { display: block; margin: 0 auto;}


/* section3 */

#section3 { background-color: #000;}
#section3 .pro2 { margin-bottom: 60px;}
#section3 .swiper-slide { overflow: hidden;  border-radius: 10px; max-width: 520px ; width: 520px ; }
#section3 .swiper-slide::after { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }
#section3 .swiper-slide:nth-of-type(2n) { margin-top: 40px;}
#section3 .swiper-slide img { position: relative; width: 100%; height: 100%; object-fit: cover; }
#section3 .swiper-slide .info h3 { position: absolute; left: 22px; top: 15px; color: #FFF;font-size: 34px;font-weight: 700;line-height: 145%; z-index: 2; }
#section3 .swiper-slide .info h3 span { color: #E00; }
#section3 .swiper-slide .info p { position: absolute; left: 22px; bottom: 75px; color: #FFF;font-size: 19px;font-weight: 500;line-height: 165%; /* 31.35px */  z-index: 2; }

#section3 .tit_bx { margin-bottom: 35px; } 
#section3 .tit_bx .title { font-size: 50px;}
#section3 .tit_bx .title span { color: #E00; }


/* section4 ~ 6 */
#section4 { background: url("../img/sec02_bg.png") center center / cover; }
#section5 { background: url("../img/sec03_bg.png") center center / cover; }
#section6 { background: url("../img/sec04_bg.png") center center / cover; }

/* section1 */

#section1 .curriculum-wrapper { display: flex; gap: 40px; align-items: flex-start;}
#section1 .left-info { display:flex; flex-direction: column; justify-content: space-between; margin-left: 160px; width: 100%; height: 100%; height: 63vh; max-width: 400px; border-top: 4px solid #717071; border-bottom: 1px solid #717071; }
#section1 .left-info .tit_bx .mm_logo  { margin: 0;}
#section1 .left-info h2 { margin-bottom: 50px; color: #121212;font-size: 44px;font-weight: 700; }
#section1 .left-info p { color: #717071;font-size: 20px;font-weight: 500;line-height: 145%; /* 29px */ }
#section1 .arrows { display: flex; align-items: center; gap: 25px; margin-bottom: 15px; }
#section1 .swiper-pagination { width: 100%; height: 6px; background: #D9D9D9; position: relative;}
#section1 .swiper-pagination-progressbar-fill { background: #717071;}
#section1 .nav-btns { display: flex; gap: 10px;}
#section1 .button-prev,
#section1 .button-next { display: block; width: 45px; height: 45px; background: url("../img/arrow_btn.png") center center / cover;}
#section1 .button-next { transform: rotate(180deg); }
#section1 .swiper-container { width: 100%;}
#section1 .card { height: 63vh;}
#section1 .swiper-slide::after { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }
#section1 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
#section1 .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; z-index: 1; }
#section1 .overlay .label { margin-bottom: 6px; color: #E00;font-size: 20px;font-weight: 500;line-height: 145%; /* 29px */ }
#section1 .overlay h3 { margin-bottom: 18px; color: #FFF;font-size: 34px;font-weight: 700;line-height: 145%; /* 49.3px */ }
#section1 .overlay a { color: #FFF;font-size: 18px;font-weight: 700;line-height: 145%; /* 23.2px */ display: flex; align-items: center; gap: 8px; }
#section1 .overlay a span { display: block; width: 20px; height: 20px; background: url("../img/arrow_btn2.png") center center / cover; }
#section1 .overlay .price {color: #FFF;font-size: 24px;font-weight: 700;text-align: right;}
#section1 .tags { display: flex; gap: 8px; }
#section1 .tags span { width: 118px; height: 118px; padding: 64px 0 16px 16px; border: 3px solid #FFF; color: #FFF;font-size: 13px;font-weight: 500;line-height: 145%; /* 18.85px */ }

#section1 .m_sec05 { display: none;}
.m_sec05 .tit_bx .title { font-size: 50px; color: #121212;}
.m_sec05 .tit_bx .desc { color: #717071; }
.m_sec05 .arrows { padding: 0 50px;}

/* section2 */
#section2 .tit_bx { margin-bottom: 35px; } 
#section2 .tit_bx .title { font-size: 50px; color: #121212;}
#section2 .tit_bx .title span { color: #E00; }
#section2 .tit_bx .desc { color: #717071; }

/* section7 */
#section7 { background: url("../img/sec07_bg.png") center center / cover; }
#section7 .tit_bx .title { font-weight: 400; line-height: 145%; }
#section7 .flex_bx { display: flex; align-items: flex-start; width: 100%; max-width: 1500px; margin: 0 auto; gap: 20px; padding: 0 50px; }
#section7 .flex_bx > * { width: 50%;}
#section7 .map_wrap { width: 100%; }
#section7 .root_daum_roughmap { width: inherit;}
#section7 .root_daum_roughmap .cont { display: none; }
#section7 .root_daum_roughmap .wrap_map { height: 400px; }
#section7 .root_daum_roughmap .wrap_controllers { display: none; }
#section7 .bx { display: block; width: 100%; height: 400px; background: url("../img/sec07_img.png") center center / cover;}
#section7 .flex_bx .flex_bx { display: flex; align-items: center; gap: 20px; padding: 20px 0; }
#section7 .flex_bx .flex_bx p { display: flex; align-items: center; gap: 10px; font-size: 16px; color: #fff; justify-content: center; }
#section7 .flex_bx .flex_bx img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); }

/*----------------------- S U B -----------------------*/

#sub { margin-top: 90px;}


/*----------------------- S U B 0 1 -----------------------*/
#sub01 .s_top { position: relative; width: 100%; height: calc(100vh - 90px); background: url("../img/sub01_top_bg.png") center center / cover; display: flex; flex-direction: column; justify-content: center; text-align: center; margin-bottom: 150px; }
#sub01 .s_top .title { margin-bottom: 40px; color:#FFF;font-size: 120px;font-weight: 700;letter-spacing: -2.4px;}
#sub01 .s_top .title span { color: #E00; }
#sub01 .s_top .desc { color: #FFF;font-size: 26px;font-weight: 500;line-height: 160%; /* 41.6px */letter-spacing: -0.52px; }
#sub01 .s_top h2 {margin-bottom: 10px; color:#FFF;font-size: 24px;font-weight: 500;}

#sub01 h3 { margin-bottom: 40px; color: #121212;font-size: 44px;font-weight: 700;line-height: 145%; /* 63.8px */letter-spacing: -0.88px; }
#sub01 .sec01 { margin-bottom: 150px; }
#sub01 .sec01 ul li { position: relative; width: 100%; margin-bottom: 50px; }
#sub01 .sec01 ul li:last-of-type { margin-bottom: 0; }
#sub01 .sec01 ul li .img_bx { overflow: hidden; position: relative; display: inline-block; border-radius: 20px;}
#sub01 .sec01 ul li .img_bx::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #FFF;text-align: center;font-size: 34px;font-weight: 700;line-height: 145%; /* 49.3px */letter-spacing: -0.68px; z-index: 1; }
#sub01 .sec01 ul li:nth-of-type(1) .img_bx::after { content: "라이더를 위한, 라이더에 의한 공간";}
#sub01 .sec01 ul li:nth-of-type(2) .img_bx::after { content: "라이더를 위한 3R System 캠퍼스 ";}
#sub01 .sec01 ul li:nth-of-type(3) .img_bx::after { content: "기억에 남는 첫 라이딩, 그 시작점";}
#sub01 .sec01 ul li:nth-of-type(2) { text-align: right; }
#sub01 .sec01 ul li .info { position: absolute; right: 0; bottom: 0; padding: 35px 40px; width: 100%; max-width: 718px; border-radius: 20px; background: #F5F5F5; }
#sub01 .sec01 ul li:nth-of-type(2n) .info  { left: 0; right: inherit; }
#sub01 .sec01 ul li .info .desc { color: #121212;font-size: 22px;font-weight: 400;line-height: 160%;letter-spacing: -0.44px; text-align: left; word-break: keep-all; }

#sub01 .sec02 .sub { margin-bottom: 50px; padding-left: 2vw; color: #121212;font-size: 22px;font-weight: 400;line-height: 160%; /* 35.2px */  letter-spacing: -0.44px; }
#sub01 .sec02 .img_wrap { display: flex; margin-bottom: 80px; flex-wrap:wrap; justify-content: center; gap: 50px }
#sub01 .sec02 .img_wrap > li { flex: 1 1 calc(100% / 3); padding: 0 20px; max-width: 450px; width: 100%; }
#sub01 .sec02 .img_wrap > li:nth-child(n+4) {
  flex: 1 1 calc(33.333%);
}

#sub01 .sec02 .img_wrap > li img { display: block; margin: 0 auto 22px; width: 100%; max-width: 300px; object-fit: cover; }
#sub01 .sec02 .img_wrap > li .name { margin-bottom: 5px; color: #121212;font-size: 22px;font-weight: 500;line-height: 160%; /* 35.2px */letter-spacing: -0.44px; text-align: center;; }
#sub01 .sec02 .img_wrap > li .desc { margin-bottom: 12px; color: #121212;font-size: 18px;font-weight: 400;line-height: 145%; /* 26.1px */ text-align: center; word-break: keep-all;}
#sub01 .sec02 .img_wrap > li ul li { margin-bottom: 8px; color: #484848;font-size: 18px;font-weight: 400;line-height: 145%; /* 26.1px */ display: flex; align-items: center; gap: 10px;}
#sub01 .sec02 .img_wrap > li ul li::before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #484848; border-radius: 6px; }
#sub01 .sec02 .img_wrap > li ul li:last-of-type {margin-bottom: 0 ;}

#sub01 .sec03 { margin-bottom: 150px; padding: 26px 0; background-color: #f7f7f7;}
#sub01 .sec03 p { color: #121212; font-size: 34px; font-weight: 700; line-height: 145%; letter-spacing: -0.68px; text-align: center; }
#sub01 .sec03 p span { color: #E00; }

/*----------------------- S U B 2-----------------------*/
#sub02 .s_top { padding-top: 85px;}
#sub02 .s_top h2 { margin-bottom: 2px; color: #E00;text-align: center;font-size: 24px;font-weight: 500;}
#sub02 .s_top .title { margin-bottom: 22px; color: #121212;text-align: center;font-size: 90px;font-weight: 700;letter-spacing: -1.8px; }
#sub02 .s_top .title span { color: #E00; }
#sub02 .s_top .img_bx { padding: 88px 17vw; background: url("../img/sub02_top_bg.png") center center / cover; }
#sub02 .s_top .tt{ margin-bottom: 16px; color: #FFF;font-size: 34px;font-weight: 500;line-height: 145%; /* 49.3px */ }
#sub02 .s_top .dc { color: #FFF;font-size: 18px;font-weight: 400;line-height: 160%; /* 28.8px */}

#sub02 .sub02_tab { display: flex; align-items: center; flex-wrap: wrap; }
#sub02 .sub02_tab li { flex: 1 1 calc(25%); /* 첫줄 4개 */ max-width: calc(25%); padding: 22px 0; text-align: center; border: 1px solid #E7E7E7; box-sizing: border-box;}

/* #sub02 .sub02_tab li:nth-child(n+5) {
  flex: 1 1 calc(33.333%);
  max-width: calc(33.333%);
}*/
#sub02 .sub02_tab li button { color: #717071;font-size: 22px;font-weight: 700; }
#sub02 .sub02_tab li.active { background: #E00; border: 1px solid #E00; }
#sub02 .sub02_tab li.active button { color: #fff; }
#sub02 .tab_contents {margin-top: 30px;}
#sub02 .tab_content {display: none; padding: 20px; background-color: #FBFBFB;}
#sub02 .tab_content.active {display: block;}

#sub02 .warning { display: flex; align-items: center; gap: 6px; color: #E00;font-size: 14px;font-weight: 400; }
#sub02 .warning::before { content: ""; display: inline-block; width: 24px; height: 24px; background: url("../img/ico_tab05.png") center center / cover;}
#sub02 .course-header { margin-bottom: 20px;}
#sub02 .course-header .course-title-area { display: flex; align-items: center; }
#sub02 .course-header .course-title-area > * { width: 50%;}
#sub02 .course-header .course-title-area .right {padding-left: 20px;}
#sub02 .course-header .course-title-area h3 { margin-bottom: 25px; color: #121212;font-size: 34px;font-weight: 700; }
#sub02 .course-header .course-title-area h3 .mm_logo2 { width: 30px; height: 28px;}
#sub02 .course-header .course-title-area .info li { display: flex; align-items: center; gap: 32px; margin-bottom: 22px;}
#sub02 .course-header .course-title-area .info li .title::before { content: ""; display: inline-block; width: 24px; height: 24px;}
#sub02 .course-header .course-title-area .info .title { display: flex; align-items: center; gap: 12px; position: relative; color: #121212;font-size: 18px;font-weight: 700; width: 100%; max-width: 99px; }
#sub02 .course-header .course-title-area .info .desc { color: #484848;font-size: 18px;font-weight: 400; max-width: 579px; word-break: keep-all; }
#sub02 .course-header .course-title-area .info .desc b {color: #E00;}
#sub02 .course-header .course-title-area .info .price { color: #121212; font-size: 34px; font-weight: 700; padding-right: 26px; }
#sub02 .course-header .course-title-area .info li:nth-of-type(1) .title::before  { background: url("../img/ico_tab01.png") center center / cover; }
#sub02 .course-header .course-title-area .info li:nth-of-type(2) .title::before  { background: url("../img/ico_tab02.png") center center / cover; }
#sub02 .course-header .course-title-area .info li:nth-of-type(3) .title::before  { background: url("../img/ico_tab03.png") center center / cover; }
#sub02 .course-header .course-title-area .info li:last-of-type .title::before  { background: url("../img/ico_tab04.png") center center / cover; }
#sub02 .course-header .course-title-area .info li:last-of-type { border-top: 1px solid #E7E7E7; justify-content: space-between; padding: 36px 0; margin-bottom: 0;}
#sub02 .course-header .mv_btn2 { margin-bottom: 12px; color: #FFF;font-size: 24px;font-weight: 700;padding: 10px 0; display: block; width: 100%; max-width: 710px; background: url("../img/mv_bg2.png") no-repeat center center / contain; text-align: center; }

#sub02 .course-content  { display: flex; flex-direction: column; gap: 40px; padding: 40px; background-color: #fff;}
#sub02 .course-content .section { display: flex; align-items: flex-start; flex-wrap: wrap; }
#sub02 .course-content .section h4 { width: 100%; max-width: 206px; color: #121212; font-size: 24px; font-weight: 700; }
#sub02 .course-content .section .desc { color: #484848;font-size: 18px;font-weight: 400;line-height: 160%; }
#sub02 .course-content .section .desc span { font-weight: 600; }
#sub02 .course-content .section ul { width: 60%;}
#sub02 .course-content .section ul li { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; color: #484848;font-size: 18px;font-weight: 400; line-height: 145%; width: 100%; }
#sub02 .course-content .section ul li strong { display: inline-block; width: 100%; max-width: 63px; margin-right: 12px;}
#sub02 .course-content .section ul li::before { content: ""; display: inline-block; width: 100%; max-width: 6px; height: 6px; background-color: #484848; border-radius: 6px; }
#sub02 .course-content .section ul li:last-of-type { margin-bottom: 0;}
#sub02 .course-content .section .warning { margin-top: 14px; font-size: 16px; }
/* #sub02 .course-content .section .warning::before { filter: brightness(0) saturate(100%) invert(47%) sepia(1%) saturate(892%) hue-rotate(286deg) brightness(94%) contrast(95%); } */

#sub02 .course-content .section:nth-of-type(n+5) h4 { max-width: 100%; margin-bottom: 24px; }
#sub02 .course-content .section:nth-of-type(5) .desc { margin-bottom: 12px;}
#sub02 .course-content .section .title { margin-bottom: 12px; color: #484848;font-size: 20px;font-weight: 600;line-height: 145%; /* 29px */ }

.refund-table {  margin-bottom: 20px; width: 100%; border-collapse: collapse; table-layout: fixed; }
.refund-table th,
.refund-table td { border: 1px solid #E7E7E7; text-align: center; color: #484848;font-size: 18px;font-weight: 400;line-height: 145%; /* 26.1px */ padding: 12px; }
.refund-table th { background-color: #FBFBFB; border-top: 1px solid #121212;}
.refund-table td { border-bottom: 1px solid #121212;} 
.refund-table th:first-of-type, .refund-table td:first-of-type { border-left: 0px }
.refund-table th:last-of-type, .refund-table td:last-of-type { border-right: 0px }




/*----------------------- S U B 4-----------------------*/

/* local */
#local .s_top { position: relative; width: 100%; height: 50vh; background: url("../img/sub04_top_bg.png") center center / cover; display: flex; flex-direction: column; justify-content: center; text-align: center; }
#local .s_top .title { margin-bottom: 40px; color:#FFF;font-size: 100px;font-weight: 700;letter-spacing: -2.4px;}
#local .s_top .title span { color: #E00; }
#local .s_top h2 {margin-bottom: 10px; color:#FFF;font-size: 24px;font-weight: 500;}
#local .add { margin-bottom: 30px; font-size: 30px; color: #303030; }
#local .map_wrap { margin-bottom: 30px; }
#local .map_wrap { width: 100%; }
#local .root_daum_roughmap { width: inherit;}
#local .root_daum_roughmap .cont { display: none; }
#local .root_daum_roughmap .wrap_controllers { display: none; }
#local .flex_bx { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }
#local .flex_bx p { display: flex; align-items: center; gap: 10px; font-size: 16px; color: #666; }



/*----------------------- wetoz -----------------------*/
.wetoz .s_top { position: relative; width: 100%; height: 50vh; background: url("../img/sub03_top_bg.png") center center / cover; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.wetoz .s_top .title { margin-bottom: 40px; color:#FFF;font-size: 100px;font-weight: 700;letter-spacing: -2.4px;}
.wetoz .s_top .title span { color: #E00; }
.wetoz .s_top h2 {margin-bottom: 10px; color:#FFF;font-size: 24px;font-weight: 500;}

.wetoz .mv_btn2 { color: #FFF;font-size: 20px;font-weight: 700;padding: 10px 40px; display: block; width: 100%; max-width: 500px; background: url("../img/mv_bg2.png") no-repeat center center / contain; margin-left: auto; text-align: center; }

.wetoz .flex_bx { display: flex; align-items: center; gap: 30px; margin-bottom: 50px;}
.wetoz .flex_bx h2 { margin-bottom: 20px; color: #121212; font-size: 34px; font-weight: 700; }
.wetoz .flex_bx .info { margin-bottom: 50px; line-height: 1.5;}

.wetoz .rm-h4 { margin-bottom: 5px; height: 25px; font-size: 20px; font-weight: 700; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.wetoz .rm-info { margin-bottom: 20px; height: 20px; font-size: 16px; font-weight: 500; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; }
.wetoz .rm-pri { font-size: 20px; font-weight: 700;}

.wetoz .card { padding: 20px 10px 40px; border: 1px solid #ddd; border-radius: 20px; margin: 10px;}
.wetoz .thumbnail { position: relative; padding: 0 !important; border: none !important;}
.wetoz .thumbnail .list-image { border-radius: 15px; width: 100%; object-fit: cover ; aspect-ratio: 1 / 1;}

.wetoz .tag { position: absolute; right: 0; bottom: 0; background: #E00; color: #fff; font-size: 14px; font-weight: 700; padding: 5px 20px; }

.wetoz .tab-menu { display: flex; justify-content: center; }
.wetoz .tab-menu .btn-primary {  background: #E00; color: #fff; border: none; }
.wetoz .tab-menu .btn { font-size: 16px; padding: 10px 30px; margin: 0 5px; line-height: 1; height: auto; }

.wetoz .media > .col-lg-3 {
    width: calc((100% / 4) - 20px) !important;
}

@media (max-width: 1400px) {
    .wetoz .media > .col-md-6 {
        width: calc((100% / 3) - 20px) !important;
    }
}

@media (max-width: 1024px) {
    .wetoz .media > .col-md-6 {
        width: calc((100% / 2) - 20px) !important;
    }
}

@media (max-width: 700px) {
    .wetoz .media > .col-md-6 {
        width: calc(100% - 20px) !important;
    }
}


/*----------------------- F O O T E R -----------------------*/
.footer { position: relative; height: auto!important; }
.footer .top { display: flex; align-items: center; padding: 28px 210px; border-bottom: 1px solid rgba(113, 112, 113, 0.60); }
.footer .top a { color: #121212;font-size: 16px;font-weight: 500; }
.footer .top .line { display: inline-block; width: 1px; height: 20px; background-color: #717071; margin: 0 20px; }
.footer .bottom { display: flex; justify-content: space-between;  padding: 28px 210px; }
.footer .left { display: flex; gap: 5vw; }
.footer .left a { display: flex; align-items: center; width: 168px; height: 47px; background: url(../img/logo_b.png) no-repeat center center / contain; }
.footer .left ul li { color: #121212;font-size: 16px;font-weight: 500;line-height: 145%; /* 23.2px */ margin-bottom: 6px; }
.footer .left ul li:nth-of-type(5) { margin-bottom: 28px;}
.footer .left ul li:nth-of-type(6) { color: #717071;font-size: 14px;font-weight: 300;line-height: 135%; /* 18.9px */ }
.footer .right { display: flex; align-items: center; gap: 14px; }