@charset "utf-8";
/* latest version 210222 */
/* ************************************** *
 * in-wrap 컨텐츠 가로사이즈 조정
 * ************************************** */
.in-wrap { width: 1300px; margin: 0 auto;}
/* ////////////////////////////////////////////////// notebook */
@media all and (max-width:1400px) {
	.in-wrap { width: 100%;}
}





/* ************************************** *
 * common layout
 * ************************************** */
::selection { background: #b4b4b4;}
strong { font-weight: 700;}
.con-m { display: none;}/* mobile컨텐츠 숨김 */
.br-pc { display: block;}/* pc에서 br태그 효과 적용 */
.img-max { max-width: 100%;}
.img-ct-max { display: block; max-width: 100%; margin: 0 auto;}
.responsive { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.responsive-h { position: absolute; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);}
.inquiry-pop,
.bg-body { display: none; z-index: 500; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.con-pc { display: none !important;}/* pc컨텐츠 숨김 */
	.con-m { display: block !important;}/* mobile컨텐츠 보임 */
	.br-pc { display: inline-block;}/* pc에서 br태그 효과 해제 */
    .br-m { display: block;}/* mobile에서 br태그 효과 적용 */
}





/* ************************************** *
 * header layout
 * ************************************** */
/* header */
#header { z-index: 50; position: absolute; top: 0; width: 100%; height: 120px; border-bottom: solid 1px rgba(255,255,255,.2);}
#header .header-in { position: relative; width: 94%; margin: 0 auto;}
#header h1 { position: absolute; top: 38px; left: 0;}
#header h1 img { width: 190px;}
/* gnb : 글로벌네비게이션 메뉴 */
.gnb { position: absolute; top: 39px; right: 0;}
.global-wrap { position: relative; width: 125px;}
.global-wrap > button { display: block; width: 100%; line-height: 40px; padding-left: 13px; border: solid 1px rgba(255,255,255,.5); box-sizing: border-box; font-size: 15px; color: #fff; text-transform: uppercase; text-align: left;}
.global-wrap.down { background: url('image/bg-arr-gnb-down.png') no-repeat 90% center;}
.global-wrap.up { background: url('image/bg-arr-gnb-up.png') no-repeat 90% center;}
.global-wrap .global-box { z-index: 2; display: none; position: absolute; top: 42px; left: 0; width: 100%; padding: 10px 0; background: rgba(255,255,255,.9); box-sizing: border-box;}
.global-wrap .global-box li a { display: block; font-size: 14px; line-height: 27px; padding-left: 15px; opacity: .7; color: #111;}
.global-wrap .global-box li a:hover { opacity: 1;}
.btn-catalog { position: absolute; top: 39px; right: 130px;}
.btn-catalog a { display: inline-block; line-height: 40px; padding: 0 10px; border: solid 1px rgba(255,255,255,.5); box-sizing: border-box; font-size: 14px; color: #fff; text-transform: uppercase; text-align: left;}
/* lnb : 네비게이션 메뉴 */
#lnb { z-index: 200; position: absolute; top: 30px; left: 230px;}
.lnb-pc .lnb-navi > li { position: relative; float: left;}
.lnb-pc .lnb-navi > li > a { display: block; margin: 0 18px; line-height: 80px; padding-bottom: 10px; font-weight: 700; font-size: 19px; color: #fff;}
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.focus > a,
.lnb-pc .lnb-navi > li.on > a { color: #e40116;}
.lnb-pc .lnb-dep2 { display: none; z-index: 200; position: absolute; top: 90px; left: 50%; margin-left: -110px; width: 220px; padding: 20px 30px; background: #171717; border-top: solid 2px #e40116; box-sizing: border-box; text-align: center;}
.lnb-pc .lnb-dep2 > li > a { display: block; font-size: 15px; padding: 7px 0; font-weight: 600; color: #fff; line-height: 1.5em;}
.lnb-pc .lnb-dep2 > li > a:hover { color: #e40116;}
.lnb-m { display: none;}
.lnb-m .btn-menu { z-index: 199; overflow: hidden; position: absolute; top: 9px; right: 0; cursor: pointer;}
.lnb-m .btn-close { z-index: 201; position: absolute; top: 40px; right: 40px; cursor: pointer;}
.lnb-m .lnb-box { z-index: 200; display: none; position: fixed; top: 0; right: 0; width: 50%; height: 100%; background: #171717;}
.lnb-m .lnb-box .lnb-navi { position: absolute; top: 50%; left: 50px; width:100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.lnb-m .lnb-box .lnb-navi > li > a { display: block; font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 58px; color: #fff;}
.lnb-m .lnb-box .lnb-navi > li > a:hover,
.lnb-m .lnb-box .lnb-navi > li.on > a { color: #e40116;}
.lnb-m .lnb-box .lnb-dep2 { display: none; padding: 10px 0;}
.lnb-m .lnb-box .lnb-dep2 a { display: block; font-size: 13px; line-height: 30px; color: #fff; opacity: .8;}
.lnb-m .lnb-box .lnb-dep2 a:hover { font-weight: 700;}
.lnb-m .lnb-box .lnb-dep2 a:before { content: "ㆍ ";}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:1400px) {
	/* gnb : 글로벌네비게이션 메뉴 */
	.gnb { right: 70px;}
	.btn-catalog { right: 200px;}
	/* lnb : 네비게이션 메뉴 */
	#lnb { top: 30px; left: inherit; right: 0;}
	.lnb-pc { display: none;}
	.lnb-m { display: block;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* header */
	#header { height: 80px;}
	#header .header-in { width: 90%;}
	#header h1 { top: 27px;}
	#header h1 img { width: 105px;}
	/* gnb : 글로벌네비게이션 메뉴 */
	.gnb { top: 23px; right: 36px;}
	.global-wrap { width: 90px;}
	.global-wrap > button { line-height: 30px; padding-left: 10px; background: none; font-size: 13px;}
	.global-wrap .global-box { top: 32px; padding: 7px 0;}
	.global-wrap .global-box li a { font-size: 13px; line-height: 22px; padding-left: 10px;}
	.global-wrap.down,
	.global-wrap.up { background: none;}
	.btn-catalog { top: 23px; right: 130px;}
	.btn-catalog a { line-height: 30px; padding: 0 7px; font-size: 13px;}
	/* lnb : 네비게이션 메뉴 */
	#lnb { top: 23px;}
    .lnb-m .btn-menu { top: 2px;}
	.lnb-m .btn-menu img { height: 27px;}
    .lnb-m .btn-close { top: 25px; right: 25px;}
	.lnb-m .btn-close img { height: 25px;}
    .lnb-m .lnb-box { width: 75%;}
    .lnb-m .lnb-box .lnb-navi { left: 35px;}
    .lnb-m .lnb-box .lnb-navi > li > a { font-size: 23px; line-height: 48px;}
    .lnb-m .lnb-box .lnb-dep2 { padding: 7px 0;}
    .lnb-m .lnb-box .lnb-dep2 a { line-height: 26px;}
}





/* ************************************** *
 * main layout
 * ************************************** */
/* 메인비주얼 */
.main-visual-wrap { position: relative;}
.main-visual-wrap .txt-box { z-index: 11; position: absolute; left: 7.5%; top: 50%; width: 85%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); text-align: center;}
.main-visual-wrap .txt-box p { color: #fff;}
.main-visual-wrap .txt-box p:nth-of-type(1) { text-decoration: underline; font-size: 33px; text-transform: uppercase;}
.main-visual-wrap .txt-box p:nth-of-type(2) { padding: 35px 0 40px;}
.main-visual-wrap .txt-box p:nth-of-type(3) { width: 55%; margin: 0 auto; font-size: 20px; line-height: 1.6em;}
.main-visual .slick-slide { position: relative; height: 100vh; min-height: 800px; -webkit-background-size: cover !important; -ms-background-size: cover !important; background-size: cover !important;}
.main-visual01 { background: url('image/visual1.jpg') no-repeat center;}
.main-visual02 { background: url('image/visual2.jpg') no-repeat center;}
.main-visual03 { background: url('image/visual3.jpg') no-repeat center;}
/* 메인소개 */
.youtube-main { padding-bottom: 100px; text-align: center;}
.main-introduce { overflow: hidden; padding-top: 150px;}
.main-introduce li { position: relative; padding-bottom: 100px;}
.main-introduce li div { float: left; width: 50%;}
.main-introduce li .txt-box { padding: 7% 6% 0; box-sizing: border-box;}
.main-introduce li:nth-of-type(even) .img-box { float: right;}
.main-introduce li .txt-box h3 { padding: 3px 0 0 17px; font-size: 32px; color: #111; line-height: 1.3em; background: url('image/bg-sqare-h.gif') no-repeat; letter-spacing: -0.01em;}
.main-introduce li .txt-box h3 span { font-weight: 900;}
.main-introduce li .txt-box p { padding: 50px 0 0 17px; font-size: 18px; color: #222; line-height: 1.7em;}
.main-introduce li > p { position: absolute; font-weight: 700; font-size: 90px; color: #ececec; line-height: 1em;}
.main-introduce li:nth-of-type(1) > p { bottom: 0; right: 0;}
.main-introduce li:nth-of-type(2) > p { bottom: 0; left: 0;}
/* 메인제품 */
.main-product { padding: 270px 0; background: url('image/bg-product.jpg') no-repeat; background-position: center top; text-align: center; background-size: 100% 100%;}
.main-product > h3 { font-weight: 900; font-size: 45px; color: #fff; text-transform: uppercase;}
.main-product > p { width: 85%; padding: 25px 7.5% 70px; font-size: 18px; color: #fff; line-height: 1.6em;}
.main-product ul { width: 90%; margin: 0 auto;}
.main-product li { position: relative; float: left; width: 24%; margin: .5%;}
.main-product li a { display: block; height: 220px; box-sizing: border-box; background-position: center center !important; background-size: cover !important; -webkit-background-size: cover !important; -ms-background-size: cover !important;}
.main-product li a:hover { border: solid 3px #e40116;}
.main-product li:nth-of-type(1) a { background: url('image/bg-product1.jpg') no-repeat;}
.main-product li:nth-of-type(2) a { background: url('image/bg-product9.jpg') no-repeat;}
.main-product li:nth-of-type(3) a { background: url('image/bg-product3.jpg') no-repeat;}
.main-product li:nth-of-type(4) a { background: url('image/bg-product2.jpg') no-repeat;}
.main-product li:nth-of-type(5) a { background: url('image/bg-product5.jpg') no-repeat;}
.main-product li:nth-of-type(6) a { background: url('image/bg-product7.jpg') no-repeat;}
.main-product li:nth-of-type(7) a { background: url('image/bg-product4.jpg') no-repeat;}
.main-product li:nth-of-type(8) a { background: url('image/bg-product10.jpg') no-repeat;}
.main-product li .txt-box { display: none; position: absolute; left: 5%; top: 50%; width: 90%; transform: translate(0,-50%);}
.main-product li p { font-size: 15px; color: #e8b400;}
.main-product li h4 { font-weight: 900; font-size: 22px; color: #fff; line-height: 1.3em;}
/* 메인갤러리 */
.main-gallery-wrap { position: relative; padding: 100px 0; background: #ddd; overflow: hidden;}
.main-gallery { float: left; width: 75%;}
.main-gallery .slick-slide { margin: 0 10px;}
.main-gallery .slider-counter { position: absolute; right: -27%; margin-right: 55px; bottom: 0; height: 21px; line-height: 21px; font-size: 15px; font-weight: 700; color: #111;}
.main-gallery a { display: block;}
.main-gallery .img-box { overflow: hidden; max-width: 100%;}
.main-gallery .img-box i { display: block; height: 0; padding-bottom: 120%;}
.main-gallery .img-box:hover { box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); -ms-box-shadow: 0 0 10px rgba(0,0,0,.5);}
.main-gallery p { margin-top: 30px; font-size: 15px; color: #222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-gallery a:hover p { padding-left: 25px; background: url('image/bg-black-line.gif') no-repeat left center; background-size: 15px;}
.main-gallery-wrap .txt-box { float: right; width: 25%; padding: 0 5%; box-sizing: border-box; text-align: right;}
.main-gallery-wrap .txt-box h3 { font-weight: 900; font-size: 45px; color: #111; text-transform: uppercase;}
.main-gallery-wrap .txt-box p { padding: 25px 0 50px; font-size: 16px; color: #333; line-height: 1.6em;}
/* 메인글로벌 */
.main-global { background: url('image/bg-global.jpg') no-repeat center center; height: 450px; background-size: cover !important; -webkit-background-size: cover !important; -ms-background-size: cover !important;}
.main-global .txt-box { padding: 150px 5% 0 55%; box-sizing: border-box;}
.main-global h3 { font-weight: 700; font-size: 26px; color: #e40116; text-transform: uppercase;}
.main-global p { padding-top: 25px; font-size: 16px; color: #fff; line-height: 1.7em;}
/* ////////////////////////////////////////////////// notebook& tablet & mobile */
@media all and (max-width:1500px) {
	/* 메인소개 */
	.main-introduce li .txt-box { padding-top: 2%;}
}
/* ////////////////////////////////////////////////// notebook  */
@media all and (min-width:991px) and (max-width:1300px) {
	/* 메인소개 */
	.main-introduce li .txt-box h3 { font-size: 35px;}
	.main-introduce li .txt-box p { padding-top: 40px; font-size: 16px;}
}
/* ////////////////////////////////////////////////// notebook& tablet & mobile */
@media all and (max-width:1300px) {
	/* 메인소개 */
	.youtube-main iframe { width: 90%; height: 450px;}
	/* 메인제품 */
	.main-product li { width: 32.33%;}
	.main-product li a { height: 200px;}
	/* 메인갤러리 */
	.main-gallery-wrap { padding: 0 0 100px;}
	.main-gallery { float: none; width: 90%; margin: 0 auto; padding-bottom: 70px;}
	.main-gallery .slider-counter { right: 50%; margin-right: 0; transform: translate(50%,0); -webkit-transform: translate(50%,0); -ms-transform: translate(50%,0);}
	.main-gallery-wrap .txt-box { float: none; width: 100%; text-align: center; margin-bottom: 60px;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 메인비주얼 */
	.main-visual-wrap .txt-box p:nth-of-type(1) { font-size: 28px;}
	.main-visual-wrap .txt-box p:nth-of-type(3) { width: 90%;}
	.main-visual01 { background: url('image/visual1-m.jpg') no-repeat center;}
	.main-visual02 { background: url('image/visual2-m.jpg') no-repeat center;}
	.main-visual03 { background: url('image/visual3-m.jpg') no-repeat center;}
	/* 메인소개 */
	.youtube-main { padding-bottom: 50px;}
	.main-introduce li { padding-bottom: 140px;}
	.main-introduce li div { float: none; width: 90%; margin: 0 auto;}
	.main-introduce li .txt-box { padding: 50px 0 0;}
	.main-introduce li:nth-of-type(even) .img-box { float: none;}
	/* 메인글로벌 */
	.main-global { background: url('image/bg-global-m.jpg') no-repeat top center; height: auto;}
	.main-global .txt-box { padding: 350px 10% 100px 10%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 메인비주얼 */
	.main-visual-wrap .txt-box p:nth-of-type(1) { font-size: 17px;}
	.main-visual-wrap .txt-box p:nth-of-type(2) { padding: 20px 0 25px;}
	.main-visual-wrap .txt-box p:nth-of-type(2) img { width: 260px;}
	.main-visual-wrap .txt-box p:nth-of-type(3) { font-size: 12px; width: 100%;}
	.main-visual .slick-slide { min-height: 400px;}
	/* 메인소개 */
	.youtube-main { padding-bottom: 0;}
	.youtube-main iframe { height: 220px;}
	.main-introduce { padding-top: 70px;}
	.main-introduce li { padding-bottom: 80px;}
	.main-introduce li .txt-box { padding: 35px 0 0;}
	.main-introduce li .txt-box h3 { padding: 3px 0 0 10px; font-size: 20px; background-size: 15px;}
	.main-introduce li .txt-box p { padding: 25px 0 0 10px; font-size: 13px;}
	.main-introduce li > p { font-size: 45px;}
	/* 메인제품 */
	.main-product { padding: 150px 0; background-size: cover;}
	.main-product > h3 { font-size: 29px;}
	.main-product > p { width: 90%; padding: 15px 5% 40px; font-size: 14px;}
	.main-product li { width: 48%; margin: 1%;}
	.main-product li a { height: 120px;}
	.main-product li p { font-size: 12px;}
	.main-product li h4 { font-size: 14px;}
	/* 메인갤러리 */
	.main-gallery-wrap { padding: 0 0 60px;}
	/* .main-gallery .img-box { height: 210px;} */
	.main-gallery p { margin-top: 20px; font-size: 13px;}
	.main-gallery-wrap .txt-box { margin-bottom: 40px;}
	.main-gallery-wrap .txt-box h3 { font-size: 29px;}
	.main-gallery-wrap .txt-box p { padding: 15px 0 25px; font-size: 14px;}
	/* 메인글로벌 */
	.main-global .txt-box { padding: 200px 7% 50px 7%;}
	.main-global h3 { font-size: 19px;}
	.main-global p { padding-top: 17px; font-size: 13px;}
}





/* ************************************** *
 * sub layout
 * ************************************** */
/* 서브비주얼 */
.sub-visual { position: relative; height: 500px; -webkit-background-size: cover !important; -ms-background-size: cover !important; background-size: cover !important;}
.sub-visual-rus_brand,
.sub-visual-rus_member { background: url('image/sub-visual2.jpg') no-repeat center;}
.sub-visual-rus_product,
.sub-visual-rus_etc { background: url('image/sub-visual1.jpg') no-repeat center;}
.sub-visual-rus_gallery { background: url('image/sub-visual4.jpg') no-repeat center;}
.sub-visual-rus_contact { background: url('image/sub-visual3.jpg') no-repeat center;}
.sub-visual-rus_community { background: url('image/sub-visual5.jpg') no-repeat center;}
.sub-visual-rus_company { background: url('image/sub-visual6.jpg') no-repeat center;}
.sub-visual p { position: absolute; top: 47%; left: 5%; width: 90%; font-size: 35px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: underline; line-height: 1.6em;}
.sub-visual ul { position: absolute; bottom: 30px; right: 10%;}
.sub-visual li { float: left; font-size: 14px; color: #777;}
.sub-visual li span { padding: 0 5px;}
/* 서브네비게이션 type2:리스트타입 */
#snb .snb-list { display: table; margin: 40px auto 0;}
#snb .snb-list.snb-deps-num0 { margin-top: 0;}
#snb .snb-list li { float: left; width: 250px; margin: 5px;}
#snb .snb-list li a { display: block; background: #444; padding: 15px 0; line-height: 1.4em; font-size: 17px; color: #fff; text-align: center;}
#snb .snb-list li.on a,
#snb .snb-list li a:hover { background: #b00918;}
.snb-deps-num1 { display: none !important;}
/* 서브타이틀 */
#stle { text-align: center;}
#stle h2 { margin-bottom: 30px; font-size: 47px; font-weight: 900; color: #111; line-height: 1em;}
/* 컨텐츠영역 */
#container { z-index: 1; width: 100%;}
.content-box { width: 90%; margin: 60px auto 150px; min-height: 350px;}
/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:990px) and (max-width:1400px) {
	/* 컨텐츠영역 */
	.content-box { width: 94%;}
	/* 서브네비게이션 type2:리스트타입 */
	#snb .snb-list.snb-deps-num4,
	#snb .snb-list.snb-deps-num5 { width: 90%;}
	#snb .snb-list.snb-deps-num4 li,
	#snb .snb-list.snb-deps-num5 li { margin: 0.5%;}
	#snb .snb-list.snb-deps-num4 li { width: 24%;}
	#snb .snb-list.snb-deps-num5 li { width: 19%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 서브비주얼 */
	.sub-visual p { top: 40%;}
	.sub-visual ul { right: 5%;}
	/* 서브네비게이션 type2:리스트타입 */
	#snb .snb-list { width: 90%;}
	#snb .snb-list li { margin: 0.5%;}
	#snb .snb-list.snb-deps-num4 li,
	#snb .snb-list.snb-deps-num2 li { width: 49%;}
	#snb .snb-list.snb-deps-num3 li,
	#snb .snb-list.snb-deps-num5 li,
	#snb .snb-list.snb-deps-num6 li { width: 32.33%;}
	#snb .snb-list.snb-deps-num7 li,
	#snb .snb-list.snb-deps-num8 li { width: 24%;}
	#snb .snb-list.snb-deps-num9 li { width: 19%;}
	#snb .snb-list li a { font-size: 15px;}
	/* 서브타이틀 */
	#stle h2 { font-size: 40px;}
	/* 컨텐츠영역 */
	.content-box { width: 90%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 서브비주얼 */
	.sub-visual { height: 300px;}
	.sub-visual p { top: 43%; font-size: 19px;}
	.sub-visual ul { bottom: 20px;}
	.sub-visual li { font-size: 11px;}
	/* 서브네비게이션 type2:리스트타입 */
	#snb .snb-list { margin: 30px auto 0;}
	#snb .snb-list li { margin: .75%;}
	#snb .snb-list.snb-deps-num2 li,
	#snb .snb-list.snb-deps-num4 li,
	#snb .snb-list.snb-deps-num5 li,
	#snb .snb-list.snb-deps-num8 li { width: 48.5%;}
	#snb .snb-list.snb-deps-num3 li,
	#snb .snb-list.snb-deps-num6 li,
	#snb .snb-list.snb-deps-num7 li,
	#snb .snb-list.snb-deps-num9 li { width: 31.83%;}
	#snb .snb-list li a { font-size: 13px;}
	/* 서브타이틀 */
	#stle h2 { margin: 20px 0; font-size: 22px;}
	#stle img { width: 65px;}
	/* 컨텐츠영역 */
	.content-box { margin: 35px auto 80px; min-height: 300px;}
}





/* ************************************** *
 * footer layout
 * ************************************** */
/* sitemap */
#sitemap { float: left; width: 50%; /*height: 450px;*/ box-sizing: border-box; padding: 60px 100px 20px; background: #f0f0f0;}
.sitemap-content { border: solid 1px #dbdbdb; padding: 5% 0;}
#sitemap .sitemap-content { border: 0 !important; padding: 0 !important;}
.sitemap-content > ul { display: flex; flex-flow: row wrap;}
.sitemap-content > ul > li { float: left; width: 16.66%; border-left: solid 1px #dbdbdb; text-align: center; box-sizing: border-box;}
#sitemap .sitemap-content > ul > li { float: left; width: 33.33%; border-left: 0; text-align: left;}
.sitemap-content > ul > li:first-child { border-left: 0;}
.sitemap-content > ul > li > a { display: block; font-size: 17px; font-weight: 700; color: #111;}
.sitemap-content .sitemap-dep2 { padding: 12px 0 35px;}
.sitemap-content .sitemap-dep2 li a { display: block; padding: 5px 0; font-size: 14px; color: #333; line-height: 1.5em;}
.sitemap-content .sitemap-dep2 li a:hover { text-decoration: underline;}
/* footer */
#footer { border-top: solid 1px #ccc;}
#footer .footer-in { float: left; width: 50%; /*height: 450px;*/ box-sizing: border-box; padding: 60px 100px 40px; background: #fff;}
#footer .foo-privacy { margin-top: 35px;}
#footer .foo-privacy li { float: left; margin-right: 30px;}
#footer .foo-privacy li a { display: block; font-size: 14px; font-weight: 700; color: #111; text-transform: uppercase;}
#footer .foo-privacy li a:hover { position: relative; top: 1px;}
#footer address { margin: 20px 0; font-size: 13px; color: #777; line-height: 1.8em;}
#footer address span { margin: 0 10px; color: #ccc;}
#footer .copyright small { font-size: 13px; color: #777; line-height: 1.7em;}
#footer .foo-sns { margin-top: 50px;}
#footer .foo-sns li { float: left; margin-right: 15px;}
#footer .foo-sns li a:hover { opacity: .7;}
#footer .btn-top { display: none; z-index: 50; position: fixed; bottom: 50px; right: 50px;}
/* ////////////////////////////////////////////////// notebook& tablet & mobile */
@media all and (max-width:1300px) {
	/* sitemap */
	#sitemap { float: none; width: 100%; /*height: auto;*/ padding: 60px 7% 20px;}
	.sitemap-content > ul > li { width: 33.33%;}
	#sitemap .sitemap-content > ul > li { width: 16.66%;}
	/* footer */
	#footer .footer-in { float: none; width: 100%; /*height: auto;*/ padding: 60px 7% 40px;}
}
/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
	/* sitemap */
	#sitemap .sitemap-content > ul > li { width: 33.33%;}
	/* footer */
	#footer address .br-m { display: inline-block;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* sitemap */
	#sitemap { padding: 32px 5% 12px;}
	#sitemap .sitemap-content > ul > li,
	/* .sitemap-content > ul > li { width: 50%;} */
	#sitemap .sitemap-content > ul > li { width: 33.33%;}
	.sitemap-content > ul > li > a { font-size: 13px;}
	.sitemap-content .sitemap-dep2 { padding: 8px 0 17px;}
	.sitemap-content .sitemap-dep2 li a { font-size: 12px;}
	/* footer */
	#footer .footer-in { padding: 32px 7% 20px;}
	#footer .footer-in .foo-logo { width: 140px;}
	#footer .foo-privacy { margin-top: 27px;}
	#footer .foo-privacy li { margin-right: 15px;}
	#footer .foo-privacy li a { font-size: 13px;}
	#footer address { margin: 15px 0; font-size: 12px;}
	#footer address span { margin: 0 7px;}
	#footer address .br-m { text-indent: -9999px; height: 0;}
	#footer .copyright small { font-size: 12px;}
	#footer .foo-sns { margin-top: 30px;}
	#footer .foo-sns li { margin-right: 10px;}
	#footer .btn-top { bottom: 25px; right: 25px;}
	#footer .btn-top img { width: 35px;}
}