@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

/******************************  전체  ******************************/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
header, hgroup, menu, nav, section, summary, time, mark, audio, video, textarea,button{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;}
body{width:100%;font-family:'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;font-size:12px;/* color:#333; */}
ul, li{list-style:none;}
p {margin:0;padding:0;}
a{margin:0;padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;background:transparent;}
a, a:link, a:hover, a:active{color:inherit;text-decoration:none;}
img{vertical-align:middle;}
input{margin:0;padding:0;box-sizing:content-box;vertical-align:middle;font-family:'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;}
textarea{border:1px solid #ddd;font-family:'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;}
table{border-collapse:collapse;border-spacing:0;}
input[type=text], input[type=password], select{height:26px;vertical-align:middle;border:1px solid #bbb;}
input[type=button], input[type=submit], button{cursor:pointer;-webkit-appearance: none;}
strong, b{font-weight:bold;}

input[type=text], input[type=password]:focus{outline:none;}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type=text], input[type=password]{
   -webkit-appearance: none;
   -webkit-border-radius: 0;
   padding: 0 5px;
   box-sizing: border-box;
}

button {
	font-family:'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;
	background: none;
}



/******************************  색상 변수 설정  ******************************/
:root {
  --main-color: #1489F8;
  --sub-color: #0A70C4;
}

/******************************  PC, Mobile  ******************************/
.mob { display: none !important; }
.mob-in { display: none !important; }

@media screen and (max-width:1000px) {
	.pc { display: none !important; }
	.mob { display: block !important; }
	.mob-in { display: inline-block !important; }
}

/******************************  공통 영역  ******************************/
#wrap, .container { width: 100%; min-width: 1280px; }
#wrap {}
.container {}
.sector { width: 1200px; margin: 0 auto; }

@media screen and (max-width:1000px) {
	#wrap, .container { min-width: 0; }
	.sector { width: 88%; }
}


/******************************  헤더  ******************************/
#header { height: 90px; background: #fff; text-align: center; }
#header .sector { position: relative; }
#header .logo { position: absolute; display: inline-block; top: 21px; left: 0; width: 184px; height: 48px; background: url('../images/logo.png') no-repeat center center / contain; z-index: 1; }
#header .gnb { float: right; margin-top: 23px; line-height: 48px; }
#header .gnb > a { margin: 0 45px; font-size: 18px; font-weight: bold; transition: .15s; }
#header .gnb > a:last-child { margin-right: 0; }
#header .gnb > a:hover { color: var(--main-color); }

@media screen and (max-width:1000px) {
	#header { height: 17vw; }
	#header .logo { top: 5vw; left: calc(50% - 13.45vw); width: 26.9vw; height: 7vw; background: url('../images/m_logo.png') no-repeat center center / contain; }
}


/******************************  메인배너  ******************************/
#main_banner {
	height: 543px;
	background: var(--main-color) url('/images/banner_img.png') no-repeat center bottom / contain;
	text-align: center;
}

#main_banner .content_box {
	padding-top: 85.5px;
}

#main_banner .content_box > h1 {}

#main_banner .content_box > h1 > img {}

#main_banner .content_box > span {
	display: block;
	margin: 0 auto;
	margin-top: 24px;
	font-size: 35px;
	font-weight: 800;
	color: #fff;
}

#main_banner .content_box > span > img {
	margin-right: 11px;
}

#main_banner .content_box > button {
	margin-top: 17px;
	padding: 12px 24px;
	border-radius: 41px;
	background: #fff;
	font-size: 16px;
	font-weight: 600;
	color: var(--main-color);
}

@media screen and (max-width:1000px) {
	#main_banner {
		height: 82.8vw;
		background: var(--main-color) url('/images/m_banner_img.png') no-repeat center bottom / contain;
	}

	#main_banner .content_box {
		padding-top: 9.5vw;
	}

	#main_banner .content_box > h1 {}

	#main_banner .content_box > h1 > img {
		width: 50vw;
	}

	#main_banner .content_box > span {
		margin-top: 7.5vw;
		font-size: 7vw;
	}

	#main_banner .content_box > span > img {
		position: relative;
		top: -0.5vw;
		width: 7.7vw;
		margin-right: 2.2vw;
	}

	#main_banner .content_box > button {
		margin-top: 2.35vw;
		padding: 2.4vw 4.8vw;
		border-radius: 4.4vw;
		font-size: 3.2vw;
	}
}


/******************************  메인 서비스  ******************************/
#main_service {
	height: 321px;
}

#main_service .service_list {
	padding-top: 60px;
}

#main_service .service_list::after {
	display: block;
	clear: both;
	content: "";
}

#main_service .service_list > li {
	float: left;
	width: 20%;
	text-align: center;
}

#main_service .service_list > li .ico {
	display: inline-block;
	width: 75px;
	height: 75px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

#main_service .service_list > li:nth-child(1) .ico {
	background-image: url('/images/con01_ico01.png');
}

#main_service .service_list > li:nth-child(2) .ico {
	background-image: url('/images/con01_ico02.png');
}

#main_service .service_list > li:nth-child(3) .ico {
	background-image: url('/images/con01_ico03.png');
}

#main_service .service_list > li:nth-child(4) .ico {
	background-image: url('/images/con01_ico04.png');
}

#main_service .service_list > li:nth-child(5) .ico {
	background-image: url('/images/con01_ico05.png');
}

#main_service .service_list > li h2 {
	margin-top: 28px;
	font-size: 20px;
	font-weight: bold;
}

#main_service .service_list > li p {
	margin-top: 9px;
	font-size: 17px;
	color: #858585;
}


@media screen and (max-width:1000px) {
	#main_service {
		height: 255vw;
	}

	#main_service .service_list {
		padding-top: 13.6vw;
	}

	#main_service .service_list > li {
		width: 100%;
		margin-bottom: 8.5vw;
	}

	#main_service .service_list > li .ico {
		width: 16vw;
		height: 16vw;
	}

	#main_service .service_list > li:nth-child(1) .ico {
		background-image: url('/images/m_con01_ico01.png');
	}

	#main_service .service_list > li:nth-child(2) .ico {
		background-image: url('/images/m_con01_ico02.png');
	}

	#main_service .service_list > li:nth-child(3) .ico {
		background-image: url('/images/m_con01_ico03.png');
	}

	#main_service .service_list > li:nth-child(4) .ico {
		background-image: url('/images/m_con01_ico04.png');
	}

	#main_service .service_list > li:nth-child(5) .ico {
		background-image: url('/images/m_con01_ico05.png');
	}

	#main_service .service_list > li h2 {
		margin-top: 6vw;
		font-size: 4.2vw;
	}

	#main_service .service_list > li p {
		margin-top: 2vw;
		font-size: 3.5vw;
	}
}


/******************************  메인 서비스 2 ******************************/
#main_service2 {
	height: 787px;
	background: #F9F9F9;
}

#main_service2 h2 {
	padding-top: 80px;
	font-size: 40px;
	font-weight: 800;
	color: var(--main-color);
	text-align: center;
}

#main_service2 .service_list {
	margin-top: 48px;
}

#main_service2 .service_list::after {
	display: block;
	clear: both;
	content: "";
}

#main_service2 .service_list > li {
	float: left;
	width: 33.33%;
	text-align: center;
}

#main_service2 .service_list > li .img {
	display: inline-block;
	width: 374px;
	height: 464px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	filter: drop-shadow(0px 3px 10px #00000029);
}

#main_service2 .service_list > li:nth-child(1) .img {
	background-image: url('/images/con02_img01.png');
}

#main_service2 .service_list > li:nth-child(2) .img {
	background-image: url('/images/con02_img02.png');
}

#main_service2 .service_list > li:nth-child(3) .img {
	background-image: url('/images/con02_img03.png');
}

#main_service2 .service_list > li h3 {
	margin-top: 30px;
	font-size: 20px;
	font-weight: 600;
}


@media screen and (max-width:1000px) {
	#main_service2 {
		height: 428vw;
	}

	#main_service2 h2 {
		padding-top: 16.4vw;
		font-size: 8vw;
	}

	#main_service2 .service_list {
		margin-top: 6vw;
	}

	#main_service2 .service_list > li {
		width: 100%;
		margin-bottom: 8vw;
	}

	#main_service2 .service_list > li .img {
		width: 100%;
		height: 109.2vw;
		filter: drop-shadow(0px 3px 10px #00000029);
	}

	#main_service2 .service_list > li:nth-child(1) .img {
		background-image: url('/images/m_con02_img01.png');
	}

	#main_service2 .service_list > li:nth-child(2) .img {
		background-image: url('/images/m_con02_img02.png');
	}

	#main_service2 .service_list > li:nth-child(3) .img {
		background-image: url('/images/m_con02_img03.png');
	}

	#main_service2 .service_list > li h3 {
		margin-top: 7vw;
		font-size: 4.7vw;
	}
}


/******************************  메인 서비스3  ******************************/
#main_service3 {
	height: 419px;
	background: url('/images/con03_bg.png') no-repeat center center / cover;
}

#main_service3 .service_list {
	padding-top: 70px;
}

#main_service3 .service_list::after {
	display: block;
	clear: both;
	content: "";
}

#main_service3 .service_list > li {
	float: left;
	width: 20%;
	text-align: center;
}

#main_service3 .service_list > li .ico {
	display: inline-block;
	width: 170px;
	height: 220px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

#main_service3 .service_list > li:nth-child(1) .ico {
	background-image: url('/images/con03_img01.png');
}

#main_service3 .service_list > li:nth-child(2) .ico {
	background-image: url('/images/con03_img02.png');
}

#main_service3 .service_list > li:nth-child(3) .ico {
	background-image: url('/images/con03_img03.png');
}

#main_service3 .service_list > li:nth-child(4) .ico {
	background-image: url('/images/con03_img04.png');
}

#main_service3 .service_list > li:nth-child(5) .ico {
	background-image: url('/images/con03_img05.png');
}

#main_service3 .service_list > li p {
	margin-top: 25px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
}


@media screen and (max-width:1000px) {
	#main_service3 {
		height: 223vw;
		background: url('/images/m_con03_bg.png') no-repeat center center / cover;
	}

	#main_service3 .service_list {
		padding-top: 15vw;
	}

	#main_service3 .service_list > li {
		width: 50%;
		margin-bottom: 12vw;
	}

	#main_service3 .service_list > li:last-child {
		margin-left: 25%;
	}

	#main_service3 .service_list > li .ico {
		width: 31.8vw;
		height: 43.3vw;
	}

	#main_service3 .service_list > li:nth-child(1) .ico {
		background-image: url('/images/m_con03_img01.png');
	}

	#main_service3 .service_list > li:nth-child(2) .ico {
		background-image: url('/images/m_con03_img02.png');
	}

	#main_service3 .service_list > li:nth-child(3) .ico {
		background-image: url('/images/m_con03_img03.png');
	}

	#main_service3 .service_list > li:nth-child(4) .ico {
		background-image: url('/images/m_con03_img04.png');
	}

	#main_service3 .service_list > li:nth-child(5) .ico {
		background-image: url('/images/m_con03_img05.png');
	}

	#main_service3 .service_list > li p {
		margin-top: 5.55vw;
		font-size: 4vw;
	}
}


/******************************  메인 마케팅  ******************************/
#main_marketing {
	height: 1074px;
	background: #F9F9F9;
	text-align: center;
}

#main_marketing > h2 {
	padding-top: 80px;
	font-size: 40px;
	font-weight: 800;
	text-align: center;
	color: var(--main-color);
}

#main_marketing .margketing_list {
	margin-top: 48px;
}

#main_marketing .margketing_list::after {
	display: block;
	clear: both;
	content: "";
}

#main_marketing .margketing_list > li {
	float: left;
	width: calc(25% - 20.25px);
	height: 370px;
	margin-right: 27px;
	margin-bottom: 25px;
	text-align: center;
	border-radius: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	box-shadow: 0px 3px 10px #00000029;
}

#main_marketing .margketing_list > li:nth-child(4n + 4) {
	margin-right: 0;
}

#main_marketing .margketing_list > li:nth-child(1) {
	background-image: url('/images/con04_img01.png');
}

#main_marketing .margketing_list > li:nth-child(2) {
	background-image: url('/images/con04_img02.png');
}

#main_marketing .margketing_list > li:nth-child(3) {
	background-image: url('/images/con04_img03.png');
}

#main_marketing .margketing_list > li:nth-child(4) {
	background-image: url('/images/con04_img04.png');
}

#main_marketing .margketing_list > li:nth-child(5) {
	background-image: url('/images/con04_img05.png');
}

#main_marketing .margketing_list > li:nth-child(6) {
	background-image: url('/images/con04_img06.png');
}

#main_marketing .margketing_list > li:nth-child(7) {
	background-image: url('/images/con04_img07.png');
}

#main_marketing .margketing_list > li:nth-child(8) {
	background-image: url('/images/con04_img08.png');
}

#main_marketing .margketing_list > li > h3 {
	margin-top: 294px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}


@media screen and (max-width:1000px) {
	#main_marketing {
		height: 285.6vw;
	}

	#main_marketing > h2 {
		padding-top: 16.4vw;
		font-size: 8vw;
	}

	#main_marketing .margketing_list {
		margin-top: 7vw;
	}

	#main_marketing .margketing_list > li {
		float: left;
		width: calc(50% - 2vw);
		height: 55.5vw;
		margin-right: 4vw;
		margin-bottom: 4.8vw;
		border-radius: 2vw;
	}

	#main_marketing .margketing_list > li:nth-child(2n + 2) {
		margin-right: 0;
	}

	#main_marketing .margketing_list > li:nth-child(1) {
		background-image: url('/images/m_con04_img01.png');
	}

	#main_marketing .margketing_list > li:nth-child(2) {
		background-image: url('/images/m_con04_img02.png');
	}

	#main_marketing .margketing_list > li:nth-child(3) {
		background-image: url('/images/m_con04_img03.png');
	}

	#main_marketing .margketing_list > li:nth-child(4) {
		background-image: url('/images/m_con04_img04.png');
	}

	#main_marketing .margketing_list > li:nth-child(5) {
		background-image: url('/images/m_con04_img05.png');
	}

	#main_marketing .margketing_list > li:nth-child(6) {
		background-image: url('/images/m_con04_img06.png');
	}

	#main_marketing .margketing_list > li:nth-child(7) {
		background-image: url('/images/m_con04_img07.png');
	}

	#main_marketing .margketing_list > li:nth-child(8) {
		background-image: url('/images/m_con04_img08.png');
	}

	#main_marketing .margketing_list > li > h3 {
		margin-top: 44.5vw;
		font-size: 2.9vw;
	}
}


/******************************  메인 포트폴리오  ******************************/
#main_portfolio {
	padding-bottom: 124px;
	text-align: center;
}

#main_portfolio > h2 {
	padding-top: 80px;
	font-size: 40px;
	font-weight: 800;
	text-align: center;
	color: var(--main-color);
}

#main_portfolio .portfolio_list {
	margin-top: 48px;
}

#main_portfolio .portfolio_list::after {
	display: block;
	clear: both;
	content: "";
}

#main_portfolio .portfolio_list > li {
	float: left;
	width: calc(25% - 20.25px);
	height: 370px;
	margin-right: 27px;
	margin-bottom: 25px;
	text-align: center;
	border-radius: 20px;
	box-shadow: 0px 3px 10px #00000029;
}

#main_portfolio .portfolio_list > li:nth-child(4n + 4) {
	margin-right: 0;
}


@media screen and (max-width:1000px) {
	#main_portfolio {
		padding-bottom: 15vw;
	}

	#main_portfolio > h2 {
		padding-top: 16.4vw;
		font-size: 8vw;
	}

	#main_portfolio .portfolio_list {
		margin-top: 7vw;
	}

	#main_portfolio .portfolio_list > li {
		float: left;
		width: calc(50% - 2vw);
		height: 55.5vw;
		margin-right: 4vw;
		margin-bottom: 4.8vw;
		border-radius: 2vw;
	}

	#main_portfolio .portfolio_list > li:nth-child(2n + 2) {
		margin-right: 0;
	}
}


/******************************  메인 서브 배너  ******************************/
#main_subbanner {
	height: 284px;
	background: #0A70C4;
	text-align: center;
}

#main_subbanner .sub_logo {
	padding-top: 37.5px;
	width: 103px;
	height: 70px;
	margin: 0 auto;
	background: url('/images/con06_logo.png') no-repeat center bottom / contain;
}

#main_subbanner .sub_intro {
	margin-top: 28px;
	font-size: 20px;
	line-height: 1;
	color: #fff;
}

#main_subbanner .sub_button {
	margin-top: 18px;
	padding: 22px 130px 22px 23px;
	background: #fff;
	border-radius: 41px;
	font-size: 22px;
	font-weight: 600;
	color: #0A70C4;
	background: #fff url('/images/con06_arrow.png') no-repeat right 22px center / 41px;
}

@media screen and (max-width:1000px) {
	#main_subbanner {
		height: 59.5vw;
	}

	#main_subbanner .sub_logo {
		padding-top: 72.5px;
		width: 19.7vw;
		height: 13.4vw;
		background: url('/images/m_con06_logo.png') no-repeat center bottom / contain;
	}

	#main_subbanner .sub_intro {
		margin-top: 5.3vw;
		font-size: 3.8vw;
		line-height: 1.15;
	}

	#main_subbanner .sub_button {
		margin-top: 3.5vw;
		padding: 4.3vw 26.4vw 4.3vw 4.4vw;
		border-radius: 6.6vw;
		font-size: 4vw;
		background: #fff url('/images/con06_arrow.png') no-repeat right 4.3vw center / 7.9vw;
	}
}


/******************************  메인 리뷰  ******************************/
#main_review {
	padding-bottom: 150px;
}

#main_review > h2 {
	padding-top: 80px;
	font-size: 40px;
	font-weight: 800;
	text-align: center;
	color: var(--main-color);
}

#main_review .review_box {
	margin-top: 48px;
}

#main_review .review_box .review_list {}

#main_review .review_box .review_list .item {
	margin-right: 38px;
	height: 310px;
}

#main_review .review_box .review_list .item .item_box {
	width: 90%;
	height: 90%;
	margin-top: 5%;
	margin-left: 5%;
	border-radius: 20px;
	box-shadow: 0px 3px 10px #00000029;
}

#main_review .review_box .review_list .item .item_box .review_top {
	height: 98px;
	border-bottom: 1px solid #EEEFF1;
}

#main_review .review_box .review_list .item .item_box .review_top .star {
	width: 98px;
	height: 18px;
	margin-left: 15px;
	padding-top: 27px;
	background: url('/images/con07_star.png') no-repeat center bottom / contain;
}

#main_review .review_box .review_list .item .item_box .review_top h3 {
	margin-top: 14px;
	margin-left: 15px;
	font-size: 18px;
	font-weight: 600;
}

#main_review .review_box .review_list .item .item_box .review_bottom {
	padding: 18px 15px 0;
}

#main_review .review_box .review_list .item .item_box .review_bottom p {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 1.25;
}

#main_review .review_box .review_list .item .item_box .review_bottom span {
	float: right;
	font-size: 12px;
}

#main_review .review_box .review_dots {
	margin-top: 45px;
	text-align: center;
}

#main_review .review_box .review_dots .slick-dots {
	display: inline-block;
}

#main_review .review_box .review_dots .slick-dots::after {
	display: block;
	clear: both;
	content: "";
}

#main_review .review_box .review_dots .slick-dots li {
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #B3B3B3;
	font-size: 0;
}

#main_review .review_box .review_dots .slick-dots li.slick-active {
	background: var(--main-color);
}

#main_review .review_box .review_dots .slick-dots li:not(:last-child) {
	margin-right: 6px;
}


@media screen and (max-width:1000px) {
	#main_review {
		padding-bottom: 19vw;
	}

	#main_review > h2 {
		padding-top: 15vw;
		font-size: 8vw;
	}

	#main_review .review_box {
		margin-top: 9vw;
	}

	#main_review .review_box .review_list .item {
		margin-right: 3vw;
		height: 62vw;
	}

	#main_review .review_box .review_list .item .item_box {
		width: 90%;
		height: 90%;
		margin-top: 5%;
		margin-left: 5%;
		border-radius: 20px;
		box-shadow: 0px 3px 10px #00000029;
	}

	#main_review .review_box .review_list .item .item_box .review_top {
		height: 19vw;
	}

	#main_review .review_box .review_list .item .item_box .review_top .star {
		width: 18.8vw;
		height: 3.5vw;
		margin-left: 3vw;
		padding-top: 5vw;
		background: url('/images/con-1.png') no-repeat center bottom / contain;
	}

	#main_review .review_box .review_list .item .item_box .review_top h3 {
		margin-top: 2.3vw;
		margin-left: 3vw;
		font-size: 4vw;
	}

	#main_review .review_box .review_list .item .item_box .review_bottom {
		padding: 3.4vw 3vw 0;
	}

	#main_review .review_box .review_list .item .item_box .review_bottom p {
		margin-bottom: 7vw;
		font-size: 3vw;
	}

	#main_review .review_box .review_list .item .item_box .review_bottom span {
		font-size: 2.2vw;
	}

	#main_review .review_box .review_dots {
		margin-top: 8.5vw;
	}

	#main_review .review_box .review_dots .slick-dots li {
		width: 2vw;
		height: 2vw;
	}

	#main_review .review_box .review_dots .slick-dots li:not(:last-child) {
		margin-right: 1.2vw;
	}
}


/******************************  푸터  ******************************/
#footer {
	padding: 60px 0 55px;
	background: #000;
	color: #fff;
}

#footer::after {
	display: block;
	clear: both;
	content: "";
}

#footer .info_box {
	float: left;
}

#footer .info_box > span {
	font-size: 20px;
	font-weight: 600;
}

#footer .info_box .info {
	margin-top: 15px;
	font-size: 16px;
}

#footer .info_box .copyright {
	margin-top: 60px;
	font-size: 14px;
}

#footer .contact_box {
	float: right;
}

#footer .contact_box > span {
	font-size: 20px;
	font-weight: 600;
}

#footer .contact_box .tel {
	margin-top: 6px;
	font-size: 40px;
	font-weight: 600;
}

#footer .contact_box .contact {
	margin-top: 14px;
	font-size: 16px;
}


@media screen and (max-width:1000px) {
	#footer {
		padding: 11.5vw 0 15.5vw;
	}

	#footer .info_box {
		margin-top: 15vw;
	}

	#footer .info_box > span {
		font-size: 3.8vw;
	}

	#footer .info_box .info {
		margin-top: 3vw;
		font-size: 3vw;
	}

	#footer .info_box .copyright {
		margin-top: 12vw;
		font-size: 2.6vw;
	}

	#footer .contact_box {
		float: left;
	}

	#footer .contact_box > span {
		font-size: 3.8vw;
	}

	#footer .contact_box .tel {
		margin-top: 1.3vw;
		font-size: 7.7vw;
	}

	#footer .contact_box .contact {
		margin-top: 2.5vw;
		font-size: 3vw;
	}
}