:root{
  --quick_icon:url(../images/common/icon_quick.png);
}
@keyframes showTop{
	0%{transform:translateY(100%);}
	100%{transform:translateY(0);}
}
@keyframes showDown{
	0%{transform:translateY(-100%);}
	100%{transform:translateY(0);}
}

@keyframes showOpacity{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes slide_Up{
	 0%{opacity: 0;}
	 100%{opacity: 1; transform:translateY(0);}
 }
@keyframes showLeft{
	0%{ opacity: 0;}
	100%{opacity: 1; transform:translateX(0);}
}

@keyframes showRight{
	0% {opacity: 0;}
	100%{opacity: 1; transform:translateX(0);}
}
@keyframes scrollmove {
	0%   {top:0px;}
	100%  {top:15px;}
}

@keyframes proBar{
0%{height:0;}
100%{height:100%;}
/* animation: proBar 3s forwards; */
}

body {width: 100%; min-width: 425px}
.pc{display: block;}
.mo{display: none !important;}
.inner {width: 100%; max-width: 1600px; margin: 0 auto;}
.w1400, .inner_1400 {width: 100%; max-width:1400px !important; margin: 0 auto;}
.w1200, .inner_1200 {width: 100%; max-width:1200px !important; margin: 0 auto;}

#wrap {min-width: 1800px;}

/* header {position: fixed;width: 100%;top:0;left: 0;z-index: 100;height: 80px;background: rgba(0,0,0,0.4);} */
header {position: fixed;width: 100%;top:0;left: 0;z-index: 100;height: 80px;background:#000; background:rgba(0,0,0,0.6);}
header a {color: #fff; }
header h1.logo {background: url(../images/common/logo_w.png) no-repeat center;width: 200px;height: 100%;position: absolute;left: 0;}
header h1.logo > a  { display: block; width: 100%; height: 100%;}
header .gnb { }
header ul.gnb {display: flex;justify-content: center;overflow: hidden; margin-right:10rem}
header ul.gnb > li > a {font-size: 18px;padding: 0 15px;line-height: 80px;display: block;}
header ul.gnb > li.on > a {background: #006899;}
header ul.gnb > li {padding: 0 18px; overflow: hidden;}
header ul.gnb > li > ul.sub_menu {display: none; overflow:hidden;position:absolute;left:0;top:80px;z-index:50;width:100%; height: 50px; text-align: center;background:#191919;}
header ul.gnb > li:nth-child(2) > ul.sub_menu{padding-right: 280px;}
header ul.gnb > li:nth-child(3) > ul.sub_menu{padding-right: 10px;}
header ul.gnb > li:nth-child(4) > ul.sub_menu{padding-left: 275px;}
header ul.gnb > li:nth-child(5) > ul.sub_menu{padding-left: 200px;}
header ul.gnb > li:nth-child(6) > ul.sub_menu{padding-left: 545px;}
header ul.gnb > li:nth-child(7) > ul.sub_menu{padding-left: 660px;}

header ul.gnb > li > ul.sub_menu > li {display: inline-block; margin-right: 20px;}
header ul.gnb > li > ul.sub_menu > li > a {line-height: 50px;font-size: 0.875rem;font-weight: 300;letter-spacing: 0;color: #fff;display: inline-block;position: relative;}
header ul.gnb > li > ul.sub_menu > li > a.on::before {content:""; width:100%; height:1px; background:#fff; position:absolute; bottom:6px;}
header ul.gnb > li.on .sub_menu,
header ul.gnb > li > a:focus+.sub_menu {display:block;}
/* .gnb_bg {background: #000;opacity: 40%;height: 0;transform: translate(-50%, 100%);bottom: 1px;position: absolute;left: 50%;transition:.4s;} */

.header_ui {position: absolute;right: 0;top: 0;height: 100%;display: flex;}
.header_ui a {height: 100%;width: 155px;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0 20px;border-left: 1px solid rgba(255,255,255,0.3);}
.header_ui a.tel{font-size: 20px;color: #fdfb75;text-align: center;line-height: 1.2; width:auto}
.header_ui a.tel > span{display: block; font-size: 16px; color: #fff;}
.header_ui a.go_btn { flex-direction: row;}
.header_ui a.go_btn:after {display:inline-block; content:"\f046"; margin-left:10px; font-family:"FontAwesome";}


#wrap.white header{background:#000}
#wrap.white h1.logo { }
#wrap.white > .inner { }
#wrap.white .gnb {}
#wrap.white .gnb > li { }
#wrap.white .header_ui a.tel i {background: url(../images/common/tel_b.png) no-repeat center;}
#wrap.white h1 .out{display: none}
#wrap.white h1 .ov{display: block}

#wrap.open,
#wrap.open header {}
#wrap.open h1.logo {}
#wrap.open .gnb_bg {height: 50px; border-top: 1px solid #efefef;}
#wrap.open .gnb {overflow: visible;}
#wrap.open .gnb > li > ul.sub_menu {opacity:1;}
#wrap.open .header_ui a.tel i {background: url(../images/common/tel_b.png) no-repeat center;}
#wrap.open h1 .out{display: none}
#wrap.open h1 .ov{display: block}

#all_menu {position: fixed;left: 0;top: -100vh;display: flex;width: 100%;height: 0; overflow: hidden; z-index: 300; transition: .5s}
#all_menu.open {top: 0; height: 100vh;}
#all_menu .gnb_wrap {width:35%;background: #fff;padding: 150px 100px;}
#all_menu .gnb_wrap .btn_close {position:absolute;left: 30px;top: 30px;text-transform:uppercase;vertical-align: middle;font-size: 18px;color: #4d3b2e;}
#all_menu .gnb_wrap .btn_close > i {display: inline-block;width: 54px;height: 54px;border: 1px solid #4d3b2e;background: url(../images/common/x_btn.png) no-repeat center;vertical-align: middle;margin-right: 10px;}
#all_menu .gnb_wrap > ul  { }
#all_menu .gnb_wrap > ul > li{margin-bottom: 50px;}
#all_menu .gnb_wrap > ul > li > a{font-size: 28px;font-weight: 600;color: #4d3b2e;}
#all_menu .gnb_wrap > ul > li > ul.sub_menu {display: flex;margin-top: 10px;}
#all_menu .gnb_wrap > ul > li > ul.sub_menu li { }
#all_menu .gnb_wrap > ul > li > ul.sub_menu li:before {content:"";display:inline-block;width:1px;height: 50%;background:#4d3b2e;margin: 0 7px;}
#all_menu .gnb_wrap > ul > li > ul.sub_menu li:first-child:before{display:none}
#all_menu .gnb_wrap > ul > li > ul.sub_menu li > a{font-size: 18px;color: #4f555b;}
#all_menu .img {width: 30%;}
#all_menu .img > img {width: 100%; height: 100%; object-fit: cover;}
#all_menu .banner {width: 35%;background: url(../images/common/quick_bg.png) center #554131;display: flex;justify-content: center;align-items: center;}

@keyframes TopAni {
	0% {
		opacity: 0;
		clip: rect(0,190px,278px,190px);
	}

	100% {
		opacity: 1;
		clip: rect(0,400px,278px,-10px);
	}
}

.sub_nav_wrap { border-bottom: 1px solid #ddd; }
.sub_nav_wrap > .inner{width: 100%; max-width: 1200px}
.sub_visual {height: 410px;background: url(../images/sub/sub_visual_bg.jpg)no-repeat top right;background-size: cover;display: flex;justify-content: center;align-items: center;}
.sub_visual > h2 {font-size: 54px;font-weight: 500;text-align: center;color: #fff;padding-top: 80px;letter-spacing: -1px;position: absolute;animation: TopAni 1.8s 300ms ease-in-out both;}
.sub_visual > h2 > span {font-size: 20px;font-weight: 100;text-transform: uppercase;display: block;letter-spacing: -1px;line-height: 1;margin-left: -10px;}
.sub_visual > h2::after{content: "";display:block;width: 1px;height: 45px;margin: 30px auto 0;background: #fff}
.sub_nav a.home {width: 63px;height: 63px;display:block;float:left;background: #a39787 url(../images/common/icon_home.png) no-repeat center;display: none;}
.sub_menu_area {width: 1200px;height: 63px;display: flex;}
.sub_menu_area > .select_box {text-align: center;width: 100%;height: 100%;position: relative;}
.sub_menu_area > .select_box:last-child:before {display:none}
.sub_menu_area > .select_box > .select_text {color: #fff;text-align: left;padding: 0 30px;position: relative;height: 100%;display: flex;justify-content: center; align-items: center;font-size: 18px;font-weight: 400;cursor: pointer;}
.sub_menu_area > .select_box > .select_text:before {content:'';position:absolute;left: 90%;top: 43%;width: 15px;height: 15px;background: url("../images/common/select_arr.png") no-repeat}
.sub_menu_area > .select_box.depth1{background: #aa472f}
.sub_menu_area > .select_box.depth2{background: #ffffff;}
.sub_menu_area > .select_box.depth2 > p { display: none}
.sub_menu_area > .select_box.depth2  > .select_text{ }

.select_box .select_list {display:flex;justify-content: center;align-items: center;height: 100%;}
.select_box .select_list li {text-align: center;position: relative;flex: 0 0 auto;height: 100%;width: 20%;}
.select_box .select_list li:last-child:after{display: none}
.select_box .select_list li.on { border-bottom:2px solid #006899}
.select_box .select_list li > a {display: flex;font-size:17px;color: #989898;font-weight:400;padding:0 30px;box-sizing:border-box;background: #fff;height: 100%;align-items: center;justify-content: center;}
.select_box .select_list li.on > a {color: #006899;}

/*tab-menu*/
  ul.tab {margin: 0 auto 50px; display: flex; width: 100%; }
  ul.tab li {flex: 1; text-align: center; margin-left: -1px; margin-top:-1px; background: #fff; border: 1px solid #e0e0e0; cursor: pointer;}
  ul.tab li a{display: block;font-size: 20px;font-weight: 300;height: 100%;line-height: 60px;color: #393638;}
  ul.tab li.on{ }
  ul.tab li.on a{border: 1px solid #006899;color: #006899;font-weight: 500;}

  ul.sub_tab {margin: 0 auto 80px;display: flex;width: 100%;}
  ul.sub_tab li {flex: 1; text-align: center; margin-left: -1px; margin-top:-1px; background: #fff; border: none; margin-left:0}
  ul.sub_tab li a{display: block;font-size: 18px;font-weight: 300;height: 100%;line-height: 50px;border-bottom: 1px solid #797979;color: #797979;}
  ul.sub_tab li.on a{border-bottom: 2px solid #aa472f;color: #aa472f;font-weight: 400;}

  div.tabcont, div.sub_tabcont{display: none;}
  div.tabcont.on, div.sub_tabcont.on{display: block;}




footer{background: #5d6467;color:#fff;font-size: 12px;text-align: center;}
.ft_inner {width: 100%;height: 100%;max-width: 1600px;margin: 0 auto;position: relative;}
.ft_top {border-bottom: 1px solid #43484a;height: 50px; position: relative;}
.top_area {display: flex;justify-content: space-between;align-items: center;font-size: 13px;letter-spacing: 0;height: 100%;}
.construction_area { }
.link_area {margin-left:auto}
.link_area > ul {display: flex;}
.link_area > ul > li {padding: 0 10px;position: relative;}
.link_area > ul > li:before {content:"";position: absolute;right: 0;top: 15%;width: 1px;height: 70%;background: #fff;}
.link_area > ul > li:last-child:before {display:none}
.link_area > ul > li > a {color:#fff}

.ft_top .btn_footer {width:50px; height:50px; text-align:center; background:#333; transition:all .3s;}
.ft_top .btn_footer::after {display:inline-block; content:"\f106"; font-family:"FontAwesome"; font-size:1.5rem; color:#fff;}
.ft_top .btn_footer.open::after {content:"\f107";}
.f_tel {display: none}

.hidden {position:absolute; left:-9999px; top:-9999px; width:0; height:0; overflow:hidden;}

.ft_con p.logo {background: url(../images/common/logo_w.png) no-repeat center 35px; width: 110px;height: 100%;position: absolute;top: 0;left: 0;}
.ft_con .ft_inner {padding: 20px 0 40px 160px;text-align: left;color: #b3b8ba;letter-spacing: 0;}
.ft_con ul {display: flex;}
.ft_con ul > li {line-height: 1.5;font-weight: 300;}
.ft_con p.copyright { margin-top: 10px;}
.family_logo {text-align: right;}

.quick_area{position: fixed;right: 20px;top:150px; z-index: 100}
.quick_menu {width: 80px; background:#000}
.quick_menu > li {/*height: 65px;*/ height: 90px; text-align: center;color: #fff;background: #000;position: relative;line-height: 1.2;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.quick_menu > li > a{color: #fff;font-size: 16px;text-align: center;}
/* .quick_menu > li > a > span {position:absolute;font-size: 12px;right: 90%;top: 50%;transform: translateY(-50%);background: #0082a1;padding: 5px;border-radius: 3px;display: none;} */
.quick_menu > li > a > span {font-size: 14px;}
.quick_menu > li:hover > a > span {display:inline-block}
/* .quick_menu > li > a > span:after{display: block;  content: '';  position: absolute;  top: 6px;  right:-11px;  width: 0px;  height: 0px;  border-top: 6px solid transparent;  border-right: 6px solid transparent; border-left: 6px solid #0082a1;  border-bottom: 6px solid transparent; } */
.quick_menu > li > a > i{width: 35px;height: 40px;background: var(--quick_icon);display: block;margin: 0 auto;}
.quick_menu > li:nth-child(1) {font-size: 16px;font-weight: 500;background: #0082a1;line-height: 1.1;letter-spacing: -2px;/*height: 80px;*/}
.quick_menu > li:nth-child(1) > span {display: block;font-size: 18px;font-weight: 600;}
.quick_menu > li:nth-child(2) {background:#af895c; /*height: 80px;*/}
.quick_menu > li:nth-child(2) strong {font-weight: 600; font-size: 18px}
.quick_menu > li:nth-child(2) > a > i{background-position: -2px 0;}
.quick_menu > li:nth-child(3) > a > i{background-position: 1px 0;}
.quick_menu > li:nth-child(4) > a > i{background-position: 1px -58px;}
.quick_menu > li:nth-child(5) > a > i{background-position: 1px -118px;}
.quick_menu > li:nth-child(6) > a > i{background-position: 1px -176px;}
.quick_menu > li:nth-child(7) > a > i{background-position: 1px -236px;}
.quick_menu > li:nth-child(1):before,
.quick_menu > li:nth-child(2):before{display:none}
.quick_menu > li:before {content:"";position: absolute;left: 15%;top: 0;width: 70%;height: 1px;background: #fff;opacity: 0.2;}

.chatbot {display: flex;width: 65px;height: 65px;background: #f8d14e;border-radius: 5px;margin: -20px auto 0;justify-content: center;align-items: center;}
.chatbot > img {width: 80%; }



/*===========================================*/
/*화면사이즈                                 */
/*===========================================*/
@media (min-width: 1920px){

}
@media (max-width: 1600px) {
  .inner {width: 100%; max-width: 100%; margin: 0 auto;}
  .w1600 .inner_1600{width: 100%; max-width: 100%; margin: 0 auto;}
  header .gnb > li > a{padding:0 20px}
}

@media (max-width: 1440px) {
  .w1400, .inner_1400 {width: 100%; max-width:100%  !important; margin: 0 auto;}
}

@media (max-width: 1200px) {
  header{padding:0 10px}
  .sub_nav_wrap > .inner { width: 95%;max-width: 100%}
  .sub_menu_area {width: 100%;}
}
@media (max-width: 1024px) {
  .pc{display: none !important}
  .mo{display: block !important}
  .w1200, .inner_1200 {width: 100%; max-width:100%  !important; margin: 0 auto;}

  header {margin: 0 !important;padding: 0;left:0;width: 100%;border-bottom: 1px solid rgb(255 255 255 / 20%); display: flex; align-items: center; background: none;}
  header a { }

  header .inner {justify-content: space-around; align-items: center; padding: 0 20px}
  header h1.logo { }
  header h1.logo > a  { }
  header .gnb { }
  header ul.gnb {position: absolute; right: -100%; top:0; background: #fff; width: 100%; height: 100vh; display: block;}
  header ul.gnb {height: 100vh;width: 100%;flex-direction: column;background: #e4e4e4;justify-content: flex-start;align-items: flex-start;z-index: 100;position: absolute;right: -100%;top: 0;transition: all 300ms;overflow: visible;  margin-right:0}
  header ul.gnb > li {width: 100%;height: auto;margin-bottom: 20px;border-bottom: 1px solid #c7c7c7;padding:15px 20px;}
  header ul.gnb > li > a {color: #000 !important; font-size: 4.5vw;padding: 0;display: block;height: auto;line-height: normal;font-weight: 700; margin-bottom: 5px;}
  header ul.gnb > li.on > a {background: none}
  header ul.gnb > li > a > span:after {display: none}
  header ul.gnb > li > ul.sub_menu {position: relative;z-index: 1;padding: 0 !important;opacity: 1;bottom: unset;transform: none;left: 0;top: 0;width: 100%; height: auto; display: flex;text-align: left;background: none;}
  header ul.gnb > li > ul.sub_menu > li {padding-left: 10px; position:relative;margin-right: 10px;}
  header ul.gnb > li > ul.sub_menu > li:before {content:'';width: 3px;height: 3px;background:#000;display: inline-block;vertical-align: middle;margin-right: 7px;position: absolute;left: 0;top: 50%;}
  header ul.gnb > li > ul.sub_menu > li > a { padding: 0; font-size: 3.8vw; color: #000; line-height: 1;}
  header ul.gnb > li > ul.sub_menu > li > a.on::before {display: none}
  header ul.gnb > li.on .sub_menu, header ul.gnb > li > a:focus+.sub_menu {display: flex}

  header .m-nav {flex:0 0 auto;width: 50px;height: 50px;border-radius:3px;margin-left: auto;margin-right: 10px;}
  header .m-nav a.nav-btn {display:block;position:relative;cursor: pointer;width:100%;height:100%;z-index:90; padding: 10px}
  header .m-nav a.nav-btn span {display:block;background-color: #fff;height: 3px;width:100%;margin: 5px 0;position:relative;border-radius:30px}
  header .gnb > li:first-child {padding:0; border:none; height: 110px;}





	.m-menu-tlt{background: #1f2224;height: 100%; position: relative;}
	.m-menu-tlt .btn-close{ position: absolute; right: 20px; top: 50%; transform:translateY(-50%); background: #a27d5b; border-radius: 3px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; padding: 15px; }
  .m-menu-tlt .tlt {padding: 15px 20px;display: flex;align-content: center;align-items: center;height: 100%;}
	.m-menu-tlt .tlt > a {display: inline-block;color: #fff !important;font-size: 4vw;}
	.m-menu-tlt .tlt > a > img {width: 160px;}

  .gnb_bg {display: none}

  .header_ui { justify-content: flex-end; margin-left: auto; margin-right: 50px; align-items: center; }
  .header_ui a.top_btn{display: none}
  .header_ui a.tel{font-size:0; width: 50px;height: 50px;border: none; background: url(../images/common/tel_w.png)no-repeat center }
  .header_ui a.tel > span{font-size: 0}
  .header_ui a.tel > i{ }







  #wrap.open,
  #wrap.open header {background: transparent;}
  #wrap.open .m-menu-tlt .tlt > a {color: #fff !important;}

  #wrap.white header .m-nav a.nav-btn span{background-color: #ffffff;}

  #wrap.white.open header {background: #fff;}
  #wrap.white.open .header_ui a.tel i {background: url(../images/common/tel_b.png) no-repeat center;}


  .sub_nav_wrap { }
  .sub_nav_wrap > .inner{max-width: 100%;}
  .sub_visual {height: 300px; }
  .sub_visual > h2::before{height: 30px; margin: 0 auto 10px; }
  .sub_nav a.home{display: none}
  .sub_menu_area {width: 100%; }

  .sub_menu_area > .select_box { }
  .sub_menu_area > .select_box:last-child:before { }
  .sub_menu_area > .select_box > .select_text { }
  .sub_menu_area > .select_box > .select_text:before { }
  .sub_menu_area > .select_box.depth1{background: #0082a1;}
  .sub_menu_area > .select_box.depth2{background: #a39787;}
  .sub_menu_area > .select_box.depth2  > .select_text { }
  .sub_menu_area > .select_box.depth2 > p { display: flex;}
  .select_box .select_list {width: 100%; height: auto; padding:0 15px;position:absolute;left:0;top: 63px;z-index:10;background:#fff;border: 1px solid #ddd; display:none;}
  .select_box .select_list li {border-bottom:1px solid #e1e1e1 !important; width: 100%}
  .select_box .select_list li:last-child {border:none}
  .select_box .select_list li > a {padding: 15px 20px;display: block;font-size: 16px;text-align: left; color: #000;}


  /*tab-menu*/
    ul.tab {margin-bottom: 30px;}
    ul.tab li { }
    ul.tab li a{font-size: 18px;line-height: 54px;}
    ul.tab li.on{ }
    ul.tab li.on a{ }

    ul.sub_tab {margin-bottom: 40px;}
    ul.sub_tab li { }
    ul.sub_tab li a{ }
    ul.sub_tab li.on a{ }


  footer{padding: 0;}
  .ft_logo {display: none}
	.ft_con {padding: 20px 20px 50px; letter-spacing: -0.5px}
	.ft_con_inner {flex-wrap: wrap}
	.ft_adr em {display: block; padding-bottom: 5px}
	.ft_adr span {display: inline-block}
	.ft_company {padding-top: 10px}
	.ft_info span {font-size: 24px}
	.ft_info strong.tel {display: inline-block; margin-top: -8px; float: right; text-align: right; color:#cab79b; font-size: 24px}
	.ft_info strong.tel em {display: inline-block; margin-top: -3px; color:#cab79b; font-size: 16px; font-weight: 500}
  .ft_tel {width: 100%;clear: both;border-bottom: 1px solid #565656;margin-bottom: 20px;padding: 5px 0 15px;color:#e3e3e3;font-weight: 500;font-size: 15px;text-align: left;display: flex;align-items: center;;}
  .ft_tel > span {font-size: 28px; margin-left: 10px}
  .map-box {justify-content: center}
	.map-box div + div {margin-top: 50px}

  .ft_inner #topscroll {position:absolute;right: 20px;top: 8px;z-index:99;color:#fff;cursor:pointer;}
  .ft_inner #topscroll a {color:#fff; display:block; }
  .ft_inner #topscroll.show {opacity:1;}

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

.top_area {display: none}
.ft_top {border:none}
.f_tel{position: relative;font-size: 18px;color: #fff;font-family: 'NanumSquareBold';padding: 2.2vw 0;border-bottom: 1px solid rgba(255,255,255,0.2);margin: 0 3vw;text-align: left;display: block;}
.f_tel > span {font-size:24px}
.f_tel .top_btn{display: block;position: absolute;right:0;top:50%;transform: translateY(-50%);background: #292728;width: 7vw;height: 7vw;}
.f_tel .top_btn::after {display: flex;content:"\f176";font-family:"FontAwesome";font-size: 1.3rem;color:#fff;text-align: center;height: 100%;justify-content: center;align-items: center;}
address {padding:20px; letter-spacing: -1px; background: #252525; }
.ft_con p.logo {display: none}
.ft_con .ft_inner {padding: 2vw;}
.ft_con ul {display: block;}
.ft_con ul > li {display: inline-block;}
.family_logo {text-align: left;margin-top: 5vw;padding-right: 5vw;}


}
@media (max-width: 640px) {
  .inner,
  .inner_1200{max-width: 100%; padding: 0 3vw;}

  header {height: 14vw;}
  header a {}
  header .inner { }
  header h1.logo {width: 140px; }
  header h1.logo > a  { }
  header .gnb > li:first-child {padding:0; border:none; height: 14vw;}
  .m-menu-tlt .btn-close {width: 9vw;height: 9vw;padding: 2vw;}

  .sub_nav_wrap { }
  .sub_nav_wrap > .inner { }
  .sub_visual {background-size: cover;height: 47vw;}
  .sub_visual > h2 {font-size: 7vw;padding-top: 80px;}
  .sub_visual > h2 > span {font-size: 5.5vw;display: none;}
  .sub_visual > h2::after {height:25px;margin: 10px auto;}
  .sub_visual > h2::before{ }
  .sub_nav a.home{ }
  .sub_menu_area {height: 9vw;}
  .sub_menu_area > .select_box { }
  .sub_menu_area > .select_box:last-child:before { }
  .sub_menu_area > .select_box > .select_text { }
  .sub_menu_area > .select_box > .select_text:before { }
  .sub_menu_area > .select_box.depth1 { }
  .sub_menu_area > .select_box.depth2 { }
  .sub_menu_area > .select_box.depth2  > .select_text {font-size: 2.8vw;}
  .select_box .select_list {top:9vw }
  .select_box .select_list li { }
  .select_box .select_list li:last-child { }
  .select_box .select_list li > a {font-size: 2.5vw;}


}
@media (max-width: 576px) { }
@media (max-width: 480px) {
  .sub_nav_wrap { }
  .sub_nav_wrap > .inner { }
  .sub_visual {background-size: cover;height: 47vw;}
  .sub_visual > h2 { }
  .sub_visual > h2::before{ }
  .sub_nav a.home{ }
  .sub_menu_area {height: 9vw;}
  .sub_menu_area > .select_box { }
  .sub_menu_area > .select_box:last-child:before { }
  .sub_menu_area > .select_box > .select_text {font-size: 3.2vw; }
  .sub_menu_area > .select_box > .select_text:before { }
  .sub_menu_area > .select_box.depth1 { }
  .sub_menu_area > .select_box.depth2 { }
  .sub_menu_area > .select_box.depth2  > .select_text {font-size: 3.2vw;}
  .select_box .select_list {top:9vw }
  .select_box .select_list li { }
  .select_box .select_list li:last-child { }
  .select_box .select_list li > a {font-size: 3.2vw; padding: 2vw 0;}


  /*tab-menu*/
    ul.tab {margin-bottom: 5vw;}
    ul.tab li { }
    ul.tab li a{font-size: 4vw;line-height: 2.2;}
    ul.tab li.on{ }
    ul.tab li.on a{ }

    ul.sub_tab {margin-bottom: 5vw;}
    ul.sub_tab li { }
    ul.sub_tab li a{font-size: 3.6vw;}
    ul.sub_tab li.on a{ }

  .ft_con {padding: 4vw;}
	.ft_tel { margin-bottom: 4vw; padding: 0; padding-bottom: 3vw;}
	.ft_inner #topscroll {top:2vw}
  .ft_inner #topscroll > a  {width: 7vw}
  .ft_tel > span {font-size: 4vw;}
  .ft_adr {font-size: 2.6vw;}
  .ft_adr p { font-size: 2.2vw;}
  .ft_adr p:before { }
}