@charset "utf-8";


/* =======================================
 *	PC
 * ======================================*/

@media (max-width:1550px){
	.down_wrap > ul > li > ul li a img{width:135px}
}
@media (max-width:1430px){
	.down_wrap > ul > li > ul li a img{width:auto}
	.down_wrap > ul > li > ul li{float:none}
	.down_wrap{padding: 15px 0 30px;}
}
@media (max-width:1770px){
	h3.magin_title {
    font-size: 32px;
	}

	.order_btn_wrap {
    margin-top: 60px;
	}

	.down_wrap > ul > li > ul{text-align:center}
	.down_wrap {
    width: 62%;}

}

@media (max-width:1330px){

	.down_wrap > ul > li > ul li:first-child{padding-right:0;}
	.down_wrap { padding: 15px 0;}

}


@media (max-width:1280px){
	/* common */
html, body{
min-width:320px;
}
#gnb{
	float:none;
	width:100%;
}

}





@media (max-width: 1240px){

/* body	{border-top:1px solid red;}*/


/* HEADER */
#hd_wrapper {padding:0 30px; background:#fff}


/* FOOTER */
#footer_wrap {padding: 30px 20px 55px 20px;}


/* MAIN */
.js_positioning_element {padding-top: 0 !important;} /* fullpage clear */
.main_visual_item_bg{
	background-attachment:inherit;
}
.main_section_visual {height:550px; width:100%}
.main_visual_content {height:550px}
.main_visual_content_inner {height:550px}
.main_section_share{height:550px}
.main_section_title {font-size: 40px;}

.main_grid_first_inner {padding:0 20px}
.main_single_wrap {padding:150px 0 0 70px}
.main_grid_second_inner {padding-left: 30px; padding-right:20px; padding-top:30px;}
.last_tip_slider_wrap,
.last_tip_slider .jt_card_list_item:nth-child(n){
	height:300px;
}

.order_wrap	{background:#f2f2f2; padding:94px 20px 93px 20px;}
.order_box		{width:90%; padding-top:0;}
/*.order_box	ul li	{width:16.666%;}*/
.order_box ul li {
    width: 230px;
    height: 230px;
    margin-right: 96px;
		margin-bottom: 30px !important;
}
.order_box ul li:after{
	width: 40px;
	height: 20px;
	right: -69px;
}
.order_box ul li:before{
	width:250px;
	height:250px;
}
.order_box ul li:nth-child(3):after,
.order_box ul li:nth-child(9):after{
display:none;
}
.order_box ul li:nth-child(3),
.order_box ul li:nth-child(9){
margin-right:0
}
.order_box ul li p{
	font-size:28px;
	margin-top:10px;
}
.order_box ul li p.step{
	font-size:24px;
	margin-top:0;
}
.order_box ul li img {
    width: 60px;
    margin-top: 18px;
}
.order_btn_wrap {width:100%;}

.feature_wrap	{padding:94px 20px 114px 20px;}
.feature_box {width:100%;}
.feature_box ul li	{width:33.333%; padding: 0 20px; margin-right:0;}
.feature_box ul li img	{width:100%}
.feature_box ul li dl dd{
	font-size: 14px;
	text-align: left;
	color: #666;
	padding-bottom: 5px;
	letter-spacing: -0.5px;
}
.down_wrap	{width:100%; margin:97px 0 0 0;}

.main_services_wrap h3 {font-size:47px; color:#3face7;}

.down_wrap > ul > li > ul li:first-child{margin-right:40px;}

/*	SUB VISUAL */
.main_grid_first_inner .greeting {
    padding: 50px 20px 50px;
}
#sVisual							{position:relative; height:37vw;}
.sv1									{background-size:cover}
.sv2									{background-size:cover}
.sv3									{background-size:cover}

/*	SNB */
.snb ul								{width:100%;}

/* SUB */
.content {padding:0 30px;}
.content2 {width:100%; padding:0 30px;}

/* 지부소개 */
.post_text3 {width:100%; margin:0 auto; margin-top:50px}
.post_text3 > p {font-size:18px; text-align:left; padding:0; margin-top:15px}

.post_text4 {width:100%;}

/* 탭메뉴 */
#tabmenu2	 {width:100%;}

/* 탭메뉴 */
#tabmenu3	 {width:100%;}

/* 관리사 모집 */
.manager_text3_box1 > ul > li {    margin-right: 1%;     width: 24%;}

/* 가맹 안내 */

.section.mt70 .found_img,
.section.mt100 .found_img{
    margin-top: 0;
    margin: 0 auto;
    text-align: center;
    display: block;
		width: 305px;
    height: 400px;
    background-size: auto 400px;
}
.section.mt70 {
    padding-bottom: 0;
}

.ul_found,
.section.mt100 .ul_found{
	margin: 30px auto 0;
	display: block;
	width: 66%;
	text-align: left;
	margin-top: 0;
}

.section.mt100{
	background:transparent
}



}









@media (max-width: 1159px){

.down_wrap > ul > li	{padding:0 10px}
.down_wrap > ul > li > ul li 	{display:block; width:100%; text-align:center}
.down_wrap > ul > li > ul li:first-child 	{padding-right:0; line-height:100%; padding-bottom:15px}
.down_wrap > ul > li > ul li img 	{margin-top:5px}

/* 가사관리 */
.main_services_photo { margin-top:60px}
.main_services_photo ul li {width:48%;}
.main_services_photo ul li:first-child {display:none}
.main_services_photo ul li:last-child {margin-right:0;}
.main_services_photo ul li img {width:100%}

/* 관리사 모집
.manager_text3_box1 > ul > li {border:7px solid #98d1dd;}
.manager_text3_box1 > ul > li > ul > li:first-child  {text-align:center; font-size:40px; padding-top:20px;}
.manager_text3_box1 > ul > li > ul > li:last-child  {padding-top:15px;  font-size:25px; }
*/
}









@media (max-width:1087px){
/* body {border:1px solid pink}*/

/* 기본 서비스 */
.basic_wrap ul {width:100%}
.basic_wrap li {margin:0 1.6%; width:30%;}
.basic_wrap li p {width:100%; height:16vw}

/* 미제공 서비스 */
.no_wrap ul {width:100%;}

}








/* =======================================
 *	TABLET
 * ======================================*/
@media (max-width:1043px){
	.mobile {display:block; margin:0 auto}
	.pc {display:none}

	#gnb{		background-color:#fff;	}
  #mySidenav { display:block; }
/* 관리사모집 */
.manager_text1_box1 > ul > li {float:left; border:1px solid #c2c2c2; width:32%; margin-right:2%; padding:0}
.manager_text1_box1 > ul > li > ul > li  {font-size:25px;}

.manager_text2_box1 > ul > li > ul > li  {font-size:20px;}

.manager_text3_box1 > ul{min-width:0;}
.manager_text3_box1 > ul > li > ul > li:last-child {
    padding-top: 15px;}
/* 탭메뉴 */
#tabmenu2 ul {display:inline-block;}
#tabmenu2 ul li {display:inline-block; float:left; width:25%; line-height:50px; margin-top:2px}

/* 우렁각시 서비스 특징 */
.feature_box ul li	{padding: 0 10px;}

.main_grid_second{padding:45px 30px}
.main_grid_second_inner{ padding:0px;}
.main_services_wrap h3{ font-size:40px; }
.main_services_text {font-size: 22px;}
.order_wrap ul {    margin: 20px auto 0;}
.order_box ul li {
    width: 22vw;
    height: 22vw;
    margin-right: 104px;
}
.order_box ul li:before {
    width: calc(22vw + 20px);
    height: calc(22vw + 20px);
}

.order_box	ul li p	{font-size:20px}
.order_box	ul li.box7, .order_box	ul li.box9, .order_box	ul li.box11	{background:#e7e7e7 no-repeat left center;  margin-bottom:30px;}
.order_box	ul li.box8, .order_box	ul li.box10, .order_box	ul li.box12	{background:#3face7 no-repeat left center; 	margin-right:87px;	margin-left:0;  margin-bottom:30px;}
.order_box	ul li.box7 p, .box9 p, .box11 p	{color:#282828}
.order_box	ul li.box8 p, .box10 p, .box12 p	{color:#e7e7e7}
.order_box ul li p {    font-size: 24px;}
.order_box ul li p.step {
    font-size: 28px;
    margin-top: 0;
}
.order_box ul li img {
    width: 70px;
    margin-top: 18px;
}
/* sub page */
#container{padding-top:80px;}
.content_title {    font-size: 36px;    padding: 30px 0;}
.snb ul {    width: 90%;}
.snb ul li {  width: calc(25% - 3px); }
.snb ul li a { font-size: 18px; padding: 0;}
.content .order_box{ width:92%; }
.content .order_box ul li { margin-right: 95px;}
.content .order_box ul li:nth-child(3n){ margin-right:0}


}
@media (max-width: 1000px){
.post_text4_num6 ul li {width:30%;}
.post_text4_num4 ul li {width:23%}
.post_text4_num3 ul li {width:30%}
.post_text4_num1 ul li {width:30%}
}


@media (max-width: 970px){
/* body								{border:1px solid blue;} */

#hd_wrapper {padding:0 20px; background-color:#fff !important;}

#logo {padding:17px 0 15px 0}
#logo img {width:170px}

/* 메뉴 */
.gnb_1da {padding:0 20px 28px 20px; font-size:17px}
.gnb_2dul {top:65px; float:right;}

/* MAIN */
#fp-nav.left {display: none !important;}

.main_visual_content {background: #ffffff;background: rgba(255, 255, 255, .6);}

.main_section_visual,
.main_visual_content,
.main_visual_content_inner {height:500px}
.main_section_share{	height:500px}

.main_grid_wrap > div {padding:0}
.main_grid_second_inner {padding: 15px 0 0 0}
.main_services_wrap h3{font-size:30px;}
.jt_card_list_link p br {display: none;}


.order_btn_wrap {margin-top:50px;}
.order_btn {line-height:55px; font-size:18px; width:93%; height:55px;}

/* TITLE */
.content_title {font-size:40px; padding:45px 0 40px 0;}
.content_title span {font-size:28px; margin-top:15px}

/* 자주하는 질문 */
.lilo-accordion-control {font-size: 18px; padding: 20px 0 20px 90px; background:url(../images/icon_q.png) no-repeat 28px center; background-size:20px}
.lilo-accordion-content {padding: 20px 0 20px 90px; font-size: 15px; background:#f8f8f8 url(../images/icon_a.png) no-repeat 28px center;  background-size:20px}

/* 탭메뉴 */
#tabmenu ul li					{height:45px; font-size:17px}
/*#tabmenu2 ul li					{height:45px; font-size:17px}*/


/* 기본 서비스 */
.basic_wrap li dt {font-size:24px; margin:17px 0 15px 0}
.basic_wrap li dd {font-size:15px; line-height:27px;}
.gap {display:block !important; height:70px !important;}


/*정기 추가 서비스 */
.add_wrap li {float:left; margin:0 0.5%; width:24%;}
.add_wrap li img {width:100%; height:172px}
.add_wrap li span {font-size:20px; margin-top:21px;}
.gap3 {height:40px !important;}

/* 미제공 서비스 */
.no_wrap ul li {font-size:22px;}

/* color */
.Introduce_color_wrap  {margin-top:70px;}
.Introduce_color	{width:100%}
.Introduce_color li {width:25%; height:23vw; margin:0 4%;}

/* slogan */
.Introduce_slogan {background:url(../images/introduce_img02.gif) no-repeat center 50%; background-size:100%;  padding:80px 0 0px;}
}







@media (max-width: 958px){
/* 지부소개 */
.post_text2 {display:block; padding:35px 20px;}
#tabcontent8.sh .post_text2{width:100%;}
}







@media (max-width: 940px){

/* 가사관리 */
.main_services_wrap h3 {font-size:44px;}
.main_services_text {font-size:18px; padding-top:17px;}
.main_services_wrap p {margin-top:17px}
.main_services_photo {margin-top:45px}
.last_tip_slider_wrap,
.last_tip_slider .jt_card_list_item:nth-child(n){
    height: 280px;
}
/* 관리사 모집
.manager_text3_box1 > ul > li > ul > li:first-child  {font-size:35px; padding-top:20px;}
.manager_text3_box1 > ul > li > ul > li:last-child  {padding-top:10px;  font-size:20px; }
*/
.manager_text3_box1 > ul > li > ul > li:first-child {
    font-size: 40px;
    padding-top: 20px;
}
.manager_text3_box1 > ul > li > ul > li:last-child {
    font-size: 27px;
}



}







@media (max-width: 902px){
/* 로고 */
.Introduce_logo {margin:5% 0 10% 0; padding-bottom:10%}
.Introduce_logo > div {margin-top:6%; text-align:left}
.Introduce_logo > div br {display:none}

}






@media (max-width: 879px){
/* 탭메뉴 */
#tabmenu2 ul li {font-size:17px;}

#tabmenu3 ul {display:block;}
#tabmenu3 ul li {display:inline-block; float:left; line-height:50px; font-size:17px; width:25%; margin-top:2px}
}







@media (max-width: 865px){

/*	SNB */
.snb ul li a							{display:block; font-size:17px; text-align:center; color:#848383; line-height:50px}
.snb ul li a.on						{color:#fff; }
.snb ul li a:hover					{color:#fff;}


/* 관리사 모집 */
.manager_text1_box1 > ul {width:60%; margin:0 auto;}
.manager_text1_box1 > ul > li {width:100%; margin-right:0; margin-top:10px}

.manager_text2_box1 > ul {width:100%; display:block;}
.manager_text2_box1 > ul > li {display:block; width:100%; margin-top:10px }
.manager_text3_box1 > ul > li > ul > li:last-child {
    padding-top: 10px;
    font-size: 22px;
}
/*
.manager_text3_box1 > ul > li {width:40%; height:35vw; margin:1%;}
.manager_text3_box1 > ul > li > ul > li:first-child  {font-size:45px; padding-top:30px;}
.manager_text3_box1 > ul > li > ul > li:last-child  {padding-top:25px; font-size:31px; }
*/
}







@media (max-width: 850px) and (orientation: portrait) {

h3.magin_title	{font-size:40px; padding:0 0 20px 0;}

/* MAIN */
.main_visual_item_bg {display: none;}
.main_visual_item_bg_mobile {display: block;}
.down_wrap	{margin-top:50px;}

/* 가사관리 */
.main_section_share{
	height:450px;
}
.main_services_wrap h3,
.main_grid_first_inner .greeting div h4 {font-size:26px;}
.main_services_text {font-size:18px; padding-top:13px; }
.main_services_wrap p {margin-top:20px}
.main_services_photo {margin-top:40px}
.main_services_wrap p img {width:45%}
.main_grid_first_inner .greeting{
	padding:30px 0px 30px
}
.main_grid_second_inner{padding:30px;}
.order_wrap	{padding:50px 20px 60px 20px;}
.order_box ul li	{width:21vw; height:21vw; padding:20px 0 20px 0; margin-top:15px; margin-right: 77px;}
.order_box ul li:before{ width:180px; height:180px;}
.order_box ul li p	{font-size:20px}
.order_box ul li img {
    width: 56px;
    margin-top: 0;
}
.order_box ul li:after{right:-64px}
.order_btn_wrap {

}
.feature_wrap	{padding:50px 20px 60px 20px; background:none}
.feature_box {width:100%;}
.feature_box ul li	{width:100%; float:none; text-align:left; margin-top:20px; margin-right:0; padding: 0 0}
.feature_box ul li:after	{content: '';clear: both; display: table;}
.feature_box ul li:last-child	{margin-right:0;}
.feature_box ul li	p {width:40%; float:left; margin-right:20px}
.feature_box ul li dl	{margin-top:0; float:left; padding-top:12px}


/* slogan */
.Introduce_slogan {font-size:30px; line-height:130%; padding:70px 0 0px;}
.Introduce_slogan > span {font-size:30px;}
.Introduce_slogan > p {font-size:50px;}

}






@media (max-width: 810px) and (orientation: portrait) {


/*정기 추가 서비스 */
.add_wrap li {float:left; margin:0 1%; width:48%;}
.add_wrap li img {width:100%; height:27vw}
.add_wrap li span {font-size:20px; margin-top:21px;}
.gap3 {height:40px !important;}
.gap4 {width:100% !important; display:block !important; height:40px !important;}


/* 기본 서비스 진행 순서 */
.content .order_box{ width:92%; }
.content .order_box ul li { margin-right: 85px;}
.content .order_box ul li:nth-child(3n){ margin-right:0}



/* 가맹안내 */
.section.mt70 .found_img, .section.mt100 .found_img{float:none;}
.section.mt100 .ul_found,
.section.mt70 .ul_found{margin-top:30px; width:100%;}

.section.mt100 .dl_found dd{width:100%;}
.section.mt100 .dl_found dt{display:none;}
}


@media (max-width: 770px){
	#gnb_1dul{width:calc(100% - 180px)}
	.gnb_1dli{width:20%; text-align:center}
	.gnb_1da { padding: 0 5px 28px 5px;}
	.btn_recruit{padding: 0 10px !important; margin:0; width:100%}
	.pc{display:block;}
	.mobile{display:none;}
	.fee_wrap #tabmenu2 ul li{width:33.333%}
	.table1 table th, .table1 table td{padding:7px;}
}






/* **************************************** *
 * MOBILE
 * **************************************** */

@media (max-width: 750px){





/* body								{border:1px solid green;} */

/* FOOTER */

.footer_box li {width:100%; text-align:center;}
.footer_box li:first-child {width:100%;}
.footer_box li:last-child {width:100%; margin-top:20px;}
.footer_box li a {width:100%; float:left; margin-right:-1px; vertical-align:top}

.order_btn {font-size:16px; width:97%;}




h3.magin_title	{font-size:30px; padding:0 0 10px 0;}

#hd								{min-width:320px; background-color:#fff	!important; height:60px; position:absolute; top:0px;}

/* gnb */
#gnb				{display:none;}
#logo				{padding:10px 0 10px 0; text-align: left; float: none;}
#logo img		{width:125px;}

.secondMenu							{display:block; top:20px;}
.secondMenu i						{font-size:23px;}




/* MAIN */

.jt_btn {min-width: 107px;padding: 13px 15px;font-size: 12px;}

.main_single_wrap {padding:150px 0 0 0; text-align:center}

.main_section_visual {height:550px}
.main_visual_content {height:550px}
.main_visual_content_inner {height:550px}
.main_visual_content_inner h2{
	font-size:26px;
}
.main_visual_content_inner h2.main_visual_title_top,
.main_visual_content_inner h2.main_visual_title_top span{
	font-size:20px;
}

.main_visual_title {font-size: 35px; color:#282828}
.main_visual_desc {padding: 10px 0 18px;font-size: 14px;line-height: 1.6;}
.main_visual_icon img {max-height: 40px;}
.main_visual_icon figcaption {padding-top: 10px;font-size: 11px;line-height: 1.3;}
.cycle_pager_wrap {display: none !important; border:1px solid #f00}
.btn_down{
	margin-right:0;
	width:
}
.btn_down a {display:inline-block; background:#3face7; font-size:17px; color:#fff; z-index:999; border-radius:6px; margin-top:3%;}
/* .btn_reservation a {width:230px; height:205px; background-size:100%; font-size:30px;  line-height:205px;} */
.btn_reservation a{
	margin-top:10px;
}
.main_grid_wrap {display: block;}
.main_grid_wrap > div {padding-top: 45px;display: block;}
.main_grid_first {width: 100%;padding-bottom: 15px;}
.main_grid_first_inner {max-width: inherit; float: none; padding-left:20px;padding-right: 20px;}
.main_grid_second {width: 100%;padding-bottom: 35px !important ;}
.main_grid_second_inner {float: none; padding:0; padding-top:0px;}

.main_grid_wrap > div.main_share_tip {padding-bottom: 0;}
.main_share_tip .main_section_title.point {color: #222;}
.last_tip_slider {width: 100%;margin: 0 ; }
.last_tip_slider .jt_card_list_item {padding: 0 6px;}
.last_tip_slider .jt_card_list_figure {padding-top: 66.4%; width:100%;}
.last_tip_slider .jt_card_list_figure img {position: absolute;width: 100%;top:0%;-webkit-transform: none;-ms-transform: none;transform: none;}
.last_tip_slider .jt_card_list_figure:hover img{width:150%;}
.last_tip_slider .jt_card_list_link p {position: static;display: block;padding: 20px 0 0;font-size: 15px;font-weight: 400;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.last_tip_slider_wrap .slick-control {display:none; position: relative;margin-top: 0;margin-left: -24px;background: none;}
.last_tip_slider_wrap .slick-control:after {background: #aaa;}


/* 가사관리 */
.main_section_share{
	height:540px;
}
.main_services_wrap h3 {font-size:30px; text-align:center}
.main_services_text {font-size:16px; padding-top:12px;  text-align:center}
.main_services_wrap p {display:none}
.main_services_photo {margin-top:25px}

.main_grid_first_inner .greeting{
	padding:100px 0 0;
	text-align: center;
	}
.main_grid_first_inner .greeting div h4{
	font-size:22px;
}
.main_grid_first_inner .greeting div h3{
	font-size:30px;
	margin:10px 0 25px
}
.main_grid_first_inner .greeting div p{
font-size:16px;
}

.main_grid_first,
.main_grid_first_inner{
	display:none !important;
}
.sld_mobile{
  display:block;
}

/* 기본 서비스 진행 순서 */
.order_box{
	padding-top:0px;
}
.order_box ul li:after{
	display:none;}

.order_wrap	{padding:40px 20px 45px 20px;}
.order_wrap ul{
	width:90%;
	margin:20px auto 0
}
.order_box	ul li	{width:140px; height:140px; padding:20px 0 20px 0; margin-right:34px; margin-left:10px; margin-bottom:30px;}
.order_box ul li.box2{
	margin-right:0;
	margin-left:0;
	 margin-bottom:30px;
}
.order_box ul li.box1{
	 margin-bottom:30px;
}


.order_btn_wrap {margin-top:30px;}
.order_btn_wrap li {width:100%; margin-top:5px}
.order_btn {width:100%;}
.order_btn_wrap img {width:18px; height:13px; padding-left:6px;}
.order_box ul li img{
	margin-top:8px;
}

.feature_box ul li {margin-top:20px}
.feature_box ul li	p {width:35%; margin-right:10px}
.feature_box ul li dl	{padding-top:5px}
.feature_box ul li dl dt	{font-size:20px;margin-bottom:3px}
.feature_box ul li dl dd	{font-size:14px; padding-bottom:4px}

.down_wrap > ul > li > ul li{
	float:left;
}
.down_wrap > ul > li > ul li:last-child{
	float:right;
}
.down_wrap > ul > li > ul li img{
	width:150px;
}

.quick_menu{
	bottom:20px;
	top:initial
}
/* SUB */
#container {padding-bottom:60px; padding-top:60px;}
.content {padding:0 20px;}
.content .order_box {width: 100%;}
.content .order_box ul li { margin-right: 25px;}
.content .order_box ul li.box2,
.content .order_box ul li.box8,
.content .order_box ul li.box10,
.content .order_box ul li.box11 {    margin-right: 25px;}
.content .content_title{ font-size:25px; }

/*	SNB */
.snb									{display:none}

/*	SUB VISUAL */
#sVisual							{position:relative; height:200px;}

/* 검색 */
.search_wrap {width:280px; height:48px;}
.btn_search2 {height:34px;}

/* form */
.inputType1 {border:0; height:42px; font-size:15px;}
.inputType2 {height:30px; font-size:15px; color:#282828; padding-left:10px; width: calc(100% - 4px);}
.table_write table tbody td .form-control{min-width: 28%;}
.table_write table tbody td .location .form-control,
.location input{    width: 39%; min-width: 0;}
.table_write {margin-top: 30px;}
.table_write table tbody td{ width:100%;}
/* TITLE */
.content_title {font-size:30px; padding:35px 0 30px 0;}
.content_title span {font-size:22px;}
.manager_text1_box1{margin-top:0;}

/* 게시판 list */
.table_list {margin-top:22px;}
.table_list table thead th {height:44px; font-size:15px;}
.table_list table tbody tr td {min-height:44px; height:44px; padding:5px; font-size:14px}
.table_list table tbody tr td a {font-size:14px;}
.num {width:70px;}
.day {text-align:center; color:#666; width:110px}

/* paging */
.paging 						{position:relative; text-align:center; margin-top:20px}

 /* 게시판 View */
.table_view table	tbody th						{min-height:44px; padding:6px 7px; font-size:17px}
.table_view table	tbody td						{padding:6px 7px; min-height:44px; font-size:14px}
.table_view table	tbody td	span				{margin-right:20px;  font-size:14px}
.table_view table	tfoot th						{font-size:14px}
.table_view table	tfoot td						{padding:6px 7px;}
.table_view table	tfoot td a					{font-size:14px;}

/* 자주하는 질문 */
.lilo-accordion-control {font-size: 16px; padding: 15px 0 15px 50px; background:url(../images/icon_q.png) no-repeat 10px center; background-size:15px; padding-right:10%;}
.lilo-accordion-content { padding: 15px 0 15px 50px; font-size: 14px; background:#f8f8f8 url(../images/icon_a.png) no-repeat 10px center;  background-size:15px}
.lilo-accordion-control::before {margin-right: 10px;width: 13px;height: 1px; right: 10px;}
.lilo-accordion-control::after {;margin-right: 10px; width: 13px;height: 1px;right: 10px;}

/* 탭메뉴 */
#tabmenu ul li					{min-height:40px; font-size:15px; padding:7px }
/*#tabmenu2 ul li					{min-height:40px; font-size:15px; padding:7px }*/


/* 게시판 Write */
.table_write table	tbody th						{min-height:45px; padding:6px 10px; font-size:15px; width:120px }
.table_write table	tbody td						{padding:6px 10px; min-height:45px; font-size:15px}

/* 관리사 모집 */
.text35 {font-size:25px; letter-spacing:-2px}
.text35 > span {font-size:25px;  letter-spacing:-2px}
.text21 {font-size:18px;}


/* 로고 */
.Introduce_logo p img {width:90%}
.Introduce_logo > div {font-size:16px; line-height: 1.6;}
.Introduce_logo > div > span {font-size:16px;}
.Introduce_logo > div > p {font-size:16px;}

/* 지부소개 */
.Introduce_name {margin-top:10%}
.Introduce_name span	 {font-size:25px;}
.post_title {font-size:19px;}

.post_text1 {font-size:35px; margin-top:7%; line-height:130%}
.post_text1 span {font-size:35px;}

.post_text2 {display:block; background:#3face7; padding:20px 20px; margin-top:7%}
.post_text2 li {font-size:22px; color:#fff; margin:10px 0}
.post_text2 li span {font-size:22px; color:#fff; font-weight:600}

.post_text3 {margin-top:30px}
.post_text3 > p {font-size:16px; text-align:left; padding:0; margin-top:10px}

.post_text5 ul li span {font-size:22px;}

/* color */
.Introduce_color_wrap  {margin-top:40px;}
.Introduce_color	{margin-top:60px;}
.Introduce_color li {width:27%; height:25vw; margin:0 3%;}
.Introduce_color li p {font-size:34px;}
.Introduce_color_wrap > p {font-size:19px; margin-top:20px;}

/* slogan */
.Introduce_slogan {background:none; margin-top:50px; padding:50px 0 0; font-size:28px;}
.Introduce_slogan > span {font-size:28px;}
.Introduce_slogan > p	 {font-size:45px; margin-top:30px}

/* 기본 서비스 */
.basic_wrap li {margin:0 2.5%; width:45%;}
.basic_wrap li p {height:24vw}
.basic_wrap li dt {font-size:24px; margin:17px 0}
.basic_wrap li dd {font-size:16px; line-height:27px;}
.gap {display:none !important;}
.gap2 {width:100% !important; display:block !important; height:40px !important;}


/* 미제공 서비스 */
.no_wrap ul li {font-size:21px;}
.no_wrap ul li:first-child {width:55%;}
.no_wrap ul li:last-child {width:45%}

/* 관리사모집 */
.address_input  {width:98% }


/* 개인정보취급방침 */
.privacy_wrap {border:0; padding:0 }


/* 서비스지역 및 요금 */
.fee_text1 li:first-child {font-size:20px;}
.fee_text1 li:nth-child(2), .fee_text1 li:nth-child(3) {font-size:19px; margin-top:15px}
.fee_text1 li:nth-child(2) span {font-size:15px; line-height:130% !important}

.subTitle {font-size:16px;}
.subTitle span {font-size:16px;}

.fs18 {font-size:14px; text-align:center;}

/* 관리사모집
.manager_text3_box1 > ul > li > ul > li:first-child  {font-size:38px; padding-top:20px;}
.manager_text3_box1 > ul > li > ul > li:last-child  {padding-top:15px; font-size:26px; }
*/
.manager_text3_box1 > ul > li > ul > li:first-child {
    font-size: 35px;
    padding-top: 10px;
}
.manager_text3_box1 > ul > li > ul > li:last-child {
    padding-top: 5px;
    font-size: 20px;
}

}






@media (max-width: 693px){
	.down_wrap > ul > li > ul li:first-child{height:45px; line-height:1.3;}
/* SUB */
.content2 {width:100%; padding:0 15px;}

.post_text4 {margin-top:30px;}
.post_text4_inbox {padding:30px 0;}
.post_text4_inbox ul li {padding:0 6px;}
.post_text4 p {font-size:16px; }
.post_text4 p span {font-size:16px;}
.post_text4_num6 ul li {    width: 75%;}
.post_text4_num6 ul li:nth-child(4), .post_text4_num6 ul li:nth-child(5), .post_text4_num6 ul li:nth-child(6)   {margin-top:15px}
.post_text4_num6 ul br {display:none}
.post_text4_num4 ul li {    width: 75%;}
.post_text4_num4 ul li:nth-child(3), .post_text4_num4 ul li:nth-child(4), .post_text4_num3 ul li:nth-child(3)  {margin-top:15px}
.post_text4_num3 ul li {    width: 75%;}
.post_text4_num1 ul li {    width: 75%;}

}








@media (max-width: 670px){

.table1 {width:100%; overflow-x:auto;}


.table1 table td{
	width:100vw
}
.manager_text3_box1 > ul > li {
    width: 49vw;
    height: 49vw;
		margin-bottom:4vw;
		float:left;
		max-width: 49%;
		max-height: 49%;
		margin-right:0
}
.manager_text3_box1 > ul > li:nth-child(2n){margin-right:0; float:right}
.manager_text3_box1 > ul > li > ul > li:first-child {
    font-size: 45px;
    padding-top: 20px;
}
.manager_text3_box1 > ul > li > ul > li:last-child {
    padding-top: 25px;
    font-size: 30px;
}




}





@media (max-width: 605px){

/* 관리사 모집 */
.manager_text1_box1 > ul {width:80%;}

/* 탭메뉴 */
#tabmenu2 ul li {height:40px; line-height:40px; font-size:16px;}

/* 탭메뉴 */
#tabmenu3 ul li {height:40px; line-height:40px; font-size:16px;}
}










@media (max-width: 560px){

/* color */
.Introduce_color					{width:100%; margin-top:35px}
.Introduce_color li 				{width:29%; height:24vw; margin:0 2%; }
.Introduce_color li p				{font-size:25px;}
.Introduce_color_wrap > p br {display:none}

/* slogan */
.Introduce_slogan {margin-top:30px; padding:30px 0 0 0; font-size:20px;}
.Introduce_slogan > span {font-size:20px;}
.Introduce_slogan > p	 {font-size:30px; margin-top:20px}
.Introduce_slogan br {display:none}



/* 기본 서비스 */
.basic_wrap li {margin:0 1%; width:48%;}
.basic_wrap li p {height:26vw}
.basic_wrap li dt {font-size:21px; margin:17px 0 14px 0}
.basic_wrap li dd {font-size:15px; line-height:23px;}

/* 관리사 모집 */
.manager_text2_box1 > ul > li > ul > li  {font-size:20px;}
/*
.manager_text3_box1 > ul > li {width:37vw; height:37vw;}
.manager_text3_box1 > ul > li > ul > li:first-child  {font-size:34px; padding-top:15px;}
.manager_text3_box1 > ul > li > ul > li:last-child  {padding-top:10px; font-size:22px; }
*/
}









@media (max-width: 540px){

.order_box	ul li img	{width:50px }
.order_box	ul li	{padding:15px 0 15px 0; margin-top:10px;}
.order_box	ul li p	{font-size:17px}

.feature_box ul li	p {width:100%;  margin-right:0}
.feature_box ul li dl	{padding-top:15px}
.feature_box ul li dl dt	{font-size:20px;margin-bottom:10px}
.feature_box ul li dl dd	{font-size:14px; padding-bottom:4px}

/* 게시판 Write */
.table_write table	tbody th						{min-height:40px; padding:6px 2px; font-size:14px; width:96px; letter-spacing:-0.5px }
.table_write table	tbody td						{min-height:40px; font-size:14px;}


/* 미제공 서비스 */
.no_wrap ul  {display:inline-block;}
.no_wrap ul li {display:inline-block; font-size:21px;}
.no_wrap ul li:first-child {width:100%;}
.no_wrap ul li:last-child {width:100%; height:80px; line-height:80px}
.no_wrap ul li img {height:174px}

/* logo, color */
.btn_go {margin-top:40px;}
.btn_go a {padding:10px 0; font-size:16px; border-radius:60px; width:100%; letter-spacing:-1px}

.post_text1 br {display:none}

}







@media (max-width: 498px){
/* 탭메뉴 */
#tabmenu2 ul li {width:33.333%;}

/* 탭메뉴 */
#tabmenu3 ul li {width:33.333%;}

#mySidenav #logo {
	display: inline-block;
	    padding: 15px;
	   float: left;
}

.main_section_share { height: 500px;}
.order_box,
.order_wrap{width:100%;}
.order_wrap ul{margin:20px 0 0 0; width:100%}
.order_box ul li{
	width: 105px;
	height: 105px;
	margin-right: 30px;
	margin-left: 0;
}
.order_box ul li:before{
	width: 120px;
	    height: 120px;
	    top: -8px;
	    left: -8px;
}
.order_box ul li.box2,
.order_box ul li.box8,
.order_box ul li.box11{	margin-right:29px;}
.order_box ul li.box10{ margin-right:30px; }
.order_box ul li:nth-child(3){	margin-left:0;}
.order_box ul li p {
    font-size: 16px;
		margin-top:5px;
}
.order_box ul li p.step {
    font-size: 16px;
    margin-top: 0;
}
.order_box ul li img {
    width: 35px;
    margin-top: 2px;
}
.order_box ul li.box10{margin-right:30px;}

.content .order_box ul li {
    margin-right: 20px;
		margin-bottom: 20px !important;
}
.content .order_box ul li.box2,
.content .order_box ul li.box8,
.content .order_box ul li.box10,
.content .order_box ul li.box11 {
    margin-right: 20px;
}
.sidenav .closebtn {margin: 10px 10px 0 0;}
.side_quick li { margin-top: 10px;}









}
@media (max-width: 467px){

/* 관리사 모집 */
.manager_text1_box1 > ul {width:100%;}
.manager_text1_box1 > ul > li > ul > li  { font-size:18px;}
.manager_text1_box1 > ul > li > ul > li:last-child  {padding:15px 10px}

/* 기본 서비스 */
.basic_wrap li {margin:40px 0 0 0; width:100%;}
.basic_wrap li:first-child {margin:0 0 0 0;}
.basic_wrap li p {height:42vw}
.basic_wrap li dt {font-size:21px; margin:17px 0 14px 0}
.basic_wrap li dd {font-size:15px; line-height:23px;}
.gap2 {display:none !important;}

/*정기 추가 서비스 */
.add_wrap li {margin:40px 0 0 0; width:100%;}
.add_wrap li:first-child {margin:0 0 0 0;}
.add_wrap li img {width:100%; height:42vw}
.add_wrap li span {font-size:20px; margin-top:15px;}
.gap3 {display:none !important}
.gap4 {display:none !important}

/* 관리사 모집 */
.manager_text2_box1 > ul > li > ul > li  {font-size:18px;}
.manager_text2_box1 > ul > li > ul > li >img  {width:60%}
.manager_text2_box1 > ul > li > ul > li br  {display:none}
/*
.manager_text3_box1 > ul > li > ul > li:first-child  {font-size:30px;}
.manager_text3_box1 > ul > li > ul > li:last-child  {padding-top:10px; font-size:18px; }
*/
/* 지부소개 */
.Introduce_name {margin-top:13%}
.Introduce_name span	 {font-size:22px;}
.post_title {font-size:18px;}

.post_text1 {font-size:20px; margin-top:9%;}
.post_text1 span {font-size:20px;}

.post_text5 {margin-top:20px}
.post_text5 ul li span {font-size:18px;}
.post_text5 ul li span br {display:inline-block;}

}









@media (max-width: 448px){

.down_wrap	{padding: 20px 0; margin-top:50px}
.down_wrap > ul > li	{width:100%; border-right:none; }
.down_wrap > ul > li:first-child	{border-bottom:1px solid #e7e7e7; padding-bottom:20px}
.down_wrap > ul > li:last-child 	{border-bottom:0; padding-top:20px}
.manager_text3_box1 > ul > li > ul > li:last-child {
    padding-top: 10px;
    font-size: 24px;
}
.manager_text3_box1 > ul > li{max-height:45vw}

}

@media (max-width: 498px){
/* 탭메뉴 */
#tabmenu2 ul li {font-size:14px}


.order_box ul li{ width: 26vw; height: 26vw;     margin-right: 20px;}
.order_box ul li:before{ width: calc(26vw + 15px); height: calc(26vw + 15px);}
.order_box ul li.box2, .order_box ul li.box8, .order_box ul li.box11{ margin-right:19px;}
.order_box ul li.box10{ margin-right:20px;}
.order_box ul li p { font-size: 15px; margin-top: 3px;}
.order_box ul li p.step{ font-size:14px; }
.order_box ul li img{ margin-top:0; }

.quick_menu > a.btn_blog_link img{width:30px}
.quick_menu > a i{font-size:25px;}
.quick_menu > a{
	height:55px;
	font-size: 12px;
	line-height: 1.2;
padding:0;
width:33.333%; float:left; position:relative;}
body .quick_menu {width: calc(100% - 40px); top:auto; bottom:10px; left:0; right:0; margin:auto; border-width:2px; height:55px;}
.quick_menu > a.btn_blog_link img,
.quick_menu > a i{display:none;}
.quick_menu > a.btn_blog_link{height:55px; padding-top:12px;}
.quick_menu > a.btn_dolbom_link{height:55px; padding-top:12px;}
.quick_menu > a.google_btn_down{height:55px;padding-top: 5px;}



}

@media (max-width: 414px){

	.pc{display:none;}
	.mobile{display:block;}
	.fee_wrap #tabmenu2 ul li{font-size:13px !important}


/* FOOTER */
.footer_box li {width:100%;}
.footer_box li:first-child {width:100%;}
.footer_box li:last-child {width:100%;}


/* MAIN */
.main_section_visual,
.main_visual_content,
.main_visual_content_inner  {  height: 480px;}

.main_visual_title {font-size: 30px;}

/* 관리사 모집 */
/* .manager_text3_box1 > ul > li {width:38vw; height:38vw;}
.manager_text3_box1 > ul > li > ul > li:first-child  {font-size:28px; padding-top:10px;}
.manager_text3_box1 > ul > li > ul > li:last-child  {padding-top:5px; font-size:18px; }
*/
.Introduce_color li p {font-size:22px;}


/* 가맹문의 */
.section.mt70 .found_img, .section.mt100 .found_img{
	float: none;
	max-width: 80%;
	background-size: 100% auto;
	height: 300px;
	}
	#tabcontent8.sh .post_text3 > p img {
    width: 100%;
}
}



@media (max-width: 375px){
.order_wrap ul{
	width:100%;
}
#container {
    padding-top: 60px;
}
.content .order_box ul li:before {
	width: calc(26vw + 10px);
	height: calc(26vw + 10px);
    top: -6px;
    left: -6px;
}
.content .order_box ul li.box2,
.content .order_box ul li.box8,
.content .order_box ul li.box10,
.content .order_box ul li.box11 {    margin-right: 19px;}

.content .order_box ul li:nth-child(3n){ margin-right:0}
.content .order_box {width: 100%;}

.manager_text3_box1 > ul > li > ul > li:first-child {
    font-size: 35px;
    padding-top: 14px;
}
.manager_text3_box1 > ul > li > ul > li:last-child {
    padding-top: 8px;
    font-size: 20px;
}


}

@media (max-width: 320px){
	/* MAIN */
#hd{
	height:60px;
}
#hd_wrapper{padding:0;}
#logo {
    padding: 12px 0 10px 10px;
    text-align: center;
    float: none;
    text-align: left;
}
#logo img { width: 120px;}

	.main_visual_title {
		font-size: 25px;
		margin-bottom:20px;
	}
	.main_visual_content_inner h2.main_visual_title_top span{
		font-size:20px;
	}
	.main_services_wrap h3,
	h3.magin_title{	font-size:24px;}
	.main_services_text{ font-size:14px;}
	.main_section_share { height: 450px; }
	.order_wrap ul {
	    width: 90%;
	    margin: 20px auto 0;
	}
	.order_box ul li:before{
		width: calc(36vw + 10px);
    height: calc(36vw + 10px);
		top: -6px;
		left: -6px;
	}
	.content .order_box ul li:before{
		width: calc(36vw + 10px);
		height: calc(36vw + 10px);
		top: -6px;
		left: -6px;
	}


	.order_box ul li p {
    font-size: 17px;
    margin-top: 5px;
}
	.order_box ul li img {
    width: 40px;
    margin-top: 6px;
}
	.order_box ul li{
		width:36vw;
	    height:36vw;
			padding:10px 0 10px 0;
			margin-right:0px;
		}
	.order_box ul li.box2, .order_box ul li.box8, .order_box ul li.box11{
		margin-right:0
	}
	.order_box ul li.box10 {   margin-right: 0;}
	.order_box ul li:nth-child(2n+1){		margin-right:21px;	}

	.content .order_box ul li:nth-child(3n){ margin-right:21px}
	.content .order_box ul li.box2,
	.content .order_box ul li.box8,
	.content .order_box ul li.box10,
	.content .order_box ul li.box12 {		margin-right: 0;}
.content .order_box {width: 90%;}

	/* 게시판 Write */
	.table_write table	tbody th						{width:70px }
	.table_write table	tbody td						{min-height:40px; font-size:14px}

/* sub title */
	.content_title {
	    font-size: 28px;
	    padding: 20px 0 15px;
	}

	#sVisual{
		height:150px;
	}
.feature_box ul li:nth-child(1){
	margin-top:0;
}
	.content_title span{
		    margin-bottom: 10px;
	}

	#tabmenu ul li{
		width:50%;
		float:left;
		color: #282828;
		font-size: 14px;
		line-height: 2;
	}
.Introduce_logo{
	margin:0
}

.quick_menu{
	width:80px;
	bottom:5px;
	right:5px;
	padding: 5px;
	font-size:12px;
}
.fa-mobile-alt {
    font-size: 25px;
    padding: 5px 0 10px;
}
.btn_main a {
    font-size: 14px;
    padding: 10px;
    width: 180px;
}


}





@media (min-width: 1024px) and (max-height: 900px) {
    /* MAIN */
    .home .main_equipment_slider_wrap .cycle_control {bottom: 10%;}
}








@media (min-width: 1024px) and (max-height: 750px) {
    /* MAIN */
    .sticky_messenger {display: none;}
}

@media (max-width:1530px) and {
	.down_wrap{padding:15px 0}
	.down_wrap > ul > li > ul li:first-child{	width:100%;}

}