@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play:400,700&display=swap');

/* sec1 - 메인비주얼 */
#mv {position: relative; z-index:1; }
#mv .mv_list_wrap {margin-bottom: 0;}
#mv .mv_list {overflow: hidden;max-width:100%; }
#mv .mv_list .visual {background-position: 50% 50%; background-repeat:no-repeat;transform:scale(1.3);   z-index:-1; background-size:100%;transition: opacity 2s, transform 3s linear;}
#mv .mv_list.slick-active .visual { transform:scale(1); opacity: 1;transition: opacity 2s, transform 3s linear; }
#mv .mv_list.reset-animation .visual { transform:scale(1.1); transition:all 0s;  z-index: -1; }
#mv .mv_list0 .visual {background: url('/img/main01_.png');background-size: 100%}
#mv .mv_list1 .visual {background: url('/img/main02_.png');background-size: 100%}
#mv .mv_list2 .visual {background: url('/img/main03_.png');background-size: 100%}

#mv .mv_list .txt_wrap {color: #fff;padding: 12% 0}  
#mv .mv_list .txt_wrap .txt_area { position:relative; width:100%; text-align:center}
#mv .mv_list .txt_wrap .main_txt img {display:inline-block;}
#mv .mv_list .txt_wrap .tit {font-size:52px; line-height: 1.3; letter-spacing:-2px;text-shadow:5px 5px 5px #000; }

#mv .mv_links {position: absolute; width:1400px; left: 50%; bottom: 0; margin-left: -750px; height:120px; display: flex; justify-content:space-between;}
#mv .mv_links a {display: flex; align-items:center; background-color:#fff; margin-right:1px; padding:35px 50px; width:300px; opacity:.9; }
#mv .mv_links .txt_wrap { padding-left:15px;}
#mv .mv_links .txt_wrap .tit { font-size: 16px; font-weight: 400;  line-height: 1.5;}
#mv .mv_links .txt_wrap .txt {font-family: 'Poppins', sans-serif; font-size: 16px; color: #333; letter-spacing: 0; opacity: .5;}
#mv .mv_links .link_plus { margin-left: 25px;   transition:.25s;	}
#mv .mv_links a:hover .link_plus {border-color: #fff;color: #fff;}

#mv .mv_scroll {position: absolute; bottom: 20px; left: 50%; width: 40px; margin-left: -20px; animation:moveTop 2s infinite}
@-webkit-keyframes moveTop {
    0% { -webkit-transform:translateY(0) ; }
   50% { -webkit-transform:translateY(-10px) ; }
} 
@keyframes moveTop {
    0% { transform:translateY(0) ; }
   50% { transform:translateY(-10px) ; }
}

/* slide 설정 */
#mv .slick-dots { bottom: 10%; margin-left:0; position:absolute;}
#mv .slick-dots li {margin: 0 3px;text-align: center; width:auto;}
#mv .slick-dots button {display: inline-block; text-align: center; width:10px;  height: 10px; border:0px solid #fff; border-radius:50px; background-color: #fff ; opacity:.3; font-size:0; padding:0}
#mv .slick-dots .slick-active button {text-indent: -9999px; width:40px;  height: 10px; border:0px solid #fff;  line-height: 0px; opacity:1;}
#mv .slick-dots button:before {display: none;}
.slick-prev:before,
.slick-next:before {display: block;}

#mv .slick-prev,
#mv .slick-next {width: 60px;height: 60px;left: auto;z-index: 1;transition:.25s;border: 1px solid rgba(255, 255, 255, 0.22);border-radius: 50%;}
#mv .slick-prev {background: url('/img/mv_prev.png') no-repeat center;position: absolute;left: 20px;top:49%}
#mv .slick-next {background: url('/img/mv_next.png')  no-repeat center;position: absolute;right: 20px;top:49%}
#mv .slick-prev:hover,
#mv .slick-next:hover {border:1px solid rgba(255, 255, 255, 0.6)}


#mv .controler {position: absolute; bottom:35%; left:50%; margin-left:50px; z-index: 3; }
#mv .controler button {position: relative;  width: 8px; height: 15px; font-size: 0; text-align: left; border: none; background: none; }
#mv .controler button:after,
#mv .controler button:before {content:''; display: inline-block;}
#mv .controler .play {display: none;}
#mv .controler .play:after {border: 6px solid transparent; border-left: 12px solid #fff; border-right: 0; margin-left: -4px; opacity:.7}
#mv .controler .stop:after,
#mv .controler .stop:before { width: 3px; height: 15px; position: absolute; top: 0; left: 1px; opacity:.7}
#mv .controler .stop:before {left: auto; right: 1px;}
#mv .controler .stop {}

#mv .Vector{position: absolute; bottom:-2px;  z-index: 3; text-align:center;width:100%;overflow: hidden;}
#mv .visual_box{clear:both;position: relative;margin:50px auto;display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;background-color : rgb(255,255,255,0.15);border:1px solid rgb(255,255,255,0.2);border-radius:20px;padding:15px 25px;max-width:500px;}
#mv .visual_box>div{float:left;margin:0;padding:0 25px;text-align:center; opacity:.5}
#mv .visual_box>div.on{opacity:1;}
#mv .visual_box .box_img{clear:both;width:100%;text-align:center;height:60px;display: flex; justify-content: center; align-items: center; }
#mv .visual_box>div .box_txt{display:inline-block;text-align:center;font-weight:300;line-height:110%;}
#mv .visual_box>div.on .box_txt{font-size:20px;font-weight:400;}
#mv .swiper_pager {position:absolute; bottom:70px; left:0; z-index:110; width:100%; text-align:center;}
#mv .swiper_pager li {display:inline-block; width:100%; margin:0 0; text-align:left; vertical-align:top;}
#mv .swiper_pager a {display:block;}
#mv .swiper_pager .progress {position:relative; height:6px; margin-bottom:0; background:rgba(255,255,255,1)}
#mv .swiper_pager .progress span {display:block;}
#mv .swiper_pager li.active .progress {border:1px solid #00b9d4; background:none;}
#mv .swiper_pager li.active span {border-right:1px solid #00b9d4; height:7px; background:#00b9d4;}
#mv .swiper_pager li.active em {opacity:1;}

/* progress bar */

#mv  .pro-bar{ display:none; position:absolute; top:0; left:0; width:0; height:5px; background: #ff8297; }
/*#mv  .pro-ani{ animation-name: proBar; animation-duration:8s; animation-iteration-count: 1; width:100%; }

@keyframes proBar{
	0%{width:0;}
	100%{width:100%;}
}
*/
.sectionTitle{clear:both;display:inline-block;margin:0 auto;font-weight:600;padding:30px;font-family: "play", serif;text-align:center;width:100%;background:url(/img/title_line.png) no-repeat 50% 95%;margin-bottom: 30px;}

#dp {clear:both;position: relative; overflow: hidden; z-index:1;margin-top: 50px;margin-bottom: 100px}
.card_zone{width:100%;margin:0 auto;}

.card{ width:23%;max-width: 385px; height: 280px; margin:10px 20px 10px 0;position: relative; overflow: hidden; border-radius:20px; float:left;}
.card:last-child{margin-right:0;}
.card_layer{display:inline-block;width:100%;height:100%;font-family: "Open Sans", serif;text-align:center;margin:0 auto;color:#FFF;display: flex; justify-content: center; align-items: center; }
.card:hover .overlay{opacity: 1;transform: scale(1);}
.card:hover .card_layer{opacity: 0;}
.overlay{position: absolute;background-color: rgba(1, 116, 224, 0.8);width: 100%;height: 100%;top: 0;transform: scale(1.3);opacity: 0;transition: transform .7s ease 0s; }
.overlay>a>div{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-family: "Open Sans", serif;text-align:center;width:100%; }
.card_bar{clear:both;display:inline-block;width:40px;height:1px;background:#FFF;border-bottom:0px solid #FFF;margin:20px auto;}


#bannerZone{clear:both;position: relative; overflow: hidden; z-index:1; }
#bannerZone .bannerBox{display:inline-block;width:50%;margin:10px 0;padding:0;min-width:400px;padding:0;float:left;overflow:hidden;}
#bannerZone .bannerBox a{width:100%;display: inline-block;height:100%;margin:0;padding:0;}
#bannerZone .bannerBox a img{width:100%;}


#rd {clear:both;position: relative;padding-bottom:40px; overflow: hidden; z-index:1;background-image: linear-gradient(to bottom, #FFF 40%, #EFF3F5 20%);margin-top: 100px;margin-bottom: 50px}
#rd .rd_box{position: relative;width:385px;height:500px;border-radius:20px;background:#FFF;float:left;margin:20px 20px 20px 0;overflow:hidden;}
#rd .rd_box:last-child{margin-right:0;}
#rd .rd_box .rd_img{border-radius:20px;width:100%;}
#rd .rd_box:hover:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: inline-block;box-shadow: 0 0 0 3px #0174E0 inset;border-radius: 20px}
#rd .rd_zone{clear:both;position: relative; }
#rd .rd_txt{padding:20px;}
#rd .rd_txt .rd_txt01{color:#0174E0;}
#rd .recommend_icon{position: absolute;top:10px;left:10px;}


#communityZone {background-color: #eff3f5;margin-top: 50px;margin-bottom: 50px}
.communityZone_inner {position: relative;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;gap: 60px;flex-wrap: wrap;max-width: 1600px;padding: 100px 0}
.NewsZone{flex: 1 1 46%;}
.NewsTitle{display:inline-block;font-family: "play", serif;float:left;width:60%;}
.NewsMore{display:inline-block;float:right;width:30%;color:#222;text-align:right;}
.NewsArea{width:100%;float:left;}
.NewsArea ul{width:100%;float:left;border-top:2px solid #222;border-bottom:2px solid #222;padding-top:15px}
.NewsArea ul li{clear:both;float:left;padding:15px;width:100%;border-bottom:1px solid #D5D5D5;}
.NewsArea ul li:last-child{border-bottom:0px solid #D5D5D5;}
.bbsTitle{width:70%;float:left;}
.bbsTitle a{color:#222;float:left;}
.bbsDate{float:right;color:#666666;font-family:"play"}
.bbsContents{width:80%;clear:both;padding:15px 0;}

.InfoZone {display: flex;justify-content: center;align-items: center;flex-wrap:wrap;flex: 1 1 48%}
.Infobox {width: 100%;background: #fff;border-radius: 20px;margin: 10px auto;padding: 30px;display: flex;font-family: "play","Noto Sans KR"}
.InfoTitle {margin: 0;padding: 10px 50px 50px 30px;min-height: 100px;background: url(/img/info_icon01.png) no-repeat 33px 57%;flex-grow: 0}
.InfoArea {flex-grow: 1}
.InfoArea li{margin:10px;max-width:500px;}
.InfoArea li .InfoHead{display:inline-block;background:#31A8E4;color:#Fff;border-radius:20px;margin:0 15px;padding:5px 10px;width:120px;text-align:center;}
.InfoArea li:nth-child(2n) .InfoHead{background:#24C1E8}
.Infobox:nth-child(2) .InfoTitle{background:url(/img/info_icon02.png) no-repeat 33px 57%;}

#yg {clear:both;position: relative;overflow: hidden; z-index:1;margin:10px 0 50px}
.gallery_box{float: left;width: 25%;padding: 10px}
.gallery_box >  a {display: block;margin-bottom: 16px}
.gallery_box:last-child{margin-right:0;}
.gallery_box img{width:100%;}
.gallery_txt{width:100%;}
.gallery_txt01{color:#222;text-align:center;font-family: "play","Noto Sans KR"}
.gallery_txt02{color:#666;text-align:center;font-family: "play","Noto Sans KR";line-height: 12px}

#bottomImg {overflow: hidden; z-index:1;clear:both;position: relative;max-width:1600px;margin:100px auto}
.bottomZone {background:url(/img/bottom_bg.jpg) no-repeat 50% 50%;border-radius:20px;height:420px;font-family: "play","Noto Sans KR";text-align:center;display: flex; justify-content: center; align-items: center}
.bottomZone>div{clear:both;display:inline-block;}
.bottomTxt01{clear:both;display:inline-block;color:#FFF;width:100%;text-align:center;}
.bottomTxt02{clear:both;display:inline-block;color:#FFF;width:100%;text-align:center;font-weight:100}
.bottomIcons{clear:both;max-width:997px;margin:20px auto;width:100%;}
.bottomIcon{background:url(/img/icon_call.png) no-repeat 0 50%;padding-left:55px;float:left;width:auto;margin:30px;}
.bottomIcon:nth-child(2){background:url(/img/icon_email.png) no-repeat 0 50%;}
.bottomIcon:nth-child(3){background:url(/img/icon_us.png) no-repeat 0 50%;}
.bottomIcon p{clear:both;color:#FFF;text-align:left;}
.bottomIcon span{display:inline-block;color:#FFF;}

#bottomBanner{clear:both;position: relative;background:#3e3e3e;margin-top: 100px;}
.bottomBannerArea{clear:both;display: flex;justify-content: space-between;align-items: center;padding:20px;flex-wrap:wrap;max-width:1600px;margin:0 auto;}
.bottomBannerArea p{padding:10px;}

.sub_img{padding-top:170px;clear:both;background:url(/img/sub01.jpg) no-repeat 50% 50%; width:100%; height:400px;}
.sub_img.subCompany{background:url(/img/sub_company.jpg) no-repeat 50% 50%;}
.sub_img.subCommunity{background:url(/img/sub_community.jpg) no-repeat 50% 50%;}
.sub_img.subService{background:url(/img/sub_service.jpg) no-repeat 50% 50%;}
.sub_img.subMemberShip{background:url(/img/sub_membership.jpg) no-repeat 50% 50%;}
.sub_img.subReservation{background:url(/img/sub_reservation.jpg) no-repeat 50% 50%;}
.sub_img.subDivingShop{background:url(/img/sub_divingshop.jpg) no-repeat 50% 50%;}
.sub_img.subPolicy{background:url(/img/sub_policy.jpg) no-repeat 50% 50%;}
.sub_img .Title{font-size:36px;line-height:180%;color:#FFF;text-align:center;display:inline-block;width:100%;font-family: "Open Sans", "Noto Sans KR", serif;font-weight: 700;}
.sub_img .positionTxt{font-size:18px;color:#FFF;text-align:center;display:inline-block;width:100%;font-family: "Open Sans","Noto Sans KR",  serif;font-weight: 400;}

.dpCateList {display: flex;justify-content: flex-start;overflow-x: scroll;white-space: nowrap;scrollbar-width: none;scroll-behavior: smooth;position: relative;}
.dpCateList li{float:left;margin:5px 5px 5px 0 ;background:#EEEEEE;border-radius:25px;padding:10px 25px;}

.dpCateList li a{color:#666;font-size:18px;font-family: "Open Sans", serif; }
.dpCateList li.on {background:#0539df }
.dpCateList li.on a{color:#FFF;}
.dpCateList li .line {position:relative}
.dpCateList li .line:after {position: absolute;content: "";background-color: #b7b7b7;height: 13px;width: 1px;top: 7px;left: -1px}
.dpCateList li.on .line:after {background-color: rgba(255, 255, 255, 0.35)}

.mapArea{background:url(/img/map_img.jpg)no-repeat;background-size:cover;max-width:1600px;min-height:760px;}
.mapArea .pin{position: absolute;background:url(/img/mapPin.png) no-repeat 50% 100%;top:10%;height:99px;width:100px;}
.mapArea .pin .pin_coun{border-radius:10px 10px 0 0;background:#FFF;color:#A0A0A0;font-size:16px;width:100%;height:42px;padding:10px 0;text-align:center;border:1px  solid #8D8D8D;}
.mapArea .pin .pin_city{border-radius:0 0 10px 10px;background:#8D8D8D;color:#FFF;font-size:16px;width:100%;height:42px;padding:10px 0;text-align:center;}
.mapArea .on .pin_coun{border:0px  solid #0174E0;color:#466EED;}
.mapArea .on .pin_city{background:#466EED;}
.mapArea .active .pin_coun{border:2px  solid #0539DF;color:#0539DF;}
.mapArea .active .pin_city{background:#0539DF;}

#rd_sub {max-width:1600px;margin:0 auto;}
#rd_sub .rd_zone{display:flex;	justify-content:space-between;	gap:20px;flex-wrap: wrap; }
#rd_sub .rd_box{ position: relative;width:385px;border-radius:20px;border:1px solid #E0E0E0;margin:10px 0;}
#rd_sub .rd_box .rd_img{border-radius:20px;width:100%;}
#rd_sub .rd_box:hover{border:2px solid #0174E0;box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}
#rd_sub .rd_txt{padding:20px;}
#rd_sub .rd_txt .rd_txt01{color:#0174E0;}
#rd_sub .recommend_icon{position:absolute;top:15px;left:15px;}
#rd_sub .tag {background: #efefef;color: #626262;font-size: 12px;padding: 4px 10px;margin: 5px 5px 5px 0;display: inline-block;border-radius: 4px}

.area_tag_wrap {margin: 13px 18px 0;display: flex;justify-content: flex-start;overflow-x: scroll;white-space: nowrap;scrollbar-width: none;scroll-behavior: smooth;position: relative;gap: 5px}
.area_tag {font-size:16px;border: 1px solid #dbdbdb;padding: 5px 23px;border-radius: 18px;}
.area_tag.on {color: #0539df;font-weight: 600;border-color: #0539df}

.dpContentLo {padding-bottom:20px;margin: 0 auto; position: relative;max-width:1600px;}
.dpContentLo:after {display:block;visibility:hidden;clear:both;content:""}
.dpContentLo .TitleZone{max-width:500px;float:left;}
.dpContentLo .LoTitle{font-size:20px;font-weight:600;color:#0174E0;padding-bottom:20px;font-family: "Open Sans", serif;}
.dpContentLo .LoTitle span{font-weight:400;color:#BFBFBF;}
.dpContentLo .btnArea {float: right;margin-top: -58px}
.dpTag .tag{background:#E5E5E5;color:#626262;font-size:16px;padding:5px 10px;margin:5px 5px 5px 0;}
.dpName{font-weight:600;color:##222222;}
.dpSubTxt {font-size:20px;font-weight:400;}
.dpTag{float:right;}

.wl1600 .line {width: 100%;height: 1px;background-color: #D9D9D9;display: block;border: 0;clear: both}
.line_in {width: 100%;height: 1px;background-color: #D9D9D9;display: block;border: 0;clear: both}
.wl1600 {max-width: 1600px;margin: 0 auto}

.dpContentArea{clear:both;float:none;margin: 50px auto;position: relative;max-width: 1600px;padding:0;}
.dpContentTitle{font-size:26px;color:#222;font-family: "Open Sans","Noto Sans KR", serif;font-weight:600;padding-bottom:15px;}
.dpContentArea .dpConetntLeft{clear:both;position: relative;float:left;font-weight:200;font-family: "Open Sans","Noto Sans KR", serif}
.dpContentArea .dpConetntRight{color:#666666;min-width: 300px;}
.dpContentArea .dpConetntRight span{display:inline-block;padding:10px 0px 10px 40px;font-weight:600;width:200px;}
.dpContentArea .dpConetntRight > ul > li {border-bottom: 1px solid #d9d9d9}
.dpContentItem01{background:url(/img/dpContentItem01.png) no-repeat 0 50%}
.dpContentItem02{background:url(/img/dpContentItem02.png) no-repeat 0 50%;}
.dpContentItem03{background:url(/img/dpContentItem04.png) no-repeat 0 55%;}
.dpContentItem04{background:url(/img/dpContentItem03.png) no-repeat 0 55%;}
.flex_wrap {display: flex;justify-content: space-between;gap: 100px}

.dpMapArea{clear:both;float:none;margin:0 auto;position: relative;max-width: 1600px;padding:50px 0 0 0;}
.google-maps{ position: relative;  // This is the aspect ratio  height: 0; overflow: hidden;max-width:1600px;margin: 0 auto; }
.google-maps .map-canvas{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.g_map {width:100%;height:560px}

.dpPhotoBox{background:#F1F1F1;width:100%;max-width:1600px;margin: 50px auto;position: relative;}
.dpPhotoBox:after {display:block;visibility:hidden;clear:both;content:""}
.dpPhotoBox .mySwiper{width:100%;margin:10px auto;max-width:1200px;overflow:hidden;}swiper-button-next
.dpPhotoBox .mySwiper01{width:100%;margin-bottom:10px;max-width:1200px;overflow:hidden;}

.boxSwiper {max-width: 1600px; margin: 0 auto;padding:0; position: relative;overflow:hidden;}
.mySwiper .swiper-wrapper img{width:100%;height:80px;}
.mySwiper2 .swiper-slide img{width:100%;max-width:1200px;}
.boxSwiper .swiper-button-next{text-indent: -999em;margin-left: 5px;background: #333333 url(/img/swiper-button-next.png) no-repeat 21px center;width: 50px;height: 50px;border-radius: 50%}
.boxSwiper .swiper-button-prev{text-indent: -999em;margin-left: 5px;background: #333333 url(/img/swiper-button-prev.png) no-repeat 18px center;width: 50px;height: 50px;border-radius: 50%}


.mySwiper2 {height: 100%;width: 100%;	max-width:1200px;min-width:400px; }
.mySwiper02 {height: 80%;width: 75%;	max-width:1200px;min-width:400px; }
.mySwiper { width: 75%;height: 20%;box-sizing: border-box; padding: 10px 0;max-width:1200px;min-width:400px; }
.mySwiper .swiper-slide { text-align: center;padding:4px;font-size: 18px;background: #fff;	display: flex;justify-content: center;align-items: center; }
.mySwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;  }
.mySwiper .swiper-slide {	background-size: cover;	background-position: center;  }
.mySwiper .swiper-slide {opacity: 0.4; }
.mySwiper .swiper-slide-thumb-active { opacity: 1; }
.mySwiper .swiper-slide-thumb-active img { border:4px solid #49E4FF;  }
.mySwiper01 { width: 75%;height: 20%;box-sizing: border-box; padding: 10px 0;max-width:1200px;min-width:400px; }
.mySwiper01 .swiper-slide { text-align: center;padding:4px;font-size: 18px;background: #fff;	display: flex;justify-content: center;align-items: center; }
.mySwiper01 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;  }
.mySwiper01 .swiper-slide {	background-size: cover;	background-position: center;  }
.mySwiper01 .swiper-slide {opacity: 0.4; }
.mySwiper01 .swiper-slide-thumb-active { opacity: 1; }
.mySwiper01 .swiper-slide-thumb-active img { border:4px solid #49E4FF;  }

#ds_sub{clear:both;background:#F3F7F9;width:100%;padding:30px 0}
#ds_sub:after {display:block;visibility:hidden;clear:both;content:""}
.dsItemArea{margin: 0 auto;max-width: 1600px;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.dsItemBox{float:left;position: relative;background:#fff;border-radius:20px;padding:10px;flex: 1 1;}
.dsItemBox:after {display:block;visibility:hidden;clear:both;content:""}
.dsItemBox .imgBox {padding: 14px;width: 43%;display: flex;flex-direction: column;align-items: center;}
.dsItemBox .imgBox > img{border-radius:20px; display: block; width: 100%; height: 100%; object-fit: cover; }
.dsItemBox .contentBox{padding: 0 13px;margin:10px 0;width: 57%;}
.dsItemBox .contentBox ul li {clear:both}
.dsItemBox .contentBox ul li .v_text_list {font-size: 15px;color: #5b5b5b;display: flex;flex-direction: column;line-height: 26px}
.dsItemBox .contentBox ul li .v_text_list > p > span {    width: 77px;display: inline-block;font-weight: 600}
.dsItemBox .recommend_icon{position: absolute;top:30px;left:30px;}
.ds_txt01{color:#0174E0;font-family: "Open Sans", serif;}
.ds_txt02{color:#222;}
.ds_txt03{color:#626262;font-weight:400;}
.ds_txt04{color:#222222;font-weight:500;letter-spacing: -2px;}
.ds_txt04 span{display:inline-block;width:80px;}
.v_text_03 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 49px;margin: 2px 0 0;line-height: 23px;}
.dsItemBox .contentOption {display: flex;gap: 8px;padding: 5px 0 11px;}
.dsItemBox > a {display: flex;align-items: flex-start}
.OptionIcon{width: 50px;height: 50px;/* background:#F5F5F5; */border-radius:50%;display: flex;justify-content: center;align-items: center;border: 1px solid #e1e1e1;}
.OptionIcon img{filter: invert(69%) sepia(4%) saturate(22%) hue-rotate(317deg) brightness(90%) contrast(84%);}
.OptionIcon.on{background: #fff;border-color: #76aaff;}
.OptionIcon.on img{filter: invert(30%) sepia(85%) saturate(4096%) hue-rotate(196deg) brightness(97%) contrast(99%);}

.starArea{clear:both;margin-top:20%;position:absolute; bottom:20px;}
.contentOption .starZone{float:left;display:inline-block;line-height:50px;padding-right:80px;width:80px;}
.btnArea{width:100%;text-align:right;margin-top: 13px;}
.btnArea01{right:20px;position:absolute; bottom:20px;}
.priceBtn{background:#FF1E57;color:#fff;font-weight:700;border-radius: 5px;padding: 14px 31px;border:0;min-width:200px;font-size: 16px;}

.dsContentArea{clear:both;position: relative;max-width:1600px;margin:0 auto;font-family: "Open Sans","Noto Sans KR", serif;font-weight:300;}
.dsContentTitle{clear:both;position: relative;text-align:center;max-width:1600px;margin:0 auto;font-family: "Open Sans", serif;font-weight:600;}
.dsContentTab{clear:both;position: relative;max-width:1600px;margin:0 auto;}
.dsContentTab ul.tabs04 { display:flex;text-align: center; font-size: 0; margin:0 auto;justify-content: center;align-items: stretch;flex-wrap:nowrap;}
.dsContentTab ul.tabs04 li {display: inline-block;  width: 25%;padding:20px 10px; line-height: 40px;  color:#636E7C; background: #ECF0F3; border: 1px solid #DADEE1;cursor:pointer;line-height: 21px}
.dsContentTab ul.tabs04 li:hover { position: relative; background: #61aff1; border: 1px solid #DADEE1; color:#fff; }
.dsContentTab ul.tabs04 li.current { background: #2D94EA; color: #FFF; }
.dsContentTab ul.tabs05 { display:flex;text-align: center; font-size: 0; margin:0 auto;justify-content: center;align-items: stretch;flex-wrap:nowrap;}
.dsContentTab ul.tabs05 li {display: inline-block;  width: 20%;padding:20px 10px; line-height: 40px; margin-left: -1px; color:#636E7C; background: #ECF0F3; border: 1px solid #DADEE1;cursor:pointer;}
.dsContentTab ul.tabs05 li:hover { position: relative; background: #2D94EA; border: 1px solid #DADEE1; color:#fff; }
.dsContentTab ul.tabs05 li.current { background: #2D94EA; color: #FFF; }
.dsContentTab .tab-content { clear:both;margin:0 auto; display: none;  background: #fff;  padding: 30px; border: 1px solid #DADEE1; border-top: 0px solid #DADEE1; width : calc(100% - 1px) ; }
.dsContentTab .tab-content:before {content:'';}
.dsContentTab .tab-content.current {  display: inline-block;}

.companyTab ul.tabs { display: flex;text-align: center;align-items: stretch;width: 100%}
.companyTab ul.tabs li {display: table-cell;width: 33.3%;padding: 20px 10px;color: #636E7C;background: #ECF0F3;border: 1px solid #DADEE1;cursor: pointer;vertical-align: middle}
.companyTab ul.tabs li:hover { position: relative; background: #61aff1; border: 1px solid #DADEE1; color:#fff; }
.companyTab ul.tabs li.current { background: #2D94EA; color: #FFF; }
.companyTab .tab-content { clear:both;margin:0 auto;margin-left:-2px; display: none;  background: #fff;  padding: 30px; border: 1px solid #DADEE1; border-top: 0px solid #DADEE1; width : calc(100% - 1px) ; }
.companyTab .tab-content:before {content:'';}
.companyTab .tab-content.current {  display: inline-block;}


.dsOption{border-bottom: 1px solid #D9D9D9;display: flex;justify-content: center;align-items: center;padding-bottom: 100px;flex-wrap: wrap;text-align: center}
.dsOptionIcon{width: 100px;text-align: center;margin-bottom: 15px}
.dsOptionIcon .img_icon {width: 80px;height: 80px;display: inline-block;border: 1px solid #0174e0;border-radius: 50%;text-align: center;line-height: 70px}
.dsOptionIcon .text_wrap {text-align: center;font-size: 15px;color: #0174e0;margin-top: 5px;white-space: nowrap}
.dsPriceArea{clear:both;position: relative;max-width:1600px;width:100%;border-bottom:1px solid #D9D9D9;margin:0 auto;}
.dsPriceZone{clear:both;position: relative;max-width:1380px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;padding-bottom:100px;flex-wrap:wrap;}
.dsPriceBox{position: relative;padding:20px;max-width:680px;width:100%;background:#F2F4FA;border-radius:20px;display: flex;align-items: center;justify-content: space-between;margin:10px 0;}
.dsPriceBox .dsPriceImg{border-radius:20px;width:30%;}
.dsPriceBox .dsPriceImg img{width:100%;max-width:202px;}
.dsPriceBox .dsPriceIcon{position:absolute; bottom:20px;right:20px;max-width:100px;}
.dsPriceBox .dsPriceIcon img{width:100%;max-width:100px;}
.dsPriceBox ul{width:65%;}
.dsPriceTitle{line-height:250%;color:#000;}
.dsPricePer{line-height:150%;color:#A2A9C1;}
.dsPrice{line-height:150%;color:#0174E0;}

.dsLocationArea{clear:both;position: relative;max-width:1380px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;padding-bottom:50px;flex-wrap:wrap;}
.dsLocationMap{position: relative;max-width:650px;max-height:420px;min-width:350px;margin:20px;}
.dsLocationContent{max-width:650px;padding:20px;width:100%;}
.dsLocationContent p{color:#0174E0;padding:20px 0;}
.dsLocationContent span{color:#5C5C5C;font-weight:400}

.copyArea{clear:both;position: relative;background:#222222;padding:15px;display: flex;justify-content: center;align-items: center;flex-wrap:wrap;font-family: 'Play';letter-spacing: -0.4px;}
.copyZone{position: relative;border-bottom: 1px solid #444444;max-width: 1600px;margin: 0 auto;padding-bottom: 15px;width: 100%}
.copyLogo{float:left;max-width:600px;margin:0 80px;}
.copyMenu{max-width: 600px;text-align: center;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center}
.copyMenu a{margin:10px 0;float:left;color:#fff;border-right:1px solid #444;line-height:100%;padding:0 20px;}
.copyMenu a:last-child{border-right:0px;}
.copyTxts{clear:both;position: relative;width:100%;color:#fff;float:left;padding:40px 0;margin:0 auto;max-width:1200px;}
.copyCompanyName{padding:0 0 20px 0;width:100%;}
.copyCompanyInfo p{float:left;padding:0 15px 0 0;color:#FFF;line-height:200%;}
.copyCompanyInfo p:first-child{clear:both;}
.copyCompanyInfo span{padding:0 10px 0 0;color:#878787;}
.copyCompanySns{clear:both;position: relative;margin:0 auto;padding:20px 0;}
.copyCompanySns ul{clear:both;margin:0 auto;}
.copyCompanySns li{float:left;padding:5px;}
.copyBottom{clear:both;position: relative;color:#fff;padding:30px 0;margin:0 auto;max-width:1600px;width:100%;text-align:center;border-top:1px solid #444444;}
.circleBoxZone{ display: inline-block; padding-bottom:50px;}
.circleBoxZone li{ padding-bottom:50px;margin-top:-10px;}
.circleBoxZone:after{display:block;visibility:hidden;clear:both;content:"";}
.circleBox{clear:both;width:160px;height:160px;background:#F3F3F3;margin-right:30px;font-weight:500;display: flex;text-align:center;justify-content: center;align-items: center;border-radius: 50%;border:1px solid #F3F3F3;float:left;color:#9E9E9E;}
.price_zone {margin-top:-20px;max-width:1000px;}
.price_zone span{display:inline-block;padding:5px 10px;}
.price_zone span:first-child{padding-left:0px;}
.circleBox.on{border:1px solid #0174E0;background:#FFF;color:#0174E0;}
.circleBoxTxt{clear:both;position: relative;padding:10px 0 0 20px;color:#A2A2A2;font-weight:400;}
.circleBoxTxt.on{color:#000000;}
.circleBoxZone:last-child{height:120px;}
.circleTag{background:#EFEFEF}

.btnZone{clear:both;float:left;text-align:left;position: relative;width:100%;margin:0 auto;}
.gotoBack{color: #ffffff;background: #0539DF;border-radius: 6px;padding: 10px 30px;float: left;font-size: 16px;border: 0;line-height: 1.63}

.modal_bg {display: none;width: 100%;height: 100%;position: fixed; top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.6);z-index: 999; }
.modal_wrap {display: none;position: fixed; top: 50%;left: 50%;transform:translate(-50%,-50%);width: 95%;height: 95%;border-radius:20px;background: #fff;z-index: 1000; }
.modal_content{overflow-y: scroll;width:100%;height:90%;}
.modal_wrap .modal_close {float:right;	display: block; width: 50px;height: 50px;margin:10px; line-height: 50px;background:url(/img/close.jpg) no-repeat 50% 50%;font-size:0;text-align: center; box-sizing: border-box; border:0;color: #fff;}

.reserDiv {max-width: 1600px;margin: 0 auto}
.reserDiv ul {clear:both;display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;gap: 10px;position: relative;background: #F7F7F7;padding: 20px 19px;border-radius: 20px;}
.reserDiv ul li {height: 253px;width: 25%;background:#FFF;border-radius:20px;padding: 37px;flex: 1 1 0;}
.reserDiv ul li:first-child{background:#F7F7F7;font-weight:700}
.reserDiv ul li:nth-child(2){background:url(/img/icon_tel.png)  #FFFFFF no-repeat 85% 85%;}
.reserDiv ul li:nth-child(3){background:url(/img/icon_kakao.png) #FFFFFF no-repeat 85% 85%;}
.reserDiv ul li:nth-child(4){background:url(/img/icon_mail.png) #FFFFFF no-repeat 85% 85%;}
.reserDiv ul li p {font-weight:700;font-family: "Open Sans", serif;}
.reserDiv ul li p span{font-weight:400;font-family: "Open Sans", serif;}
.reserDiv ul li p.title_txt {font-size: 19px}
.reserDiv ul li p.txt {font-size: 24px;line-height: 26px;margin-top: 8px}


.bankDiv{clear:both;position: relative;background:#F7F7F7;padding:20px;border-radius: 20px;}
.bankDiv .bankTitle{clear:both;width:30%;float:left;padding:50px 60px;font-weight:700}
.bankDiv ul{float:left;background:#FFF;display: flex;justify-content: space-between;align-items: baseline;flex-wrap:wrap;max-width:1600px;padding:10px 50px;border-radius:20px;}
.bankDiv ul li{padding:50px 105px;}
.bankDiv ul li p{font-weight:700;line-height:200%;}
.bankDiv ul li p span{font-weight:400;}
.bankDiv:after {display:block;visibility:hidden;clear:both;content:""}
.banner-container {display: flex;overflow: hidden;justify-content: center;}
.banner-wrapper {display: flex;width: max-content;gap: 31px;}
.banner {display: flex;align-items: center;justify-content: center;margin: 22px 0;}
.banner > a > img {height: 55px}
/*툴팁 */
#tooltip {text-align: left;border:1px solid #0174E0;color: #0174E0;background: #F2F9FF;position: absolute;z-index: 100;padding: 10px;border-radius:8px;font-size:14px; }
#tooltip.right::after {right: 10px;left: auto;margin: 0;}

.company_logo_zone {margin:50px 0 ;display:inline-block;width:100%;text-align:center; }
.company_logo_zone img{width:50%;max-width:400px;min-width:200px;}

.about_us {max-width: 1300px;margin: 0 auto;display: flex;gap: 70px;}
.about_us .line_in {margin-bottom: 30px;}
.about_us .img_zone {flex: 1 1 40%}
.about_us .img_zone img{width: 100%;border-radius: 20px}
.about_us .txt_zone {flex: 1 1 60%;font-size: 18px;padding-top: 60px;}
.about_us .txt_zone p {display: block;font-size: 28px;margin-bottom: 30px;color: #1b1b1b}

.link_wrap {max-width: 1600px;margin: 0 auto;padding: 60px 0;}
.link_wrap_inner {display: flex;justify-content: space-between;gap: 56px;}
.link_wrap_swiper {width: 33%;flex: 0 1;}
.link_wrap_banner {width: 67%;}

.link_wrap .swiper {/* width: 100%; *//* position: relative; *//* border-radius: 20px; *//* overflow: hidden; *//* background: #fff; *//* box-shadow: 0 4px 12px rgba(0,0,0,0.1); */}
.link_wrap .swiper-slide {display: flex;justify-content: center;align-items: center;font-size: 24px;font-weight: bold;/* background-color: #ddd; */}
.link_wrap .swiper-controls {position: static;margin: 6px auto 0;display: flex;justify-content: center;align-items: center;gap: 16px;padding: 6px 14px;border-radius: 12px;color: white;width: fit-content;color: #1b1b1b;}
.link_wrap .swiper-pagination-info {font-size: 16px;}
.link_wrap .swiper-button-prev, .link_wrap .swiper-button-next {position: static;width: auto;height: auto;color: white;font-size: 20px;margin: 0;cursor: pointer;color: #1b1b1b;}
.link_wrap .swiper-button-prev::after {content: "←"; font-size: 20px;}
.link_wrap .swiper-button-next::after {content: "→"; font-size: 20px;}
.swiper-button-prev {background:none}
.swiper-button-next {background:none}
.link_wrap_swiper .swiper-slide a {display:block;overflow: hidden;border-radius: 20px;}
.link_wrap_swiper .swiper-slide img {width: 100%;}

.webtong_gallery03 {display: flex;gap: 30px;}
.webtong_gallery03 .card_wrap {flex: 1 1 0}
.webtong_gallery03 .card_wrap a {position:relative;display: block}
.webtong_gallery03 .card_wrap a span {display: block;position:relative;padding-top: 118%;overflow: hidden;border-radius: 20px;}
.webtong_gallery03 .card_wrap a span img {width: 100%;position: absolute;top: 0;transition: all 0.5s}
.webtong_gallery03 .card_wrap a:hover span img, .webtong_gallery03 .card_wrap a:focus span img {transform: scale(1.2)}
.webtong_gallery03 .card_wrap a em {position: absolute;top: 50%;display: inline-block;width: 100px;height: 100px;left: 50%;border: 3px solid rgb(255 255 255 / 30%);padding: 12%;border-radius: 50%;transform: translate(-50%,-50%);}
.webtong_gallery03 .card_wrap a em img {width: 50%;position: absolute;top: 0;left: 0;transform: translate(50%, 50%)}
.webtong_gallery03 .card_wrap a p {position: absolute;bottom: 32px;font-size: 24px;font-weight: 600;color: #fff;left: 0;width: 100%;text-align: center}
.webtong_gallery03 .card_wrap a:hover p {color:#6ac5fd}

.bo_cate ul {zoom:1}
.bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
.bo_cate li {display:inline-block;padding:2px}
.bo_cate li a#bo_cate_on {text-decoration:none;background:#3a8afd;color:#fff}

.bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
.bo_cate a:focus, .bo_cate a:hover, .bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
.bo_cate .bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

.galleryZone {margin-top:50px}
#rd .rd_zone {margin-top:50px}
.card_zone {margin-top:50px}

.nanum-pen-script-regular {margin-top: 21px}
.nanum-pen-script-regular .v_m {display:none}
.cate_div {margin-bottom: 10px;}


@media screen and (max-width: 1600px){
	#communityZone {padding:0 1.5%}
	#rd_sub .rd_zone  {padding:0 1.5%;gap: 15px;}
	#rd_sub .rd_box {width: 32%}
	.dsItemArea {padding:0 1.5%}
	.wl1600 {padding:0 1.5%}
	.reserDiv {padding:0 1.5%}
	.link_wrap {padding:2% 1.5%}
	#rd_sub,.dpContentLo, .dpContentArea, .dpMapArea, .dsContentArea, .dsContentArea, .dsPriceArea, #bottomImg {padding: 0 1.5%}
	.bankDiv .bankTitle {float:none}
	.bankDiv ul {float:none}
	.w1600 {padding: 0 1.5%}
	#mv .mv_list .visual {background-size: cover}
}

@media screen and (max-width: 1366px) {
	#dp {margin-top: 30px;    margin-bottom: 10px}
	#rd  {margin-top: 50px;margin-bottom: 30px}
	.txt46 {font-size: 35px}
	.sectionTitle {margin-bottom: 10px}
	#rd .rd_zone {margin-top: 40px}
	#communityZone {margin-top: 20px}
	.communityZone_inner {padding: 50px 0}
	#bottomImg {margin: 20px auto}
	.bottomZone {height: 320px;margin-top: 10px}
	.copyTxts {padding: 20px 0}
	#bottomBanner {margin-top: 50px;}
}

@media screen and (max-width: 1358px) {
	#mv .mv_list0 .visual {background: url('/img/main01_m.png')  no-repeat center;}
	#mv .mv_list1 .visual {background: url('/img/main02_m.png')  no-repeat center;}
	#mv .mv_list2 .visual {background: url('/img/main03_m.png')  no-repeat center;}
	#mv .mv_list .visual { height: auto}
}

@media screen and (max-width: 1300px){
	.InfoTitle {padding: 20px 26px 50px 30px}
	.reserDiv ul li p.title_txt {font-size: 17px}
	.reserDiv ul li p.txt {font-size: 20px;}
	.main_txt img {width: 266px}
	.nanum-pen-script-regular img {width: 780px}
}

@media screen and (max-width: 1200px){
	.dpContentArea .dpConetntLeft {}
	.dpContentArea .dpConetntRight {}
	.dpTag{float:left;padding:20px 0;}
	.dpContentLo {padding-bottom:40px;}
	.OptionIcon{float:left;margin:5px 2px;}
	.starArea{padding:20px;position:relative;}
	.contentOption .starZone{padding-right:20px;line-height:40px;}
	.card{width:48%;margin:1%;max-width: none;}
	.dsPriceBox .dsPriceIcon{width:70px;}
	.dsContentTab ul.tabs li{line-height:100%;padding:10px 5px}
	.gallery_box{width:50%}

	.InfoZone {gap: 20px;}
	.Infobox{flex: 1 1 48%;}
	.InfoTitle {margin: 0;padding: 10px 0 0;background: url(/img/info_icon01.png) no-repeat 0 44%;width: 100px}
	.InfoArea{clear:both;width:100%;float:left;margin:0;padding:0;}
	.InfoArea li{margin:10px 0;}
	.Infobox:nth-child(2) .InfoTitle{background:url(/img/info_icon02.png) no-repeat  0 44%;}
	.NewsZone{margin:15px;}

	.bankDiv .bankTitle{clear:both;width:100%;float:left;padding:30px 60px;font-weight:700}
	.bankDiv{margin:20px;}
	.bankDiv ul li{padding:20px;}
	.banner-container {margin: 0 1.5%;}
	.dsItemArea {flex-direction: column;}
	.reserDiv ul li:first-child {width: 100%;flex: 1 1 100%;height: 90px}
	.reserDiv ul li {width: 33.33333%}
}
@media screen and (max-width: 1100px) {
	.about_us {gap: 48px}
	.about_us .txt_zone {font-size: 16px;padding-top: 10px;}
	.about_us .txt_zone p {font-size: 23px;}
	.webtong_gallery03 .card_wrap a em {width: 70px;height: 70px}
	.webtong_gallery03 .card_wrap a p {bottom: 20px;font-size: 18px}
	.link_wrap_inner {gap: 30px}
	.webtong_gallery03 {gap: 15px}
	.galleryZone {margin-top:20px}
	#rd .rd_zone {margin-top:10px}
	.card_zone {margin-top:20px}
}
@media screen and (max-width: 980px) {
	#dp {margin-top: 20px;margin-bottom: 0}
	#rd {margin-top: 20px;margin-bottom: 0}
	.link_wrap {padding: 4% 1.5%}
	#communityZone {margin-top: 0;margin-bottom: 0}
	.communityZone_inner {padding: 20px 0;gap: 30px;}
	.InfoZone {gap: 10px}
	.sectionTitle {margin-bottom: 10px;}
	#bottomImg {margin: 0;}
	.bottomZone {margin-top: 0;height: auto;padding: 46px 30px}
	.bottomIcon {margin: 14px 30px}
	.tnb_admin {display:none  !important}
}
@media screen and (max-width: 860px) {
	.about_us {gap: 48px}
	.about_us .txt_zone {font-size: 16px;}
	.about_us .txt_zone p {font-size: 19px;margin-bottom: 20px;}
	.about_us .line_in {margin-bottom: 20px;}
	.nanum-pen-script-regular .v_pc {display:none}
	.nanum-pen-script-regular .v_m {display:inline-block;width: 409px}
}
@media screen and (max-width: 820px) {
	.link_wrap_inner {flex-direction: column}
	.link_wrap_swiper {width: 100%}
	.link_wrap_banner {width: 100%}
}
@media screen and (max-width: 780px) {
	.nanum-pen-script-regular .v_m {display:inline-block;width: 309px}
}
@media screen and (max-width: 744px) {
	.about_us {flex-direction: column;gap: 0}
	.about_us .txt_zone {padding: 10% 2%}
	.about_us .txt_zone p {font-size: 18px}
	.br_none {display:none}
}
@media screen and (max-width: 1050px){
	.Infobox {flex: 1 1 100%;}
	.txt46 {font-size: 25px;}
	#communityZone {gap: 32px;}
	.bottomZone {margin-top: 10px}
	#bottomImg {margin: 0 auto}
}
@media screen and (max-width: 980px){
	.copyLogo {float: none;width: 100%;text-align: center; max-width: none;margin: 0}
	.copyLogo img {width: 120px}
	.v_title {font-size: 18px;font-weight: 500;margin: 17px 0 10px}
}	
@media screen and (max-width: 805px){
	#rd_sub .rd_zone  {gap: 13px;}
	#rd_sub .rd_box {width: 32%}
	.contentBox .btnArea .priceBtn {}
	.flex_wrap {flex-direction: column;gap: 50px;}
	.dpContentArea .dpConetntLeft {}
	.dpContentArea .dpConetntRight {}
	.reserDiv ul{width:100%;display:inline-block;}
	.reserDiv ul li:first-child {height: 70px}
	
	.reserDiv ul li {clear:both;width:100%;height:auto;background:#FFF;border-radius:20px;padding:20px;margin:10px 0;}
	.reserDiv ul li:nth-child(2) {background: url(/img/icon_tel.png) #FFFFFF no-repeat 94% center / 36px}
	.reserDiv ul li:nth-child(3) {background: url(/img/icon_kakao.png) #FFFFFF no-repeat 94% center / 36px}
	.reserDiv ul li:nth-child(4) {background: url(/img/icon_mail.png) #FFFFFF no-repeat 94% center / 36px}
	#rd .rd_box {float: none;margin: 20px auto}
	#rd .rd_box:last-child {margin: 20px auto}
	.sectionTitle {margin-bottom: 0;background: url(/img/title_line.png) no-repeat 50% 82%}
}
@media screen and (max-width: 700px){
	#rd_sub .rd_zone  {gap: 12px;}
	#rd_sub .rd_box {width: 48%}
}
@media screen and (max-width: 640px){
	.bottomBannerArea p a img {height: 46px;}
	.dsItemBox > a {flex-wrap: wrap;}
	.dsItemBox .imgBox {width: 100%}
	.dsItemBox .contentBox {width: 100%}
	.dpContentLo {padding-bottom: 17px}
	.dpContentLo .TitleZone {float: none;}
	.dpContentLo .btnArea {float: none;margin-top: 35px;text-align: center;}
	.reserDiv ul li:first-child {height: 34px;margin: 0;padding: 6px;font-size: 18px}
	.bankDiv ul li {padding: 10px}
	.slick-arrow {display:none !important}
	.gallery_box{padding: 10px 5px}
}
@media all and (max-width:570px){
	.bottomTxt01.txt40 {font-size: 25px  !important}
	.bottomTxt02.txt24 {font-size: 16px  !important}
	.bottomIcon {float:none}
	.bottomZone {padding: 40px 25px}
	.bottomIcon {padding-left: 45px}
	.bottomIcon p {line-height: 11px}
	.bottomIcon {background-size: 35px;}
	.bottomIcon:nth-child(2) {background-size: 35px;}
	.bottomIcon:nth-child(3) {background-size: 35px;}
	.bottomIcon {margin: 34px 30px}
}
@media all and (max-width:530px){
	.Infobox {flex-wrap: wrap}
	.InfoTitle {width: 100%;background: url(/img/info_icon01.png) no-repeat right 9%;background-size: 32px;min-height: 44px;}
	.Infobox:nth-child(2) .InfoTitle {background: url(/img/info_icon02.png) no-repeat right 70%;background-size: 32px}
	.InfoArea li .InfoHead {margin: 0 15px 0 0}
	.webtong_gallery03 {gap: 10px}
	.webtong_gallery03 .card_wrap a p {bottom: 15px;font-size: 15px}
	.webtong_gallery03 .card_wrap a em {width: 50px;height: 50px}
	.sub_img {height: 250px;padding-top: 130px}
	.sub_img .Title {font-size: 25px;line-height: 31px;}
	.sub_img .positionTxt {font-size: 15px;}
}
@media all and (max-width:500px){
	#mv .mv_list .txt_wrap {padding: 24% 0}
	#rd_sub .rd_box{flex:100%;height:auto}
	#rd .rd_box{width:100%;height:auto}
	.google-maps { padding-bottom: 0;  }
	.dsPriceBox .dsPriceIcon{width:70px;}
	.dsOptionIcon {width: 76px}
	.dsOptionIcon .img_icon {width: 55px;height: 55px;line-height: 50px}
	.dsOptionIcon img{width: 30px;}
	.dsOptionIcon .text_wrap {font-size: 14px;}
	.copyMenu a{margin:10px 0;float:left;color:#fff;border-right:1px solid #444;line-height:100%;padding:0 10px;}
	.copyLogo{float:left;max-width:600px;padding-bottom:20px;}
	.dsContentTab ul.tabs li{word-wrap: break-word;}
	.dsPriceBox{max-width:90%;}
	.bottomIcon{clear:both;margin:30px 20px;}
	#mv .visual_box{max-width:350px;padding:15px;}
	#mv .visual_box>div{padding:0 10px;}
	.dsItemBox .contentBox{padding:10px;margin:10px 0;}
	.contentOption{margin:0;}
	.dpTag{clear:both;}

	.main_txt img{width:30%;left:0;margin-left:0px;text-align:center;}
	.copyLogo{float:left;max-width:600px;margin:0 auto;}
	.circleBoxTxt{padding:0 0 ;}
	.circleBoxZone{width:100%;height:auto;}
	.circleBoxZone li{clear:both;}
	.copyLogo{float:none;width:100%;text-align:center;}
	.circleBox{clear:both;width:100%;height:40px;float:left;border-radius:5px;margin:10px 0}
	#mv .Vector{position: absolute; bottom:-4px;  z-index: 3; text-align:center;width:100%;overflow: hidden;}
	.btnArea{clear:both;margin-top:20px;}

	ul.tabs li {font-size: 15px}

	.bankDiv{padding:10px;}
	.bankDiv .bankTitle{padding:20px;}
	.bankDiv ul {width: 100%;display: block;background: none;padding: 10px}
	.bankDiv ul li{clear:both;float:left;padding:20px;background:#FFF;width:100%; border-radius:20px;margin:5px 0}
	.bankDiv ul li p{float:left;}
	.bankDiv ul li p span{display:inline-block;padding:0 10px;}
	
	.bottomTxt01.txt40 {font-size: 20px !important}
	.bottomBannerArea p a img {height: 36px;}
	.copyLogo img {width: 100px;}
	.sectionTitle.txt46 {font-size: 20px;}
	.g_map {height:260px}
	.sectionTitle {padding: 0 10px 10px 10px}
	.btnArea {}
	.contentBox .btnArea .priceBtn {width:100%}
	.card {height: 180px}
	.communityZone_inner {padding: 10px 0;gap: 0}
	.Infobox {padding: 20px}
	.nanum-pen-script-regular .v_m {width: 250px}
	
	#dp {margin-top: 40px}
	#rd {margin-top: 40px;padding-bottom: 0}
	.NewsArea ul li {padding: 0 10px}
	.bbsContents {padding: 10px 0}
	#yg {margin:50px 0 20px}
	.link_wrap_inner {gap: 10px}
	.Infobox {margin: 5px auto}
	.banner > a > img {height:30px}
}
@media (max-width: 486px) {
	.priceBtn {min-width: 100%}
}