@import url("reset.css"); @import url("slick.css"); @import url("swiper.css"); :root { --padding:20px; --header_h:140px; --width:1480px; --point-color-1:#C1A6DE; --point-color-2:#F382A9; --point-color-3:#B0C1E5; --point-color-4:#8ACCD5; --point-color-5:#7F6899; --font : 'NanumSquareNeoBold'; } 
@media (max-width:650px){
 :root { --padding:10px; } 
 }

[data-delay] { position: relative; transition: all 1s ease; opacity:0; } 
[data-direction="left"] { left:-40px; } 
[data-direction="right"] { right:-40px; } 
[data-direction="top"] { top:-40px; } 
[data-direction="bottom"] { bottom:-40px; } 
.section_on [data-delay] { opacity:1; } 
.section_on [data-direction="left"] { left:0; } 
.section_on [data-direction="right"] { right:0; } 
.section_on [data-direction="top"] { top:0; } 
.section_on [data-direction="bottom"] { bottom:0; } 

.cont { margin:0 auto; padding:0 var(--padding); max-width:var(--width); } 

.header { background:#fff; z-index:100; overflow:hidden; } 
.header_top { padding:0 20px; height:80px; max-width:1640px; margin:0 auto; align-items:center; display:flex; } 
.header_left { align-items:center; } 
.header_search { position:Relative; margin-left:50px; max-width:280px; width:100%; } 
.header_search input[type=text] { width:100%; height:45px; line-height:41px; background-color:#F5F5F5; border-radius:2em; border:2px solid #C1A6DE; font-size:0.875rem; } 
.header_search_btn { position:absolute; right:10px; top:0; width:40px; aspect-ratio: 1/1; background:url(../img/ic_search.svg) no-repeat center center; border:none; } 
.header_right { margin-left:auto; display:flex; align-items:center; gap:30px; } 
.header_right ul { display:flex; align-items:center; gap:30px; } 
.header_right .header_util_sns { width:50px; aspect-ratio: 1/1; display:flex; align-items:center; justify-content:center; border-radius:50%; } 
.header_right .header_util_blog { background-color:#75ADB5; } 
.header_right .header_util_insta { background: #F06696; background: linear-gradient(180deg, rgba(240, 102, 150, 1) 0%, rgba(152, 125, 183, 1) 100%); } 
.sr_only { width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; text-indent:100%; white-space:nowrap; display:block; } 
.header_right .member_menu li a { width:60px; aspect-ratio: 1/1; display:flex; align-items:center; justify-content:center; border-radius:50%; } 
.header_right .member_menu li a span { padding-top:35px; display:block; font-size:0.9375rem; font-weight:500; color:#424242; } 
.header_right .member_menu li a.header_util_login span { background:url(../img/ic_login.svg) no-repeat center 0; } 
.header_right .member_menu li a.header_util_join span { background:url(../img/ic_join.svg) no-repeat center 3px; } 

.gnb_wrap { background-color:#987DB7; } 
.gnb { margin:0 auto; padding:0 var(--padding); max-width:1640px; display:flex; align-items:center; } 
.gnb .total_menu_open { width:60px; aspect-ratio: 1/1; background:url(../img/ic_menu.svg) no-repeat center center var(--point-color-5); display:block; flex-shrink: 0; } 
.gnb_list { position:relative; margin-left:50px; display:flex; align-items:center; } 
.gnb_list:before { position:fixed; left:0; top:var(--header_h); width:100%; height:290px; background-color:#D6DEF1; z-index:10; display:block; content:''; display:none; } 
.gnb_list .gnb_item { position:relative; width:170px; } 
.gnb_list .gnb_item>a { width:100%; height:60px; display:flex; align-items:center; justify-content:center; font-size:1.125rem; font-weight:600; color:#fff; text-align:center; } 
.gnb_list .gnb_item:before { position:fixed; left:50%; top:var(--header_h); width:100vw; height:60px; background-color:#D6DEF1; z-index:5; display:block; content:''; transform:translateX(-50%); opacity:0; visibility: hidden; transition: all 0.2s ease-out; } 

.s_gnb { position:absolute; left:0; top: 60px; z-index:20; width:100%; opacity:0; visibility: hidden; transition: all 0.2s ease-out; } 
.s_gnb>ul { display:flex; gap:40px; height:60px; align-items: center; justify-content: center; } 
.s_gnb>ul>li { text-align: center; flex-shrink: 0; } 
.s_gnb>ul>li>a { font-size:1rem; color:#212121; font-weight:500; } 
.s_gnb>ul>li>a:hover { color:var(--point-color-5); text-decoration: underline; } 

.gnb_list .gnb_item:hover:before { opacity:1; visibility: visible; } 
.gnb_list .gnb_item:hover .s_gnb { opacity:1; visibility: visible; } 

.gnb_wrap .family_site { margin-left:auto; } 
.gnb_wrap .family_site ul { display:flex; align-items:center; gap:15px; } 
.gnb_wrap .family_site ul li a { padding:0 20px; height:40px; line-height:38px; display:block; border-radius:0.625rem; font-weight: 600; color: #fff; text-align: center; } 
.gnb_wrap .family_site ul li:nth-child(1) a { background-color:var(--point-color-5); } 
.gnb_wrap .family_site ul li:nth-child(2) a { border:1px solid #fff; } 

.total_menu_wrap { position:fixed; left:0; top:var(--header_h); width:100vw; background-color:#D6DEF1; z-index:10; display:none; } 
.total_menu_wrap.active { display:block; z-index: 15; } 
.total_menu_close { position:absolute; left:20px; top:20px; width:40px; aspect-ratio: 1/1; background:url(../img/ic_close.svg) no-repeat center center; background-size:100%; } 
.total_menu { position:relative; margin:0 auto; max-width:1640px; padding:max(calc(10/1920*100vw), 10px) var(--padding) max(calc(70/1920*100vw), 30px); } 
.total_menu .menu_list { padding-left:110px; display:flex; } 
.total_menu .menu_list>li { position:relative; width:170px; text-align:center; } 
.total_menu .menu_list>li>a { opacity:0; } 
.total_menu .s_menu>ul>li { margin-bottom:20px; } 
.total_menu .s_menu>ul>li>a { font-size:1rem; color:#212121; line-height:1.375; color:#212121; transition: all 0.3s ease-out; } 
.total_menu .s_menu>ul>li:last-child { margin-bottom:0; } 
.total_menu .s_menu>ul>li:hover>a { color:var(--point-color-5); } 
.total_menu .s_menu>ul>li>a:hover { text-decoration: underline; } 
.header_search_go,
.total_menu_wrap .mb_area { display:none; } 

@media screen and (max-width: 1540px){
 .gnb_list .gnb_item { width:135px; } 
 }
@media screen and (max-width: 1320px){
 .header_right ul { gap:15px; } 
.gnb_list .gnb_item { display:none; } 
.total_menu .menu_list>li>a { margin:20px 0; display:block; opacity:1; font-size:1.125rem; font-weight:600; } 
 }
@media screen and (max-width: 960px){
 .header_right { display:none; } 
.total_menu_wrap { left:auto; right:0; top:0; width:100%; height:100%; overflow:auto; } 
.total_menu_wrap .mb_area { display:block; } 
.total_menu_wrap .mb_area ul { margin:20px 0; display:flex; justify-content: center; background-color:var(--point-color-1); } 
.total_menu_wrap .mb_area ul li { position:Relative; padding:10px; } 
.total_menu_wrap .mb_area ul li:before { position:absolute; left:0; top:50%; width:1px; height:10px; display:block; background-color:#fff; opacity:0.6; content:""; transform:translateY(-50%); } 
.total_menu_wrap .mb_area ul li:First-child { padding-left:0; } 
.total_menu_wrap .mb_area ul li:First-child:before { display:none; } 
.total_menu_wrap .mb_area ul li a { color:#fff; } 
.total_menu { padding:20px 0; } 
.total_menu .logo { padding-left:20px; } 
.total_menu_close { right:20px; left:auto; } 
.total_menu .menu_list { padding-left:0; display:block; } 
.total_menu .menu_list>li { width:100%; text-align:left; border-bottom:1px solid rgba(33,33,33,0.1); } 
.total_menu .menu_list>li>a { margin:0; padding:15px 20px; font-size:1.125rem; } 
.total_menu .menu_list>li>a.s_menu_open { background:url(../img/arrow.svg) no-repeat right 20px center; background-size:20px; } 
.total_menu .s_menu { padding:10px 20px; background-color:var(--point-color-3); display:none; } 
.total_menu .s_menu>ul>li { margin-bottom:5px; } 
.gnb_list { display:none; } 
 }
@media screen and (max-width: 768px){
 .header_top { height:60px; } 
.header_logo img,
.header .logo img { width:200px; } 
.header_search { margin-left:auto; display:none; } 
.gnb { padding:0 20px 0 0; } 
.gnb_wrap .family_site ul { gap:5px; } 
.gnb_wrap .family_site ul li a { padding:0 15px; height:36px; line-height:34px; white-space:nowrap; } 
.gnb .total_menu_open { width:50px; } 
.header_search_go { margin-left:auto; width:40px; aspect-ratio: 1/1; background:url(../img/ic_search.svg) no-repeat center center; background-size:24px; display:block; } 
 }

/*.m_visual { background:url(../img/main_visual.jpg) no-repeat center center; background-size:cover; width:100%; height:940px; overflow:hidden; } */
.m_visual { width:100%; } 
.m_visual_bg { background:linear-gradient(180deg,#212121 0%,var(--point-color-5)00 100%); width:100%; height:100%; z-index:1; top:0; left:0; } 
.m_visual_inner { padding:4rem 2rem 4rem 2rem; max-width:var(--width); margin:0 auto; z-index:2; } 
.m_visual_title { margin-bottom:1.5rem; padding-left:65px; background:url(../img/ic_location.png) no-repeat 0 center; font-size:2.5rem; font-weight:800; color:#212121; letter-spacing:-0.05em; line-height:1.2; font-family:var(--font); } 
.m_visual_desc { padding-left:65px; font-size:1.75rem; font-weight:600; color:#212121; line-height:1.3; } 
.m_visual_tab { margin-left:auto; max-width:560px; width:100%; border-radius:10px; border:1px solid #E0E0E0; display:flex; align-items: center; background: #fff; } 
.m_visual_tab_item { position:relative; width:25%; overflow:hidden; } 
.m_visual_tab_item:after { position:absolute; left:-100%; top:0; width:100%; height:100%; background:#f69fbd; border-radius:10px; display:block; content:''; } 
.m_visual_tab_btn { position:Relative; z-index:3; height:60px; font-size:1.125rem; font-weight:500; color:#212121; width:100%; } 
.m_visual_tab_btn:before { position:absolute; margin:0; padding:0; display:block; background-color:#E0E0E0; content:""; left:0; top:50%; width:1px; height:18px; transform:translateY(-50%); } 
.m_visual_tab_btn[aria-selected="true"] { color:#333; } 
.m_visual_tab_item.active .m_visual_tab_btn { z-index:3; } 
.m_visual_tab_item.active:after { left:0; } 
.m_visual_tab_btn:focus { outline:2px solid var(--point-color-1); } 
.m_visual_list { gap:2rem; width:100%; } 
/*.m_visual_list .swiper-slide { border-radius:1.25rem; box-shadow:0 2px 16px rgba(0,0,0,0.08); overflow:hidden; width: calc((100% - (32px * 2)) / 3); } */
.m_visual_list .swiper-slide { border-radius:1.25rem; overflow:hidden; width: calc((100% - (32px * 2)) / 3); } 
.swiper-slide-hidden { opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } 
.m_visual_list.filtering-active .swiper-wrapper { transition-duration: 0ms !important; } 

/* 이미지 영역 개선 */
.m_visual_card_img { background:#e0e0e0; aspect-ratio:460/320; width:100%; overflow:hidden; } 
.m_visual_card_img img { width:100%; height:100%; object-fit:cover; } 
.m_visual_card_txt { padding:1.5625rem 1.875rem; background:#fff; } 
.m_visual_card_tag { padding:0.5625rem 1rem; background:#fbdae6; display:inline-block; font-size:0.9375rem; font-weight:700; color:#cc5780; border-radius:0.625rem; line-height:1; border-radius: 10px; padding: 9px 15px; line-height: 22px; } 
.m_visual_card_tag.category-stay { background: #DED1EE; color: #7F6899; } 
.m_visual_card_tag.category-activity { background: #D6DEF1; color:#717F9E; } 
.m_visual_card_title { margin:1.875rem 0 0.9375rem 0; font-size:1.5625rem; font-weight:600; color:#000; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display:block; } 
.m_visual_card_desc { font-size:1.0625rem; color:#757575; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } 
.main_vs_top { margin-bottom: 60px; width:100%; display:flex; align-items: center; } 

.main_vs_control { margin-top:max(calc(50/1920*100vw), 25px); display:flex; align-items: center; gap:10px; } 
.main-vs-prev { width:50px; aspect-ratio: 1/1; background:url(../img/arrow-left.svg) no-repeat center center #eee; border-radius:10px; display:block; transition: all 0.3s ease-out; } 
.main-vs-next { width:50px; aspect-ratio: 1/1; background:url(../img/arrow-right.svg) no-repeat center center #eee; border-radius:10px; display:block; transition: all 0.3s ease-out; } 
.main-vs-stop { width:50px; aspect-ratio: 1/1; background:url(../img/arrow-stop.svg) no-repeat center center #eee; border-radius:10px; display:block; transition: all 0.3s ease-out; } 
.main-vs-prev:hover,.main-vs-prev:focus { background:urL(../img/arrow-left_on.svg) no-repeat center center #987DB7; } 
.main-vs-next:hover,.main-vs-next:focus { background:urL(../img/arrow-right_on.svg) no-repeat center center #987DB7; } 
.main-vs-stop:hover,.main-vs-stop:focus { background:urL(../img/arrow-stop_on.svg) no-repeat center center #987DB7; } 
.main-vs-pagination { position:relative; width:calc(100% - 170px); display:flex; align-items: center; background-color:#e0e0e0; } 
.main-vs-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:#987DB7; } 

@media screen and (max-width: 1200px){
 .main_vs_top { display:block; } 
.m_visual_tab { margin:30px 0; } 
 }
 @media(max-width:650px){
 .main_vs_top { margin-bottom: 0; } 
 .m_visual_card_txt { padding: 10px 0px; } 
 .m_visual_card_title { margin:12px 0 4px; } 
 }

.main_cont_slide .visual-main { overflow: hidden; position: relative; } 
.main_cont_slide .swiper-slide .text { position: absolute; left: 0; top:0; width: 100%; height: 100%; } 
.main_cont_slide .swiper-slide .text .inner { width: 100%; max-width: 1460px; padding:0 10px; margin:0 auto; display: flex; flex-direction: column; justify-content: center; height: 100%; } 
.main_cont_slide .swiper-slide .text .inner .t1 { color: #fff; font-size: 45px; font-weight: 600; line-height: 65px; letter-spacing: -0.9px; margin-bottom: 15px; } 
.main_cont_slide .swiper-slide .text .inner .t2 { font-size: 25px; font-weight: 500; line-height: 30px; color: #fff; } 
.main_cont_slide .prev-btn { width: 50px; height: 50px; background:#222222b3 url(/theme/wering/img/slide_prev.png) no-repeat center; position: absolute; left: 100px; top: calc(50% - 25px); z-index: 10; border-radius: 5px; display: flex; cursor: pointer; } 
.main_cont_slide .next-btn { width: 50px; height: 50px; background:#222222b3 url(/theme/wering/img/slide_next.png) no-repeat center; position: absolute; right: 100px; top: calc(50% - 25px); z-index: 10; border-radius: 5px; display: flex; cursor: pointer; } 
.main_cont_slide .background img { height: 550px; object-fit: cover; width: 100%; } 
.swiper-pagination_cover { position: absolute; width: 100%; bottom: 160px; left: 0; } 
.swiper-pagination_cover .swiper-pagination { display: flex; width: 100%; max-width: 1460px; padding: 0 10px; margin: 0 auto; position: relative; gap: 12px; bottom: unset; top: unset; left: unset; align-items: center; } 
.swiper-pagination_cover .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background: #fff; opacity: 1; } 
.swiper-pagination_cover .swiper-pagination-bullet-active { width: 30px; background: #B393D7; border-radius: 50px; } 

@media (max-width:850px){
 .main_cont_slide .swiper-slide .text .inner .t1 { font-size: 40px; font-weight: 600; line-height: 55px; word-break: keep-all; } 
 .main_cont_slide .prev-btn { left:10px; } 
 .main_cont_slide .next-btn { right:10px; } 
 }
@media (max-width:650px){
 .main_cont_slide .swiper-slide .text .inner .t1 { text-align: center; font-size: 25px; line-height: 35px; width: calc(100% - 100px); margin: 0 auto 15px; } 
 .main_cont_slide .swiper-slide .text .inner .t2 { font-size: 18px; line-height: 27px; text-align: center; word-break: keep-all; } 
 .main_cont_slide .background img { height: 250px; } 
 .swiper-pagination_cover { bottom: 10px; } 
 .swiper-pagination_cover .swiper-pagination { gap:4px; justify-content: center; } 
 }

.main_cont_1 { padding:max(calc(70/1920*100vw), 30px) 0; } 
.main_cont_1 .cont { display:flex; } 
.comain_cont_1_cont { position:relative; padding:30px 35px; width:48.6%; border: 1px solid #e0e0e0; border-radius:10px; } 
.main_cont_1_icon { margin-left:auto; width:47.2%; } 
.main_cont_1_title { margin-bottom: 1.5625rem; padding-left:60px; min-height:45px; background:url(../img/ic_notice.svg) no-repeat 0 0; font-size:1.75rem; font-weight:600; color:#212121; } 
.main_cont_1_list { list-style:none; padding:0; } 
.main_cont_1_list li { margin-bottom:5px; } 
.main_cont_1_list li:last-child { margin-bottom:0; } 
.main_cont_1_item { display:flex; align-items:center; gap:1rem; padding:5px 0; } 
.main_cont_1_tag { min-width:85px; height:40px; line-height:40px; border-radius:10px; background-color:#DED1EE; color:var(--point-color-5); font-size:0.9375rem; font-weight:700; text-align:center; } 
.main_cont_1_link { flex:1; color:#212121; text-decoration:none; font-size:1rem; line-height:1.5; transition:color 0.2s; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } 
.main_cont_1_link:hover,.main_cont_1_link:focus { color:var(--point-color-1); text-decoration:underline; } 
.main_cont_1_date { font-size:0.95rem; color:#9e9e9e; } 
.main_cont_1_more { position:absolute; right:35px; top:30px; width:35px; aspect-ratio: 1/1; border:1px solid #987DB7; border-radius:10px; background:url(../img/ic_more.svg) no-repeat center center; display:block; text-indent:-10000px; } 
.main_cont_1_more:hover,.main_cont_1_more:focus { background:#987db7; color:#fff; } 
.main_cont_1_icon { margin-left:auto; width:48%; display:flex; align-items:center; justify-content:center; } 
.main_cont_1_icon_list { width:100%; display:flex; flex-direction:row; gap:1.6875rem; list-style:none; padding:0; margin:0; } 
.main_cont_1_icon_list li { width:33.33%; text-align:center; } 
.main_cont_1_icon_list li a:before { max-width:210px; width:100%; aspect-ratio: 1/1; display:block; content:""; background:url(../img/main_icon_1.png) no-repeat center center; } 
.main_cont_1_icon_list li a.main_cont_1_icon1:before { background:url(../img/main_icon_1.png) no-repeat center center; } 
.main_cont_1_icon_list li a.main_cont_1_icon2:before { background:url(../img/main_icon_2.png) no-repeat center center; } 
.main_cont_1_icon_list li a.main_cont_1_icon3:before { background:url(../img/main_icon_3.png) no-repeat center center; } 
.main_cont_1_icon_list li span { width:100%; height:50px; line-height:48px; border:1px solid #987DB7; border-radius:10px; display:block; font-size:17px; color:#987DB7; } 

.main_cont_2 .cont { position:relative; height:250px; background:url(../img/main_banner_bg.png) no-repeat center center; background-size:cover; display:flex; align-items: center; justify-content: center; } 
.main_cont_2_cont { position:relative; z-index:2; } 
.main_cont_2_title { font-size:2.5rem; font-weight:800; color:#212121; margin-bottom:1.25rem; font-family:var(--font); line-height:1.625; } 
.main_cont_2_btns { display:flex; gap:1.25rem; justify-content: center; flex-wrap: wrap; } 
.main_cont_2_btn { width:200px; height:50px; display:block; border-radius:10px; font-size:1.0625rem; } 
.main_cont_2_btn_reserve { background:#f06696; color:#fff; } 
.main_cont_2_btn_reserve:hover,.main_cont_2_btn_reserve:focus { background:var(--point-color-1); } 
.main_cont_2_btn_check { background:#fff; color:#212121; border:1px solid #e0e0e0; display: flex; align-items: center; justify-content: center; } 
.main_cont_2_btn_check:hover,.main_cont_2_btn_check:focus { background:#f5f5f5; } 

.main_cont_3 { position:relative; padding:max(calc(120/1920*100vw), 60px) 0; background:url(../img/main_cont3_bg2.png) no-repeat 0 bottom; } 
.main_cont_3:before { position:absolute; left:21.3%; top:-6px; width:292px; aspect-ratio: 292/182; background:url(../img/main_cont3_bg1.svg) no-repeat center center; background-size:100%; display:block; content:""; } 
.main_cont_3 .cont { position:relative; display:flex; } 
.main_cont_3 .title_area { padding-top:30px; width:25.2%; } 
.main_cont_3 .title_area h2 { margin-bottom:10px; font-size:2.1875rem; font-family: var(--font); } 
.main_cont_3 .title_area p { margin-bottom: max(calc(60/1920*100vw), 30px); font-size:1.25rem; font-weight:500; color:#424242; } 
.main_cont_3 .title_area .more a { max-width:210px; width:100%; height:50px; line-height:48px; border:1px solid #987DB7; color:#987DB7; font-size:1.0625rem; font-weight:600; display:inline-block; text-align:center; border-radius:10px; } 
.main_cont_3 .rolling_area { width:74.8%; } 
.main_cont_3_cont { position:relative; } 
.main_cont_3_title { font-size:2rem; font-weight:800; color:#212121; margin-bottom:2rem; } 
.main_cont_3_list { display:flex; gap:2rem; list-style:none; padding:0; margin:0; } 

.main_cont_3_rolling .img_area a { width:100%; aspect-ratio: 342/250; display:block; border-radius:10px; overflow:hidden; } 
.main_cont_3_rolling .img_area img { width:100%; height:100%; object-fit:cover; } 
.main_cont_3_rolling .txt_area { margin-top:1.875rem; } 
.main_cont_3_rolling .txt_area .title { margin-bottom:0.9375rem; font-size:1.5625rem; font-weight:600; } 
.main_cont_3_rolling .txt_area .price { display:flex; flex-wrap:wrap; gap:10px; align-items: center; } 
.main_cont_3_rolling .txt_area .price span { width:50px; height:40px; line-height:40px; background-color:#DED1EE; font-size:0.9375rem; font-weight:700; color:var(--point-color-5); border-radius:10px; display:inline-block; text-align:center; } 
.main_cont_3_rolling .txt_area .price>div { font-size:1.25rem; font-weight:500; color:#666; } 
.main_cont_3_rolling .txt_area .price strong { font-size:1.5625rem; font-weight:700; color:var(--point-color-5); } 
.main_cont_3_rolling .control_area { margin-top:max(calc(50/1920*100vw), 25px); display:flex; align-items: center; gap:10px; } 
.main_cont_3_rolling .main_cont3_prev { width:50px; aspect-ratio: 1/1; flex-shrink: 0; background:urL(../img/arrow-left.svg) no-repeat center center #eee; display:block; content:""; border-radius:10px; transition: all 0.3s ease-out; } 
.main_cont_3_rolling .main_cont3_next { width:50px; aspect-ratio: 1/1; flex-shrink: 0; background:urL(../img/arrow-right.svg) no-repeat center center #eee; display:block; content:""; border-radius:10px; transition: all 0.3s ease-out; } 
.main_cont_3_rolling .main_cont3_stop { width:50px; aspect-ratio: 1/1; flex-shrink: 0; background:urL(../img/arrow-stop.svg) no-repeat center center #eee; display:block; content:""; border-radius:10px; transition: all 0.3s ease-out; } 
.main_cont_3_rolling .main_cont3_pagination { position:relative; width:calc(100% - 170px); display:flex; align-items: center; background-color:#e0e0e0; } 
.main_cont_3_rolling .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:#987DB7; } 
.main_cont_3_rolling .main_cont3_prev:hover { background:urL(../img/arrow-left_on.svg) no-repeat center center #987DB7; } 
.main_cont_3_rolling .main_cont3_next:hover { background:urL(../img/arrow-right_on.svg) no-repeat center center #987DB7; } 
.main_cont_3_rolling .main_cont3_stop:hover { background:urL(../img/arrow-stop_on.svg) no-repeat center center #987DB7; } 
@media screen and (max-width: 1200px){
 .main_cont_1 .cont { display:block; } 
.comain_cont_1_cont { width:100%; } 
.main_cont_1_icon { margin-top:20px; width:100%; } 
.main_cont_3 .cont { display:block; } 
.main_cont_3 .title_area { width:100%; } 
.main_cont_3 .rolling_area { margin-top:30px; width:100%; } 
 }
@media screen and (max-width: 960px){
 .m_visual { height:auto; } 
.m_visual_inner { padding:4rem 2rem; } 
 }
@media screen and (max-width: 640px){
 .main_cont_1_icon_list li a:before { margin:0 auto 10px; max-width:80%; } 
.main_cont_1_icon_list li a.main_cont_1_icon1:before,
.main_cont_1_icon_list li a.main_cont_1_icon2:before,
.main_cont_1_icon_list li a.main_cont_1_icon3:before { background-size: 100%; } 
.main_cont_1_icon_list li span { height:40px; line-height:38px; font-size:13px; border-radius:5px; } 
.comain_cont_1_cont { padding:20px; } 
.main_cont_1_tag { min-width:70px; height:30px; line-height:30px; font-size:12px; border-radius:5px; } 
.m_visual_title { line-height: 50px; padding-left: 40px; font-size: 1.5rem; } 
.m_visual_desc { font-size:1.2rem; padding-left: 0; } 
.m_visual_tab_btn { height:46px; } 
.m_visual_tab { margin-bottom: 10px; } 
.main_cont_2_title { font-size:2rem; word-break: keep-all; } 
.main_cont_2_btn { width:120px; height:40px; } 
.main_cont_3 .title_area h2 { font-size:2rem; } 
.main_cont_3 .title_area .more a { width:120px; height:40px; line-height:38px; } 
 }

.footer { padding:max(calc(30/1920*100vw), 15px) 0 max(calc(50/1920*100vw), 25px); width:100%; background:#e8edf7; } 
.footer_rolling_logo { position:relative; margin-bottom:max(calc(40/1920*100vw), 20px); padding:0 80px; } 
.footer_rolling_logo .footer_rolling_prev { position:absolute; left:0; top:50%; width:50px; aspect-ratio: 1/1; background:url(../img/arrow-left_on.svg) no-repeat center center #757575; border-radius:50%; display:block; transform:translateY(-50%); } 
.footer_rolling_logo .footer_rolling_next { position:absolute; right:0; top:50%; width:50px; aspect-ratio: 1/1; background:url(../img/arrow-right_on.svg) no-repeat center center #757575; border-radius:50%; display:block; transform: translateY(-50%); } 
.footer_rolling_logo .swiper-slide a { position:relative; width:100%; aspect-ratio: 235/80; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:10px; } 
.footer_rolling_logo .swiper-slide img { max-width:100%; max-height:100%; } 
.footer_top { padding-bottom:max(calc(25/1920*100vw), 15px); display:flex; align-items: center; border-bottom:1px solid #bdbdbd; } 
.footer_menu_list { display:flex; } 
.footer_menu_list li { position:relative; display:flex; align-items: center; } 
.footer_menu_list li a { font-size:1rem; color:#666; } 
.footer_menu_list li:after { margin:0 10px; font-size:1rem; color:#666; display:block; content:"/"; } 
.footer_menu_list li:last-child:after { display:none; } 
.footer .family_site { position:relative; margin-left:auto; width:230px; } 
.footer .family_site_btn { padding: 0 40px 0 20px; width:100%; background:url(../img/family_arrow.svg) no-repeat right 20px center; height:50px; line-height:48px; font-size:1rem; color:#987DB7; border:1px solid #987DB7; border-radius:10px; text-align:left; } 
.footer .family_site_list { display:none; } 
.footer_cont { padding-top:max(calc(40/1920*100vw), 20px); display:flex; gap:70px; } 
.footer_info ul { display:flex; flex-wrap:wrap; } 
.footer_info ul li { position:relative; padding:0 20px; font-size:1rem; color:#757575; display:flex; align-items: center; gap: 10px; } 
.footer_info ul li:before { position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#bdbdbd; content:""; display:block; transform:translateY(-50%); } 
.footer_info ul li:first-child:before { display:none; } 
.footer_info ul li:first-child { padding-left:0; } 
.footer_info ul li strong { font-weight:600; } 
.footer_info .copyright { margin-top:10px; font-size:1rem; color:#757575; } 
@media screen and (max-width: 960px){
 .footer_cont { display:block; } 
.footer_logo { margin-bottom:20px; } 
.footer_top { display:block; } 
.footer .family_site_btn { margin:10px 0 0 auto; height:40px; line-height:38px; border-radius:5px; } 
 }
@media screen and (max-width: 768px){
 .footer_menu_list { flex-wrap:wrap; } 
.footer_info ul { display:block; } 
.footer_info ul li { width:100%; padding:0; font-size:1rem; } 
.footer_info ul li:before { display:none; } 
.footer_info ul li:first-child { padding-left:0; } 

.footer_rolling_logo { padding:0 50px; } 
.footer_rolling_logo .footer_rolling_prev,
.footer_rolling_logo .footer_rolling_next { width:40px; } 
 }

/* sub_layout */
.sub_cont { position:relative; padding-bottom:max(calc(200/1920*100vw), 100px); } 
.sub_visual { position:Relative; margin:50px auto 80px; padding:0 20px; max-width:1640px; display:flex; align-items: center; } 
.sub_visual:before { position:relative; left:0; top:0; width:100%; height:250px; background:url(../img/sub_visual.png) no-repeat right bottom; background-size:cover; display:block; content:""; border-radius:20px; } 
.sub_vs_txt { position:absolute; left:0; top:50%; width:100%; padding:0 80px; gap:40px; display:flex; align-items: center; font-size:1.25rem; color:#fff; box-sizing:border-box; transform:translateY(-50%); } 
.sub_vs_txt strong { font-size:2.1875rem; font-weight:600; } 
.navi { position:absolute; right:30px; bottom:0; } 
.navi>ul { display:flex; align-items: center; } 
.navi>ul>li { position:relative; padding:0 20px; } 
.navi>ul>li:first-child { padding:0; } 
.navi>ul>li:last-child { padding-right:0; } 
.navi>ul>li:last-child:before { position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#BDBDBD; content:""; display:block; transform:translateY(-50%); } 
.navi>ul>li>.s_navi_open { display:flex; gap:10px; color:#424242; } 
.navi>ul>li>.s_navi_open:after { width:12px; aspect-ratio: 1/1; background:url(../img/navi_arrow.svg) no-repeat center center; display:block; content:""; } 
.s_navi { position:absolute; left:50%; top:20px; z-index:10; padding-top:10px; display: none; transform: translateX(-50%); } 
.s_navi>ul { width:200px; background-color:#fff; border-radius:10px; padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); border: 1px solid #ddd; } 
.s_navi>ul>li>a { padding:5px 0; display:block; font-size:1rem; } 
@media screen and (max-width: 768px){
 .sub_visual { margin:20px auto 40px; } 
.sub_visual:before { height:180px; } 
.sub_vs_txt { padding:0 40px; top:40%; display:block; } 
.navi>ul>li { padding:0 10px; } 
 }

/* intro */
.intro .cont { display:flex; align-items: center; } 
.intro .txt_area { width:60.5%; } 
.intro .img_area { margin-left:auto; width:34.8%; } 
.intro .txt_area .txt_1 { margin-bottom:30px; font-size:2.8125rem; font-weight:700; line-height:1.3; } 
.intro .txt_area .txt_1 strong { color:var(--point-color-5); font-weight:inherit; } 
.intro .txt_area .txt_2 { margin-bottom:30px; font-size:1.5625rem; } 
.intro .txt_area .txt_3 p { margin-bottom:30px; font-size:1.0625rem; line-height:1.64; color:#666; } 
.intro .txt_area .name { font-size:1.0625rem; font-weight:500; color:#444; display:flex; align-items: center; gap:20px; } 
.intro .txt_area .name strong { font-size:1.375rem; font-weight:600; } 
@media screen and (max-width: 960px){
 .intro .cont { display:block; } 
.intro .img_area { margin-top:40px; width:100%; text-align:center; } 
.intro .txt_area { width:100%; } 
 }
@media screen and (max-width: 768px){
 .intro .txt_area .txt_1 { font-size:2rem; } 
.intro .txt_area .txt_2 { font-size:1.375rem; } 
 }

/* title */
.titleType_1 { margin-bottom: max(calc(30/1920*100vw), 15px); } 
.titleType_1 h2 { position:relative; padding-left:20px; display:flex; align-items:center; gap:1rem; font-size:1.5625rem; font-weight:600; font-family:var(--font); } 
.titleType_1 h2:before { position:absolute; left:0; top:50%; width:0.25rem; height:1.563rem; background-color:var(--point-color-5); border-radius:0.125rem; content:""; display:block; transform:translateY(-50%); } 

/* 설립목적 페이지 */
.purpose_section { margin-bottom:5rem; } 
.purpose_intro { padding:1.25rem; background-color:#ffffff; border-radius:1.25rem; } 
.purpose_intro_title { margin-bottom:1.5rem; display:flex; align-items:center; gap:1rem; } 
.purpose_title_mark { width:0.25rem; height:1.563rem; background-color:var(--point-color-5); border-radius:0.125rem; } 
.purpose_title_text { font-family:var(--font); font-size:1.563rem; font-weight:800; color:#212121; letter-spacing:-0.031rem; line-height:1.75rem; } 
.purpose_intro_content { display:flex; align-items:center; gap:3.125rem; padding:2.1875rem 0; border:1px solid #bdbdbd; border-radius:2.5rem; } 
.purpose_intro_icon { width:6.875rem; aspect-ratio: 1/1; background-color:var(--point-color-5); border-radius:50%; flex-shrink:0; } 
.purpose_intro_text { color:#212121; font-size:1.125rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.011rem; } 

.activity_title_text { font-family:var(--font); font-size:1.563rem; font-weight:800; color:#212121; letter-spacing:-0.031rem; line-height:1.75rem; } 
.activity_list { display:flex; gap:1.875rem; } 
.activity_item { flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; } 
.activity_icon { margin-bottom:1.25rem; width:15.625rem; height:15.625rem; background-color:#f5f7fc; border-radius:1.875rem; flex-shrink:0; } 
.activity_item_title { margin-bottom:1.875rem; color:#717f9e; font-size:1.25rem; font-weight:600; line-height:1.875rem; letter-spacing:0; } 
.activity_item_desc { color:#212121; font-size:1.063rem; font-weight:500; line-height:1.563rem; letter-spacing:-0.011rem; } 

@media (max-width:1200px){
 .purpose_intro_content { flex-direction:column; gap:2rem; text-align:center; } 
.activity_list { flex-wrap:wrap; gap:2rem; } 
.activity_item { flex:0 0 calc(50% - 1rem); } 
 }

@media (max-width:768px){
 .purpose_intro_content { padding:2rem; } 
.activity_list { flex-direction:column; } 
.activity_item { flex:none; } 
.activity_icon { width:12.5rem; height:12.5rem; } 
 }

@font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: local('Pretendard Black'), url(./font/woff2-subset/Pretendard-Black.subset.woff2) format('woff2'), url(./font/woff-subset/Pretendard-Black.subset.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local('Pretendard ExtraBold'), url(./font/woff2-subset/Pretendard-ExtraBold.subset.woff2) format('woff2'), url(./font/woff-subset/Pretendard-ExtraBold.subset.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local('Pretendard Bold'), url(./font/woff2-subset/Pretendard-Bold.subset.woff2) format('woff2'), url(./font/woff-subset/Pretendard-Bold.subset.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local('Pretendard SemiBold'), url(./font/woff2-subset/Pretendard-SemiBold.subset.woff2) format('woff2'), url(./font/woff-subset/Pretendard-SemiBold.subset.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local('Pretendard Medium'), url(./font/woff2-subset/Pretendard-Medium.subset.woff2) format('woff2'), url(./font/woff-subset/Pretendard-Medium.subset.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url(./font/woff2-subset/Pretendard-Regular.subset.woff2) format('woff2'), url(./font/woff-subset/Pretendard-Regular.subset.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local('Pretendard Light'), url(./font/woff2-subset/Pretendard-Light.subset.woff2) format('woff2'), url(./font/woff-subset/Pretendard-Light.subset.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: local('Pretendard ExtraLight'), url(./font/woff2-subset/Pretendard-ExtraLight.subset.woff2) format('woff2'), url(./font/woff-subset/Pretendard-ExtraLight.subset.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: local('Pretendard Thin'), url(./font/woff2-subset/Pretendard-Thin.subset.woff2) format('woff2'), url(./woff-subset/Pretendard-Thin.subset.woff) format('woff'); } 


.pt10 { padding-top: 10px !important; } 
.pt20 { padding-top: 20px !important; } 
.pt30 { padding-top: 30px !important; } 
.pt40 { padding-top: 40px !important; } 
.pt50 { padding-top: 50px !important; } 
.pt60 { padding-top: 60px !important; } 
.pt70 { padding-top: 70px !important; } 
.pt80 { padding-top: 80px !important; } 
.pt90 { padding-top: 90px !important; } 
.pt100 { padding-top: 100px !important; } 
.pt110 { padding-top: 110px !important; } 
.pt120 { padding-top: 120px !important; } 
.pt130 { padding-top: 130px !important; } 
.pt140 { padding-top: 140px !important; } 
.pt150 { padding-top: 150px !important; } 
.pt160 { padding-top: 160px !important; } 
.pt170 { padding-top: 170px !important; } 
.pt180 { padding-top: 180px !important; } 
.pt190 { padding-top: 190px !important; } 
.pt200 { padding-top: 200px !important; } 

.pb10 { padding-bottom: 10px !important; } 
.pb20 { padding-bottom: 20px !important; } 
.pb30 { padding-bottom: 30px !important; } 
.pb40 { padding-bottom: 40px !important; } 
.pb50 { padding-bottom: 50px !important; } 
.pb60 { padding-bottom: 60px !important; } 
.pb70 { padding-bottom: 70px !important; } 
.pb80 { padding-bottom: 80px !important; } 
.pb90 { padding-bottom: 90px !important; } 
.pb100 { padding-bottom: 100px !important; } 
.pb110 { padding-bottom: 110px !important; } 
.pb120 { padding-bottom: 120px !important; } 
.pb130 { padding-bottom: 130px !important; } 
.pb140 { padding-bottom: 140px !important; } 
.pb150 { padding-bottom: 150px !important; } 
.pb160 { padding-bottom: 160px !important; } 
.pb170 { padding-bottom: 170px !important; } 
.pb180 { padding-bottom: 180px !important; } 
.pb190 { padding-bottom: 190px !important; } 
.pb200 { padding-bottom: 200px !important; } 
.pb240 { padding-bottom: 240px !important; } 

.mt10 { margin-top: 10px !important; } 
.mt20 { margin-top: 20px !important; } 
.mt30 { margin-top: 30px !important; } 
.mt40 { margin-top: 40px !important; } 
.mt50 { margin-top: 50px !important; } 
.mt60 { margin-top: 60px !important; } 
.mt70 { margin-top: 70px !important; } 
.mt80 { margin-top: 80px !important; } 
.mt90 { margin-top: 90px !important; } 
.mt100 { margin-top: 100px !important; } 
.mt110 { margin-top: 110px !important; } 
.mt120 { margin-top: 120px !important; } 
.mt130 { margin-top: 130px !important; } 
.mt140 { margin-top: 140px !important; } 
.mt150 { margin-top: 150px !important; } 
.mt160 { margin-top: 160px !important; } 
.mt170 { margin-top: 170px !important; } 
.mt180 { margin-top: 180px !important; } 
.mt190 { margin-top: 190px !important; } 
.mt200 { margin-top: 200px !important; } 

.mb10 { margin-bottom: 10px !important; } 
.mb20 { margin-bottom: 20px !important; } 
.mb30 { margin-bottom: 30px !important; } 
.mb40 { margin-bottom: 40px !important; } 
.mb50 { margin-bottom: 50px !important; } 
.mb60 { margin-bottom: 60px !important; } 
.mb70 { margin-bottom: 70px !important; } 
.mb80 { margin-bottom: 80px !important; } 
.mb90 { margin-bottom: 90px !important; } 
.mb100 { margin-bottom: 100px !important; } 
.mb110 { margin-bottom: 110px !important; } 
.mb120 { margin-bottom: 120px !important; } 
.mb130 { margin-bottom: 130px !important; } 
.mb140 { margin-bottom: 140px !important; } 
.mb150 { margin-bottom: 150px !important; } 
.mb160 { margin-bottom: 160px !important; } 
.mb170 { margin-bottom: 170px !important; } 
.mb180 { margin-bottom: 180px !important; } 
.mb190 { margin-bottom: 190px !important; } 
.mb200 { margin-bottom: 200px !important; } 



@media (max-width:650px){
 .pt10 { padding-top: 5px !important; } 
.pt20 { padding-top: 10px !important; } 
.pt30 { padding-top: 15px !important; } 
.pt40 { padding-top: 20px !important; } 
.pt50 { padding-top: 25px !important; } 
.pt60 { padding-top: 30px !important; } 
.pt70 { padding-top: 35px !important; } 
.pt80 { padding-top: 40px !important; } 
.pt90 { padding-top: 45px !important; } 
.pt100 { padding-top: 50px !important; } 
.pt110 { padding-top: 55px !important; } 
.pt120 { padding-top: 60px !important; } 
.pt130 { padding-top: 65px !important; } 
.pt140 { padding-top: 70px !important; } 
.pt150 { padding-top: 75px !important; } 
.pt160 { padding-top: 80px !important; } 
.pt170 { padding-top: 85px !important; } 
.pt180 { padding-top: 90px !important; } 
.pt190 { padding-top: 95px !important; } 
.pt200 { padding-top: 100px !important; } 

.pb10 { padding-bottom: 5px !important; } 
.pb20 { padding-bottom: 10px !important; } 
.pb30 { padding-bottom: 15px !important; } 
.pb40 { padding-bottom: 20px !important; } 
.pb50 { padding-bottom: 25px !important; } 
.pb60 { padding-bottom: 30px !important; } 
.pb70 { padding-bottom: 35px !important; } 
.pb80 { padding-bottom: 40px !important; } 
.pb90 { padding-bottom: 45px !important; } 
.pb100 { padding-bottom: 50px !important; } 
.pb110 { padding-bottom: 55px !important; } 
.pb120 { padding-bottom: 60px !important; } 
.pb130 { padding-bottom: 65px !important; } 
.pb140 { padding-bottom: 70px !important; } 
.pb150 { padding-bottom: 75px !important; } 
.pb160 { padding-bottom: 80px !important; } 
.pb170 { padding-bottom: 85px !important; } 
.pb180 { padding-bottom: 90px !important; } 
.pb190 { padding-bottom: 95px !important; } 
.pb200 { padding-bottom: 100px !important; } 
.pb240 { padding-bottom: 120px !important; } 

.mt10 { margin-top: 5px !important; } 
.mt20 { margin-top: 10px !important; } 
.mt30 { margin-top: 15px !important; } 
.mt40 { margin-top: 20px !important; } 
.mt50 { margin-top: 25px !important; } 
.mt60 { margin-top: 30px !important; } 
.mt70 { margin-top: 35px !important; } 
.mt80 { margin-top: 40px !important; } 
.mt90 { margin-top: 45px !important; } 
.mt100 { margin-top: 50px !important; } 
.mt110 { margin-top: 55px !important; } 
.mt120 { margin-top: 60px !important; } 
.mt130 { margin-top: 65px !important; } 
.mt140 { margin-top: 70px !important; } 
.mt150 { margin-top: 75px !important; } 
.mt160 { margin-top: 80px !important; } 
.mt170 { margin-top: 85px !important; } 
.mt180 { margin-top: 90px !important; } 
.mt190 { margin-top: 95px !important; } 
.mt200 { margin-top: 100px !important; } 

.mb10 { margin-bottom: 5px !important; } 
.mb20 { margin-bottom: 10px !important; } 
.mb30 { margin-bottom: 15px !important; } 
.mb40 { margin-bottom: 20px !important; } 
.mb50 { margin-bottom: 25px !important; } 
.mb60 { margin-bottom: 30px !important; } 
.mb70 { margin-bottom: 35px !important; } 
.mb80 { margin-bottom: 40px !important; } 
.mb90 { margin-bottom: 45px !important; } 
.mb100 { margin-bottom: 50px !important; } 
.mb110 { margin-bottom: 55px !important; } 
.mb120 { margin-bottom: 60px !important; } 
.mb130 { margin-bottom: 65px !important; } 
.mb140 { margin-bottom: 70px !important; } 
.mb150 { margin-bottom: 75px !important; } 
.mb160 { margin-bottom: 80px !important; } 
.mb170 { margin-bottom: 85px !important; } 
.mb180 { margin-bottom: 90px !important; } 
.mb190 { margin-bottom: 95px !important; } 
.mb200 { margin-bottom: 100px !important; } 
 }