@charset "utf-8";
/**
* A-Marketing Cascading Style Sheets
* File Name : basic.css
* Description : basic 반응형 스타일시트
* Author : Web business Team / White
* Email : web@a-marketing.co.kr
* Date : 2019.03.29
* Update : 2021.04.16
* Copyright(c) A-Marketing. All Rights Reserved.
*/
/* latest version 210416 */

/* ************************************** *
 * in-wrap 컨텐츠 가로사이즈 조정
 * ************************************** */
.in-wrap { width: 1400px; margin: 0 auto;}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1500px) {
	.in-wrap { width: 92%;}
}

 



/* ************************************** *
 * common style
 * ************************************** */
::selection { background: rgba(26,115,232,.1);}
/* mobile컨텐츠 숨김 */
.con-m { display: none;}
/* pc에서 br태그 효과 적용 */
.br-pc { display: block;}
.img-max { max-width: 100%;}
.img-ct-max { display: block; max-width: 100%; margin: 0 auto;}
/* 상하좌우 center위치잡기 */
.responsive { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
/* 상하 center위치잡기 */
.responsive-h { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); text-align: center;}
.bg-body { display: none; z-index: 500; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
/* 마우스 오버 시 tooltip */
a[data-tooltip]:hover { position: relative;}
a[data-tooltip]:hover:after { position: absolute; z-index: 9999; width: auto; padding: 2px 5px; background: rgba(0,0,0,.7); color: #ddd; font-size: 13px; content: attr(data-tooltip); line-height: 20px; top: 110%; left: 50%; transform: translate(-50%,0); -o-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* pc컨텐츠 숨김 */
	.con-pc { display: none !important;}
	/* mobile컨텐츠 보임 */
	.con-m { display: block !important;}
	/* pc에서 br태그 효과 해제 */
	.br-pc { display: inline-block;}
	/* mobile에서 br태그 효과 적용 */
    .br-m { display: block;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* mobile에서 font size 자동 축소 */
	html { font-size: 57% !important;}
}

 



/* ************************************** *
 * header layout
 * ************************************** */
/* header */
#header { z-index: 50; position: absolute; top: 0; width: 100%; height: 100px;}
#header .header-in { position: relative; width: 92%; margin: 0 auto;}
#header h1 { position: absolute; top: 32px; left: 0;}
#header h1 img.logo { display: block;}
#header h1 img.logo-scroll { display: none;}
#header .lnb-img { display: none; position: absolute; top: 140px; left: 10%;}
#header .lnb-img img { height: 170px;}
/* lnb : 네비게이션 메뉴 */
#lnb { z-index: 200; position: absolute; top: 0; right: 150px;}
.lnb-pc .lnb-navi > li { float: left;}
.lnb-pc .lnb-navi > li > a { display: block; margin: 0 35px; line-height: 100px; font-size: 2rem; color: #fff; letter-spacing: -.03em;}
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.focus > a,
.lnb-pc .lnb-navi > li.on > a { color: #bbe4ff;}
.lnb-pc .lnb-dep2 { display: none; z-index: 200; width: 100%; height: 250px; padding-top: 30px; box-sizing: border-box;}
.lnb-pc .lnb-dep2 > li a { display: block; font-size: 1.6rem; color: #222; line-height: 35px; text-align: center;}
.lnb-pc .lnb-dep2 > li a:hover { color: #056fb8;}
.lnb-m { display: none;}
.lnb-m .btn-menu { z-index: 199; overflow: hidden; position: absolute; top: 32px; right: 0; line-height: 37px; font-size: 4rem; color: #fff;}
.sub-header .lnb-m .btn-menu { color: #333;}
.lnb-m .btn-close { z-index: 201; position: absolute; top: 35px; right: 35px; line-height: 37px; font-size: 4rem; color: #aaa;}
.lnb-m .lnb-box { z-index: 200; display: none; position: fixed; top: 0; right: 0; width: 50%; height: 100%; background: #fff;}
.lnb-m .lnb-box .lnb-navi { position: absolute; top: 250px; left: 50px; width: 100%;}
.lnb-m .lnb-box .lnb-navi > li { animation-duration: 700ms; animation-fill-mode: forwards; animation-name: slideLeft; margin-left: -20%; opacity: 0;}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(1) { animation-delay: 70ms;}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(2) { animation-delay: 140ms;}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(3) { animation-delay: 210ms;}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(4) { animation-delay: 280ms;}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(5) { animation-delay: 350ms;}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(6) { animation-delay: 420ms;}
.lnb-m .lnb-box .lnb-navi > li:nth-of-type(7) { animation-delay: 480ms;}
/* gnb : 글로벌네비게이션 메뉴 */
#gnb { position: absolute; top: 35px; right: 0;}
.global-wrap li { float: left; margin-left: 5px;}
.global-wrap li a { padding: 5px 5px 7px; line-height: 28px; background: rgba(255, 255, 255, 0.3); font-size: 1.1rem; text-align: center; color: #292929; border: 1px solid  rgba(187, 187, 187, 0.3);}
.global-wrap li.on a { color: #e40012;}

@keyframes slideLeft {
	from { margin-left: 20%; opacity:0;}
	to { margin-left: 0; opacity:1;}
}
@-webkit-keyframes slideLeft {
	from { margin-left: 20%; opacity:0;}
	to { margin-left: 0; opacity:1;}
}
.lnb-m .lnb-box .lnb-navi > li > a { display: block; font-size: 2.7rem; letter-spacing: -.06em; line-height: 57px; color: #292929;}
.lnb-m .lnb-box .lnb-navi > li > a:hover,
.lnb-m .lnb-box .lnb-navi > li.focus > a,
.lnb-m .lnb-box .lnb-navi > li.on > a { color: #056fb8;}
.lnb-m .lnb-box .lnb-dep2 { display: none; padding: 10px 0;}
.lnb-m .lnb-box .lnb-dep2 a { display: block; font-size: 1.6rem; line-height: 30px; color: #555;}
.lnb-m .lnb-box .lnb-dep2 a:before { content: "ㆍ ";}
/* menu-toggle */
/* .sub-header { background: url('image/bg-header.jpg') repeat-x left top;} */
/*#header.menu-toggle { background: url('image/bg-header.jpg') repeat-x left top; box-shadow: 4px 4px 10px rgba(0,0,0,.2); -o-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -ms-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -moz-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.2);}*/
.sub-header h1 img.logo,
#header.menu-toggle h1 img.logo { display: none !important;}
.sub-header h1 img.logo-scroll,
.sub-header.menu-toggle h1 img.logo-scroll,
#header.menu-toggle h1 img.logo-scroll { display: block !important;}
.sub-header .lnb-pc .lnb-navi > li > a,
#header.menu-toggle .lnb-pc .lnb-navi > li > a { color: #111;}
.sub-header .lnb-pc .lnb-navi > li > a:hover,
.sub-header .lnb-pc .lnb-navi > li.focus > a,
.sub-header .lnb-pc .lnb-navi > li.on > a,
#header.menu-toggle .lnb-pc .lnb-navi > li > a:hover,
#header.menu-toggle .lnb-pc .lnb-navi > li.focus > a,
#header.menu-toggle .lnb-pc .lnb-navi > li.on > a { color: #056fb8;}
/* ////////////////////////////////////////////////// notebook  */
@media all and (min-width:991px) and (max-width:1500px) {
	/* header */
	#header .lnb-img { left: 0;}
	/* lnb : 네비게이션 메뉴 */
	.lnb-pc .lnb-navi > li > a { margin: 0 30px;}
}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1200px) {
	/* lnb : 네비게이션 메뉴 */
	.lnb-pc { display: none;}
	.lnb-m { display: block;}
	#lnb { right: 0px;}
	#gnb { display: none;}
	.global-wrap  { z-index: 999; position: relative; top: 50px; left: 20px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* header */
	#header { height: 70px;}
	#header h1 { top: 23px;}
	#header h1 img { width: 210px;}
	/* lnb : 네비게이션 메뉴 */
	#lnb { right: 0px;}
	.lnb-m .btn-menu { top: 20px; line-height: 27px; font-size: 32px;}
	.lnb-m .btn-close { top: 20px; right: 20px; font-size: 32px;}
	.lnb-m .lnb-box { width: 60%;}
	.lnb-m .lnb-box .lnb-navi { top: 100px; left: 40px;}
	.lnb-m .lnb-box .lnb-navi > li > a { line-height: 50px;}
	.lnb-m .lnb-box .lnb-dep2 { padding: 7px 0;}
    .lnb-m .lnb-box .lnb-dep2 a { line-height: 28px;}
	.global-wrap  { z-index: 999; position: relative; top: 25px; left: 20px;}
}





/* ************************************** *
 * main layout
 * ************************************** */
/* 메인비주얼 */
.main-visual { position: relative;}
.main-visual li { overflow: hidden; position: relative; float: left; width: 50%;}
.main-visual li .bg-box { z-index: 1; height: 100vh; transform: scale(1,1); transition: all 1.5s ease-out 0s; background-position: center !important; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.main-visual li:nth-of-type(1) .bg-box { background: url('image/main-visual01.jpg') no-repeat;}
.main-visual li:nth-of-type(2) .bg-box { background: url('image/main-visual02.jpg') no-repeat;}
.main-visual li:hover .bg-box { transform: scale(1.1,1.1);}
.main-visual li a { z-index: 2; display: block; width: 100%; box-sizing: border-box; position: absolute; right: 0; bottom: 0; background: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)); font-size: 1.7rem; color: #fff;}
.main-visual li a p { padding-right: 90px; text-align: right; background: url('image/bg_more_arr_white.png') no-repeat; background-position: right 30px center; line-height: 50px; -webkit-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out;}
.main-visual li a:hover p { background-position: right 27px center;}
.main-visual .txt-box { z-index: 3; width: 650px; padding: 80px 50px; background: rgba(0,0,0,.2); border: solid 10px #fff; box-sizing: border-box; text-align: center; color: #fff;}
.main-visual .txt-box p:nth-of-type(1) { font-size: 4rem; font-family: 'Yellowtail', cursive !important;}
.main-visual .txt-box h3 { padding: 20px 0 15px; font-size: 4rem; font-family: 'GmarketSansBold',sans-serif !important; line-height: 1.3em;}
.main-visual .txt-box h3 span { color: #bbe4ff;}
.main-visual .txt-box p:nth-of-type(2) { font-size: 2.1rem; letter-spacing: -.05em;}
/* 메인제품 */
.main-product-wrap { padding-top: 90px; background: url('image/bg-main-prod.jpg') repeat-x; background-position: left top -50px;}
.main-product-txt { position: relative; float: right; width: 40%; padding: 0 0 50px 5%; margin-right: 10%; box-sizing: border-box;}
.main-product-txt .txt-item { outline: none !important;}
.main-product-txt .tit { position: relative; padding: 33px 0 12px 20px;}
.main-product-txt .tit p { position: absolute; left: 0; top: 0; font-size: 4rem; font-family: 'Yellowtail', cursive !important; color: #056fb8; opacity: .4;}
.main-product-txt .tit h3 { font-size: 4rem; font-family: 'GmarketSansBold',sans-serif !important; line-height: 1.3em; color: #292929;}
.main-product-txt p.p-con { padding-left: 22px; font-size: 1.7rem; color: #444; line-height: 1.6em; letter-spacing: -.05em;}
.main-product-txt a { display: inline-block; margin: 25px 0 0 22px; font-size: 1.7rem; color: #444; text-decoration: underline;}
.main-product-img-wrap { float: left; width: 50%; overflow: hidden;}
.main-product-img { width: 200%; margin-left: -50%;}
.main-product-img .slick-slide { margin: 0 25px; text-align: center;}
.main-product-img .slick-slide:hover { box-shadow: 4px 4px 10px rgba(0,0,0,.2); -o-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -ms-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -moz-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.2);}
/* 메인바로가기 */
.main-link { margin: 20px 0 50px 50%;}
.main-link ul { display: table; margin: 0 auto;}
.main-link li { float: left; width: 200px; background: url('image/bg-link-bar.png') no-repeat left center; text-align: center;}
.main-link li:nth-of-type(1) { background: none;}
.main-link li a { display: block; padding-top: 75px; background-position: center top !important; font-size: 1.7rem; color: #555; letter-spacing: -.03em;}
.main-link li a:hover { background-position: center 4px !important;}
.main-link li:nth-of-type(1) a { background: url('image/ico-link01.png') no-repeat;}
.main-link li:nth-of-type(2) a { background: url('image/ico-link02.png') no-repeat;}
.main-link li:nth-of-type(3) a { background: url('image/ico-link03.png') no-repeat;}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1600px) {
	/* 메인제품 */
	.main-product-img { width: 160%;}
}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1400px) {
	/* 메인바로가기 */
	.main-link { margin: 50px 0;}
	/* 메인제품 */
	.main-product-wrap { padding: 60px 0;}
	.main-product-txt { width: 46%; padding: 0 0 50px 3%; margin-right: 4%;}
}
/* ////////////////////////////////////////////////// tablet */
@media all and (max-width:990px) {
	/* 메인비주얼 */
	.main-visual li { float: none; width: 100%;}
	.main-visual li .bg-box { height: 50vh;}
	.main-visual li a { display: none;}
	.main-visual .txt-box { width: 500px; padding: 50px 30px; border: solid 7px #fff;}
	.main-visual .txt-box p:nth-of-type(1) { font-size: 30px;}
	.main-visual .txt-box h3 { font-size: 43px;}
	.main-visual .txt-box p:nth-of-type(2) { font-size: 16px;}
	/* 메인제품 */
	.main-product-wrap { padding: 60px 0 20px;}
	.main-product-txt { float: none; width: 85%; padding: 0 0 35px 10%; margin: 0 15% 35px 0;}
	.main-product-img-wrap { float: none; width: 80%; margin: 0 auto;}
	.main-product-img { width: 130%; margin-left: -15%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 메인비주얼 */
	.main-visual .txt-box { width: 85%; padding: 30px 15px; border: solid 5px #fff;}
	.main-visual .txt-box p:nth-of-type(1) { font-size: 22px;}
	.main-visual .txt-box h3 { padding: 15px 0 10px; font-size: 28px;}
	.main-visual .txt-box p:nth-of-type(2) { font-size: 14px;}
	/* 메인제품 */
	.main-product-wrap { padding: 40px 0 20px; background-position: left top -50px;}
	.main-product-txt { width: 93%; padding: 0 0 25px 7%; margin: 0 7% 25px 0;}
	.main-product-txt .tit { padding: 25px 0 7px 15px;}
	.main-product-txt .tit p,
	.main-product-txt .tit h3 { font-size: 32px;}
	.main-product-txt p.p-con { padding-left: 17px; font-size: 14px;}
	.main-product-txt a { margin: 17px 0 0 17px;}
	.main-product-img-wrap { width: 88%;}
	.main-product-img .slick-slide { margin: 0 15px;}
	/* 메인바로가기 */
	.main-link { margin: 30px 0;}
	.main-link ul { width: 100%;}
	.main-link li { width: 33.33%;}
	.main-link li a { background-size: 55px !important; padding-top: 53px; font-size: 14px;}
}





/* ************************************** *
 * sub layout
 * ************************************** */
/* 서브비주얼 */
.sub-visual { position: relative; width: 92%; height: 400px; margin: 0 auto 60px; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.sub-visual-about { background: url('image/sub-visual02.jpg') no-repeat center;}
.sub-visual-product { background: url('image/sub-visual01.jpg') no-repeat center;}
.sub-visual-contact { background: url('image/sub-visual03.jpg') no-repeat center;}
.sub-visual-case { background: url('image/sub-visual04.jpg') no-repeat center;}
.sub-visual-contact { background: url('image/sub-visual05.jpg') no-repeat center;}
.sub-visual-customer { background: url('image/sub-visual06.jpg') no-repeat center;}
.sub-visual-member { background: url('image/sub-visual07.jpg') no-repeat center;}
.sub-visual-etc { background: url('image/sub-visual08.jpg') no-repeat center;}
/* 서브네비게이션 type2:리스트타입 */
#snb { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.5);}
#snb .snb-list { display: table; margin: 0 auto;}
#snb .snb-list li { float: left; width: 300px; text-align: center;}
#snb .snb-list li a { display: block; height: 55px; line-height: 55px; font-size: 1.7rem; color: #fff;}
#snb .snb-list li a:hover { font-weight: 700;}
#snb .snb-list li.on a { background: #fff; color: #056fb8; font-weight: 700;}
/* 서브타이틀 */
#stle { width: 100%; color: #fff; text-align: center; box-sizing: border-box; padding: 0 5%;}
#stle h2 { font-size: 4.5rem; font-family: 'GmarketSansBold',sans-serif !important; line-height: 1.2em;}
#stle p { padding-top: 5px; font-size: 1.7rem; letter-spacing: -.04em;}
.stle-list { width: 95%; margin: 0 auto;}
.stle-list ul { float: right; margin-top: 20px;}
.stle-list li { float: left; font-size: 1.4rem; color: #fff; opacity: .8;}
.stle-list li span { margin: 0 5px;}
/* 컨텐츠영역 */
#container { z-index: 1; width: 100%; overflow: hidden;}
.sub-container { padding-top: 100px;}
.content-box { width: 1400px; margin: 0 auto 100px; min-height: 500px;}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1500px) {
    /* 서브네비게이션 type2:리스트타입 */
	#snb .snb-list { width: 90%;}
	#snb .snb-list.snb-deps-num2 li { width: 50%;}
	#snb .snb-list.snb-deps-num3 li { width: 33.33%;}
	#snb .snb-list.snb-deps-num4 li { width: 25%;}
    /* 컨텐츠영역 */
    .content-box { width: 92%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 서브비주얼 */
	.sub-visual { width: 100%; height: 330px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    /* 서브비주얼 */
	.sub-visual { height: 270px; margin: 0 auto 40px;}
	/* 서브네비게이션 type2:리스트타입 */
	#snb .snb-list { width: 100%;}
	#snb .snb-list li a { height: 42px; line-height: 42px; font-size: 14px;}
    /* 서브타이틀 */
	#stle h2 { font-size: 33px;}
	#stle p { font-size: 13px;}
	.stle-list ul { margin-top: 15px;}
    /* 컨텐츠영역 */
	.sub-container { padding-top: 70px;}
    .content-box { margin: 0 auto 60px; min-height: 300px;}
}





/* ************************************** *
 * footer layout
 * ************************************** */
/* footer */
#footer { width: 100%; padding: 40px 0; border-top: solid 1px #e4e4e4;}
#footer .footer-in { position: relative; width: 92%; margin: 0 auto;}
#footer address { font-size: 1.5rem; color: #555; line-height: 1.7em; letter-spacing: 0;}
#footer address span { margin-right: 30px;}
#footer .copyright { padding-top: 25px;}
#footer .copyright small { font-size: 1.4rem; color: #555;}
#footer .foo-privacy { position: absolute; right: 0; top: 0; text-align: right;}
#footer .foo-privacy li { margin-bottom: 5px;}
#footer .foo-privacy li a { display: block; font-size: 1.5rem; color: #555;}
#footer .foo-privacy li a:hover { text-decoration: underline;}
#footer .foo-privacy p:nth-of-type(1) { font-size: 2rem; font-family: 'GmarketSansBold',sans-serif !important; color: #292929; -webkit-animation: textPoint ease-in-out 1.5s infinite; -ms-animation: textPoint ease-in-out 1.5s infinite; -moz-animation: textPoint ease-in-out 1.5s infinite; -o-animation: textPoint ease-in-out 1.5s infinite; animation: textPoint ease-in-out 1.5s infinite;}
#footer .foo-privacy p:nth-of-type(2) { font-size: 1.3rem; color: #444;}
#footer .foo-privacy p i { font-size: 1.7rem;}
@-webkit-keyframes textPoint {
	0% { color: #292929;}
	75% { color: #f0243d;}
	100% { color: #292929;}
}
@keyframes textPoint {
	0% { color: #292929;}
	75% { color: #f0243d;}
	100% { color: #292929;}
}
/* quick */
#quick { z-index: 30; position: fixed; bottom: 175px; right: 0;}
#quick li { width: 110px;}
#quick li a { display: block; width: 100%; height: 160px; padding-top: 20px; box-sizing: border-box; font-size: 1.8rem; font-family: 'GmarketSansMedium',sans-serif !important; color: #fff; text-align: center; line-height: 1.3em;}
#quick li:nth-of-type(1) a { background: #f39800 url('image/ico-qk01.png') no-repeat center bottom;}
#quick li:nth-of-type(2) a { background: #056fb8 url('image/ico-qk02.png') no-repeat center bottom;}
#quick li:nth-of-type(1) a span { color: #ffe133; -webkit-animation: textPoint2 ease-in-out 2s infinite; -ms-animation: textPoint2 ease-in-out 2s infinite; -moz-animation: textPoint2 ease-in-out 2s infinite; -o-animation: textPoint2 ease-in-out 2s infinite; animation: textPoint2 ease-in-out 2s infinite;}
#quick li:nth-of-type(2) a span { color: #7fe0d0; -webkit-animation: textPoint3 ease-in-out 2s infinite; -ms-animation: textPoint3 ease-in-out 2s infinite; -moz-animation: textPoint3 ease-in-out 2s infinite; -o-animation: textPoint3 ease-in-out 2s infinite; animation: textPoint3 ease-in-out 2s infinite;}
@-webkit-keyframes textPoint2 {
	0% { color: #ffe133;}
	50% { color: #fff;}
	100% { color: #ffe133;}
}
@keyframes textPoint2 {
	0% { color: #ffe133;}
	50% { color: #fff;}
	100% { color: #ffe133;}
}
@-webkit-keyframes textPoint3 {
	0% { color: #7fe0d0;}
	50% { color: #fff;}
	100% { color: #7fe0d0;}
}
@keyframes textPoint3 {
	0% { color: #7fe0d0;}
	50% { color: #fff;}
	100% { color: #7fe0d0;}
}
#quick li button { display: block; width: 100%; background: #444; font-size: 1.4rem; font-family: 'GmarketSansMedium',sans-serif !important; color: #fff; text-align: center; line-height: 40px; text-transform: uppercase;}
/* ////////////////////////////////////////////////// notebook  */
@media all and (max-width:1400px) {
	/* quick */
	#quick li a { height: auto; padding: 17px 0;}
	#quick li:nth-of-type(1) a { background: #f39800;}
	#quick li:nth-of-type(2) a { background: #056fb8;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /* footer */
    #footer { padding: 40px 0 90px;}
	/* quick */
	#quick { bottom: 0; width: 100%;}
	#quick li { float: left; width: 40%;}
	#quick li:nth-of-type(3) { width: 20%;}
	#quick li button { line-height: 57px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    /* footer */
	#footer { padding: 25px 0 70px;}
	#footer address span { margin-right: 15px;}
	#footer .copyright { padding-top: 17px;}
	#footer .foo-privacy { position: static; margin-top: 25px; padding-top: 15px; border-top: solid 1px #e4e4e4; text-align: center;}
	#footer .foo-privacy ul { display: table; margin: 0 auto;}
	#footer .foo-privacy li { float: left; margin: 0 15px 0 0;}
	#footer .foo-privacy p { margin-top: 8px;}
	/* quick */
	#quick li a { font-size: 14px; padding: 16px 0;}
	#quick li button { line-height: 50px;}
}