@charset "utf-8";

/* 공통 스타일 */
.cont-inner {max-width:1200px;margin:0 auto;}
.btn-wrap {margin:24px 0 0 0;overflow:hidden;}
.btn-wrap .right {float:right;}

.m-btn {
	display:inline-block;
	height:120px;
	line-height:50px;
	/* padding:0 60px; */
	padding: 16px 60px 0 60px;
	font-size:30px;
	border-radius:50px;
	font-family: 'NBG';}

.s-btn {display:inline-block;height:43px;line-height:43px;padding:0 30px;font-size:14px;border-radius:50px;font-family: 'NBG';}

.btn-pink {background:#d1154f;border:1px solid #d1154f;color:#fff;}
.btn-blue {background:#505bd2;border:1px solid #505bd2;color:#fff;}

/* header */
.header {z-index:10;position:fixed;left:0;top:0;width:100%;height:120px;background:#fff;}
.header .inner {z-index:10;position:absolute;left:50%;top:0;margin:0 0 0 -600px;}
.header .inner:after {display:block;content:'';clear:both;}
.header .inner .logo {padding:10px 0 6px;}
.header .gnb {position:absolute;right:50%;top:0;margin:0 -600px 0 0;width:1200px;}
.header .gnb .mnav-logo {display:none;}
.header .gnb .gnb-menu {overflow:hidden;font-family: 'NBG';float:right;}
.header .gnb .gnb-menu li {float:left;margin:0 0 0 32px;font-size:22px;}
.header .gnb .gnb-menu li:first-child {margin:0;}
.header .gnb .gnb-menu li a {display:block;color:#4d4d4d;padding:57px 0 39px;}
.header .btn-mnav {display:none;float:right;width:120px;height:100px;background:url('../images/btn_Mnav.png') no-repeat 50% 50%;text-indent:-9999px;}
.header .btn-mnav-close {display:none;float:right;width:120px;height:100px;background:url('../images/btn_Mnav_close.png') no-repeat 50% 50%;text-indent:-9999px;}

/* footer */
.footer {width:100%;background:#3b3b3b;font-family: 'NBG';}
.footer .inner {position:relative;max-width:1200px;margin:0 auto;padding:42px 0 117px 307px;box-sizing:border-box;}
.footer .inner .logo {position:absolute;left:0;top:19px;}
.footer .inner .info {color:#fff;font-size:14px;line-height:24px;}
.footer .inner .info a {color:#fff;}
.footer .inner .copyright {margin:2px 0 0 0;color:#7d7d7d;font-size:13px;}

/* content */
.section-area {padding:120px 0 0 0;}
.section1{text-align:center;background:#e7bbbc url('../images/bg_sec1.png') no-repeat 50% 100%;}
.section1 .cont-inner {padding:145px 0 270px 0;}
.section1 .title {font-size:120px;color:#fff0a2;}
.section1 .txt1 {margin:37px 0 0 0;font-size:40px;font-family: 'NBG-bold';color:#fff;}
.section1 .btn-area {margin:121px 0 0 0;}

.section2{text-align:center;background:#d4e8f3 url('../images/bg_sec2.png') no-repeat 50% 100%;}
.section2 .cont-inner {height:1010px;padding:87px 0 120px 0;box-sizing:border-box;}
.section2 .title {font-size:80px;color:#6f86d2;}
.what-petname {position:relative;margin:94px 0 0 0;}
.what-petname li {width:319px;height:319px;font-family: 'NBG';font-size:25px;color:#fff;border-radius:50%;}
.what-petname li .poll {display: inline-block;width:0;height:100%;vertical-align:middle;}
.what-petname li.m1 {position:absolute;right:329px;top:0;background:#f4a0a0;}
.what-petname li.m2 {position:absolute;right:0;top:0;background:#ac9ce5;}
.what-petname li.m3 {position:absolute;right:165px;top:283px;background:#f096d4;}
.what-petname li .txt {display:inline-block;zoom:1;padding:7px 0 0 0;vertical-align:middle;line-height:1.2;}

.section3{text-align:center;background:#fff;}
.section3 .cont-inner {padding:90px 0 87px 0;}
.section3 .title {font-size:80px;color:#68b5dd;}
.institute-info {margin:30px 0 0 0;text-align:center;font-size:0;}
.institute-info .pic {display:inline-block;width:472px;margin:0 0 0 -27px;vertical-align:middle;}
.institute-info .info {display:inline-block;width:495px;margin:0 0 0 32px;vertical-align:middle;letter-spacing:-1px;}
.institute-info .info .tit {font-size:60px;color:#333;}
.institute-info .info .txt1 {margin:16px 0 0 0;font-size:30px;color:#333;line-height:1;}
.institute-info .info .txt1 .point1 {margin:8px 0 0 0;display:block;font-size:40px;color:#95c8e2;line-height:1.2;}
.institute-info .info .txt2 {margin:42px 0 0 0;font-size:20px;color:#222;font-family: 'NBG';line-height:1.2;}
.institute-info .info .txt3 {margin:26px 0 0 0;font-size:20px;color:#222;font-family: 'NBG';line-height:1.2;}
.institute-info .book {display:inline-block;width:334px;margin:0 -132px 0 26px;vertical-align:middle;}

.section4{text-align:center;background:#6f86d2}
.section4 .cont-inner {padding:90px 0 87px 0;}
.section4 .title {font-size:80px;color:#fff;}
.section4 .txt1 {margin:62px 0 0 0;font-size:40px;font-family: 'NBG';color:#afdaf5;line-height:1.2;}
.section4 .txt2 {margin:20px 0 0 0;font-size:18px;font-family: 'NBG-bold';color:#fefefe;line-height:1.2;}
.section4 .btn-area {margin:37px 0 0 0;}
.why-petname { display:table; width:100%; overflow:hidden; margin:80px 0 0 0; padding:0 5%; font-size:0; box-sizing:border-box; }
.why-petname li { position:relative; display:table-cell; width:50%; padding:0 3% 0 0; font-size:25px;color:#fefefe;letter-spacing:-0.8px; box-sizing:border-box; vertical-align:middle;}
.why-petname li .poll { display:table; width:100%; }
.why-petname li .img { display:table-cell; vertical-align:middle; max-width:inherit; }
.why-petname li .txt { display:table-cell; width:60%;  vertical-align:middle; text-align:center; }
.why-petname li.item2 { padding:0 0 0 3%; border-left:1px solid #9babe0;}

.section5{text-align:center;background:#fff;}
.section5 .cont-inner {padding:85px 0 84px 0;}
.section5 .title {font-size:80px;color:#e0396d;}
div.tab-content-selected {display:block !important;}
div.tab-cont {display:none;}
.tab-menu {margin:38px 0 0 0;background:#f3f3f3;font-family: 'NBG';border-bottom:1px solid #e0396d;}
.tab-menu:after {display:block;content:'';clear:both;}
.tab-menu li {float:left;width:33.3%;border-left:1px solid #dadada;box-sizing:border-box;}
.tab-menu li:first-child {width:33.4%;border-left:0;}
.tab-menu li a {display:block;height:58px;line-height:58px;font-size:25px;color:#898989;}
.tab-menu li.selected a {position:relative;color:#e0396d;background:#fff;border:1px solid #e0396d;border-bottom:0;}
.tab-menu li.selected a:after {content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#fff;}
.tab-cont {margin:27px 0 0 0;}

/* 게시판 목록 */
.tbl-list {width:100%;border-top:1px solid #df3167;font-family: 'NBG';}
.tbl-list thead th {background:#ffe0ea;padding:22px 0 19px;font-weight:normal;font-size:14px;color:#464646;border-bottom:1px solid #dedede;}
.tbl-list tbody td {padding:19px 0 18px;font-size:14px;color:#464646;border-bottom:1px solid #dedede;line-height:1.4;text-align:center;}
.tbl-list tbody td.subject {text-align:center;padding-left:10px;padding-right:10px;}
.tbl-list tbody td.subject a {color:#464646;}

/* 게시판 뷰 */
.data-view-wrap {font-family: 'NBG';text-align:left;}
.data-view-head {padding:20px 34px 20px;border-top:1px solid #959595;font-size:14px;color:#464646;}
.data-view-head .tit {font-weight:bold;line-height:20px;}
.data-view-head .info-area {margin:11px 0 0 0;}
.data-view-head .info-area span {padding:0 0 0 12px;}
.data-view-head .info-area span:first-child {padding:0;}
.data-view-cont {padding:20px 34px;border-top:1px solid #e1e1e1;background:#f3f3f3;font-size:14px;color:#464646;line-height:24px;}
.data-view-cont2 {padding:40px 34px;border-top:1px solid #c4f3ce;background:#e5f8d6;font-size:18px;color:#da6f44;line-height:24px;}

/* prev-next */
.prev-next {border-bottom:1px solid #dedede;font-size:14px;color:#464646;}
.prev-next li {position:relative;height:55px;line-height:55px;padding:0 100px 0 117px;border-top:1px solid #dedede;}
.prev-next li.notext {padding-left:120px;}
.prev-next.type li {padding-left:138px;}
.prev-next li .tit {position:absolute;left:20px;color:#e0396d;}
.prev-next li .tit:after {content:'▼';display:inline-block;padding:0 0 0 10px;}
.prev-next li:first-child .tit:after {content:'▲';}
.prev-next li .date {position:absolute;top:0;right:20px;}
.prev-next li a.subject {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#464646;}
.prev-next li span.subject {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#7d7d7d;}

/* Paging */
.paging {margin:48px 0 0 0;text-align:center;font-size:0;font-family: 'NBG';}
.paging a,
.paging strong {display:inline-block;margin:0 2px;vertical-align:middle;border:1px solid #d4d4d4;width:26px;height:26px;line-height:28px;font-size:12px;background:#fff;color:#252525;font-weight:normal;}
.paging strong {background:#ea7196;border:1px solid #ea7196;color:#fff;}
.paging a.first {background:#fff url('../images/bg_arr_first.png') no-repeat 50% 50%;}
.paging a.prev {margin:0 9px 0 2px;background:#fff url('../images/bg_arr_prev.png') no-repeat 50% 50%;}
.paging a.next {margin:0 2px 0 9px;background:#fff url('../images/bg_arr_next.png') no-repeat 50% 50%;}
.paging a.last {background:#fff url('../images/bg_arr_last.png') no-repeat 50% 50%;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last {display:inline-block;width:26px;height:26px;border:1px solid #d4d4d4;font-size:0;line-height:0;}
.paging strong{background:#ea7196;border:1px solid #ea7196;color:#fff;}

/* layer popup */
.layPop {position:relative;margin:0 auto;background:#fff;width:620px;font-family:'NBG';}
.layPop .layHead {background:#3b3b3b;padding:0 0 0 23px;}
.layPop .layHead .lay-tit {height:52px;line-height:52px;font-size:16px;color:#fff;}
.layPop .layCont {padding:30px 35px 20px;background:#fff;}
.layPop .tbl-reserve {width:100%;}
.layPop .tbl-reserve tbody th {position:relative;padding:4px 20px 4px 0;font-size:14px;color:#464646;text-align:right;font-weight:normal;}
.layPop .tbl-reserve tbody th:after {content:'';position:absolute;right:0;top:50%;margin:-10px 0 0 0;width:1px;height:20px;background:#dedede;}
.layPop .tbl-reserve tbody td {padding:5px 0 5px 20px;font-size:14px;color:#464646;}
.layPop .tbl-reserve tbody td .text {height:33px;line-height:33px;padding:0 0 0 10px;background:#f3f3f3;border:1px solid #dedede;border-radius:3px;vertical-align:middle;box-sizing:border-box;}
.layPop .tbl-reserve tbody td .selectbox {height:35px;line-height:35px;background:#f3f3f3;border:1px solid #dedede;border-radius:3px;vertical-align:middle;}
.layPop .tbl-reserve tbody td .textarea {height:100px;padding:10px;background:#f3f3f3;border:1px solid #dedede;border-radius:3px;box-sizing:border-box;}
.layPop .tbl-reserve tbody td .textarea textarea {padding:0;border:0;background:#f3f3f3;width:100%;height:100%;}
.layPop .tbl-reserve tbody td .email-input span {display:inline-block;}
.layPop .tbl-reserve tbody td .email-input .emainId {width:24%;}
.layPop .tbl-reserve tbody td .email-input .at {width:7%;text-align:center;}
.layPop .tbl-reserve tbody td .email-input .email-addr {width:24%;}
.layPop .tbl-reserve tbody td .email-input .addr-select {width:36%;text-align:right;}
.layPop .tbl-reserve tbody td .tell-input span {display:inline-block;}
.layPop .tbl-reserve tbody td .tell-input .inputTnum {width:22%;}
.layPop .tbl-reserve tbody td .tell-input .dash {width:4%;text-align:center;}
.layPop .private-box {margin:24px 0 0 0;}
.layPop .private-box .title {font-size:14px;color:#464646;}
.layPop .private-box .textbox {margin:10px 0 0 0;padding:20px;background:#f3f3f3;border:1px solid #dedede;font-size:12px;color:#636363;line-height:16px;}
.layPop .private-box .agree-area {margin:15px 0 0 0;text-align:center;}
.layPop .private-box .agree-area input {width:20px;height:20px;margin:0 6px 0 0;background:#fff;border:1px solid #dedede;}
.layPop .private-box .agree-area label {font-size:13px;color:#464646;}
.layPop .btn-area {margin:16px 0 0 0;text-align:center;}
.layPop .btn-area .btn-reserve {display:inline-block;height:48px;line-height:48px;padding:0 40px;font-size:15px;border-radius:50px;background:#5c76cc;color:#fff;}
.layPop .lay-close {position:absolute;top:15px;right:21px;width:17px;height:17px;border:0;background:url('../images/btn_lay_close.png') no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;cursor:pointer;}
.mfp-figure figure {margin:0;}
/* .mfp-bg {top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;} */
.mfp-wrap {top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container {text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}
.mfp-container:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before {display:none;}
.mfp-content {display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content{width:100%;cursor:auto;}
.mfp-auto-cursor .mfp-content {cursor:auto;}
.mfp-hide {display:none !important;}
.mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}

/* Media 1481 PC */
@media only screen and (max-width:1481px) {
	/* section3 */
	.institute-info .pic {width:30%;margin:0 0 0 -12.7%;}
	.institute-info .pic img {width:100%;}
	.institute-info .info {width:41%;}
	.institute-info .book {width:23%;margin:0 -13% 0 2.6%;}
	.institute-info .book img {width:100%;}
}

/* Media 1200 PC */
@media only screen and (max-width:1200px) {
	body.show {overflow:hidden;}
	body.show .header .gnb-menu { position:absolute; overflow-y:auto; }

	.section-area {padding:100px 0 0 0;}
	.cont-inner {width:100%;}
	.header {height:100px;}
	.header .inner {position:relative;left:0;margin:0;}
	.header .inner .logo {width:220px;padding:20px 0 14px 20px;}
	.header .gnb {z-index:101;width:0;right:0;margin:0;height:100px;}
	.header.show .gnb {background:#000;opacity:0.9;}
	.header.show .gnb .mnav-logo {display:block;width:220px;padding:20px 0 14px 20px;}
	.header .gnb .gnb-menu {display:none;position:fixed;left:0;top:100px;width:100%;height:100%;background:#000;padding:2% 0 0 0;}
	.header.show .gnb .gnb-menu {display:block;}
	.header .gnb .gnb-menu li {float:none;margin:0;border-bottom:1px solid #dedede;}
	.header .gnb .gnb-menu li a {padding:4% 7% 4%;color:#fff;}
	.header .gnb .btn-mnav {display:block;}
	.header.show .gnb {width:100%;}
	.header.show .gnb .btn-mnav {display:none;}
	.header.show .gnb .btn-mnav-close {display:block;position:absolute;right:0;top:0;}
	.footer .inner {width:100%;}
	.m-btn {font-size:25px;height:60px;line-height:60px;padding:0 50px;}
	.s-btn {font-size:13px;height:35px;line-height:35px;padding:0 20px;}

	/* section1 */
	.section1 .cont-inner {padding:13% 0 23% 0;}
	.section1 .title {font-size:90px;}
	.section1 .txt1 {margin:3% 0 0 0;font-size:32px;}
	.section1 .btn-area {margin:10% 0 0 0;}

	/* section2 */
	.section2 .cont-inner {padding:8% 0 62% 0;height:auto;}
	.section2 .title {font-size:70px;}
	.what-petname {margin:9% 0 0 0;}
	.what-petname li {font-size:18px;width:250px;height:250px;}
	.what-petname li.m1 {right:270px;}
	.what-petname li.m2 {right:10px;}
	.what-petname li.m3 {right:141px;top:223px;}

	/* section3 */
	.section3 .cont-inner {padding:9% 2% 8%;box-sizing:border-box;}
	.section3 .title {font-size:70px;}
	.institute-info {margin:3% 0 0 0;}
	.institute-info .info .tit {font-size:50px;}
	.institute-info .info .txt1 {margin:1.6% 0 0 0;font-size:24px;}
	.institute-info .info .txt1 .point1 {margin:0.8% 0 0 0;font-sizE:35px;}
	.institute-info .info .txt2 {margin:4.2% 0 0 0;font-size:17px;}
	.institute-info .info .txt3 {margin:2.6% 0 0 0;font-size:17px;}

	/* section4 */
	.section4 .cont-inner {padding:8% 2% 8%;box-sizing:border-box;}
	.section4 .title {font-size:70px;}
	.why-petname {margin:40px 0 0 0;}
	/*.why-petname li.item1 {padding:0 2% 0 20%;}*/
	/*.why-petname li .img {left:5%;top:4%;}*/
	.section4 .txt1 {margin:6% 0 0 0;font-size:34px;}

	/* section5 */
	.section5 .cont-inner {padding:8% 2% 8%;box-sizing:border-box;}
	.section5 .title {font-size:70px;}
	.tab-menu {margin:3.8% 0 0 0;}
	.tab-cont {margin:2.7% 0 0 0;}
	.tab-menu li a {height:40px;line-height:40px;font-size:18px;}
	.tbl-list thead th {padding:2.2% 0;font-size:13px;}
	.tbl-list tbody td {padding:2.2% 0;font-size:13px;}
	.tbl-list tbody td.subject {padding-left:1%;}
	.paging {margin:4.8% 0 0 0;}

	/* footer */
	.footer .inner {padding:4% 2% 10% 30%;box-sizing:border-box;}
	.footer .inner .logo {width:25%;left:2%;}
	.footer .inner .logo img {width:100%;}
}

/* Media 1020 PC */
@media only screen and (max-width:1020px) {
	/* section3 */
	.institute-info .info {margin:0 0 0 3%;}
	.why-petname {padding:0 10%;}
	.why-petname li {display:table;width:100%;margin:20px 0 0 0;padding:0;}
	.why-petname li img {width:100%;}
	.why-petname li:first-child {margin:0;}
	.why-petname li.item2 {padding:0;border-left:0;}
}

/* Media 850 PC */
@media screen and (max-width:850px) {
	/* section1 */
	.section1 .title {font-size:78px;}
	.section1 .txt1 {font-size:26px;}

	/* section2 */
	.section2 .title {font-size:50px;}
	.what-petname li {font-size:16px;width:200px;height:200px;}
	.what-petname li.m1 {right:220px;}
	.what-petname li.m2 {right:10px;}
	.what-petname li.m3 {right:116px;top:180px;}

	/* section3 */
	.section3 .title {font-size:50px;}
	.institute-info .info .tit {font-size:40px;}
	.institute-info .info .txt1 {font-size:20px;}
	.institute-info .info .txt1 .point1 {font-sizE:28px;}
	.institute-info .info .txt2 {font-size:14px;}
	.institute-info .info .txt3 {font-size:14px;}

	/* section4 */
	.section4 .title {font-size:50px;}

	/* section5 */
	.section5 .title {font-size:50px;}

	/* footer */
	.footer .inner {padding:4% 2% 10%;}
	.footer .inner .logo {position:relative;left:0;top:0;}
}

/* Media 720 PC */
@media screen and (max-width:720px) {
	.section-area {padding:50px 0 0 0;}
	.header {height:50px;}
	.header .inner .logo {width:130px;padding:6px 0 3px 10px;}
	.header.show .gnb .mnav-logo {width:130px;padding:6px 0 3px 10px;}
	.header .gnb .gnb-menu {top:50px;}
	.header .gnb .gnb-menu li {font-size:15px;}
	.header .gnb .btn-mnav {width:60px;height:50px;background-size:50%;}
	.header.show .gnb .btn-mnav-close {width:60px;height:50px;background-size:30%;}
	.m-btn {font-size:20px;height:50px;line-height:50px;padding:0 40px;}

	/* section1 */
	.section1 {background-size:contain;}
	.section1 .title {font-size:60px;}
	.section1 .txt1 {font-size:22px;}

	/* section2 */
	.section2 {background-size:contain;}
	.section2 .cont-inner {padding:8% 0 40% 0;}
	.section2 .title {font-size:43px;}
	.what-petname li {text-align:center;}
	.what-petname li {display:inline-block;font-size:16px;width:200px;height:200px;}
	.what-petname li.m1 {position:relative;right:0;margin:0 10px;}
	.what-petname li.m2 {position:relative;right:0;margin:0 10px;}
	.what-petname li.m3 {display:block;position:relative;right:0;top:0;margin:0 auto;}

	/* section3 */
	.institute-info .pic {display:block;width:50%;margin:0 auto;}
	.institute-info .info {width:100%;display:block;margin:4% auto 0;text-align:center;}
	.institute-info .book {display:block;width:50%;margin:5% auto 0;}

	/* section4 */
	.section4 .title {font-size:43px;}
	.section4 .txt1 {font-size:26px;}
	.section4 .txt2 {margin:2% 0 0 0;font-size:14px;}

	/* section5 */
	.section5 .title {font-size:43px;}
}

/* Media 640 PC */
@media screen and (max-width:640px) {
	/* section4 */
	.why-petname li {font-size:20px;}
	
	/* layPop */
	.layPop {width:98%;}
	.layPop .layCont {padding:3%;}
	.layPop .tbl-reserve tbody td .text {-webkit-appearance:none;}
	.layPop .tbl-reserve tbody th {padding-right:10px;}
	.layPop .tbl-reserve tbody td {padding-left:10px;}
}

/* Media 540 PC */
@media screen and (max-width:540px) {
	.m-btn {font-size:18px;height:42px;line-height:42px;padding:0 30px;}

	/* section1 */
	.section1 .title {font-size:45px;}
	.section1 .txt1 {font-size:20px;}

	/* section2 */
	.what-petname li {font-size:14px;width:180px;height:180px;}
	.what-petname li.m1 {margin:0 8px;}
	.what-petname li.m2 {margin:0 8px;}

	/* section4 */
	.section4 .txt1 {font-size:20px;}
	.why-petname li {font-size:18px;}

	/* footer */
	.footer .inner .info {font-size:11px;line-height:18px;}
}

/* Media 420 PC */
@media screen and (max-width:420px) {
	.m-btn {font-size:15px;height:34px;line-height:34px;padding:0 22px;}
	
	/* section1 */
	.section1 .title {font-size:35px;}
	.section1 .txt1 {font-size:14px;}
	
	/* section2 */
	.section2 .title {font-size:32px;}
	.what-petname li {display:block;font-size:16px;width:200px;height:200px;}
	.what-petname li.m1 {margin:10px auto;}
	.what-petname li.m2 {margin:10px auto;}
	.what-petname li.m3 {margin:10px auto;}
	
	/* section4 */
	.section4 .title {font-size:32px;}

	/* section5 */
	.section5 .title {font-size:32px;}
	.tab-menu li a {height:30px;line-height:30px;font-size:13px;}
}