@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
	@font-face {
    font-family: 'MinSans-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	a{text-decoration:none}

	body,html{font-family: 'Noto Sans KR', sans-serif !important;width:100%;overflow-x:hidden}
	::selection{background:#000;color:#fff}
	:root{--main-color:#61B0FF;;--bs-mainDark-color:#0B4438;--bs-lightG-color:#f7f7f7;--bs-op5W-color:rgba(255,255,255,.5);--ban-text:60px;--normal-text:24px;--subBan-text:20px;;--menu-text:17px;--title-text:40px;--menu-title:35px;--sub-text:20px;--mini-title:18px;--info-text:16px;--small-text:14px}
	*{box-sizing:border-box;}
	


	@media(min-width:1400px){
		.container{max-width:1180px;}
	}

	@media(max-width:1400px){
		.navbar .navbar-collapse{margin-left:30px}
		.text-box{width:100% !important}
	}

	@media(max-width:1280px){
		.navbar{padding:15px 20px !important}
		.navbar .navbar-nav .nav-item a{font-size:16px}
		.navbar .navbar-brand img{height:40px}
		.intro-wrap{display:block !important;}
		.main-wrap .intro-wrap .con-img-wrap{width:100%;height:600px}
		.contact-box{width:100% !important}
	}
	
	@media(max-width:996px){
		:root{;--ban-text:40px;--normal-text:20px;--subBan-text:18px;;--menu-text:15px;--title-text:30px;--menu-title:25px;--sub-text:18px;--mini-title:16px;--info-text:14px;--small-text:12px}
		.navbar{background-color:#fff !important;}
		.navbar .mo-view{background-color:#f1f2f7 !important;}
		.navbar .navbar-nav .nav-item a{color:#000 !important;}
		.navbar .log-btn{display:none}
		.navbar-toggler{border:1px solid #000}
		.navbar-toggler i{color:#fff;padding:5px;color:#000}
		.navbar .navbar-nav{gap:10px}
		.navbar .navbar-collapse{margin-left:0 !important;margin-top:15px}
		.title-sub{margin-top:15px !important}
		.main-wrap .vision-wrap .vision-con img{height:200px}
		.main-wrap .info-box{padding:30px }
		.main-wrap .vision-wrap{padding-top:30px}
		.vision-wrap .col-md-4{margin-bottom:30px}
		.main-wrap .intro-wrap .con-img-wrap{height:400px !important}
		.intro-wrap .con-text-wrap{position:relative !important;width:90% !important;left:10%;margin-top:-200px;padding:45px !important}
		.con-wrap{width:100%;;padding:30px 20px !important;}
		.con-wrap .textarea-box .textarea{min-height:150px}
		.map-wrap .flex-box{display:block }
		.map-wrap .contact-box .flex-box .inp-wrap{width:100%}
		.map-wrap .lineW-btn{width:100%}
		.map-wrap .line-inp{height:35px}
		.flex-box .inp-wrap:last-child{margin-top:20px}
		.navbar .navbar-brand img{height:30px !important}


		.starSwiper{display:none}
		.starSwiper-mobile{display:block !important}
		.starSwiper-mobile .swiper-slide{width:100% !Important;margin:0}
		.starSwiper .swiper-slide div p{font-size:14px}
		#map{height:350px !important}

		.menu-wrap .menu-bak{margin-bottom:30px}
	}

	@media(max-width:768px){
		.con-wrap .f-con{float:none;width:100%;margin-bottom:30px}
		.footer-info .container{flex-direction:column-reverse;}
		.footer-info .container div{width:100% !important;padding:0 20px}
		.footer-info .container .call-wrap{margin-bottom:20px}
		.footer-info .container .call-wrap div{padding:0}
		.footer-top .left a{font-size:12px}
		.btn{padding:10px 0}
	}

	@media(max-width:450px){
		footer .footer-top .sns-icon{width:30px;height:30px;line-height:30px;font-size:16px}
	}
	

	
	
	/* header */
	.navbar{padding:15px 150px;transition:0.3s all;}
	.navbar-nav{gap:40px}
	.navbar-nav .nav-item a{font-size:var(--menu-text);color:#fff;font-weight:500}
	.navbar-collapse{margin-left:150px}
	.navbar-brand img{height:40px;object-fit:cover}
	.log-btn{background-color:rgba(255,255,255,.5);border-radius:30px;display:flex;padding:10px 10px}
	.log-btn .btn{font-size:var(--small-text);padding:0 10px;height:20px;line-height:20px;color:#000;border-radius:0}
	.log-btn .btn:last-child{border-left:1px solid gray;}

	.navRe .nav-item a{color:#000 !important}
	.navRe .log-btn{background-color:#f7f7f7}
	.navRe{background-color:#fff !important;box-shadow:rgb(188 188 188 / 10%) 0 3px 5px}


	
	/* 공통css */
	.top30{margin-top:30px}
	.bot10{margin-bottom:10px}
	.bot0{margin-bottom:0px !important}
	.top0{margin-top:0 !important;}
	.inp{border:1px solid #ddd;padding:10px 15px}
	.normal-btn{background-color:#fff;color:#000;border:1px solid #000}
	.btn-on:hover{color:#fff}
	.bakG{background-color:var(--bs-lightG-color)}
	.title{font-size:var(--title-text);font-weight:700}
	.title-sub{font-size:var(--sub-text);font-weight:400;margin-top:20px;opacity:0.8}
	.info-title{font-size:var(--sub-text);font-weight:700}
	.menu-title{font-size:var(--menu-title);font-weight:700}
	.info-text{font-size:var(--info-text);font-weight:400;margin-top:15px;line-height:1.4}
	.btn{padding:10px 15px;font-size:var(--info-text);line-height:35px;outline:0;box-sizing:border-box}
	.info-box{padding:30px 50px;word-break:keep-all;}
	.ban-title{font-size:var(--ban-text);}
	.ban-title-sub{font-size:var(--subBan-text);}
	.bot50{margin-bottom:50px}
	.line-btn{border:1px solid #fff;}

	.main-ban{width:100%;height:100%;}
	.main-ban .line-btn{color:#fff;border-radius:0;margin-top:20px;width:150px;line-height:25px !important}
	.main-ban .line-btn i{margin-left:10px}
	.ban-wrap{background-image: url("/img/pet-banner.png");;background-size:cover;background-position:center bottom;width:100%;min-height:100vh;color:#fff;position:relative;}
	.ban-wrap .ban-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;padding:0 20px}

	.ban-wrap .ban-text .ban-title{line-height:1.2;margin-bottom:15px;font-weight:bolder}
	.ban-wrap .ban-text .ban-title-sub{line-height:1.5;font-weight:400;opacity:0.8}
	
	.con-wrap{width:100%;;padding:50px 0;}
	.con-text-wrap .title{margin-bottom:30px}
	.intro-wrap{position:relative;width:100%;height:100%;display:flex;}
	.intro-wrap .con-img-wrap{width:65%;height:550px;left:0;top:0;background-image:url("/img/con-img.png");background-size:cover;}
	.intro-wrap .con-text-wrap{position:absolute;background-color:var(--bs-lightG-color);width:55%;right:0;bottom:0;padding:70px;border-radius:50px 0 0 ; }


	.text-box{width:620px;}
	.text-box p{margin-bottom:10px;line-height:1.6;opacity:0.8;word-break:keep-all}
	.text-box p:last-child{margin-bottom:0}

	/* vison */
	.vision-wrap{padding-top:50px}
	.vision-wrap .vision-con img{width:100%;height:300px;object-fit:cover;}
	.vision-wrap .vision-con{background-color:var(--bs-lightG-color);border-bottom:3px solid #009C7D;height:100%}

	.swiper-slide img{width:100%;height:100%}
	.swiper-button-next, .swiper-button-prev{width:50px;height:50px;background-color:#fff;border-radius:100%}
	.swiper-button-next:after, .swiper-button-prev:after{color:#000;font-size:16px}

	.starSwiper{margin-top:50px}
	.starSwiper .swiper-wrapper{padding-bottom:30px;text-align:left;}
	.starSwiper .swiper-slide img{width:100%;height:300px;object-fit:cover;border-radius:10px}
	.starSwiper .swiper-slide div{padding-top:10px}
	.starSwiper .swiper-slide div .info-title{;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:25px}
	.starSwiper .swiper-slide div .info-title span{font-size:12px;padding:5px 10px;background-color:#000;color:#fff;margin-right:5px;vertical-align:middle}
	.starSwiper .swiper-slide div .date{color:gray;margin-top:5px}
	.starSwiper-mobile{display:none}
	
	.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:auto;bottom:0}
	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}


	.swiper .info-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}

	
	.map-wrap .col-lg-6{padding:0}
	.map-wrap .map-bak{background-color:#0b4438;padding:50px;color:#fff}

	input{outline:0}
	
	.btn:focus,.btn:active, a:focus, a:active {outline: none !important; box-shadow: none;}
	.lineW-btn{border:1px solid #fff;border-radius:45px;color:#fff;min-width:180px;margin-top:30px}
	.inp{padding:5px 15px;box-sizing:border-box;font-size:var(--info-text);}
	.textarea{padding:20px;}
	.textarea::placeholder{color:#ddd}
	.line-inp{background-color:#0b4438;border:0;border0;border-bottom:1px solid #fff;height:45px}
	.flex-box{display:flex;justify-content:space-between;align-items:center;}
	.map-wrap{padding:50px 0 0 0 !important}
	.contact-box .inp-wrap .info-title{margin-bottom:15px}
	.contact-box .flex-box .inp-wrap{width:49%}
	.contact-box .flex-box .inp-wrap .inp{width:100%;color:#fff}
	.contact-box{margin-top:30px;width:600px}
	.contact-box .info-title{font-weight:300}
	.textarea-box{margin-top:20px}
	.textarea-box .textarea{width:100%;min-height:200px;border:1px solid #fff;background-color:#0b4438;color:#fff}


	
	.f-con{width:calc(50% - 20px);background-color:var(--bs-gray-100);border-radius:20px;padding:50px;margin-bottom:40px;background-color:#61B0FF;overflow:hidden;}
	.f-con p{text-align:left;color:#fff;}
	.f-con .info-text{opacity:0.8;word-break:keep-all;}
	.f-con img{text-align:right;float:right;width:70%;padding-top:50px}
	.f-con .info-title{margin-bottom:10px}
	.con-wrap{overflow:hidden}
	.f-left{float:left;}
	.f-right{float:right;margin-top:40px;margin-bottom:0}

	.menu-wrap .menu-bak div{width:100%;height:200px;padding:30px;background-size:cover;text-align:left;color:#fff;border-radius:10px;transition: transform .2s ease, padding .2s ease;display:inline-block;background-position:bottom}
	.menu-wrap .menu-bak:hover div{padding-bottom: 50px; transform: translate(0,-20px);box-shadow:rgba(155,155,155,.3) 0 10px 10px 5px}

	.menu-wrap .menu-bak:nth-child(1) div{background-image:url("/img/menu-bak01.png");}
	.menu-wrap .menu-bak:nth-child(2) div{background-image:url("/img/menu-bak02.png");}
	.menu-wrap .menu-bak:nth-child(3) div{background-image:url("/img/menu-bak03.png");}
	.menu-wrap .menu-bak:nth-child(4) div{background-image:url("/img/menu-bak04.png");}



	.top15{margin-top:15px}
	footer{border-top:1px solid #ddd;font-size:14px}
	.footer-top{padding:10px 0;display:flex;justify-content:space-between;align-items:center;}
	.footer-top .left a{color:gray;margin-right:20px}
	.footer-top .sns-icon{display:inline-block;width:45px;height:45px;border-radius:45px;line-height:45px;font-size:20px;background-color:#f2f2f2;color:gray;text-align:center;margin-left:5px;cursor:pointer;}
	.footer-info{border-top:1px solid #ddd}

	.instar:hover{background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);color:#fff}
	.facebook:hover{background-color:#3b5998;color:#fff}

	.footer-info .container{display:flex;justify-content:space-between;padding:30px 0}
	.footer-info .container .wid70{width:70%;color:gray}
	.footer-info .container .left span{margin-right:15px}
	.footer-info .container .left p{word-break:keep-all;line-height:1.5}
	.footer-info .container .left b{color:#000;margin-right:10px}

	.footer-info .call-wrap div{font-size:25px;}
	.footer-info .call-wrap .right a{font-weight:600;display:block;margin-bottom:10px}
	.footer-info .call-wrap .right p {font-size:14px;color:gray;margin-bottom:5px}
	.footer-info .call-wrap .right p span:nth-child(1){width:60px;display:inline-block}
	.call-wrap{display:flex}
	.call-wrap .left{padding-right:15px}


	.partners-logo{overflow:hidden;box-sizing:border-box;border-top:1px solid #ddd;position:relative;}
	.roll-wrap{overflow:hidden;white-space:nowrap;padding:20px 0;height:70px;}
	.roll-wrap li{float:left;width:auto !important;height:auto !important;}
	.roll-wrap li img{height:30px;margin:0 15px}
	.simply-scroll{width:100% !important;}
	.simply-scroll .simply-scroll-clip, .simply-scroll{height:70px;margin:0;width:100%}