.br_mb { display:inline-block; }
.mb_view { display:none !important; }
.mb_view2 { display:none !important; }
.flex_view { display:flex; }




/* 1200px 이하 사이즈 수정용 */
@media (max-width:1200px) {

#bo_gall .gall_img { height: auto !important }

label.mm_burger_menu{
position:absolute;
 display:flex !important;
 top:24.5px;
 right:20px;
 left:inherit;
  flex-direction:column;
  border:1px solid #dcdcdc;
  width:inherit;
  border-radius:4px;
  padding:9px 7px;
  cursor:pointer;
}
.mm-header-type01 .mm-header-type01-container { text-align:left; padding-left:20px; }

/* 메인페이지 시작 */
.pmv_wrapper { text-align:center; }
.pmv_wrapper h3 { font-size: max(1em, 12px); }
.pmv_wrapper p { font-size: max(.7em, 12px); }
.pmv_wrapper h1 { font-size: max(1em, 20px); letter-spacing:-2px;}
.pmv_wrapper p:before { left:calc(50% - 20px);}


#mm_content .wrap img { width:auto; max-width:100%; }
#mm_content_company .wrap img { width:auto; max-width:100%; }
/* 메인페이지 종료 */


footer#pd_footer { width:100%; display:inline-block; background:#ffffff; position:relative; bottom:0px; font-family:'IBM Plex Sans KR'; bottom:0px;}
footer#pd_footer .wrapper { width:100%; margin:0px auto; font-size:0; padding-bottom:10px; height:350px;}
footer#pd_footer .wrapper .ft_logo { width:100%; font-size:14px; float:left; text-align:center;}
footer#pd_footer .wrapper .ft_addr { width:100%; float:left; color:#333333;  font-size:14px; text-align:center; margin-top:30px;  }
footer#pd_footer .wrapper .ft_woman { width:100%; font-size:14px;  float:left; text-align:center;}




.br_mb { display:none; }
.mb_view { display:inline-block !important; }
.mb_view2 { display:block !important; }
.jm_pd { padding:20px; padding-bottom:0; font-size:3vw; line-height:6vw; word-break:keep-all;}
.flex_view { display:none !important; }


#mm_nn_sec02 { width:100%; display:inline-block; position:relative; padding:70px 0px 150px; background:url('../img/hom/slogan_bag.png') no-repeat top center; }
#mm_nn_sec02 .wrap {position:relative; z-index:1 ;font-family:'IBM Plex Sans KR'; width:100%; margin:0 auto; }
#mm_nn_sec02 .wrap > h1 { font-size:36px; letter-spacing:-1px; color:#ffffff; text-align:center; }
#mm_nn_sec02 .wrap > h1 b { color:#0c829a;} 
#mm_nn_sec02 .wrap > h2 { font-size:18px; letter-spacing:-1px; color:#333333; font-weight:normal; margin-top:20px; }

#mm_nn_sec02 .wrap .m01 {float:left; margin-top:50px; margin-left:-10px;}
#mm_nn_sec02 .wrap .m01 img {width:350px;}
#mm_nn_sec02 .wrap .m03 {float:left; background:#ffffff; width:280px; height:294px; padding:50px 30px 30px 30px; margin-top:20px;}
#mm_nn_sec02 .wrap .m03 b{color:#333333; font-size:28px; font-weight:bold;}
#mm_nn_sec02 .wrap .m03 p{color:#888888; font-size:18px;}
#mm_nn_sec02 .wrap .m03 .more_box {padding:5px 10px 10px 10px; background:#ffffff; border:2px #333333 solid; color:#333333; font-size:16px; width:100px; height:40px; margin-top:20px; text-align:center;}
#mm_nn_sec02 .wrap .m03 .more_box:hover {padding:5px 10px 10px 10px; background:#999999; border:2px #999999 solid; color:#333333; font-size:16px;}


#mm_nn_sec05 .wrap > h1 { font-size:24px; letter-spacing:-1px; color:#fff; }
#mm_nn_sec05 .wrap > h1 b { color:#0c829a;} 
#mm_nn_sec05 .wrap > h2 { font-size:12px; letter-spacing:-1px; color:#bbb; font-weight:500; margin-top:20px; }
#mm_nn_sec05 .wrap > ul { width:100%; display:block; margin-top:50px; align-items: center; justify-content: space-around; align-content: center;}
#mm_nn_sec05 .wrap > ul > li { width:90%; transition:0.3s ease all; height:100%; padding:30px; max-height:380px; background:#fff;margin:10px auto; position:relative;  } 
#mm_nn_sec05 .wrap > ul > li .title { font-size:18px; letter-spacing:-1px; color:#000; font-weight:600;  padding-top:20px;}
#mm_nn_sec05 .wrap > ul > li .tel { font-size:24px; letter-spacing:-2px; color:#000; font-weight:600; margin:15px 0; }

#mm_nn_sec05 .wrap > ul > li:nth-child(1) { margin-left:20px;}
#mm_nn_sec05 .wrap > ul > li:nth-child(2) { padding:0; }
#mm_nn_sec05 .wrap > ul > li span ul { display:flex; margin-top:35px; justify-content: center; padding-bottom:30px;}
#mm_nn_sec05 .wrap > ul > li span ul li {  margin-left:10px; width:20%; }
#mm_nn_sec05 .wrap > ul > li span ul li img {width:100%;}
.ifrm {width:350px; height:400px; margin-left:0px;}

#mm_content_ceo_content .wrap .ceo_content h1.subject { text-align:left; font-size:30px; letter-spacing:-1px; color:#333; width:90%; margin:30px auto;}

#sub_mid_con {width:80%; margin:0 auto; text-align:center; position:relative;}
#log_box {width:350px;  margin:0 auto;}

.sub_coon {width:90%; margin:20px auto;}
.sub_coon .tit{width:100%; font-size:28px; color:#333333; text-align:center; font-weight:bold; letter-spacing:-1px; line-height:35px; }
.sub_coon .logo{width:100%; text-align:center; margin-top:50px;}
.sub_coon .tit_m{width:100%; font-size:24px; color:#84695c; text-align:center; margin-top:50px;}
.sub_coon .txt_m{width:100%; font-size:16px; color:#333333; text-align:center; margin-top:20px; line-height:30px;}
.sub_coon .tit_m2{width:100%; font-size:24px; color:#333333; text-align:center; font-weight:bold; margin-top:170px;}
.ser_box {width:100%; display:inline-block; margin-top:70px; margin-left:-10px}
.ser_box li {float:left; text-align:center; width:50%; margin-bottom:30px;}
.ser_box li img {width:50px;}
.ser_box li p {width:100%; font-size:24px; color:#333333; text-align:center; font-weight:bold; margin-top:50px; margin-bottom:50px;}
.ser_box li b {width:100%; font-size:14px; color:#333333; text-align:center; font-weight:normal; }
.ser_box2 {width:100%; display:inline-block; margin-top:70px;}
.ser_box2 li {float:left; text-align:center; width:50%; margin-bottom:30px;}
.ser_box2 li img {width:90%; border: 1px solid #e8e8e8;}

.ff_roll {width:100%; background:#e8e8e8; margin-top: 100px; height:400px;  margin: 100px auto; padding-top:50px;}
.f_roll {width:100%;  margin: 0px auto;}
.f_roll li {text-align:center; width:45%; margin-left:10px; float:left; margin-bottom:30px;}
.f_roll .f_roll1 {background:url(https://ds526100.cafe24.com/img/company/logo_an1_1.jpg); background-size: 100%;} 
.f_roll .f_roll1:hover {background:url(https://ds526100.cafe24.com/img/company/logo_an1.jpg); background-size: 100%;} 
.f_roll .f_roll2 {background:url(https://ds526100.cafe24.com/img/company/logo_an2_1.jpg); background-size: 100%;} 
.f_roll .f_roll2:hover {background:url(https://ds526100.cafe24.com/img/company/logo_an2.jpg); background-size: 100%;} 
.f_roll .f_roll3 {background:url(https://ds526100.cafe24.com/img/company/logo_an3_1.jpg); background-size: 100%;} 
.f_roll .f_roll3:hover {background:url(https://ds526100.cafe24.com/img/company/logo_an3.jpg); background-size: 100%;} 
.f_roll .f_roll4 {background:url(https://ds526100.cafe24.com/img/company/logo_an4_1.jpg); background-size: 100%;} 
.f_roll .f_roll4:hover {background:url(https://ds526100.cafe24.com/img/company/logo_an4.jpg); background-size: 100%;} 
.f_roll .f_roll5 {background:url(https://ds526100.cafe24.com/img/company/logo_an5_1.jpg); background-size: 100%;} 
.f_roll .f_roll5:hover {background:url(https://ds526100.cafe24.com/img/company/logo_an5.jpg); background-size: 100%;} 
.f_roll .f_roll6 {background:url(https://ds526100.cafe24.com/img/company/logo_an6_1.jpg); background-size: 100%;} 
.f_roll .f_roll6:hover {background:url(https://ds526100.cafe24.com/img/company/logo_an6.jpg); background-size: 100%;} 


.title_position h1 {font-size:18px; color:#333333; font-weight:bold; margin-top:20px;}
.m_txt{font-size:14px; color:#999999; font-weight:normal; margin-top:30px; margin-bottom:30px;}
.title_position .m_more {color:#84695c; font-size:16px;}
.mm_nn_sec02 .wrap ul li:hover { box-shadow: 5px 5px 5px 5px rgb(0, 0, 0, 0.2); border:1px solid #84695c; transition:all 0.5s;}

/* 상단메뉴 */
.mm-header-type01 { width:100%; position:absolute; top:0; left:0; z-index:9; background:#ffffff; font-size:0; display:block; }
.mm-header-type01 .wrapper { width:100%; display:inline-block; position:relative;} 
.mm-header-type01 .mm-header-type01-container { width:100%;  max-width:800px; margin:0 auto; }
.mm-header-type01 .mm-header-type01-container .logo { float:left; line-height:80px; }
.mm-header-type01 .mm-header-type01-container .logo img { max-width:190px; margin-right:100px;}
.mm-header-type01 .mm-header-type01-container .mm-nav {  float:left; }
.mm-header-type01 .mm-header-type01-container .mm-nav .gnb_empty { display:inline-block; margin-top:16px;}
.mm-header-type01 .mm-header-type01-container .mm-nav .gnb_empty a {  margin-left:0; font-weight:600; }
.mm-header-type01 .mm-header-type01-container .mm-nav ul { display:flex; }
.mm-header-type01 .mm-header-type01-container .mm-nav ul li.depth1 {min-width:60px;  position:relative; text-align:center; line-height:80px; margin-right:5px;width:100px; }
.mm-header-type01 .mm-header-type01-container .mm-nav ul li.depth1 ul { display:none; line-height:24px; z-index:9999; position:relative; width:100%; padding:5px; padding-top:0; top:0px; left:0; }
.mm-header-type01 .mm-header-type01-container .mm-nav ul li.depth1 ul li a { color:#333333; font-size:12px; line-height:2.5em; text-align:left; margin:0; }
.mm-header-type01 .mm-header-type01-container .mm-nav ul li.depth1 ul li:hover a {color:#84695c;}
.mm-header-type01 .mm-header-type01-container .mm-nav ul > li { display:inline-block; margin:0 15px; font-size:18px; letter-spacing:-1px; color:#333333;} 
.mm-header-type01 .mm-header-type01-container .mm-nav ul li a {display:inline-block; font-size:16px; letter-spacing:-1px; color:#333333;}
.mm-header-type01 .mm-header-type01-container .mm-nav ul li a:hover {color:#84695c; font-weight:bold;}
.mm-header-type01 .mm-header-type01-container .mm-nav ul li:nth-last-of-type(1) a { margin-right:0; }
.mm-header-type01 .mm-header-type01-container .mm-nav ul li.depth2 { width:100%; }
.mm-header-type01 .mm-header-type01-container .mm-nav ul li.depth2:nth-child(1) { margin-left:0; }
.mm-header-type01 .mm-header-type01-container .mm-nav ul li.depth1 ul .ptmenu { width:100%; margin:0 auto; max-width:800px; text-align:center;}
}


/* 1200이하 768이상 수정용 */
@media (min-width:768px) and (max-width:1200px) {
#mm_content_company .wrap > ul > li { max-width:380px; margin-right:10px; }
/*렌탈 */
#rental_menu {width:100%; max-width:800px; margin:100px auto;  background:#ffffff;}
#rental_menu ul { padding-bottom:20px;}
#rental_menu ul li {border:1px solid #84695c; width:32%; float:left; height:58px;  text-align:center; margin-left:-1px; margin-top:-1px;}
#rental_menu ul li a{color:#333333; font-size:16px; font-weight:normal; line-height:58px;}
#rental_menu ul .ren_on {border-right:1px solid #84695c; width:32%; float:left; height:58px;  text-align:center; background:#84695c;}
#rental_menu ul .ren_on a{color:#ffffff; font-size:16px; font-weight:bold; line-height:58px;}

.top_txt {width:100%; max-width:350px; margin:-250px auto 150px;}
.top_txt h1 { font-size:36px;  font-weight:bold; color:#ffffff; }
.top_txt h1 b { color:#fff; font-size: 30px;  font-weight:400;}
.top_txt h1 span {font-size:24px; color:#ffffff; font-weight:normal; }
.top_txt .coo {width:204px; height:52px; border:2px solid #ffffff; text-align:center; margin-top: 50px;}
.top_txt .coo a {font-size:24px; color:#ffffff; line-height:47px; }
.top_txt .coo:hover {background:#85685a;}
.top_txt2 {width:100%; max-width:350px; margin:-150px auto 150px; text-align:center;}
.top_txt2 h1 { font-size:36px;  font-weight:bold; color:#ffffff; }
.top_txt3 {width:100%; max-width:350px; margin:-280px auto 200px;}
.top_txt3 h1 { font-size:36px;  font-weight:bold; color:#ffffff; }
.top_txt3 h1 b { color:#fff; font-size: 24px;  font-weight:400;}

}

/* 768px 이하 사이즈 수정용 */
@media (max-width:768px) {
.pc_view { display:none !important; }	
footer#pd_footer .wrapper { width:350px; border-bottom:1px solid #9a9a9a; margin:40px auto; font-size:0;padding:10px 0px;}
#mm_content_company .wrap > ul { flex-direction: column; align-items: center;}
#mm_content_company .wrap > ul > li { max-width:380px; margin-bottom:30px; margin-right:0; }

/* 서브페이지 snb */
#sub_menu .wrap .depth01 > li { width:50%; font-size:12px; }
#sub_menu .wrap .depth01 > li:nth-child(1) { border-left:0; }


#sub_background { width:100%; display:inline-block; background-size:cover; color:#fff; text-align:center; padding:200px 0; max-height:500px; }
#sub_background > h1 { font-size:30px; letter-spacing:-1.5px; }
#sub_background > h2 { font-size:16px; letter-spacing:0px; margin-top:10px;}


/* 리스트 */
#bo_list, #bo_gall { padding:0 10px; }

/* 간편상담신청 */
#consulting { width:100%; background: #fff; float:left; text-align:center; margin:60px 0px; margin-bottom:0;}
#consulting h1 { display:block; font-size:7vw;line-height:30px; color:#000; margin-bottom:30px;font-weight:500; letter-spacing:-1px;  } 
#consulting .wrapper { width:100%; max-width:1200px; margin:0 auto; text-align:left;} 
#consulting .wrapper ul { width:90%; margin-left:5%; display:inline-block; border:1px solid #dcdcdc; border-radius:5px;}
#consulting .wrapper ul li { width:100%; float:left;  padding:5vw 4vw;}
#consulting .wrapper ul li:nth-last-child(1) { width:100%; float:left;  padding:5vw 4vw; border-left:none; border-top:1px solid #dcdcdc;}
#consulting .wrapper ul li img { vertical-align:middle; padding-top:5px; }
#consulting .wrapper ul li .mb_cont { display:inline-block; padding-top:5px; font-size:4vw; letter-spacing:-1px; vertical-align:middle; margin:0px 10px;}
#consulting .wrapper ul li .submitbox { float:right; font-size:12px; font-weight:500; padding:8px 8vw; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} 
#consulting .wrapper ul li:nth-last-child(1) .submitbox { float:right; font-size:12px; color:#fff; font-weight:500; padding:8px 8vw; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} 
.consulting_form {border-radius:5px; width:100%; text-align:center; display:inline-block;}
.consulting_form h1 { font-size:6vw; letter-spacing:-1px; color:#000; font-weight:500; line-height:36px; word-break:keep-all;} 
.consulting_form h2 { font-size:3vw; letter-spacing:-1px; color:#999; font-weight:350; line-height:24px; margin-bottom:20px; word-break:keep-all;} 
.consulting_form .wrapper { width:100%; max-width:1200px; margin:60px auto; background:#f9f9f9; border:1px solid #dcdcdc; padding:20px;}
#bo_w .write_div { text-align:center; }


.modal-content { width:90%; padding:20px; }
.modal-content .pop_bt { top:20px; right:25px; }
.modal-content .content .privacy_content { height:auto; max-height:80vh; }


.menu-title img { max-height:16px; vertical-align:baseline; }

#bo_cate a { padding:0 15px !important;} 


.pmv_wrapper h1 { font-size:50px;  font-weight:bold; text-align:left; margin-left:40px; margin-top:20px; }
.pmv_wrapper h1 b { color:#fff; font-size: 30px;  font-weight:400; text-align:left; margin-left:10px; line-height:-20px; }
.pmv_wrapper h1 span {font-size:24px; color:#ffffff; font-weight:normal; text-align:left; margin-left:10px; line-height:-20px;}
.pmv_wrapper .coo {width:204px; height:52px; border:2px solid #ffffff; text-align:center; margin-top: 50px;  margin-left:50px;}
.pmv_wrapper .coo a {font-size:24px; color:#ffffff; line-height:47px; }
.pmv_wrapper .coo:hover {background:#85685a;}


#mm_nn_sec02 { width:80%; display:inline-block; position:relative; padding:70px 0px 150px; background:url('../img/hom/slogan_bag.png') no-repeat top center; }
#mm_nn_sec02 .wrap {position:relative; z-index:1 ;font-family:'IBM Plex Sans KR'; width:100%; margin:0 auto; }
#mm_nn_sec02 .wrap > h1 { font-size:36px; letter-spacing:-1px; color:#ffffff; text-align:center; }
#mm_nn_sec02 .wrap > h1 b { color:#0c829a;} 
#mm_nn_sec02 .wrap > h2 { font-size:18px; letter-spacing:-1px; color:#333333; font-weight:normal; margin-top:20px; }

#mm_nn_sec02 .wrap .m01 {float:left; margin-top:50px; margin-left:-10px;}
#mm_nn_sec02 .wrap .m01 img {width:350px;}
#mm_nn_sec02 .wrap .m03 {float:left; background:#ffffff; width:280px; height:294px; padding:50px 30px 30px 30px; margin-top:20px;}
#mm_nn_sec02 .wrap .m03 b{color:#333333; font-size:28px; font-weight:bold;}
#mm_nn_sec02 .wrap .m03 p{color:#888888; font-size:18px;}
#mm_nn_sec02 .wrap .m03 .more_box {padding:5px 10px 10px 10px; background:#ffffff; border:2px #333333 solid; color:#333333; font-size:16px; width:100px; height:40px; margin-top:20px; text-align:center;}
#mm_nn_sec02 .wrap .m03 .more_box:hover {padding:5px 10px 10px 10px; background:#999999; border:2px #999999 solid; color:#333333; font-size:16px;}

#mm_nn_sec05 { width:100%; display:inline-block; position:relative; padding:50px 0px;background:#ffffff;}
#mm_nn_sec05 .wrap {position:relative; z-index:1 ;font-family:'IBM Plex Sans KR'; width:100%; max-width:350px; text-align:center; margin:0 auto; }
#mm_nn_sec05 .wrap .box1 {width:100%; float:left;}
#mm_nn_sec05 .wrap .box1 h1 { font-size:30px; letter-spacing:-1px; color:#333333; text-align:center;}
.ifrm {width:350px; height:400px; margin-left:-30px;}


/*렌탈 */
#rental_menu {width:100%; max-width:350px; margin:100px auto;  background:#ffffff;}
#rental_menu ul { padding-bottom:20px;}
#rental_menu ul li {border:1px solid #84695c; width:32%; float:left; height:58px;  text-align:center; margin-left:-1px; margin-top:-1px;}
#rental_menu ul li a{color:#333333; font-size:14px; font-weight:normal; line-height:58px;}
#rental_menu ul .ren_on {border-right:1px solid #84695c; width:32%; float:left; height:58px;  text-align:center; background:#84695c;}
#rental_menu ul .ren_on a{color:#ffffff; font-size:14px; font-weight:bold; line-height:58px;}

.top_txt {width:100%; max-width:350px; margin:-400px auto 300px;}
.top_txt h1 { font-size:36px;  font-weight:bold; color:#ffffff; }
.top_txt h1 b { color:#fff; font-size: 30px;  font-weight:400;}
.top_txt h1 span {font-size:24px; color:#ffffff; font-weight:normal; }
.top_txt .coo {width:204px; height:52px; border:2px solid #ffffff; text-align:center; margin-top: 50px;}
.top_txt .coo a {font-size:24px; color:#ffffff; line-height:47px; }
.top_txt .coo:hover {background:#85685a;}
.top_txt2 {width:100%; max-width:350px; margin:-350px auto 350px; text-align:center;}
.top_txt2 h1 { font-size:36px;  font-weight:bold; color:#ffffff; }
.top_txt3 {width:100%; max-width:350px; margin:-280px auto 200px;}
.top_txt3 h1 { font-size:36px;  font-weight:bold; color:#ffffff; }
.top_txt3 h1 b { color:#fff; font-size: 24px;  font-weight:400;}


/* 푸터시작 */
footer#pd_footer { width:100%; display:inline-block; background:#ffffff; position:relative; bottom:0px; font-family:'IBM Plex Sans KR'; bottom:0px;}
footer#pd_footer .wrapper { width:350px; margin:0px auto; font-size:0; padding-bottom:10px; height:350px;}
footer#pd_footer .wrapper .ft_addr { width:100%; float:none; color:#333333;  font-size:14px; text-align:center; margin-top:30px; margin:0px auto; }

}