@charset "utf-8";

.main section {padding: 70px 0;}
#main-visual {position: relative; width: 100%; padding: 80px 0 0 0;}
#main-visual::before {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Sfuner%2Spff%2S..%2S..%2Svzt%2S00_znva%2Sznva_ot.wct) center center no-repeat; background-size: cover; width: 100%; height: 400px; left: 0; top: 0; position: absolute; content: "";}
#main-visual ul.main-slider li.slick-slide {border-radius: 50px; overflow: hidden;}
#main-visual .main-copy {left: 100px; top: 50%; transform: translateY(-50%); z-index: 2; width: 40%;}
#main-visual .overay {background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 5%, rgba(0, 0, 0, 0) 50%); width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0;}
#main-visual img {width: 100%; height: 100%; display: block; aspect-ratio: 1200 / 500; object-fit: cover;}

/* 슬라이더 셋팅 */
#main-visual .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; text-indent: -9999px; background-size: cover; width: 50px; height: 50px;}
#main-visual .slick-prev {left: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Svzt%2Synlbhg%2Sneebj-yrsg-juvgr.fit) left center no-repeat;}
#main-visual .slick-next {right: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Svzt%2Synlbhg%2Sneebj-evtug-juvgr.fit) right center no-repeat;}
#main-visual .slick-dots {bottom: 20px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1;}
#main-visual .slick-dots li {display: inline-block; margin: 0 10px;}
#main-visual .slick-dots li button {width: 10px; height: 10px; background-color: rgba(255, 255, 255, .5); display: block; border-radius: 5px; text-indent: -9999px;}
#main-visual .slick-dots li.slick-active button{background-color: rgba(255, 255, 255, 1);}

/* 공통 */
.section-title .title-link {position: absolute; right: 0; top: 0;}
.section-title .title-link img {height: 18px;}
.grid-round img {border-radius: 15px;}

.itda-now ul li a img, .itda-story ul li a img, .itda-event.itda-board ul li img {aspect-ratio: 1/1; object-fit: cover; width: 100%; display: block; }
.itda-now2 {background-color: #817864;}
.itda-now2 ul li a h5 {color:#fff;}
.itda-now2 ul li a img {border:1px solid #fff;}
.itda-now2 ul li a .category {background-color: #fff; color: #817864;}
.itda-link ul li a img {filter: brightness(1.1);box-shadow: 4px 5px 13px 2px #d5cfb3; border-radius: 86px;}
/* 스토리 잇다 */
.itda-story {background-color: #fffced;}

/* 서비스 안내 */
.itda-event ul li .text {z-index: 1; top: 50px; left: 50px;}
.itda-event ul li .link {z-index: 1; bottom: 50px; left: 50px;}
.itda-event .flex img {height: 18px;}

/* 소식 잇다 */
.itda-notice {background-color: #817864;}
.itda-notice ul li a {display: block; border: 1px solid #fff; border-radius: 15px; height: 255px;}
.itda-notice ul li a .category {background-color: #fff; color: #817864;}
.itda-notice ul li a > div {top: 40px; padding: 0 40px;}
.itda-notice ul li a .link {bottom: 40px; padding: 0 40px;}

/*.contest-button-wrap > div {border: 5px solid #fff;  overflow: hidden;}*/
.contest-button {display: block; padding: 10px 10px 5px 10px; text-decoration: none;  font-size: 36px; width: 100%; text-align: center; position: relative; transform-style: preserve-3d; box-shadow: 0 13px 10px rgba(0, 0, 0, .15); border-radius: 50px;}
.contest-button-wrap > div:nth-child(1) .contest-button {background-color: #51a9ff;}
.contest-button-wrap > div:nth-child(2) .contest-button {background-color: #ff9736;}
.contest-button-wrap > div:nth-child(3) .contest-button {background-color: #ffd131;}
.contest-button::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    transform: translate3d(0,10px,-1em);
}
.contest-button-wrap > div:nth-child(1) .contest-button::before {background: #4d819a;}
.contest-button-wrap > div:nth-child(2) .contest-button::before {background: #f37421;}
.contest-button-wrap > div:nth-child(3) .contest-button::before {background: #f3a01e;}
.cloud-image {position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); width: 100%; height: auto;}

@media (max-width: 767px) {
	.main section {padding: 30px 0;}
	#main-visual .container {padding: 0;}
	#main-visual ul.main-slider li.slick-slide {border-radius: 0;}
	#main-visual .main-copy {left: 20px; top: 200px;  z-index: 2; width: 330px;}
		/* #main-visual .main-copy {left: 20px; top: 40%; transform: translateY(0); bottom: 50px; z-index: 2; width: calc(100% - 10px);} */
	#main-visual .overay {background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 5%, rgba(0, 0, 0, 0) 70%); width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0;}
	#main-visual img {width: 100%; height: 100%; display: block; aspect-ratio: 1 / 1.25; object-fit: cover;}

	#main-visual .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; text-indent: -9999px; background-size: cover; width: 50px; height: 50px; display: none !important;}
	#main-visual .slick-prev {left: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Svzt%2Synlbhg%2Sneebj-yrsg-juvgr.fit) left center no-repeat;}
	#main-visual .slick-next {right: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Svzt%2Synlbhg%2Sneebj-evtug-juvgr.fit) right center no-repeat;}
	#main-visual .slick-dots {bottom: 20px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 0;}
	#main-visual .slick-dots li {display: inline-block; margin: 0 10px;}
	#main-visual .slick-dots li button {width: 10px; height: 10px; background-color: rgba(255, 255, 255, .5); display: block; border-radius: 5px; text-indent: -9999px;}
	#main-visual .slick-dots li.slick-active button {background-color: rgba(255, 255, 255, 1);}

	/* 소식 잇다 */
	.itda-notice .grid-4 {grid-template-columns: 1fr;}
	.itda-notice ul li a {border-radius: 15px; height: 190px;}
	.itda-notice ul li a .category {background-color: #fff; color: #817864;}
	.itda-notice ul li a > div {top: 15px; padding: 0 15px;}
	.itda-notice ul li a .link {bottom: 15px; padding: 0 15px;}
	
	.main .board-type-img li a {display: block;}
	.main .board-type-img .head .img {width: 100%;}
	.main .board-type-img .body {padding: 15px;}

	.itda-event ul li .text {top: 15px; left: 15px;}
	.itda-event ul li .link {bottom: 15px; left: 15px;}
	
	.itda-now ul li a img, .itda-story ul li a img, .itda-event.itda-board ul li img {aspect-ratio: 1 / 1;object-fit: cover;width: 100%;display: block;height: 136px;}
}
@media (max-width: 440px){
	.margin-t-30 .grid-4>li>a>.margin-t-10 {width: 140px;}
	.margin-t-30 .grid-4>li {overflow:hidden;word-break: break-all;}
}

.cute-pets-section {background-color: #fffced; padding: 50px 20px; text-align: center; width: 100%;}
.cute-pets-section h2 {font-size: 50px; margin-bottom: 10px;}
.cute-pets-section p {font-size: 18px; margin-bottom: 30px;}
/* .pets-gallery {display:flex; justify-content: center; gap: 20px; margin-bottom: 30px; margin-top: 0;} */
.pets-gallery {display:grid; grid-template-columns: repeat(3, 1fr); justify-content: center; gap: 20px; margin-bottom: 30px; margin-top: 0;}

.pet-card {background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); text-align: center; width: 100%; /* 박스 크기 설정 */ position: relative;}
.pet-image {margin-top: 50px; /* 이미지 위에 공간 추가 */ max-width: 100px; /* 이미지의 최대 너비 */ height: auto; /* 이미지의 높이를 자동으로 조정하여 비율 유지 */}
.pet-image_2 {margin-top: 80px; /* 이미지 위에 공간 추가 */ max-width: 100px; /* 이미지의 최대 너비 */ height: auto; /* 이미지의 높이를 자동으로 조정하여 비율 유지 */}
.pet-card img {max-width: 100%; height: auto; margin-bottom: 10px;}
.circle-image {position: absolute; top: -30px; /* 박스 위에서 20px 위에 위치 */ left: 50%; transform: translateX(-50%); width: 60px; height: 60px; /* 원 이미지의 크기 */}

@media (max-width: 767px) {
	.cute-pets-section h2 {
		font-size: 36px;
		margin-bottom: 10px;
	}
	.pets-gallery {
		grid-template-columns: 1fr;
	}
}

.main section.popular-pets-section {background-color: #fffced; padding: 50px 0 50px 0; text-align: center; width: 100%;}
.popular-pets-section h2 {font-size: 36px; margin-bottom: 10px; text-align: left;}
.popular-pets-section p {font-size: 18px; margin-bottom: 30px; text-align: left;}
.popular-pet-card {background-color: #fff; padding: 0px; border-radius: 18px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); text-align: left; width: 100%; /* 카드 크기 설정 */ position: relative;}
.popular-pet-card img {width: 100%; height: auto;}
.badge {position: absolute; bottom: 20px; left: 20px; padding: 10px; border-radius: 50%; background-color: #fff; font-size: 18px;}
.popular-pet-card .relative .event-button {position: absolute; right: 20px; bottom: 20px;}
.popular-pet-card .relative .event-button a {padding: 10px 12px; border-radius: 40px; background-color: #1877f2; color: #fff; font-size: 18px; display: inline-flex; gap: 10px; width: 100px; justify-content: center;}
.popular-pet-card .relative .event-button a img {width: 18px;}

.pet-info {margin-top: 15px;}
.pet-info h3 {font-size: 20px; padding: 10px 25px}
.pet-info p {font-size: 16px; padding: 5px 25px}
.yellow-button {margin-top: 50px; display: inline-block; padding: 10px 70px; background-color: #ffde53; color: #222!important; text-decoration: none; border-radius: 50px; font-size: 30px; font-weight: bold;}
.image-container {width: 100%; overflow: hidden; border-top-left-radius: 18px; border-top-right-radius: 18px;}
.image-container img {width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1/1; display: block; object-position: top center;}
    arrow-image{margin-left: 20px; vertical-align: middle;}

.story-pets-section {background-color: #fffced; padding: 50px 20px; text-align: center; width: 100%;}
.story-pets-section h2 {font-size: 36px; margin-bottom: 10px; text-align: left;}
.story-pets-section p {font-size: 18px; margin-bottom: 30px; text-align: left;}
.story-pets-gallery {display:flex; justify-content: space-between; gap: 30px; margin-bottom: 30px;}
.story-pet-card {background-color: #fff; padding: 0px; border-radius: 18px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); text-align: left; width: 100%; position: relative; flex: 1; max-width: 752px;}
.story-pet-card img {width: 100%; height: auto;}
.pet-info {margin-top: 15px;}
.pet-info h3 {font-size: 20px; padding: 10px 25px}
.pet-info p {font-size: 16px; padding: 5px 25px}
.story-image-container {width: 100%; overflow: hidden; border-top-left-radius: 18px; border-top-right-radius: 18px;}
.story-image-container img {width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1.458/1;}
.story-container{margin: 0 auto; text-align: center;}
.story-text{max-width: 1200px; margin: 0 auto; text-align: center; }
.more-button { display: inline-block; margin-top: 60px; padding: 12px 30px; font-size: 16px; background-color: #fff; color: #222; border: none; margin-top: 0; /* 상단 여백 제거 */ margin-left: auto; /* 버튼을 오른쪽 끝으로 밀기 */
				border-radius: 30px; border: 1px solid #333; /* 검정색 테두리 추가 */ cursor: pointer; text-align: center;}
.more-button:hover { background-color: #ffde53;}
.arrow-left, .arrow-right { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; cursor: pointer; z-index: 10; /* 화살표가 다른 요소 위에 표시되도록 */}
.arrow-left { left: -20px;}
.arrow-right { right: -20px;}
.arrow-left img, .arrow-right img { width: 100%; /* 이미지 크기를 부모 크기에 맞게 조정 */ height: auto;}

.logo-pets-section {background-color: #ff6600; /* 배경색을 이미지와 동일하게 설정 */height: 120px; width: 100%; display: flex; align-items: center;}
.logo-gallery {display: flex; justify-content: center; /* 이미지를 양쪽 끝에 정렬하고 사이의 간격을 균등하게 설정 */ align-items: center; /* 이미지를 수직 가운데 정렬 */}
.logo-image {margin: 0 80px; /* 각 이미지에 좌우 간격을 설정 */ display: block;}

.main section.edu-pets-section {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Sfuner%2Spff%2S..%2S..%2Svzt%2S00_znva%2Srqh_ot_1.wct) center center no-repeat; background-size: cover; padding: 100px 0 50px;}
.edu-pets-section .container {padding-bottom: 600px !important;}
.edu-cont {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Sfuner%2Spff%2S..%2S..%2Svzt%2S00_znva%2Srqh_ot_2.cat) top center no-repeat; background-size: 100%; padding: 120px 120px;}
.edu-cont table {width: 100%; table-layout : fixed; max-width: 1115px; margin: 0 auto;}
.edu-cont table th, .edu-cont table td {border-right: 3px solid #fff; border-top: 3px solid #fff; color: #fff; padding: 25px 5px; vertical-align: top; font-size: 14px;}
.edu-cont table th:nth-child(1), .edu-cont table td:nth-child(1) {border-left: 3px solid #fff;}
.edu-last-img {position: absolute; right: 0; bottom: 0;}

@media (max-width: 767px) {
	.yellow-button {margin-top: 30px;}
	.hot-pet {background-color: #fffced;}
	.main section.popular-pets-section {padding: 50px 0 0 0;}
	.popular-pets-section h2 {
		font-size: 25px;
	}
	.hot-pet .main-title > div:nth-child(2) {
		margin-bottom: 0;
	}
}

/* 콘테스트 초기 버전 */
.main section.first-contest-section{position: relative; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Sfuner%2Spff%2S..%2S..%2Svzt%2S00_znva%2Ssvefg_pbagrfg_ot.wct) center center no-repeat; background-size: cover; padding-bottom: 200px; width: 100%;}
.conten-blue-title { text-align: center; /* 텍스트 가운데 정렬 */ color: #1783f1; /* 텍스트 색상: 파란색 */ font-size: 24px; /* 글자 크기 */ margin-bottom: 3 0px; /* 아래 여백 */}
.content-subtitle { text-align: center; /* 텍스트 가운데 정렬 */ color: #222; /* 텍스트 색상: 회색 */ font-size: 48px; /* 글자 크기 */ margin-bottom: 10px; /* 아래 여백 */}
.content-subtitle_2 { text-align: center; /* 텍스트 가운데 정렬 */ color: #222; /* 텍스트 색상: 회색 */ font-size: 24px; /* 글자 크기 */ margin-bottom: 80px !important; /* 아래 여백 */display: block; width: 100%;}
.content-blue-box { background-color: #e6f3ff; /* 배경색: 연한 파란색 */ padding: 50px; /* 패딩 */ border-radius: 10px; /* 둥근 테두리 */ justify-content: space-between; align-items: flex-start; }
.left-content, .right-content { width: 45%; /* 각 섹션의 너비 */ text-align: left;} 
.content div { margin-bottom: 20px; /* 아래 여백 */}
.content-title { color: #222; /* 텍스트 색상: 코랄색 */ font-weight: bold; /* 글자 굵게 */font-size: 36px; margin-bottom: 20px; display: block; width: 100%;}
.content-text { color: #333333; /* 텍스트 색상: 짙은 회색 */ font-size: 22px; margin-bottom: 10px;}
.content-label {  color: #1783f1;  font-weight: bold; font-size: 22px; margin-bottom: 10px; min-width: 30%;}
.content-item {display: flex; justify-content: flex-start; align-items: baseline; margin-bottom: 10px;}
.sticker-1 {top: -130px; left: -10px; z-index: 1;}
.sticker-2 {bottom: -180px; right: 20px; z-index: 1;}
.bul-bar li:before {content: "-"; position: absolute; left: 0; top: 0;}

@media (max-width: 767px) {
	.first-contest-section .section-title {margin-bottom: 20px;}
	.content-blue-box {
		padding: 20px;
	}
	.left-content, .right-content { width: 100%; align-items: flex-start; }
	.content-item {display: grid;}
	.content-title {font-size: 24px; margin-bottom: 10px;}
	.content-item, .content-label, .content-text {font-size: 17px; margin-bottom: 5px;}
	.content-subtitle {font-size: 36px; line-height: 1.2;}
	.content-subtitle_2 {font-size: 21px; margin-bottom: 50px !important;}
	.main section.first-contest-section {padding-bottom: 35px;}
	.sticker-1 {top: 0; position: relative;}
	.sticker-2 {bottom: 0; right: -20px; position: relative;}
}

/* 콘테스트 개랑 고양이 이미지 */
.additional-content {
    display: flex; 
    justify-content: space-between; 
    align-items: flex-start; 
    margin-top: 40px;}
.left-image {
    width: 65%; /* 적절한 크기로 조정 */
    margin-right: 20px;}
.right-content-method {
    width: 65%;
	 text-align: left;}
.left-align {
    text-align: left; /* 왼쪽 정렬 추가 */}
.blue-text {
    color: #1783f1;}

/* 콘테스트 응모기준 */
.white-section {background-color: #fff; padding: 50px 20px 100px; width: 100%;}
.contest-container { display: flex; /* Flexbox 레이아웃 사용 */ justify-content: space-between; /* 수직 정렬 */ align-items: flex-start; /* 왼쪽 정렬 */ max-width: 1200px; margin: 0 auto;}

@media (max-width: 767px) {
	.section-title {
		font-size: 36px;
		margin-bottom: 0;
	}
	.contest-container {display: grid;}
}

/* 콘테스트 노랑 시상내역 */
.yellow-section {background-color: #fffced; padding: 50px 20px; width: 100%;}
.icon-container {justify-content: space-around; text-align: center; margin-top: 20px; gap: 20px;}
.icon-item {display: flex; flex-direction: column; align-items: center;}
.icon-item img { width: 84px; height: 86px; margin-bottom: 40px;}
.icon-description { margin-top: 10px; font-size: 18px; }
.medal-image { position: absolute; top: -160px; right: -120px;}
.yellow-table {box-shadow: 14px 14px 20px rgba(187,133,17,.07); overflow-x: auto;}
.yellow-table table {width: 100%; border-radius: 20px; overflow: hidden; }
.yellow-table th, .yellow-table td {padding: 20px 30px; font-size: 22px; text-align: center; color: #222; white-space: nowrap; border: 1px solid #efefef;}
.yellow-table tbody td:nth-child(2) {text-align: left;}
.yellow-table thead {background-color: #ffcd1d;}
.yellow-table tbody {background-color: #fff;}

@media (max-width: 767px) {
	.yellow-section .margin-b-50.flex.align-baseline {display: block;}
	.yellow-section .section-title {margin-bottom: 10px;}
	.yellow-table table {border-radius: 10px;}
	.yellow-table th, .yellow-table td {
		padding: 10px 15px;
		font-size: 14px;
	}
	.icon-container {
		gap: 20px 10px;
		margin-top: 30px;
	}
	.icon-item img {
		width: 50px;
		height: 52px;
		margin-bottom: 10px;
	}
	.icon-description {
		margin-top: 5px;
		font-size: 14px;
	}
	.medal-image {width: 150px; right: -20px; top: -100px;}
}

/* 콘테스트 소문 배너 */
.Banner-section{position: relative; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Sfuner%2Spff%2S..%2S..%2Svzt%2S00_znva%2SNjneq_qrgnvy.cat) center center no-repeat; background-size: cover; width: 100%;}
.border-button {padding: 10px 30px; border-radius: 50px; display: inline-block;}
.Banner-section .sub-date {left: 380px; top: 10px;}

@media (max-width: 767px) {
	.cute-pets-section p {
		margin-bottom: 50px;
	}
	.pets-gallery, .story-pets-gallery {display: grid;}
	.pets-gallery {margin-top: 0;}
	.story-container {
		padding: 0 20px;
	}
	.main-title {display: block;}
	.story-pets-section p, .popular-pets-section p {
		margin-bottom: 10px;
	}
	.main-title > div:nth-child(2) {text-align: right; margin-bottom: 50px;}
	.Banner-section {
		background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Sfuner%2Spff%2S..%2S..%2Svzt%2S00_znva%2SNjneq_qrgnvy.cat) #ffd131 bottom center no-repeat;
		background-size: 140%;
	}
	.Banner-section .section-title {display: block; line-height: 1;}
	.Banner-section .section-title span {margin-bottom: 30px; margin-top: 10px;}
}

#main-event .img img {border-radius: 200px;}
#main-event .img .point {position: absolute; font-size: 18px; color: #fff; background: #4149b8; width: 90px; height: 90px; border-radius: 50%; right: 0; top: 0; display: flex; justify-content: center; align-items: center;}
#main-event .img .inner-category {position: absolute; padding: 7px 40px; border-radius: 20px; font-size: 18px; left: 50%; bottom: 40px; transform: translateX(-50%);}
#main-event .img .inner-category.white-category {color: #222; background: #fff;}
#main-event .txt {padding-top: 27px;}
#main-event .txt ul li {font-size: 18px;}
#main-event .txt ul li b {color: #222;}

#main-board ul li {border-radius: 16px; overflow: hidden;}
#main-board .board-normal ul li a {font-size: 18px; line-height: 2;}
#main-board .txt {padding: 30px;}
#main-board .main-button {position: absolute; right: 0; top: 0;}

#main-banner { background-color: #4149b8; margin-bottom: -150px; }
#main-banner .txt { font-size: 35px; }
#main-banner .txt span { font-size: 44px; }
#main-banner .img img { aspect-ratio: auto; }

.main-button a {padding: 7px 30px 5px 30px; border-radius: 30px; display: inline-flex; font-size: 18px; align-items: center; gap: 5px;}
.main-button.yellow-button a {background-color: #ffcc00; color: #fff;}
.main-button.blue-button a {background-color: #4149b8; color: #fff;}
.main-button.black-button a {background-color: #000; color: #fff;}

footer {margin-top: 0;}

@media (max-width: 1024px) {
    .edu-cont {background-size: cover;}
}

@media (max-width: 767px) {
	.edu-cont {margin-left: -20px; margin-right: -20px; padding: 70px 10px;}
	.edu-pets-section .container {padding-bottom: 150px !important;}
	.edu-cont table th, .edu-cont table td {border-right: 2px solid #fff; border-top: 2px solid #fff; color: #fff; padding: 10px 3px; font-size: 12px; word-break: break-all;}
	.edu-cont table td .font-18 {font-size: 14px;}
    #main-banner .txt { font-size: 26px; }
    #main-banner .txt span { font-size: 32px; }
}

/* 유의사항 */
.caution {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbaan.ohfna.pbz%2Svzt%2S00_znva%2Scerpnhgvbaf_ot.cat) bottom center no-repeat; background-size: cover;}
.caution .white-box {background-color: #fff; padding: 50px; border-radius: 10px;}
.bul-num li {list-style-type: decimal; list-style-position: outside; margin-left: 20px;}
.sticker-3 {top: -130px; right: -85px;}

@media (max-width: 767px) {
	.caution .section-title {margin-bottom: 20px;}
	.caution .white-box {padding: 20px;}
	.sticker-3 {right: -55px; max-width: 50%;}
}
/* 하단배너 */
.botbanner {text-align: center;}
.botbanner ul{text-align: center;display: block;}
.botbanner ul li {display: inline-block; width:45%; margin:10px;}
.botbanner ul li a {display: block;}
.botbanner ul li a img {width:100%;}
@media (max-width: 425px) {
		.botbanner ul li {display: block; width:100%;}
}

/* 협찬 */
.main section.sponsor {background-color: #ff7203; padding: 30px 0;}
.main section.sponsor .sponser_box2 {width: 100%; height: 45px; transition: transform 0.3s ease-in-out; display: table; text-align: center; overflow: hidden; /*padding: 0 20px;*/}
.main section.sponsor .owl-dots {display: none;}

/* 형광펜 효과 */
.highlight {background: linear-gradient(to top, #e9a797 50%, transparent 50%); display: inline-block; width: auto; padding: 0 5px;}
.highlight-yellow {background: linear-gradient(to top, #ffc070 50%, transparent 50%); display: inline-block; width: auto; padding: 0 5px;}