@charset "UTF-8";


/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
*/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('/css/fonts/NotoSansKR-Thin.woff2') format('woff2'),
	url('/css/fonts/NotoSansKR-Thin.woff') format('woff'),
	url('/css/fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('/css/fonts/NotoSansKR-Light.woff2') format('woff2'),
	url('/css/fonts/NotoSansKR-Light.woff') format('woff'),
	url('/css/fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('/css/fonts/NotoSansKR-Regular.woff2') format('woff2'),
	url('/css/fonts/NotoSansKR-Regular.woff') format('woff'),
	url('/css/fonts/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('/css/fonts/NotoSansKR-Medium.woff2') format('woff2'),
	url('/css/fonts/NotoSansKR-Medium.woff') format('woff'),
	url('/css/fonts/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('/css/fonts/NotoSansKR-Bold.woff2') format('woff2'),
	url('/css/fonts/NotoSansKR-Bold.woff') format('woff'),
	url('/css/fonts/NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url('/css/fonts/NotoSansKR-Black.woff2') format('woff2'),
	url('/css/fonts/NotoSansKR-Black.woff') format('woff'),
	url('/css/fonts/NotoSansKR-Black.otf') format('opentype');
}


/* 공통 */
dl, ul, ol, menu, li {
    list-style: none;
    list-style-type: none;
}
ul {
	margin:0;
}
a {
	text-decoration:none;
}
.ul-list01 {
	padding-left:25px;
}
.ul-list01 > li {
    padding-left: 12px;
    color: #333;
    font-size: 1.1em;
    line-height: 1.6;
	text-align:left;
    margin-bottom: 4px;
    background-image: url(/img/bullet_type01.png);
    background-repeat: no-repeat;
    background-position: 0 14px;
    word-break: keep-all;
}
.ul-list01 > li a {
	text-decoration:underline;
}
.gray-box02 {
	background:#f6f6f6;
}
.gray-box02.blue {
	background:#0a315b url("/img/bgSymoffice.jpg") no-repeat 50% 15%;
	background-size: contain;
}
.blue-box01 { 
	padding:25px 35px;
	font-size:110%;
	line-height:1.7;
	text-align:justify;
	border-radius:10px;
	background:#f0f2ff;
}
.blue-box02 { 
	margin:0 0 30px;
	font-size:110%;
	line-height:1.7; letter-spacing:-0.05em;
	text-align:justify;
}
.blue-box02 > p:first-child { 
	margin-top: 0;
}
.mb50 {
	margin-bottom:50px;
}
.mobile {
	display:none;
}

	@media screen and (max-width: 1000px){
		.blue-box01 {
			padding:20px;
			line-height:1.6;
		}
	}
	@media screen and (max-width: 768px){
		.ul-list01 {
			padding-left:18px;
		}
		.ul-list01 > li {
			margin-bottom: 6px;
			padding-left: 12px;
			font-size: 15px;		
			background-position:0 10px;
		}
		.mb50 {
			margin-bottom:30px;
		}
		.mobile {
			display:block;
		}
		.pc {
			display:none;
		}
	}
	@media screen and (max-width: 500px){
		.ul-list01 {
			padding-left:18px;
		}
		.ul-list01 > li {
			line-height:1.3;
		}
		.blue-box01 {
			padding:15px;
			line-height:1.5; letter-spacing:-0.05em;
		}
	}





/* Layout */
body {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans KR", "Roboto", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial, sans-serif;
}
.container {
    position: relative;
	width:100%;
	overflow:hidden;
}
.top {	
	position:relative;
	margin-bottom:60px;
	padding:50px 0 240px;
	background-color: #000;
	background-image: url("/img/bgTop2024.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
.top + .contents {
	margin-top:-215px;
}
.contents-area {
    position: relative;
	box-sizing:border-box;
    width:92%; 
	max-width:1090px;
    margin:0 auto;
}
.contents > .contents-area {
	border-radius:20px;
	background:#fff;
}
.contents > .contents-area,
.gray-box02 > .contents-area {
	max-width:1090px;
	padding:40px 45px 80px;
}
.gray-box02 > .contents-area {
	padding-top:80px;
}

	@media screen and (max-width: 1400px){
		.top {
			background-size:100% auto; 
		}
	}
	@media screen and (max-width: 1024px){
		body {
			font-size:95%;
		}
		.top {
			padding-top:30px; padding-bottom:220px;
		}
		.top + .contents {
			margin-top:-220px;
		}
		.contents > .contents-area,
		.gray-box02 > .contents-area {
			padding-bottom:50px;
		}
		.gray-box02 > .contents-area {
			padding-top:50px;
		}
	}
	@media screen and (max-width: 900px){
		body {
			font-size:90%;
		}
		.top {
			margin-bottom:0px;
			padding-top:35px; padding-bottom:50px;
			background-position:50% 0; background-size:900px; 
		}
		.top + .contents {
			margin-top:0;
		}
		.contents > .contents-area,
		.gray-box02 > .contents-area {
			padding:50px 0;
		}
	}
	@media screen and (max-width: 900px){
		.contents > .contents-area,
		.gray-box02 > .contents-area {
			padding:40px 0 30px;
		}
		.gray-box02 > .contents-area {
			padding-bottom:50px;
		}
	}





/* TOP */
.top h1 {
	margin:50px auto 20px; 
	font-weight:400; font-size:2.7em; line-height:1.2; letter-spacing:-0.08em; color:#fff;
	text-shadow: 5px 2px 5px rgba(0,0,0,.3);
}
.top h1 strong {
	margin-left:-2px;
	padding-right:20px;
}
.top h1 strong, .top h1 span {
	font-weight:700; font-size:180%;
}
	@media screen and (max-width: 768px){
		.top h1 {
			margin:20px auto; 
			font-size:2.1em;
		}
		.top h1 strong {
			margin-left:-2px;
			font-size:155%; font-weight:900;
		}
		.top h1 span {
			font-size:160%; font-weight:700;
		}
	}
	@media screen and (max-width: 500px){
		.top h1 span {
			display:block;
		}
	}


.top h2 {
	margin:0 auto; 	
	font-weight:400; font-size:1.1em; line-height:1.4; color:#fff;	
}
.top h2 strong {
	font-weight:700;
	font-size:130%;
}
	@media screen and (max-width: 768px){
		.top h2 {
			font-size:1em;
		}
	}
	@media screen and (max-width: 500px){
		.top h2 {
			font-size:.95em;
		}
	}


.title {
	margin:0 auto; 
}
	@media screen and (max-width: 768px){
		.title img {
			display:block;
			width:230px;
		}
	}





/* 테이블 */
.contents-box02 {
	text-align:center;
}
table {
    width: 100%;
    table-layout: fixed;
	border-collapse: collapse; border-spacing: 0;    
}
caption {
    overflow: hidden;
    width: 0; height: 0;
    font-size: 0; line-height: 0;
}
.board_Tbl14 {
	border-top: 2px solid #166eb6 !important;
}

.board_Tbl14 thead {
	color: #212121;
	background-color: #f0f5fa;	
}
.board_Tbl14 thead th {
	padding: 14px 10px;
	font-size: 15px; line-height: 22px; letter-spacing: -0.4px; font-weight: 500; text-align: center;
	vertical-align: middle;
	border-right: 1px solid #d1dbe5; border-bottom: 1px solid #d1dbe5;
}
.board_Tbl14 thead th.ttr {
	border-right: 1px solid #d1dbe5;
}
.board_Tbl14 thead th:last-child {
	border-right: 0 !important;
}
.board_Tbl14 td {
	padding: 0;	
	color: #666; letter-spacing: -0.4px; font-weight: 500; font-size: 14px; line-height: 1.6;
	vertical-align: top;
	border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
	background-color: #f5f9fc;
	word-break: keep-all;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
}
.board_Tbl14 td.breaktime {
	vertical-align: middle;
	background-color: #fff !important
}
.board_Tbl14 tbody th,
.board_Tbl14 tbody td.th,
.board_Tbl14 tbody td.time {
	padding: 11px 5px;	
	color: #343a40; font-size: 15px; font-weight: 600; text-align: center; vertical-align: middle;
	border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
	background-color: #f7f7f7;
}
.board_Tbl14 td.ttl {
	border-left: 1px solid #e1e1e1;
}
.board_Tbl14 td.ttr {
	border-right: 1px solid #e1e1e1;
}
.board_Tbl14 td:last-child {
	border-right: 0 !important;
}
.board_Tbl14 td i {
	color: #00287a !important;
}
.p_name > .kindbox_blue {
    margin-bottom: 5px;
}
.kindbox_blue {
    display: inline-block;    
    min-height: 20px;    
    padding: 2px 14px;    
    line-height: 20px; font-size: 13px; letter-spacing: -0.5px; color: #fff; font-weight: 500; vertical-align: middle;
	border-radius: 15px;
	background-color: #0172ff;
}

.symflowbox_pink {
    display: inline-block;    
    min-height: 20px;    
    padding: 20px 18px;    
    line-height: 20px; font-size: 15x; letter-spacing: -0.5px; color: #fff; font-weight: 500; vertical-align: middle;
	border-radius: 35px;
	background-color: #D84062;
}

.div_on {
    display: block;
	box-sizing:border-box;
    width: 100%; height: 100%;
    margin: 0; padding: 15px;
}
.div_on + .div_on {
    border-top: 1px dotted #e1e1e1;
}
table p {
	margin:0;
}
table p.p_name {
	font-weight: 700; color: #000;
}
.p_lecinfo {
    padding-top: 6px;
	color: #212121 !important;
}
p:last-child {
    margin-bottom: 0 !important;
}
.p_career {
    color: #666666;
    font-weight: 500;
}
	@media screen and (max-width: 768px){
		.contents-box02 {
			width: 100%;
			overflow-x: auto;
		}
		.contents-box02 table {
			width:800px;
		}
		.board_Tbl14 thead th {
			padding:8px 5px;
		}
		.board_Tbl14 tbody th, 
		.board_Tbl14 tbody td.th, 
		.board_Tbl14 tbody td.time {
			padding:5px;
		}
		.div_on {
			padding: 10px;
		}
		.kindbox_blue {
			min-height: 14px;
			line-height: 14px;
		}
	}
	@media screen and (max-width: 500px){
		.board_Tbl14 tbody th, 
		.board_Tbl14 tbody td.th, 
		.board_Tbl14 tbody td.time {
			font-size: 14px;
		}
		.board_Tbl14 td {
			font-size: 13px;
		}
	}




/* 소개글 */
.intro {
	margin-bottom:60px;
	padding-bottom:25px;
	font-size:1.1em;
	border-bottom:1px solid #a7b6d3;
}
.intro p {
	margin:0
}
.intro strong {
	display:block;
	padding-bottom:10px;
	font-size:1.2em;
}
	@media screen and (max-width: 1024px){ 
		.intro {
			margin-bottom:40px;
			padding-bottom:30px;
		}
		.intro p br {
			display:none;
		}
	}

/* 진행단계 */
.process {
	display:flex;
	overflow:hidden;
	width: 100%;
	margin-bottom:70px;
	padding-left:0;
}
.process li {
	float:left;
	position:relative;
	box-sizing:border-box;
	/* width:23%; */
	margin:0 2.5% 0 0;
	padding:15px 10px;
	/* text-align:center; color:#d50a84; font-size:.95em; line-height:1.5; letter-spacing:-0.05em; */
	text-align:center; color:#d50a84;  line-height:1.5; letter-spacing:-0.05em;
	border-radius:8px;
	border:2px solid #7969fa;	
}
.process li:last-child {
	margin-right:0;
}
.process li:before {
	content:"";
	position:absolute;
	display:block;
	right: -23px; top:40%;
	width:16px; height:28px;
	background:url("/img/iconProcess.png") no-repeat 100% 50%;
	background-size:contain;
}
.process li:last-child:before {
	display:none;
}
.process li strong {
	display:block;
	margin-bottom:10px;
	font-weight:500; font-size:1.06em;
	color:#010d20
}
.process li span {
	display:block;
}
	@media screen and (max-width: 1100px){
		.process li {
			padding:15px 3px;
		}
		.process li:before {
			right:-20px; 
			width:13px;
		}
	}
	@media screen and (max-width: 1030px){
		.process {
			margin-bottom:50px;
		}
		.process li:before {
			right: -16px; top:45%;
			width:10px;
		}
	}
	@media screen and (max-width: 685px){
		.process li:before {
			right:-13px; top:45%;
			width:10px;
		}
	}
	@media screen and (max-width: 600px){
		.process {
			flex-direction: column;
		}
		.process li {
			width:100%;	
			margin-bottom:20px;
			font-size:101%;
		}
		.process li:last-child {
			margin-bottom:0;
		}
		.process li:before {
			right: 47%; top:98%;
			width: 16px;
			height: 28px;
			transform: rotate( 90deg );
		}
	}



/* 심플로우 세션 접속 */
.symflowcon {
	display:flex;
	overflow:hidden;
	width: 100%;
	margin-bottom:70px;
	padding-left:0;
}
.symflowcon li {
	float:left;
	position:relative;
	box-sizing:border-box;
	width:23%;
	margin:0 2.5% 0 0;
	/*padding:15px 10px;*/
	/* text-align:center; color:#d50a84; font-size:.95em; line-height:1.5; letter-spacing:-0.05em; */
	text-align:center; color:#d50a84;  line-height:1.5; letter-spacing:-0.05em;
	border-radius:8px;
	/*border:2px solid #7969fa;*/
}
.symflowcon li:last-child {
	margin-right:0;
}
.symflowcon li:before {
	content:"";
	position:absolute;
	display:block;
	right: -23px; top:40%;
	width:16px; height:28px;
	/*background:url("/img/iconProcess.png") no-repeat 100% 50%;*/
	background-size:contain;
}
.symflowcon li:last-child:before {
	display:none;
}
.symflowcon li strong {
	display:block;
	/*margin-bottom:10px;*/
	font-weight:500; font-size:1.06em;
	color:#010d20
}
.symflowcon li span {
	display:block;
}
	@media screen and (max-width: 1100px){
		.symflowcon li {
			padding:15px 3px;
		}
		.symflowcon li:before {
			right:-20px; 
			width:13px;
		}
	}
	@media screen and (max-width: 1030px){
		.symflowcon {
			margin-bottom:50px;
		}
		.symflowcon li:before {
			right: -16px; top:45%;
			width:10px;
		}
	}
	@media screen and (max-width: 685px){
		.symflowcon li:before {
			right:-13px; top:45%;
			width:10px;
		}
	}
	@media screen and (max-width: 600px){
		.symflowcon {
			flex-direction: column;
		}
		.symflowcon li {
			width:100%;	
			margin-bottom:20px;
			font-size:101%;
		}
		.symflowcon li:last-child {
			margin-bottom:0;
		}
		.symflowcon li:before {
			right: 47%; top:98%;
			width: 16px;
			height: 28px;
			transform: rotate( 90deg );
		}
	}




/* 타이틀 */
.contents-title {
    display: block;
	box-sizing: border-box;
	margin-bottom: 20px;
    color: #292828;
    font-size: 1.65em;
	letter-spacing: -0.05em;
    line-height: 36px;
    font-weight: 700;
	border-radius:5px;
}
.contents-title span {
	color: #7969fa; font-size:90%;
}
.contents-title01 {	
	margin:0 auto 60px;
	text-align:center;
}
.contents-title01 strong {
	display:inline-block;
	margin-bottom:20px; 
	padding:2px 30px 3px;
	font-size: .9em; color:#000;
	border-radius:80px;
	background:#fff;
}
.contents-title01 span {
	position:relative;
	display:inline-block;
	padding:0 10px;
	font-size: 1.2em; color:#fff;
	z-index:1;
}
.contents-title01 span:after {
	content:"";
	position:absolute;
	display:block;
	left:0; bottom:-5px;
	width:100%; height:16px;
	background:#000;
	z-index:-1;
}

.title-type01 {
    padding:30px 0 0 36px;
    margin-bottom: 11px;
    font-size: 1.45em;
    line-height: 36px;
    color: #212121;
    font-weight: 500;
    letter-spacing: -0.4px;
	border-top:1px dashed #aaa;
    background-image: url(/img/bullet_symbol.png);
    background-repeat: no-repeat;
    background-position: left 36px;
    word-break: keep-all;
}
.contents-area .title-type01.first {
	margin-top:0; padding-top:0;
	border-top:0;
	background-position: left 8px;
}
	@media screen and (max-width: 1024px){
		.contents-title01 {	
			margin-bottom:35px;
		}
	}
	@media screen and (max-width: 900px){
		.contents-title01 {
			margin-top:20px;
			margin-bottom:40px
		}
		.contents-title01 span {
			font-size:1.05em;
		}
		.contents-title01 span:after {
			display:none;
		}
	}
	@media screen and (max-width: 768px){
		.contents-title {
			margin:0 auto 25px;
		}
		.title-type01 {
			margin-bottom:10px;
			padding:30px 0 0 30px;
			font-size: 20px;
			background-size:20px;
		}
		.contents-title01 span {
			font-size:1em; line-height: 1.4;
		}
		.contents-title01 strong {
			margin-bottom:15px;
			line-height: 1.4;
		}
	}
	@media screen and (max-width: 500px){
		.contents-title {
			margin-bottom:10px;
			font-size:1.4em; 
		}
		.title-type01 {
			font-size:1.2em; 
		}
	}





/* 화면모드 */
.contents-box {
	text-align:center;
	zoom:1
}
.contents-box:after {
	content:"";
	clear:both;
	display:block;
}
.contents-box01 {
	margin-left:40px;
}

.division {
	margin-bottom:10px;
	zoom:1
}
.division:after {
	content:"";
	clear:both;
	display:block;
}
.division img {
	float:left;
	padding:0 60px 0 0;
}
.division p {
	float:left;
	width:calc(100% - 500px);
	padding-top:50px;
	font-size:110%;
}
.division p strong {
	display:block;
	margin-bottom:10px;
	line-height:1.4; font-size:115%; letter-spacing:-0.05em;
}

/* 주요기능 */
.dl-list01 {
	float:left;
	width:50%;
	text-align:center;
}
.dl-list01 img {
	box-sizing:border-box;
}
.dl-list01 dt span {
	display:inline-block;
	min-width:100px;
	margin-top:20px;
	padding:3px 20px 5px;
	color:#fff;
	border-radius:20px;
	background:#555;
}
.dl-list01 dt span:first-child {
	margin-bottom:15px;
	background:#4a0281;
}
.dl-list01 dd {
	margin:10px 7% 0;
}

@media screen and (max-width: 1090px){
	/*  사용방법 안내 */	
	.blue-box01 br {
		display:none
	}
	/* 화면모드 */	
	.division p br {
		display:none
	}
}
@media screen and (max-width: 1023px){
	/* 화면모드 */
	.dl-list01 dd br {
		display:none
	}
}
@media screen and (max-width: 1000px){
	/* 화면모드 */
	.division img {
		float:none;
		width:auto;
		margin-left:auto;
		margin-right:auto;
		padding:0;
	}
	.division p {
		width:100%;
		padding-top:0px;
	}
	/* 주요기능 */
	.dl-list01 img {
		width:85%;
	}
}
@media screen and (max-width: 768px){
	.contents-box01,
	.contents-box {
		margin-left:0 !important;
	}

	/* 화면모드 */
	.division img {
		width:100%; max-width:433px;
		padding:0;
	}
	.dl-list01 dd br {
		display:none
	}
	.dl-list01.dl-list02 {
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 500px){
	.gray-box02 .contents-area img {
		max-width:100%; width:100% !important;
	}

	.contents-box01 {
		margin-left:0;
	}

	/* 화면모드 */
	.division p {
		width:100%;
		margin-top:5px;
		padding-top:0;
	}
	.division p strong {
		font-size:1.1em;
	}
	.dl-list01 {
		width:100% !important;
		margin:25px 0 5px !important;
	}
	.dl-list01 dt span {
		margin-top:0px;
		margin-bottom:10px !important;
	}
	.dl-list01 dd {
		margin:0;
		line-height:1.4; letter-spacing:-0.05em;
	}
	.dl-list01.dl-list02 {
		width:48% !important;
		margin-bottom: 20px !important;
		vertical-align:top;
	}
	.dl-list01.dl-list02:nth-child(2) {
		float:right;
	}
	.dl-list01.dl-list02:nth-child(3) {
		margin-left:25% !important;
	}
	.dl-list01.dl-list02 dt img {
		width:160px !important;
	}
}




.point-color01 {
    color: #d50a84 !important;
}
.btns-area {
    display: block;
	margin:50px 0 0;
    text-align:center;
}
.btn-color02 {
    background: rgba(22,110,182, 1) !important;
    color: #fff !important;
    transition: all 0.2s ease-in-out;
}
.btn-color03 {
    color: #000 !important;
	border:2px solid #000;
    transition: all 0.3s ease-in-out;
}
.btn-color03:after {
    content: '';
	vertical-align: middle;
    display: inline-block;
	width: 30px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("/img/btnDown.svg");
}
.btn-color03:hover {
    color: #fff !important;
	background-color: #6a27a6;
    border-color: #6a27a6;
}
.btn-color03:hover:after {
    background-image: url("/img/btnDownOver.svg");
}

.btn-color04 {
    color: #fff !important;
	border:2px solid #fff;
}
.btn-color04:after {
    background-image: url("/img/btnDownOver.svg");
}
.btn-color04:hover {
    color: #000 !important;
	border-color:#fff;
	background:#fff;
}
.btn-color04:hover:after {
    background-image: url("/img/btnDown.svg");
}
.btn-m {
    display: inline-block;
    vertical-align: middle;
    padding: 0 35px;
    min-width: 220px;
    height: 64px;
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    line-height: 64px;
	border-radius:80px;
}

.imgSymoffice_img {
	width: 100%;
	margin: 0 auto 40px;
	text-align: center;
}
.imgSymoffice_img img {
	max-width: 990px; width: 100%; 
	margin: 0 auto;
}
.imgSymoffice {
	box-sizing:border-box;
	width:100%; 
	padding:50px 40px;
	text-align:center;
	border-radius:20px;
	background:#fff;
}
.info {
	margin:30px auto;
	padding:12px 0 15px;
	font-weight:500; font-size:1.4em; text-align:center; color:#00327e;
	border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa;
	background:#fff;
}
.info .blue {
	color:#3d29df;
}

@media screen and (max-width: 1100px){
	.imgSymoffice {
		padding:40px;
	}
	.imgSymoffice > img {
		width:90%;
	}
}
@media screen and (max-width: 900px){
	.btn-m {
		min-width:200px;
		height:54px;
		line-height:54px;
	}
	.info {
		box-sizing:border-box;
		padding:10px 15px;
		width:100%;
	}
}
@media screen and (max-width: 500px){
	.btn-m {
		min-width:150px; max-width: 250px;
		height:46px;
		line-height:46px;
	}
	.imgSymoffice_img {
		margin-bottom: 20px;
	}
	.imgSymoffice {
		padding: 20px;
		border-radius: 15px;
	}
	.imgSymoffice .blue-box02 {
		margin-bottom:20px;
		padding-top:0;
		line-height:1.5;
		border:0;
	}
	.info {
		margin:10px 0 0;
		font-size:1.05em;
	}
	.btns-area {
		margin-top:30px
	}
}



/* footer */
.footer {
    padding: 40px 0 46px 0;
	text-align:center;
	border-top: 1px solid #555;
	background: #FFFFFF;
}
.footer-wrapper {
    position: relative;
	width:100%;
	max-width: 990px;
    margin: 0 auto;
	color: #555; font-size: 1em; line-height: 24px; letter-spacing: -.05em;
}
.footer-wrapper > a {
	display: inline-block;
	margin-top: 7px; padding: 5px 30px; 
	color: #fff; font-weight: 700;
	border-radius: 20px;
	background: #555;
}

.footer-wrapper .link a {
	padding:0 20px;
}

@media screen and (max-width: 1100px){
	.footer-wrapper {
		box-sizing:border-box;
		padding:0 4%;
		text-align:center;
	}
	.footer-wrapper .link {
		float:none;
		display:inline-block;
		padding:0 10px;
	}
	.footer-wrapper .link img {
		width:130px;
	}
}
@media screen and (max-width: 500px){
	.footer {
		padding: 30px 0;
	}
	.footer-wrapper .link {
		padding:0;
	}
	.footer-wrapper .link a {
		padding:0 5px;
	}
}


 .touch {
 	padding:2px 0 3px;
	text-align:center;
	color:#fff;
	border-radius:5px;
	background:#166eb6;
 }
  .touch i {
 	font-size:1.6em;
 }