/*layout style*/
.container { padding: 100px 0 120px; box-sizing: border-box; }
.wrap { max-width: 1324px; margin: 0 auto; }
.ly-group { display: flex; justify-content: space-between; }
.ly-group > div { position: relative; }
.ly-group .ly-l { width: 268px; padding-top: 60px; box-sizing: border-box; }
.ly-group .ly-r { width: calc(100% - 336px); padding-top: 60px; box-sizing: border-box; }


/*header style*/
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; background: #fff; transition: .2s all ease-out; }
.header .depth { display: none; position: relative; z-index: 100; background: #fff; }

.hd-top { position: absolute; z-index: 1; left: 0; right: 0; }
.hd-top .inner { display: flex; justify-content: flex-end; align-items: center; max-width: 1324px; height: 100%; margin: 0 auto; padding: 12px 0; box-sizing: border-box; }
.hd-top .hd-menu { display: flex; justify-content: flex-end; align-items: center; }
.hd-top .hd-menu a { position: relative; padding: 0 10px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; }
.hd-top .hd-menu a:last-child { padding-right: 0; }
.hd-top .hd-menu a:hover { color: #23c7ff; }
.hd-top .hd-menu a:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 6px); right: 0; width: 1px; height: 12px; background: #ccc; }

.hd { position: relative; height: 100px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; background: #fff; transition: .2s all ease-out; }
.hd .inner { display: flex; justify-content: space-between; align-items: center; position: relative; max-width: 1324px; height: 100%; margin: 0 auto; }
.hd .hd-logo { position: relative; z-index: 1; width: 138px; height: 66px; margin-top: -3px; }
.hd .hd-logo a { display: block; }
.hd .hd-logo a img { width: 100%; }

/*메인 ver*/
.header-v1 { background: none; }
.header-v1 .hd { border-color: transparent; background: none; }
.header-v1.active .hd { border-color: #eaeaea; background: #fff; }
.header-v1.active { background: #fff; }

.gnb { display: flex; justify-content: center; align-items: flex-end; position: absolute; left: 0; right: 0; height: 100%; }
.gnb a { display: flex; justify-content: center; align-items: flex-end; height: 100%; padding: 22px 30px; box-sizing: border-box; font-size: 20px; font-weight: 500; color: #000; text-align: center; transition: .2s all ease-out; }
.gnb li:hover a,
.gnb li.active a { font-weight: 700; color: #23c7ff; }

.lnb { display: flex; justify-content: center; max-width: 1324px; margin: 0 auto; }
.lnb li { position: relative; width: 134px; /*margin: 0 17.5px;*/ padding: 24px 0 52px; box-sizing: border-box; }
/*.lnb li:first-child,
.lnb li:last-child { margin: 0 13px; }*/
.lnb a { display: flex; justify-content: center; align-items: center; height: 40px; font-size: 16px; font-weight: 400; color: #666; transition: .2s all ease-out; }
.lnb a:last-child { margin-bottom: 0; }
.lnb a:hover { font-weight: 500; color: #23c7ff; text-decoration: underline; }

.lnb li:nth-child(1) { width: 130px; }
.lnb li:nth-child(2) { width: 190px; }
.lnb li:nth-child(3) { width: 146px; }
.lnb li:nth-child(4) { width: 200px; }
.lnb li:nth-child(5) { width: 130px; }
.lnb li:nth-child(6) { width: 130px; }

.hd-util { display: flex; justify-content: flex-end; align-items: flex-end; position: relative; height: 100%; padding-bottom: 16px; box-sizing: border-box; }
.hd-util .hd-ico { display: block; width: 36px; height: 36px; border: none; background: center center no-repeat; }
.hd-util .hd-ico:not(:last-child) { margin-right: 12px; }
.hd-util .hd-ico-search { background-image: url('/img/common/ico_search1.svg'); }
.hd-util .hd-ico-search.active { background-image: url('/img/common/ico_close1.svg'); }
.hd-util .hd-ico-hamburger { background-image: url('/img/common/ico_hamburger1.svg'); }
.hd-util .hd-ico-hamburger.m { display: none; }

.hd2 { display: none; position: absolute; top: 100px; z-index: 100; width: 100%; padding: 40px 0; box-sizing: border-box; background: #fff; }
.hd2.active { display: block; }
.hd2 .hd-search { display: flex; justify-content: space-between; align-items: center; width: 484px; max-width: 100%; height: 52px; margin: 0 auto; padding: 0 24px 0 32px; border: 1px solid #000; border-radius: 26px; box-sizing: border-box; background: #fff; }
.hd2 .hd-search .inp-search { width: calc(100% - 52px); height: 100%; border: none; background: none; font-size: 18px; font-weight: 400; color: #000; }
.hd2 .hd-search .inp-search::-ms-input-placeholder { color: #bebebe; }
.hd2 .hd-search .inp-search::-webkit-input-placeholder { color: #bebebe; }
.hd2 .hd-search .inp-search::-moz-placeholder { color: #bebebe; }
.hd2 .hd-search .btn-search { width: 28px; height: 100%; border: none; background: url('/img/common/ico_search2.svg') center center no-repeat; }

.hd-bg { display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); }


/*m-header style*/
.m-gnb { display: none; position: fixed; z-index: 99; top: 100px; left: 0; width: 100%; height: calc(100% - 100px); padding: 20px; box-sizing: border-box; background: #fff; }
.m-gnb.active { display: block; }

.list-m-gnb { height: calc(100% - 60px); overflow-y: auto; }
.list-m-gnb .tit { display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; padding: 22px 0; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #000; line-height: 28px; cursor: pointer; }
.list-m-gnb .tit.active { font-weight: 700; color: #23c7ff; }
.list-m-gnb .tit:after { content: ''; display: block; width: 28px; height: 28px; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_arrow_hamburger1_bottom1.svg') center center no-repeat; transition: .2s all ease-out; }
.list-m-gnb .tit.active:after { background-image: url('/img/common/ico_arrow_hamburger1_bottom1_active.svg'); background-color: #23c7ff; transform: rotate(180deg); }
.list-m-gnb .menu-group { display: none; padding: 20px; box-sizing: border-box; }
.list-m-gnb .menu-group .box:not(:last-child) { margin-bottom: 20px; }
.list-m-gnb .menu-group .menu { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; cursor: pointer; transition: .2s all ease-out; }
.list-m-gnb .menu-group .menu:hover { color: #23c7ff; }

.list-m-gnb .menu-group .depth { display: none; margin-top: 20px; }
.list-m-gnb .menu-group .depth.active { display: block; }
.list-m-gnb .menu-group .depth .menu { display: flex; align-items: center; position: relative; margin-bottom: 12px; padding: 0 20px; box-sizing: border-box; font-size: 14px; }
.list-m-gnb .menu-group .depth .menu:last-child { margin-bottom: 0; }
.list-m-gnb .menu-group .depth .menu:hover,
.list-m-gnb .menu-group .depth .menu.active { color: #23c7ff; }
.list-m-gnb .menu-group .depth .menu:before { content: ''; display: block; position: absolute; left: 8px; width: 3px; height: 3px; background: #dfdfdf; }

.m-gnb .m-hd-menu { display: flex; justify-content: center; align-items: flex-end; height: 60px; }
.m-gnb .m-hd-menu a { position: relative; padding: 0 10px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; }
.m-gnb .m-hd-menu a:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 6px); right: 0; width: 1px; height: 12px; background: #ccc; }


/*footer style*/
.footer { border-top: 1px solid #eaeaea; box-sizing: border-box; background: #f9f9f9; }

.ft .inner { max-width: 1324px; margin: 0 auto; padding: 40px 0; box-sizing: border-box; }
.ft .fnb { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48px; padding-bottom: 24px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.ft .fnb .ft-menu { display: flex; align-items: center; }
.ft .fnb .ft-menu a { margin-right: 28px; font-size: 16px; font-weight: 400; color: #000; }
.ft .fnb .ft-menu a:last-child { margin-right: 0; }
.ft .fnb .ft-menu a b { font-weight: 700; }

.ft .ft-site { position: relative; }
.ft .ft-site .btn-site { display: flex; align-items: center; width: 232px; height: 40px; padding: 0 8px 0 16px; border: 1px solid #ddd; box-sizing: border-box; background: url('/img/common/ico_arrow_site1_bottom1.svg') calc(100% - 8px) center no-repeat #fff; font-size: 14px; font-weight: 400; color: #999; cursor: pointer; }
.ft .ft-site .btn-site.active { background-image: url('/img/common/ico_arrow_site1_top1.svg'); }
.ft .ft-site .list-site { display: none; position: absolute; top: 39px;	left: 0; right: 0; width: 100%; margin: 0 auto; padding: 16px; border: 1px solid #ddd; border-top: none; box-sizing: border-box; background: #fff;; }
.ft .ft-site .list-site a {	display: block; margin-bottom: 16px; font-size: 14px; font-weight: 400; color: #999; transition: .2s all ease-out; }
.ft .ft-site .list-site a:last-child { margin-bottom: 0; }
.ft .ft-site .list-site a:hover { color: #23c7ff; }

.ft .ft-info { display: flex; }
.ft .ft-info .ft-box:not(:last-child) { margin-right: 87px; }
.ft .ft-info .ft-box .img-group { display: flex; align-items: center; height: 52px; margin-bottom: 16px; }
.ft .ft-info .ft-box .img-group-v1 { padding-top: 24px; box-sizing: border-box; }
.ft .ft-info .ft-box .img-group-v2 { padding: 0 5px; box-sizing: border-box; }
.ft .ft-info .company-info .txt-group { display: flex; margin-bottom: 8px; }
.ft .ft-info .company-info .txt-group:last-child { margin-bottom: 0; }
.ft .ft-info .company-info .txt-group > div { display: flex; align-items: center; margin-right: 10px; }
.ft .ft-info .company-info .txt-group > div:last-child { margin-right: 0; }
.ft .ft-info .company-info .txt-group .tit { margin-right: 8px; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; }
.ft .ft-info .company-info .txt-group .txt { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }

.ft .copyright { margin-top: 48px; padding-top: 24px; border-top: 1px solid #eaeaea; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }

.ft .ft-btn-top { position: fixed; right: calc(50% - 660px); bottom: 100px; z-index: 99; transform: translateY(100px); width: 48px; height: 48px; border: none; background: url('/img/common/ico_arrow_top1.svg') center center no-repeat; background-size: cover; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; }
.ft .ft-btn-top.on { transform: translateY(0); opacity: 1; visibility: visible; }


/*snb style*/
.snb .menu-group { padding: 0 20px; border: 1px solid #dfdfdf; border-radius: 8px 8px 30px 8px; box-sizing: border-box; }
.snb .menu-group .box { border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.snb .menu-group .box:last-child { border-bottom: none; }
.snb .menu-group .box > .menu { display: flex; justify-content: space-between; align-items: center; position: relative; height: 72px; font-size: 18px; font-weight: 500; color: #000; transition: .2s all ease-out; cursor: pointer; }
.snb .menu-group .box > .menu:hover { color: #23c7ff; }
.snb .menu-group .box > .menu.active { font-weight: 700; color: #23c7ff; }

/*.snb .menu-group .box-v1 > .menu:after { content: ''; display: block; width: 28px; height: 28px; border: 1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_arrow_snb1_bottom1.svg') center center no-repeat; transition: .2s all ease-out; }
.snb .menu-group .box-v1 > .menu.active:after { border-color: #23c7ff; background-image: url('/img/common/ico_arrow_snb1_bottom1_active.svg'); background-color: #23c7ff; transform: rotate(180deg); }*/

.snb .menu-group .box-v1 > .menu .arrow { content: ''; display: block; width: 28px; height: 28px; border: 1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_arrow_snb1_bottom1.svg') center center no-repeat; transition: .2s all ease-out; }
.snb .menu-group .box-v1 > .menu.active .arrow { border-color: #23c7ff; background-image: url('/img/common/ico_arrow_snb1_bottom1_active.svg'); background-color: #23c7ff; }
.snb .menu-group .box-v1 > .menu .arrow.active { transform: rotate(180deg); }

.snb .menu-group .depth { display: none; padding: 0 16px; border-top: 1px solid #dfdfdf; box-sizing: border-box; }
.snb .menu-group .depth.active { display: block; }
.snb .menu-group .depth .menu { display: flex; align-items: center; height: 60px; border-bottom: 1px dashed #eaeaea; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #000; transition: .2s all ease-out; }
.snb .menu-group .depth .menu:last-child { border-bottom: none; }
.snb .menu-group .depth .menu:hover,
.snb .menu-group .depth .menu.active { color: #23c7ff; }


/*m-snb style*/
.m-snb { display: none; align-items: center; position: relative; z-index: 98; height: 48px; margin-top: -48px; box-sizing: border-box; background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.m-snb .dropdown { position: relative; width: 50%; height: 100%; border-right: 1px solid rgba(229, 229, 229, 0.3); box-sizing: border-box; }
.m-snb .dropdown:last-child { border-right: none; }
.m-snb .dropdown .tit { display: flex; align-items: center; height: 100%; padding: 0 56px 0 20px; box-sizing: border-box; font-size: 14px; font-weight: 700; color: #fff; cursor: pointer; }
.m-snb .dropdown .tit.fold { background: url('/img/common/ico_arrow_snb1_top1_m.svg') right 16px center no-repeat; }
.m-snb .dropdown .tit.fold.active { background-image: url('/img/common/ico_arrow_snb1_bottom1_m.svg'); }
.m-snb .dropdown .tit .menu { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-snb .menu-group { display: none; position: absolute; left: -1px; width: calc(100% + 2px); padding: 0 20px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; background: #fff; }
.m-snb .menu-group.active { display: block; }

.m-snb .menu-group .box { border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.m-snb .menu-group .box:last-child { border-bottom: none; }
.m-snb .menu-group .box.selected { display: none; }
.m-snb .menu-group .box > .menu { display: flex; justify-content: space-between; align-items: center; position: relative; height: 48px; font-size: 14px; font-weight: 400; color: #000; transition: .2s all ease-out; cursor: pointer; }
/*.m-snb .menu-group .box > .menu:hover { color: #23c7ff; }*/
.m-snb .menu-group .box > .menu.active { font-weight: 700; color: #23c7ff; }
.m-snb .menu-group .box > .menu span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*.m-snb .menu-group .box-v1 > .menu:after { content: ''; display: block; width: 24px; height: 24px; border: 1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_arrow_snb1_bottom1.svg') center center no-repeat; transition: .2s all ease-out; }
.m-snb .menu-group .box-v1 > .menu.active:after { border-color: #23c7ff; background-image: url('/img/common/ico_arrow_snb1_bottom1_active.svg'); background-color: #23c7ff; transform: rotate(180deg); }
.m-snb .menu-group .box-v1 > .menu span { max-width: calc(100% - 24px); }*/

.m-snb .menu-group .box-v1 > .menu .arrow { content: ''; display: block; width: 24px; height: 24px; border: 1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_arrow_snb1_bottom1.svg') center center no-repeat; transition: .2s all ease-out; }
.m-snb .menu-group .box-v1 > .menu.active .arrow { border-color: #23c7ff; background-image: url('/img/common/ico_arrow_snb1_bottom1_active.svg'); background-color: #23c7ff; }
.m-snb .menu-group .box-v1 > .menu .arrow.active { transform: rotate(180deg); }
.m-snb .menu-group .box-v1 > .menu span { max-width: calc(100% - 24px); }

.m-snb .menu-group .depth { display: none; border-top: 1px solid #dfdfdf; box-sizing: border-box; }
.m-snb .menu-group .depth.active { display: block; }
.m-snb .menu-group .depth .menu { display: flex; align-items: center; height: 48px; border-bottom: 1px dashed #eaeaea; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; transition: .2s all ease-out; }
.m-snb .menu-group .depth .menu:last-child { border-bottom: none; }
.m-snb .menu-group .depth .menu:hover,
.m-snb .menu-group .depth .menu.active { color: #23c7ff; }
.m-snb .menu-group .depth .menu span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*sub visual style*/
.sub-visual { position: relative; z-index: 9; width: 1920px; max-width: 100%; height: 240px; margin: 0 auto; border-radius: 0 0 80px 0; box-sizing: border-box; background: #fff; overflow: hidden; }
.sub-visual .bg { width: 1286px; height: 100%; margin-left: auto; background: center center no-repeat; background-size: cover; }
.sub-visual .bg:after { content: ''; position: absolute; top: 0; left: calc(50% - 962px); width: 634px; height: 100%; background: url('/img/common/bg_visual1_graphic.svg') center center no-repeat #fff; }
.sub-visual .bg-v1 { background-image: url('/img/common/bg_visual1.png'); }
.sub-visual .bg-v2 { background-image: url('/img/common/bg_visual2.png'); }
.sub-visual .bg-v3 { background-image: url('/img/common/bg_visual3.png'); }
.sub-visual .bg-v4 { background-image: url('/img/common/bg_visual4.png'); }
.sub-visual .bg-v5 { background-image: url('/img/common/bg_visual7.png'); }
.sub-visual .bg-v6 { background-image: url('/img/common/bg_visual5.png'); }
.sub-visual .bg-v7 { background-image: url('/img/common/bg_visual6.png'); }
.sub-visual .inner { display: flex; flex-direction: column; justify-content: flex-end; position: absolute; left: 0; right: 0; bottom: 0; max-width: 1324px; height: 100%; margin: 0 auto; }
.sub-visual .tit-group .tit { font-size: 40px; font-weight: 700; color: #000; line-height: 56px; }

/*breadcrumb style*/
.breadcrumb { display: flex; align-items: center; margin-bottom: 8px; }
.breadcrumb a { display: flex; align-items: center; position: relative; margin-right: 16px; font-size: 12px; font-weight: 500; color: #666; }
.breadcrumb a:first-child { width: 20px; height: 20px; background: url('/img/common/ico_home1.svg') center center no-repeat; }
.breadcrumb a:last-child { margin-right: 0; color: #000; }
.breadcrumb a:not(:last-child):after { content: ''; display: block; position: absolute; right: -9px; width: 2px; height: 2px; border-radius: 50%; box-sizing: border-box; background: #666; }


/*simemap style*/
.sitemap { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: url('/img/common/bg_sitemap1.svg') calc(100% - 160px) bottom no-repeat #fff; }

.hd-sitemap { display: flex; justify-content: space-between; align-items: center; position: relative; height: 100px; padding-left: 40px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; background: #fff; transition: .2s all ease-out; }
.hd-sitemap .hd-logo { position: relative; z-index: 1; width: 138px; height: 66px; margin-top: -3px; }
.hd-sitemap .hd-logo a { display: block; }
.hd-sitemap .hd-logo a img { width: 100%; }
.hd-sitemap .hd-close { width: 100px; height: 100%; border: none; background: url('/img/common/ico_close2.svg') center center no-repeat; }

.list-sitemap { display: flex; height: 100%; }
.list-sitemap > li { width: calc(100% / 6); height: 100%; padding: 40px 24px; border-right: 1px solid #eaeaea; box-sizing: border-box; }
.list-sitemap > li:last-child { border-right: none; }
.list-sitemap .tit { margin-bottom: 40px; font-size: 24px; font-weight: 700; color: #000; }
.list-sitemap .box:not(:last-child) { margin-bottom: 24px; }
.list-sitemap .menu { display: block; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; transition: .2s all ease-out; }
.list-sitemap .menu:hover { color: #23c7ff; }
.list-sitemap .depth { margin-top: 12px; }
.list-sitemap .depth .menu { display: flex; align-items: center; position: relative; margin-bottom: 8px; padding-left: 20px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; }
.list-sitemap .depth .menu:hover { color: #23c7ff; }
.list-sitemap .depth .menu:last-child { margin-bottom: 0; }
.list-sitemap .depth .menu:before { content: ''; display: block; position: absolute; left: 8px; width: 3px; height: 3px; border-radius: 50%; box-sizing: border-box; background: #dfdfdf; }


@media only screen and (max-width: 1324px) {
	/*layout style*/
	.wrap { padding: 0; }
	.container { padding: 72px 0 80px; box-sizing: border-box; }
	.ly-group { display: block; margin: 0; padding-top: 0; }
	.ly-group .ly-l,
	.ly-group .ly-r { width: 100%; }
	.ly-group .ly-l { padding-top: 0; }
	.ly-group .ly-r { padding: 40px 20px 0; box-sizing: border-box; overflow: hidden; }
	
	/*header style*/
	.header .depth { display: none; }
	
	.hd-top { display: none; }
	
	.hd { height: 72px; border-color: #dfdfdf; }
	.hd .inner { padding: 0 20px; box-sizing: border-box; }
	.hd .hd-logo { width: 94px; height: 52px; margin-top: 0; }
	.hd .hd-menu { display: none; }
	
	.gnb,
	.lnb { display: none; }
	
	.hd-util .hd-ico-hamburger.pc { display: none; }
	.hd-util .hd-ico-hamburger.m { display: block; }
	
	.hd2 { top: 72px; padding: 20px; box-sizing: border-box; }
	.hd2 .hd-search { height: 48px; padding: 0 20px 0 24px; box-sizing: border-box; }
	.hd2 .hd-search .inp-search { font-size: 14px; }
	.hd2 .hd-search .btn-search { width: 24px; background-size: contain; }
	
	/*m-header style*/
	.m-gnb { top: 72px; height: calc(100% - 72px); }
	
	/*footer style*/
	.footer { border-color: #f4f4f4; }
	.ft .inner { padding: 40px 20px; box-sizing: border-box; }
	.ft .fnb { display: block; margin-bottom: 40px; padding-bottom: 40px; box-sizing: border-box; }
	.ft .fnb .ft-menu { justify-content: space-between; }
	.ft .fnb .ft-menu a { margin-right: 0; font-size: 14px; }
	.ft .ft-site { margin-top: 16px; }
	.ft .ft-site .btn-site { width: 100%; }
	.ft .ft-info { display: block; }
	.ft .ft-info .ft-box:not(:last-child) { margin-right: 0; margin-bottom: 40px; }
	.ft .ft-info .ft-box .img-group { height: auto; margin-bottom: 24px; padding: 0; }
	.ft .ft-info .ft-box .img-group-v1 img { height: 15px; }
	.ft .ft-info .ft-box .img-group-v2 img { height: 28px; }
	.ft .ft-info .company-info .txt-group { flex-wrap: wrap; }
	.ft .ft-info .company-info .txt-group > div { width: 100%; margin-right: 0; }
	.ft .ft-info .company-info .txt-group > div:not(:last-child) { margin-bottom: 8px; }
	.ft .ft-info .company-info .txt-group .tit { width: 98px; margin-right: 0; font-size: 14px; line-height: 20px; }
	.ft .ft-info .company-info .txt-group .txt { width: calc(100% - 98px); font-size: 14px; line-height: 20px; }
	.ft .copyright { margin-top: 40px; }
	
	.ft .ft-btn-top { right: 20px; bottom: 80px; transform: translateY(60px); width: 48px; height: 48px; }
	
	/*snb style*/
	.snb { display: none; }
	
	/*m-snb style*/
	.m-snb { display: flex; }
	
	/*sub visual style*/
	.sub-visual { border-radius: 0; }
	.sub-visual .bg { width: 100%; }
	.sub-visual .bg:after { display: none; }
	.sub-visual .bg-v1 { background-image: url('/img/common/bg_visual1_m.png'); }
	.sub-visual .bg-v2 { background-image: url('/img/common/bg_visual2_m.png'); }
	.sub-visual .bg-v3 { background-image: url('/img/common/bg_visual3_m.png'); }
	.sub-visual .bg-v4 { background-image: url('/img/common/bg_visual4_m.png'); }
	.sub-visual .bg-v5 { background-image: url('/img/common/bg_visual7_m.png'); }
	.sub-visual .bg-v6 { background-image: url('/img/common/bg_visual5_m.png'); }
	.sub-visual .bg-v7 { background-image: url('/img/common/bg_visual6_m.png'); }
	.sub-visual .inner { position: absolute; top: calc(50% - 20px); left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; height: auto; }
	.sub-visual .tit-group .tit { font-size: 28px; color: #fff; text-align: center; line-height: 40px; }

	/*breadcrumb style*/
	.breadcrumb { justify-content: center; margin-bottom: 4px; }
	.breadcrumb a { color: #fff; }
	.breadcrumb a:first-child { background-image: url('/img/common/ico_home1_m.svg'); }
	.breadcrumb a:last-child { color: #fff; }
	.breadcrumb a:not(:last-child):after { background: #fff; }
}


@media only screen and (max-width: 768px) {
	.sub-visual { height: 57.778vw; min-height: auto; }
}


@media only screen and (max-width: 360px) {
	.ft .fnb2 .ft-menu a { font-size: 4.444vw; }
}