

*{font-smoothing: antialiased;-webkit-font-smoothing: antialiased;word-break: keep-all;word-wrap: break-word;letter-spacing: -0.4px;}
.row{margin-left: 0;margin-right: 0;}
body{padding-right: 0!important;}
input:focus,textarea:focus {outline: none!important;box-shadow: none!important;}
input{color: #222;}
::-webkit-input-placeholder{ color: #999!important;font-weight: normal;}:-moz-placeholder {color: #999!important;font-weight: normal;}::-moz-placeholder { color: #999!important;font-weight: normal;}:-ms-input-placeholder {  color: #999!important;font-weight: normal;}
::-ms-clear {display: none;}
/*form*/
.form-control, .form-control:focus{color: #222;}
.form-control:focus, .form-control:hover{border-color: #ff5632;}
.form-row{margin-right: -15px;margin-left: -15px;}
.form-row>.col, .form-row>[class*=col-]{padding-right: 15px;padding-left: 15px;}
form.form-style-2 .form-control{background-color: #f4f6fa;}
input.form-control:hover, input.form-control:focus{border:1px solid #ff5632;}
.one-col .form-group.t_input label{width: 110px;padding: 10px 10px;float: left;margin-bottom: 0;background: #f8f8f8;border-radius:0.25rem 0 0 0.25rem;text-align: left;border:1px solid #ced4da;border-right: none;height: 100%;}
.one-col .form-group.t_input label + .form-control{border-radius: 0 0.25rem 0.25rem 0;}
.one-col .form-group.t_input .radio_wrap{float: left;width: calc(100% - 110px);border-radius: 0 0.25rem 0.25rem 0;border:1px solid #ced4da;background: #fff;min-height: 40px;padding-left:16px;padding-bottom: 10px;}
.one-col .form-group.t_input .radio-custom label{width: auto;padding: 0 20px 0 0;margin: 0;line-height: 16px;}
.one-col .form-group.t_input .radio-custom{margin:0;margin-top: 10px;}
.one-col .form-group.t_input .radio-custom input + label{border: none;background: none;}
.one-col .form-group.t_input .radio-custom input:checked + label{font-weight: bold;color: #222;}
.one-col .form-group.t_input.no-input label{border:none;background: none;}
.one-col .form-group.t_input.no-input .data{line-height: auto;font-size: 16px;color: #222;padding: 0 16px;width: calc(100% - 110px);float: left;}
.radio-custom input:checked + label:before{border-color:#ff5632; }
.radio-custom input[type="radio"]:checked + label:after{background-color: #ff5632}
.one-col .form-group.t_input input{width: calc(100% - 110px);float: left;}
.one-col .form-group.t_input textarea{width: calc(100% - 110px);float: left;resize: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.checkbox-custom:hover label:before, .checkbox-custom:focus label:before{border-color: #ff5632;}
html .btn-r-gray{
	border-color: #b9babc;
	color: #ffffff;
	background-color: #b9babc;
}
.checkbox-custom {
	position: relative;
	padding: 0 0 0 30px;
	margin-bottom: 8px;
	margin-top: 0;
	display: inline-block;
}
.checkbox-custom label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #ccc;
	background: #fff;
}
.checkbox-custom input[type="checkbox"]:checked + label:before {background: #ff5632;border: 1px solid #ff5632;}
.checkbox-custom input[type="checkbox"]:checked + label:after {
	position: absolute;
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	content: '\F00C';
	top: 50%;
	left: 6px;
	margin-top: -6px;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	width: 16px;
	height: 16px;
	color: #fff;
}
.checkbox-custom input[type="checkbox"].g_check:checked + label:before{
background: #ccc;border: 1px solid #ccc;
}
.form-group label.form-check-label{color: #222;}
.form-group label.form-check-label.bold{color: #222;font-weight: bold;}

.address{position: relative;}
.address input:hover, .address input:focus{border-color:#ced4da!important;}
.address #sAddrView{border-radius: 0 0.25rem 0 0;border-bottom: none;}
.address #sAddr2{border-radius: 0 0 0.25rem 0;}
.address a.btn.find_zcode{padding: 0 10px;line-height: 38px;width: 70px;margin:0;position: absolute;right: 15px;top: 0;border-radius: 0 0.25rem 0 0;}
.phone{position: relative;}
.phone #sMobile1{width: calc(25% - 55px);border-radius: 0; float:left;}
.phone #sMobile2{width: calc(75% - 55px);border-radius: 0 0.25rem 0.25rem 0;border-left: none;}
.phone #sMobile3{width: calc(25% - 55px);border-radius: 0; float:left;}
.phone #sMobile4{width: calc(75% - 55px);border-radius: 0 0.25rem 0.25rem 0;border-left: none;}
/*gnb*/
#header {height: 100px;line-height: 100px;z-index: 201!important;}
#header.header-sticky.sticky-active .header-inner{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);}
#header .header-inner{height: 100px;}
#header .header-inner > .container{padding: 50px 0 0;}
#header .header-inner > .container:after{content: "";display: block;clear: both;}
#header .header-inner #logo, #header #header-wrap #logo{height: 32px;}
#header .header-inner #logo a{float: left;}
#logo .logo-default, #logo .logo-dark{display: inline-block;float: left;}
#logo .logo-default img{height: 32px;width: auto;float: left;}
#logo .logo-dark img{height: 32px;width: auto;float: left;}
.m_btn_wrap{display: none;}
#mainMenu nav > ul{float: left;}
#mainMenu nav > ul > li:last-child a{padding-right: 0;}
#mainMenu nav>ul>li>a{font-size: 18px;float: left;padding: 10px 12px;}
.etc_menu{position: absolute;top: 0;left: 0;width: 100%;height: 40px;line-height: 40px;}
.etc_menu:after{content: "";display: block;clear: both;}
.etc_menu .etc_menu-1{float: left;}
.etc_menu .etc_menu-2{float: right;}
.etc_menu .etc_menu-1 span{color: #666;padding-right: 6px;float: left;line-height: 38px;}
.etc_menu .etc_menu-1 a{float: left;width: 22px;height: 22px;padding: 2px;margin:8px 2px;filter: grayscale(50%);-webkit-filter: grayscale(50%);filter: gray;opacity: 0.4;}
.etc_menu .etc_menu-1 a:hover{filter: grayscale(0);opacity: 1;}
.etc_menu .etc_menu-1 a.insta{background: url('../images/i_insta.png') center no-repeat;background-size: 20px;}
.etc_menu .etc_menu-1 a.face{background: url('../images/i_face.png') center no-repeat;background-size: 20px;}
.etc_menu .etc_menu-1 a.naver{background: url('../images/i_naver.png') center no-repeat;background-size: 20px;}
.etc_menu .etc_menu-2 a{color: #222;line-height: 40px;padding-left:24px;opacity: 0.5;font-weight: bold;}
.etc_menu .etc_menu-2 a:hover{color: #222;opacity: 1;}
.etc_menu .etc_menu-2 a.kakao_ask{background: url('../images/i_kakao.png') left center no-repeat;background-size: 16px;margin-right: 20px;}
.etc_menu .etc_menu-2 a.storefarm{background: url('../images/i_storefarm.png') left center no-repeat;background-size: 16px;margin-right: 20px;}
.etc_menu .etc_menu-2 a.login{background: url('../images/i_human.png') left center no-repeat;background-size: 16px;}
.etc_menu .etc_menu-2 a.logout{background: url('../images/i_logout.png') left center no-repeat;background-size: 16px;margin-left: 20px;}
.lines{top: 0;}
.lines::before{top:8px;}
.lines::after{top: -8px;}
/*slide*/
#header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider, #header[data-transparent="true"] + .fullscreen, #header[data-transparent="true"] + .halfscreen, #header[data-transparent="true"] + #google-map
{top: -100px;margin-bottom: -100px;}
#slider{height: 600px;}
.slide1{background-image:url('../images/main_slide1.png');}
.slide2{background-image:url('../images/main_slide2.png');}
.slide3{background-image:url('../images/main_slide1-3.jpg');}
.slide4{background-image:url('../images/main_slide1-4.jpg');}
.slide_petbox{background-image:url('../images/main_slide_petbox_pc.jpg');}
.slide_petbox_200828{background-image:url('../images/main_slide_petbox_200828_pc.jpg');}
.slide_petbox_200922{background-image:url('../images/main_slide_petbox_200922_pc.jpg');}
.slide_petbox_201026{background-image:url('../images/main_slide_petbox_201026_pc.jpg');}
.slide_petbox_201104{background-image:url('../images/main_slide_petbox_201104_pc.jpg');}
.slide_petbox_201130{background-image:url('../images/main_slide_petbox_201130_pc.jpg');}
.slide_petbox_10{background-image:url('../images/main_slide_petbox_10_pc.jpg');}
.slide_petbox_13{background-image:url('../images/main_slide_petbox_13_pc.jpg');}
.slide_petbox_14{background-image:url('../images/main_slide_petbox_14_pc.jpg');}
.slide_event_birth{background-image:url('/images/event_birth_slide1.jpg');}
.slide_event_training{background-image:url('/images/event_training_slide2.jpg');}
.slide_petpermint{background-image:url('/images/main_slide_petpermint.jpg');}
.slide_birthgift{background-image:url('/images/main_slide_birthgift.jpg');}
.slide_lola{background-image:url('/images/main_slide_lola.jpg');}
.slide_lola_210219{background-image:url('/images/main_slide_lola_210219.jpg');}
.inspiro-slider .slide .container{padding:110px 0 0;}
.inspiro-slider .slide .container .slide-captions .btn-img{margin-top:30vw;} /* 2020-06-05 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-training{margin-top:170px; margin-left:150px;} /* 2020-06-23 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-petpermint{margin-top:170px; margin-left:150px;} /* 2020-07-08 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-petbox{margin-top:170px !important; padding-left:70px;} /* 2020-07-30 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-petgift{margin-top:170px !important; padding-left:70px;} /* 2020-12-01 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-birthgift{margin-top:170px !important; padding-left:70px;} /* 2021-01-05 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-lola{margin-top:270px !important; padding-left:90px;} /* 2021-02-02 이상용 추가 */
.flickity-button.next:before, .flickity-button.previous:before{font-size: 60px;color: #aaa;opacity: 0.5;}
.inspiro-slider.arrows-dark .flickity-button:hover{background: none;}
.inspiro-slider.arrows-dark .flickity-button:hover:before{opacity: 1;color: #aaa;}
.inspiro-slider.dots-creative .flickity-page-dots .dot{height: 12px;width: 12px;border-radius: 6px;background: #fff;transition: none;opacity: 1;}
.inspiro-slider.dots-creative .flickity-page-dots .dot:hover{opacity: 0.6;}
.inspiro-slider.dots-creative .flickity-page-dots .dot:after{display: none;}
.inspiro-slider.dots-creative .flickity-page-dots .dot.is-selected:after{display: none;}
.inspiro-slider.dots-creative .flickity-page-dots .dot.is-selected{height: 12px;width: 24px;border-radius: 6px;background: #222;opacity: 1;}
.inspiro-slider.dots-creative .flickity-page-dots .dot.is-selected:hover{opacity: 0.6;}


/*공통*/
.dp-no{display: none;}
.container{padding-left: 0;padding-right: 0;}
.con_title{font-size: 24px;line-height:32px;}
.t-black{color: #222;}
.t-orange{color:#fb503c!important;}
.text_btn{font-size: 13px;line-height: 20px;font-weight: normal;color: #888;}
.text_btn:hover{color: #fb503c;}
.text_btn span{margin-right:6px;}
.text_btn img{margin-right: 4px!important;}
.text-primary{color: #fb503c!important;}
button:focus{outline: none;}
.clear:after{content: "";display: block;clear: both;}
.bold{font-weight: bold;}
.btn-gary{border-color: #666;background: #666;}
.orange_bg{background: #fce8d9;}
.bluegray_bg{background: #f2f2f4;}
.carousel.arrows-dark .flickity-button:hover{background: transparent;}
.carousel .flickity-button.next,  .carousel .flickity-button{background: transparent;box-shadow: none;}
.carousel .flickity-button.next:before, .carousel .flickity-button.previous:before{font-size: 30px;color: #aaa;opacity: 0.5;}
.btn.pet_btn{font-size: 16px!important;color: #222!important;line-height: 24px!important;display: inline-block;max-width: 320px;text-align: center;width: 100%;background-color: #fff!important;}
.btn.pet_btn:hover{color:#fb503c!important; }
.btn.pet_btn img{margin-right: 12px;}
.btn.pet_btn.lg{font-size: 20px!important;color: #222!important;line-height: 30px!important;display: inline-block;max-width: 400px;text-align: center;width: 100%;background-color: #fff!important;padding: 15px 20px!important;}
.btn.pet_btn.lg img{width: 30px!important;height: auto!important;}
.btn_wrap_multi:after{content: "";display: block;clear: both;}
.btn_wrap_multi a.btn{width: 48%;text-align: center;float: left;}
.btn_wrap_multi a.btn:nth-child(2n){margin-left: 4%!important;}
.btn:not(.close):not(.mfp-close).btn-sm{font-size:12px;line-height: 12px;height: auto; }
a[disabled]{opacity: 0.4;}
a[disabled]:hover{opacity: 0.4!important;}
.nav-link{font-size: 16px;}
i.lg{font-size: 40px;margin-bottom: 10px;}
#page-title .page-title > h1{color: #222!important;font-family: 'BMJUA'!important;}
#page-title .page-title > span{color: #444!important;}
#page-title .bg-overlay{background-color: #ffece0;opacity: 0.85;}
#header[data-transparent="true"] + #page-title{padding: 160px 0 80px;background-color: #f4f4f4;}
.page-title{position: relative;}
.page-title .sub_title_icon{width: auto;height: 120px;position: absolute;right: 40px;top: 50px;margin-top: -60px;}
.modal-body{padding: 2rem 1rem;}
.box_prod{margin-left: -15px;margin-right: -15px;}
.box_prod a{position: relative;margin-bottom: 20px;}
.box_prod a:hover{-webkit-transform: translate(-5px, -5px);-ms-transform: translate(-5px, -5px);transform: translate(-5px, -5px);transition:all, 0.2s;}
.box_prod a .img_wrap{float: left;position: relative;border-radius: 6px;overflow: hidden;width: 100%;}
.box_prod a img{width: 100%;height: auto;float: left;}
.box_prod a p{float: left;color: #666;font-size: 13px;font-weight: normal;}
.box_prod a p.title{color: #222;font-size: 15px;font-weight: bold;margin-top: 12px;margin-bottom: 8px;}
.box_prod a .img_wrap:after{content: "";display: inline-block;width: 100%;height: 100%;background: #000;opacity: 0.05;position: absolute;top: 0;left: 0;}
.col_orange_box{padding: 60px 5% 60px;background: #fce8d9;}
.sns_write_list{max-height: 338px;overflow-y: auto;padding: 20px;background: #f8f8f8;margin-bottom: 0;position: relative;}
.sns_write_list.no-scroll{max-height: none;height:auto;overflow-y: hidden;padding: 20px 20px 0 20px;}
.sns_write_list li{list-style: none;float: left;border-bottom: 1px solid #eee;margin-bottom: 20px;width: 100%;}
.sns_write_list li:last-child{margin-bottom: 0;border:none;}
.sns_write_list li .info{float: left;width: 100%;}
.sns_write_list li .info .writer{font-size: 14px;float: left;margin-right: 10px;line-height: 20px;}
.sns_write_list li .info .date{font-size: 12px;float: left;line-height: 12px;color: #fb503c;opacity: 0.7;margin-top: 6px; }
.sns_write_list li .info a{float: right;margin-left: 20px;font-size: 12px;color: #aaa;font-weight: normal;}
.sns_write_list li .info a i{font-size: 10px;}
.sns_write_list li p.con{color: #222;margin-bottom: 20px;}
.share_wrap{background: #faf6c6;padding-top:60px;padding-bottom: 60px;}
.info_list{padding-top:60px;padding-bottom: 60px;}
.info_box{background: #fbf9ec;padding:30px;}
.info_box p{font-size: 14px; color: #222;line-height: 20px;position: relative;padding-left: 10px;}
.info_box p:after{content: "";display: inline-block;width: 4px;height: 4px;border-radius: 2px;background: #ff5632;position: absolute;left: 0;top: 8px;}
/*고정 신청하기 버튼*/
.fl_btn_wrap{position: fixed;width: 100%;bottom: 0;left: 0;z-index: 100;display: none;}
.apply_btn{font-weight: bold; display: inline-block;width: 100%;float: left;text-align: center;padding: 10px 0;background: #666;color: #fff!important;line-height: 30px;font-size: 16px;height: 50px;}
.apply_btn img{margin-right: 6px;width: 24px;height: 24px;}
.fl_btn_wrap.multi .apply_btn{width: 50%;}
.apply_btn.cat{background: #ec8447;}
.apply_btn.dog{background: #ea5746;}

/*박스신청팝업*/
.apply_write.popup{display: none;}
/*main**************************************************************************************************************************************************************/
/*main_con1*/
.main_con1 .row > div:nth-child(1){padding-left: 0;}
.main_con1 .row > div:nth-child(2){padding-right: 0;}
.apply_info{display: inline-block;width: auto;margin:0 auto; }
.apply_info li:after{content: "";display: block;clear: both;}
.apply_info li{list-style: none;margin-bottom: 14px;}
.apply_info li:last-child{margin-bottom: 0;}
.apply_info li p{line-height: 20px;float: left;color: #222;margin-bottom: 0;width: calc(100% - 100px);}
.apply_info li p.title{line-height: 20px;width: 100px;font-weight: bold;padding-left: 28px;}
.apply_info li:nth-child(1) p.title{background: url('../images/i_s_human.png') 0 center no-repeat;background-size: 20px;}
.apply_info li:nth-child(2) p.title{background: url('../images/i_s_clock.png') 0 center no-repeat;background-size: 20px;}
.apply_info li:nth-child(3) p.title{background: url('../images/i_s_paper.png') 0 center no-repeat;background-size: 20px;}
.apply_info li:nth-child(4) p.title{background: url('../images/i_s_notice.png') 0 center no-repeat;background-size: 20px;}

/*main_con2*/
.main_con2{padding: 0;}
.main_con2 .row > div{padding-top:60px;padding-bottom: 80px;padding-left: 0;}
.apply_way{padding-right: 15px;}
.apply_way .step{padding: 15px 20px;border:1px solid #eee;background: #fff;border-radius: 6px;margin-bottom: 20px;}
.apply_way .step:last-child{margin-bottom: 0;}
.apply_way .step img{float: left;margin-right: 10px;}
.apply_way .step p{float: left;line-height: 20px;font-size: 14px;font-weight: bold;color: #222;margin-bottom: 0;}
.apply_way .step a{float: right;}
.apply_way .step .btn_wrap a:nth-child(2){margin-right: 20px;}
.apply_way .step .btn_wrap{float: right;}
.sns_share{max-width: 320px;margin: 0 auto;}
.sns_share a{background: #fff!important;padding: 16px 0!important;width:100px!important;margin:0 10px 0 0!important;float: left;}
.sns_share a:nth-child(3){margin: 0!important;}
.sns_share a p{color: #222;font-weight: bold;}
.sns_share a:hover p{color: #fb503c;}
.sns_share a.btn-block{width: 100%!important;padding: 12px 0!important;margin-top: 10px!important;}
.sns_share a.btn-block span{display: inline-block;}
.sns_share a.btn-block img{float: left;margin-right: 10px;}
.sns_share a.btn-block p{float: left;margin-top: 2px!important;}
.sns_share a p{color: #222;margin: 10px 0 0 0;}

/*main_con3*/
.main_con3 .row > div:nth-child(1){padding-left: 0;}
.main_con3 .row > div:nth-child(2){padding-right: 0;}
.main_con3 .carousel .prod_wrap{width: 100%;}
.main_con3 .paging{position: absolute;top: 2px; right: 32px;font-size: 14px;font-family: 'Noto Sans KR', "Nunito", "Helvetica", "Arial", sans-serif;color: #999;font-weight: 100;width: 50px;text-align: center;}
.main_con3 .paging .now{font-weight: bold;color: #ff5632;font-weight: bold;}
.main_con3 .row > div:nth-child(2) .paging{position: absolute;top: 2px; right: 17px;}
.main_con3 .carousel a{border-radius: 6px;overflow: hidden;position: relative;display: inline-block;width: calc(25% - 6px);float: left;margin-right: 8px;margin-top: 8px;}
.main_con3 .carousel a:nth-child(4n){margin-right: 0;}
.main_con3 .carousel a:nth-child(-n+4){margin-top: 0;}
.main_con3 .carousel a:after{content: "";display: inline-block;width: 100%;height: 100%;background: #000;opacity: 0.05;position: absolute;top: 0;left: 0;}
.main_con3 .carousel .flickity-button{display: block;width: 32px;height: 32px;transition: none;margin: 0!important;opacity: 1;}
.main_con3 .carousel .flickity-button.next{top: -40px;right:-12px;left: auto;}
.main_con3 .carousel .flickity-button.previous{top: -40px;right:64px;left: auto;}
.main_con3 .carousel .flickity-button.next:before, .main_con3 .carousel .flickity-button.previous:before{font-size: 20px;color: #888;opacity: 0.5;margin: 0;width: 32px;height: 32px;display: inline-block;line-height: 32px;}
.main_con3 .carousel .flickity-button:hover.next:before, .main_con3 .carousel .flickity-button:hover.previous:before{opacity: 1;color: #fb503c;}
.main_con3 .carousel .flickity-page-dots{display: none;}

/*banner*/
.banner_wrap.mid{padding: 0;}
.banner_wrap.last{padding-top: 0;}
.banner_wrap a{max-width: 100%;}
.banner_wrap a img{max-width: 100%;height: auto;}
.banner_wrap .m_bn{display: none;}

/*main_con4*/
.main_con4 h2 .text_btn{float: right;margin-top: 8px;font-family: 'Noto Sans KR', "Nunito", "Helvetica", "Arial", sans-serif;font-weight: normal;}
.p_support img{}
.p_support p{font-size: 13px;height: 20px;color: #999;margin:10px 0 0;text-align: center;}
.p_support p.bold{font-size: 14px;height: 20px;color: #222;font-weight: bold;margin: 0;}
.main_con4 .carousel .flickity-button{display: block;width: 40px;height: 40px;transition: none;margin-top:-45px;opacity: 1;}
.main_con4 .carousel.s_event .flickity-button{margin-top:-20px;}
.main_con4 .carousel .flickity-button.previous{left:-40px;right: auto;}
.main_con4 .carousel .flickity-button.next{right:-40px;left: auto;}
.main_con4 .carousel .flickity-button.next:before, .main_con4 .carousel .flickity-button.previous:before{font-size: 32px;color: #888;opacity: 0.5;margin: 0;width: 40px;height: 40px;display: inline-block;line-height: 40px;}
.main_con4 .carousel .flickity-button:hover.next:before, .main_con4 .carousel .flickity-button:hover.previous:before{opacity: 1;color: #fb503c;}
.main_con4 .carousel .flickity-page-dots{display: none;}
/*main_con5*/
.main_con5{padding-bottom: 0;}
.main_con5 .row{margin-left: -15px;margin-right: -15px;}
/*footer*/
#footer{margin-top: 20px;}
#footer .footer_logo{height: 32px;width:auto;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;opacity: 0.6}
#footer .row div:nth-child(1){padding-left: 0;}
#footer .row div:nth-child(3){padding-right: 0;}
.footer_info:after{content: "";display: block;clear: both;}
.footer_info li{float: left;list-style: none;margin-right: 20px;}
.footer_info li p{float: left;font-size: 13px;color: #222;margin: 2px 0;}
.footer_info li p.title{float: left;font-size: 13px;color: #888;padding-right: 6px;}
#footer p.copyright{font-size: 12px;color: #aaa;font-weight: bold;}

/*sub************************************************************************************************************************************************************/
/*서브공통*/
.review_info_wrap1{background-image: url('../images/review_bg.png');background-position:  center; background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply;padding: 30px;min-height: 300px;position: relative;}
.review_info_wrap1:after{content: "";width: 100%;height: 100%;background-color:rgba(20,20,20,0.6);position: absolute;left: 0;top: 0;}
.review_info_wrap1 .con_title{font-size: 30px;}
.review_info_wrap1 p{font-size: 15px;line-height: 1.4;margin-bottom: 0;}
.review_info_wrap2{padding: 30px 30px 0;background:#fbf9ec;}
.review_info p{margin-bottom: 8px;color: #222;}
.review_info p .jua{font-size: 20px;color: #fb503c;opacity: 0.6}
.review_info .tip{color: #fb503c;}
.review_info2{background:#faf6c6;margin: 30px -30px 0;padding: 20px 30px 14px;}
.review_info2 li{list-style:none;float: left;width: 100%;}
.review_info2 li p{float: left;width: calc(100% - 100px);color:#222;font-weight: bold;margin-bottom: 8px;}
.review_info2 li p.title{width: 100px;color:#666;font-weight: normal;}
.winner_wrap{padding:0;margin-top: 40px;}
.winner ul{border:1px solid #e4e4e4;border-bottom: none;border-right: none;}
.winner ul li{list-style:none;border:1px solid #e4e4e4;padding-top: 1em;border-left: none;border-top: none;}
.winner ul li p.name{margin-bottom: 4px;}
.winner ul li p.name span.num{font-weight: bold;padding-right: 6px;}
.winner ul li p:nth-child(2){font-size: 15px;color: #222;font-weight: bold;}
.supporters{margin: 0 -10px;}
.supporters .supporter{padding: 0 10px;margin-bottom: 40px;}
.supporters .supporter:hover{-webkit-transform: translate(-5px, -5px);-ms-transform: translate(-5px, -5px);transform: translate(-5px, -5px);transition:all, 0.2s;}
.supporters .supporter a:not(.btn){display: inline-block;width: 100%;}
.supporters .supporter a img{width: 100%;height: auto;margin-bottom: 12px;}
.supporters .supporter p{font-size: 13px;height: 20px;color: #999;margin:0 0;text-align: center;text-align: left;}
.supporters .supporter p.bold{font-size: 16px;line-height: 20px;color: #222;font-weight: bold;margin: 0 0 8px 0;}
.supporters .supporter p.info{font-size: 12px;line-height: 18px;color: #666;font-weight: normal;margin: 0;}
.terms_wrap h2{float: left;}
.terms_all{float: right;margin-top: 8px;}
.terms{float: left;border:1px solid #ddd;border-radius: 6px;width: 100%;padding: 30px 3%;}
.terms li{list-style: none;float: left;width: 100%;padding: 5px;}
.terms li p{font-size: 16px;line-height: 20px;color: #222;font-weight: bold;float: left;margin-bottom: 0;}
.terms li p span{font-size: 14px;line-height: 20px;color: #999;font-weight: normal;padding-left: 6px;}
.terms li .text_btn{line-height: 20px;float: right;margin-right: 20px;color: #ff5632;opacity: 0.7;font-weight: bold;}
.terms li .text_btn:hover{opacity:1;}
.terms li .form-check{float: right;}
.terms_li_show{display: none;}
.terms_li_show i{font-size: 20px;float: right;}
.terms.off{padding: 20px 3%;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.terms.off li{display: none;}
.terms.off .terms_li_show{display: block;}
.terms.on li{display: block;}
.terms.on .terms_li_show{display: none;}
.join_wrap{margin-bottom: 20px;}
.s_event_title{padding-bottom: 0;}
.s_event_title_wrap1{background: #faf6c6;padding:0;position: relative;}
.s_event_title_wrap1 img.banner{width: 100%;height: auto;max-width: 100%;float: left;}
.s_event_title_wrap1 .sns{background:#faf6c6;padding: 30px;float: left;}
.s_event_title_wrap1 .sns a{float: left;width: 30px;height: auto;margin-right: 20px;}
.s_event_title_wrap1 .sns a img{float: left;width: 30px;height: auto;}
.s_event_title_wrap2{padding: 30px;background:#fbf9ec;}
.s_event_title_wrap2 .info{margin-bottom: 24px;}
.s_event_title_wrap2 .info h2{font-size: 30px;}
.s_event_title_wrap2 .info p{color: #444;}
.s_event_title_wrap2 .info2{margin-top: 0px;}
.s_event_title_wrap2 .info2 li{list-style:none;float: left;width: 100%;margin-bottom: 10px;}
.s_event_title_wrap2 .info2 li:after{content: "";display: block;clear: both;}
.s_event_title_wrap2 .info2 li:last-child{margin-bottom: 0;}
.s_event_title_wrap2 .info2 li p{float: left;width: calc(100% - 100px);color:#222;font-weight: bold;line-height: 20px;margin-bottom: 0px;}
.s_event_title_wrap2 .info2 li p.title{width: 100px;color:#666;font-weight: bold;line-height: 20px;padding-left: 28px;}
.s_event_title_wrap2 .info2 li.i_human p.title{background: url('../images/i_s_human.png') 0 center no-repeat;background-size: 20px;}
.s_event_title_wrap2 .info2 li.i_clock p.title{background: url('../images/i_s_clock.png') 0 center no-repeat;background-size: 20px;}
.s_event_title_wrap2 .info2 li.i_paper p.title{background: url('../images/i_s_paper.png') 0 center no-repeat;background-size: 20px;}
.s_event_title_wrap2 .info2 li.i_notice p.title{background: url('../images/i_s_notice.png') 0 center no-repeat;background-size: 20px;}
.s_event_con_wrap{padding-bottom: 0;}
.s_event_con_wrap .tabs{padding:0; }
.s_event_text{padding:30px 15px 60px;}
.s_event_text p{margin-bottom:6px;color: #222;}
.s_event_text h3{margin-bottom: 12px;padding-left: 16px;position: relative;padding-top: 0;}
.s_event_text h3:after{content: "";display: inline-block;width: 8px;height: 8px;border-radius: 4px;background: #ff5632;position: absolute;left: 0;top: 50%;margin-top: -4px;}
.s_event_img{padding: 0}
.s_event_img img{width: 100%;}
.s_event_write .row{margin-right: -15px;margin-left: -15px;}
.s_event_write .sns_write{margin-bottom: 30px;}
.sub2_con2{padding-top: 0;}
.sub2_con2 .row{margin-left:-15px;margin-right: -15px;}
.sub3_con1 .review_info_wrap2{padding-bottom: 30px;}

/*반응형**************************************************************************************************************************************/

@media (min-width: 1200px){

.container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 988px;}
}

@media (max-width: 1024px){
#header .header-inner .container{max-width: 100%; padding: 0 30px;}
#header{height: 50px;}
#header .header-inner{height: auto;}
#header .header-inner #logo{width: auto;height: 50px;float: left;display: inline-block;position: static!important;}
#header #logo > a{padding: 13px 0;}
#header #logo > a img{height: 24px;width: auto;padding-bottom: 0;}
.m_btn_wrap{float: right;display: block;padding: 0 8px 0 0;}
.m_btn_wrap a{float: right;height: 50px;padding:15px 8px;}
.m_btn_wrap a img{width: 20px;height: auto;float: left;}
#mainMenu-trigger{height: 50px;}
.etc_menu{position: static;text-align: center;}
.etc_menu:after{content: "";display: block;clear: both;}
.etc_menu .etc_menu-1{float: none;display: inline-block;}
.etc_menu .etc_menu-1:after{content: "";display: block;clear: both;}
.etc_menu .etc_menu-1 span{line-height:52px;}
.etc_menu .etc_menu-1 a{width: 36px;height: 36px;background-size: 32px!important;margin: 8px 4px;filter: none;-webkit-filter: none;opacity: 1;}
.etc_menu .etc_menu-2{float: none;}
#mainMenu nav{padding: 40px 0!important;}
#mainMenu nav>ul>li{text-align: center;}
#mainMenu nav>ul>li>a{float: none;font-size: 20px!important;}
.mainMenu-open #header .header-inner{background: rgba(255,255,255,0.7)!important;}
.mainMenu-open .body-inner > div, .mainMenu-open .body-inner > section, .mainMenu-open .body-inner > footer,.mainMenu-open #scrollTop{-webkit-filter: blur(0px);-moz-filter: blur(40px);-o-filter: blur(20px);-ms-filter: blur(20px);filter: blur(40px);}
.mainMenu-open .fl_btn_wrap{-webkit-filter: blur(0px);-moz-filter: blur(40px);-o-filter: blur(20px);-ms-filter: blur(20px);filter: blur(40px);}
.slide1{background-image:url('../images/main_slide1_m.png');}
.slide2{background-image:url('../images/main_slide2_m.png');}
.slide3{background-image:url('../images/main_slide1_m-3.jpg');}
.slide4{background-image:url('../images/main_slide1_m-4.jpg');}
.slide_petbox{background-image:url('../images/main_slide_petbox_mo.jpg');}
.slide_petbox_200828{background-image:url('../images/main_slide_petbox_200828_mo.jpg');}
.slide_petbox_200922{background-image:url('../images/main_slide_petbox_200922_mo.jpg');}
.slide_petbox_201026{background-image:url('../images/main_slide_petbox_201026_mo.jpg');}
.slide_petbox_201104{background-image:url('../images/main_slide_petbox_201104_mo.jpg');}
.slide_petbox_201130{background-image:url('../images/main_slide_petbox_201130_mo.jpg');}
.slide_petbox_10{background-image:url('../images/main_slide_petbox_10_mo.jpg');}
.slide_petbox_13{background-image:url('../images/main_slide_petbox_13_mo.jpg');}
.slide_petbox_14{background-image:url('../images/main_slide_petbox_14_mo.jpg');}
.slide_event_birth{background-image:url('/images/event_birth_slide1_m.jpg');}
.slide_event_training{background-image:url('/images/event_training_slide2_m.jpg');}
.slide_petpermint{background-image:url('/images/main_slide_petpermint_m.jpg');}
.slide_birthgift{background-image:url('/images/main_slide_birthgift_m.jpg');}
.slide_lola{background-image:url('/images/main_slide_lola_m.jpg');}
.slide_lola_210219{background-image:url('/images/main_slide_lola_210219_m.jpg');}
#slider{height: 120vw;}
#header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider{top:-50px;margin-bottom: -50px;}
.slide-captions{text-align: center;}
#page-title .page-title > h1{font-size: 24px;line-height: 30px;}
.inspiro-slider .slide .container .slide-captions .btn{animation: none!important;opacity: 1!important;}
.inspiro-slider .slide .container .slide-captions .btn-img{margin-top:0; animation: none!important;opacity: 1!important;} /* 2020-06-05 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-training{margin-top:300px; margin-left:0; animation: none!important;opacity: 1!important;} /* 2020-06-23 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-petpermint{margin-top:300px; margin-left:0; animation: none!important;opacity: 1!important;} /* 2020-07-08 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-petbox{margin-top:0!important; padding:0!important; animation: none!important;opacity: 1!important;} /* 2020-07-30 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-petgift{margin-top:30px !important; padding:0!important; animation: none!important;opacity: 1!important;} /* 2020-07-30 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-birthgift{margin-top:0px !important; padding:0!important; animation: none!important;opacity: 1!important;} /* 2021-01-05 이상용 추가 */
.inspiro-slider .slide .container .slide-captions .btn-lola{margin-top:70px !important; padding:0!important; animation: none!important;opacity: 1!important;} /* 2021-02-02 이상용 추가 */
.inspiro-slider .slide .container{padding: 0;margin-top: -20vw;}
.inspiro-slider .slide .container .slide-captions{text-align: center!important;}
.main_con2 .apply_way .step .btn_wrap{max-width: 50%;}
.main_con2 .apply_way .step .btn_wrap a{display: inline-block;}
.main_con2 .apply_way .step .btn_wrap a:after{content: "";display: block;clear: both;}
.main_con2 .apply_way .step .btn_wrap a:nth-child(2){margin-right: 0!important;margin-top: 10px;}

#top_banner{width:100%;}
}

@media (min-width: 768px){


}

@media (max-width: 768px) {
section{padding: 40px 0 50px;}
.main_con1{padding-top: 50px;}
.main_con1 .row > div:nth-child(1){padding: 0 0 20px 0;}
.main_con1 .row > div:nth-child(2){border: none!important;padding: 0;}
.main_con2 .container {max-width: 100%;}
.main_con2 .row > div{padding:40px 0 50px;}
.main_con2 .row > div:nth-child(1){max-width: 540px;margin: 0 auto;}
.apply_way{padding-right: 0;}
.main_con3 .row > div:nth-child(1){padding: 0;padding-bottom: 50px;}
.main_con3 .row > div:nth-child(2){padding: 0;}
.main_con3 .paging{right: 17px;}
.main_con5 .row{margin:0;}
.main_con5 .row > div{padding: 0;}
.main_con5 .row > div:nth-child(2){padding:40px 0 10px;}
#footer .row > div{padding: 0;}
#footer .row > div:nth-child(2){margin-bottom: 20px;}
.address #sAddrView{width: calc(100% - 110px);border-bottom: none;}
.address #sAddr2{width: calc(100% - 110px);border-left:1px solid #ced4da;}
.phone #sMobile1{width: calc(30% - 55px);}
.phone #sMobile2{width: calc(70% - 55px);}
.phone #sMobile3{width: calc(30% - 55px);}
.phone #sMobile4{width: calc(70% - 55px);}
.apply_info_wrap .container {max-width: 100%;}
.share_wrap{width: 100%;}
.sub2_con2 .row{margin:0;}
.sub2_con2 .row > div{padding: 0;}
.sub2_con2 .row > div:nth-child(2){padding:40px 0 10px;}
}

@media (min-width: 576px){

}

@media (max-width: 576px){

section.m_padding{padding-left: 20px;padding-right: 20px;}
#header .header-inner .container{padding:0 20px;}
.inspiro-slider .slide .slide-captions .btn {
  padding: 10px 15px !important;
  font-size: 13px !important;
  line-height: 1.5; }
.inspiro-slider .slide .container{padding: 0;margin-top: -15vw;}
.banner_wrap .pc_bn{display: none;}
.banner_wrap .m_bn{display: block;}
.main_con1 .row > div{padding-left: 20px!important;padding-right: 20px!important;}
.main_con2 .row > div{padding-left: 20px!important;padding-right: 20px!important;}
.main_con3 .row > div{padding-left: 20px!important;padding-right: 20px!important;}
.main_con3 .paging{right: 37px!important;}
.main_con4 .container{padding-left: 20px!important;padding-right: 20px!important;}
.main_con4 .carousel .flickity-button.next{right: 0;}
.main_con4 .carousel .flickity-button.previous{left: 0;}
.main_con5 .con_title{padding-left: 20px;}
.sub2_con1{padding-top: 0;}
.sub2_con2 .con_title{padding-left: 20px;}
.review_info_wrap2{padding-left: 20px;padding-right: 20px;}
.sub3_con1{padding-top: 0;}
.winner_wrap{padding-left: 20px;padding-right: 20px;}
.winner ul li{flex: 0 0 50%!important;max-width:50%!important;}
.terms{padding: 15px 3%;}
.terms li{padding-bottom: 15px;border-bottom: 1px solid #eee;margin-bottom: 10px;}
.terms li:nth-child(5){border:none;margin: 0;}
.terms li p{font-size: 14px;float: none;display: block; }
.terms li .text_btn{float: left;margin-top: 6px;}
.terms li .form-check{margin-top: 4px;}
.terms li.terms_li_show{padding: 5px;margin-bottom: 0;border:none;}
.terms .terms_li_show p{float: left;}
.sub4_con1, .sub4_con2{padding-left:20px;padding-right: 20px; }
.apply_write{padding-right: 20px;padding-left: 20px;}
.s_event_title{padding-top: 0;}
.s_event_text{padding-left: 20px;padding-right: 20px;}
.s_event_write .con_title{padding-left: 20px;}
.sns_write{padding-left: 20px;padding-right: 20px;}
.secession > div{padding-left: 20px;padding-right: 20px;}
#footer .row > div{padding-left: 20px!important;padding-right: 20px!important;}
#header[data-transparent="true"] + #page-title{padding:160px 20px 60px;}
#page-title .page-title > h1{margin-bottom: 10px;width: calc(100% - 120px);}
#page-title .page-title > span{display: inline-block;width: calc(100% - 120px);}
.page-title .sub_title_icon{width: 100px;height: auto;right: 0;margin-top: -50px; }
.fl_btn_wrap{display: block;}
#scrollTop{right: 20px!important;}
.width_btn #scrollTop{bottom: 70px!important;}
body.width_btn{padding-bottom: 50px;}
/*박스신청팝업*/
.apply_write.popup{display: block;position: fixed;bottom: -560px;left:0;width: 100%;z-index: 200;padding:20px;height: 0;overflow: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.apply_write.popup.on{height: auto;padding: 20px;width: 100%;bottom: 0px;}
.apply_pop_close{font-size: 16px!important;line-height: 24px!important;}
.apply_write.popup .btn{margin-bottom: 0!important;font-size: 14px!important;padding: 10px!important;}
.apply_write.popup .btn img{margin-right: 6px;}
.apply_write.popup .one-col .form-group{margin-bottom: 8px;}
.apply_write.popup .one-col .form-group.t_input label{padding: 7px 10px;}
.apply_write.popup .one-col .form-group.t_input .radio-custom label{padding: 7px 20px 7px 0;}
.apply_write.popup input:not([type="checkbox"]):not([type="radio"]), select{padding: 7px 16px;min-height:34px;}
.apply_write.popup .one-col .form-group.t_input .radio_wrap{min-height:34px;padding-bottom: 0;}
.apply_write.popup .one-col .form-group.t_input .radio-custom{margin-top: 2px;}
.apply_write.popup .address a.btn.find_zcode{line-height: 33px;width: 80px;padding: 0!important;}

/*롤라카드*/
.div_lola_pc_btn{display:none;}

/*메거진 이미지 사이즈*/
.magazine_content img{width:100%!important; height:100%!important;}
}