@charset "utf-8";
/*@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');*/
@import url(./contents.css);
@import url(./board.css);


/* ==============================================
   defaults
   ============================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
ol, ul { list-style:none;}
blockquote, q {	quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse:collapse; border-spacing:0;}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
input, select { margin:0; padding:0; vertical-align:middle;}
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; text-indent:-9999px;}
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.clearfix {  *zoom: 1;}
.hidden { display:none;}

/* box sizing */

html,
label,
input,
button,
select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}



/* ==============================================
   layout
   ============================================== */

html { overflow:auto; overflow-y:scroll;}
input,
select,
button,
textarea,
body { color:#252d3a; font-size:16px; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;letter-spacing: -0.036em;}
html,
body { height: 100%; }

body.fix {overflow: hidden;}

#wrap {}


/* header */

#header {position: relative;height: 110px;background-color: #fff;
     transition: all 0.2s ease;
}
#header h1 {position: absolute;left: 50%;top: 0;width: 145px;margin-left: -600px;}
#header h1 a {display: block;height: 110px;text-indent: -9999px; background: url('../images/common/logo.svg') left center no-repeat; background-size: contain;}
#header h1 a:hover {}

#header .gnb {position: absolute;left: 50%;top: 0;margin-left: -346px;}
#header .gnb > ul {display: flex;}
#header .gnb > ul > li {position: relative;}
#header .gnb > ul > li > a {display: block;height: 110px;line-height: 30px;color: #252d3a;font-size: 18px;font-weight: 700;text-decoration: none;padding: 40px 27px;}
#header .gnb > ul > li:hover > a {color: #35c0d9;}
#header .gnb > ul > li.active > a {color: #35c0d9;}
#header .gnb > ul > li > a span {}

ul.lnb {position: absolute;left: 50%;top: 110px;width: 160px;background-color: #fff;margin-left: -80px;visibility: hidden;opacity: 0;z-index: 99;
     border-radius: 5px;
     box-shadow: 0 9px 30px 0 rgba(0, 0, 0, 0.16);
     transition: all 0.2s ease;
}
ul.lnb li {border-bottom: 1px solid #ebebeb;}
ul.lnb li:last-child {border-bottom: 0;}
ul.lnb li a {display: block;line-height: 23px;font-size: 16px;color: #252d3a;text-decoration: none;text-align: center;padding: 16px 0;}
ul.lnb li a:hover {color: #35c0d9;}
ul.lnb li.active a {color: #35c0d9;font-weight: 700;}
ul.lnb li a span {margin-left: -40px;}

#header .gnb > ul > li:hover ul.lnb {top: 85px;visibility: visible;opacity: 1;}

#header .topMember {position: absolute;right: 50%;top: 0;margin-right: -600px;}
#header .topMember > ul {display: flex;}
#header .topMember > ul > li {position: relative;margin-left: 27px;}
#header .topMember > ul > li:first-child {margin-left: 0;}
#header .topMember > ul > li > a {display: block;line-height: 110px;font-size: 16px;color: #9ea3ad;text-decoration: none;}
#header .topMember > ul > li:hover > a {color: #252d3a;}
#header .topMember > ul > li > ul.lnb {width: 124px;margin-left: -62px;}
#header .topMember > ul > li:hover ul.lnb {top: 85px;visibility: visible;opacity: 1;}

#header a.menu {display: none;}


/* footer */

#footer {background-color: #1b1c1d;padding: 38px -0;}
#footer .footerIn {position: relative;width: 1200px;margin: 0 auto; /*background: url('../images/common/tnf.png') no-repeat;background-size:88px 51px;background-position: bottom right;*/}
#footer h1 {width: 122px;height: 20px;text-indent: -9999px;background: url('../images/common/footer_logo.svg') left center no-repeat;background-size:contain;}



#footer .menu {position: absolute;left: 140px;top: 0;}
#footer .menu ul {display: flex;}
#footer .menu ul li {margin-right: 24px;}
#footer .menu ul li:last-child {margin-right: 0;}
#footer .menu ul li a {line-height: 20px;color: #9499a0;font-size: 14px;font-weight: 700;text-decoration: none;}
#footer .menu ul li a:hover {color: #fff;}

#footer .info {margin-top: 18px;}
#footer .info ul {display: flex;flex-wrap: wrap;}
#footer .info ul li {position: relative;line-height: 18px;color: #6b7078;font-size: 12px;padding-left: 10px;margin-left: 9px;}
#footer .info ul li:after {content: " ";position: absolute;left: 0;top: 50%;width: 1px;height: 10px;background-color: #353535;margin-top: -5px;}
#footer .info ul li:first-child {padding-left: 0;margin-left: 0;}
#footer .info ul li:first-child:after {display: none;}

#footer p.copyright {line-height: 18px;color: #6b7078;font-size: 12px;font-weight: 600;margin-top: 3px;}



/* mediaquery for tablet */

@media only screen and (max-width: 1240px) {

	/* header */

	#header h1 {left: 60px;top: 0;margin-left: 0;}

	#header .gnb {left: 260px;margin-left: 0;}
	#header .gnb > ul {display: flex;}
	#header .gnb > ul > li {position: relative;}
	#header .gnb > ul > li > a {padding: 40px 11px;}

	#header .topMember {right: 60px;margin-right: 0;}
	#header .topMember > ul > li {margin-left: 15px;}

	/* footer */

	#footer {padding: 38px 60px;}
	#footer .footerIn {width: auto;}

}


/* mediaquery for tablet mini */

@media only screen and (max-width: 940px) {
	
	/* header */

	#header { position: absolute; left: 0; top: 0; width: 100%; height: 54px; overflow: hidden; z-index: 999; }
	#header h1 {position: relative;left: 0;width: 112px;margin-left: 60px;}
	#header h1 a {height: 54px;background-size: 111px auto;}

	#wrap { padding-top: 54px; }
	#header.active { position: fixed; height: 100vh; overflow: hidden; overflow-y: auto; }

	#header a.menu {display: block; position: absolute; right: 45px; top: 0; width: 55px; height: 54px; text-indent: -9999px }
	#header a.menu:before {content: " "; position: absolute; left: 50%; top: 23px; width: 25px; height: 1px; background-color: #000; transform: translateX(-50%); 
		transition: all 0.2s ease;
	}
	#header a.menu:after {content: " "; position: absolute; left: 50%; bottom: 23px; width: 25px; height: 1px; background-color: #000; transform: translateX(-50%);
		transition: all 0.2s ease;
	}
	#header.active a.menu:before {
		transform: translateX(-13px) translateY(3px) rotate(-45deg);
	}
	#header.active a.menu:after {
		transform: translateX(-13px) translateY(-4px) rotate(45deg);
	}

	#header .gnb {position: relative;left: auto;top: auto;margin-left: 0;}
	#header .gnb > ul {flex-direction: column;}
	#header .gnb > ul > li {position: relative;}
	#header .gnb > ul > li > a {height: 56px;line-height: 55px;color: #252d3a;font-size: 16px;font-weight: 700;border-bottom: 1px solid #dee6ef;padding: 0 25px;}
	#header .gnb > ul > li:hover > a {color: #252d3a;}
	#header .gnb > ul > li.active > a {color: #35c0d9;}

	ul.lnb {position: relative;left: auto;top: auto;width: auto;margin-left: 0;visibility: visible;opacity: 1;
		border-radius: 0;
		box-shadow: none;
	}
	ul.lnb li { border-bottom: 0; }
	ul.lnb li a { position: relative; height: 56px; line-height: 55px;font-size: 16px;color: #252d3a;text-align: left;border-bottom: 1px solid #dee6ef;padding: 0 25px 0 38px;}
	ul.lnb li a:after { content: ""; position: absolute; left: 25px; top: 50%; width: 7px; height: 1px; background-color: #707070; }

	#header .gnb > ul > li:hover ul.lnb {top: auto;}

	#header .topMember {position: relative;right: auto;top: auto;margin-right: 0;}
	#header .topMember > ul {flex-direction: column;}
	#header .topMember > ul > li {margin-left: 0;}
	#header .topMember > ul > li > a { height: 56px; line-height: 55px;font-size: 16px;color: #252d3a; border-bottom: 1px solid #dee6ef; background-color: #eff6fa; padding: 0 25px; }
	#header .topMember > ul > li > ul.lnb {width: 100%;  margin-left: 0;}
	#header .topMember > ul > li > ul.lnb li a { background-color: #eff6fa; }
	#header .topMember > ul > li:hover ul.lnb {top: auto;}

	/* footer */

	#footer {padding: 38px 60px;}
	#footer .footerIn {width: auto;}

	#footer .info ul li:last-child {width: 100%;padding-left: 0;margin-left: 0;}
	#footer .info ul li:last-child:after {display: none;}

}


/* mediaquery for mobile */

@media only screen and (max-width: 680px) {
	
	/* header */

	#header h1 {margin-left: 15px;}

	#header a.menu {right: 0;}

	/* footer */

	#footer {padding: 38px 15px;}

	#footer .menu {position: relative;left: auto;top: auto; margin-top: 19px; }

	#footer .info ul li:nth-last-child(2) {width: 100%;padding-left: 0;margin-left: 0;}
	#footer .info ul li:nth-last-child(2):after {display: none;}

	#footer p.copyright {margin-top: 8px;}

}




/* ==============================================
   main
   ============================================== */

/* layout */

#mainBody {}

/* summary */

#mainBody > .summary {position: relative;width: 1200px;padding: 39px 0 58px;margin: 0 auto;}
#mainBody > .summary p.slogan {}
#mainBody > .summary p.slogan span {display: block;}
#mainBody > .summary p.slogan span.sub {line-height: 30px;font-size: 24px;color: #35c0d9;font-weight: 700;margin-bottom: 6px;}
#mainBody > .summary p.slogan span.main {line-height: 50px;font-size: 42px;font-weight: 700;}
#mainBody > .summary p.exp {line-height: 25px;font-size: 18px;margin-top: 17px;}
#mainBody > .summary a.btnRound {position: absolute;right: 0;bottom: 58px;}

/* visual */

#mainBody > .visual {position: relative;padding-bottom: 48px;}
#mainBody > .visual .swiper-wrapper {height: 500px;}
#mainBody > .visual .swiper-wrapper .swiper-slide {background-size: cover;background-repeat: no-repeat;}
#mainBody > .visual .swiper-wrapper .swiper-slide.v01 {background-image: url('../images/main/visual_img02.jpg');}
#mainBody > .visual .swiper-wrapper .swiper-slide.v02 {background-image: url('../images/main/visual_img02.jpg');}
#mainBody > .visual .swiper-wrapper .swiper-slide.v03 {background-image: url('../images/main/visual_img02.jpg');}
#mainBody > .visual .swiper-wrapper .swiper-slide.v04 {background-image: url('../images/main/visual_img02.jpg');}
#mainBody > .visual .swiper-pagination {bottom: 0;vertical-align: middle;}
#mainBody > .visual .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;vertical-align: middle;background: #d7dae0;margin: 0 4px;opacity: 1;}
#mainBody > .visual .swiper-pagination .swiper-pagination-bullet:hover {color: #c2c6ce;}
#mainBody > .visual .swiper-pagination .swiper-pagination-bullet-active {width: 18px;height: 18px;background: #35c0d9;}

/* jindan */

#mainBody > .jindan {display: flex;width: 1200px;margin: 80px auto 0;}
#mainBody > .jindan > div {width: 390px;height: 470px;padding: 40px;background-position: right 20px bottom 20px;background-repeat: no-repeat;margin-left: 15px;
     border-radius: 16px;
}
#mainBody > .jindan > div:first-child {margin-left: 0;}
#mainBody > .jindan > div p.title {line-height: 32px;font-size: 24px;font-weight: 700;}
#mainBody > .jindan > div p.exp {line-height: 22px;font-size: 16px;color: #5e6064;margin-top: 18px;}
#mainBody > .jindan > div ul.link {display: flex;margin-top: 21px; padding:0;}
#mainBody > .jindan > div ul.link li {margin-right: 16px;}
#mainBody > .jindan > div ul.link li:last-child {margin-right: 0;}
#mainBody > .jindan > div ul.link li a {display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;line-height: 34px;font-size: 16px;color: #252d3a;font-weight: 700;text-decoration: none;border-bottom: 1px solid #252d3a;}
#mainBody > .jindan > div ul.link li a:hover {color: #35c0d9;border-bottom-color: #35c0d9;}
#mainBody > .jindan > div.ability {background-color: #eff6fa;background-image: url('../images/main/ability_icon.png'); background-position: right bottom;}
#mainBody > .jindan > div.human {background-color: #e8f6fa;background-image: url('../images/main/human_icon.png');}
#mainBody > .jindan > div.culture {background-color: #ecf3fc;background-image: url('../images/main/culture_icon.png');}

/* service */

#mainBody > .service {display: flex;width: 1200px;margin: 52px auto 0;}
#mainBody > .service > div {width: 390px;margin-left: 15px;}
#mainBody > .service > div:first-child {margin-left: 0;}
#mainBody > .service > div a {display: block;text-decoration: none;}
#mainBody > .service > div p.icon {height: 68px;}
#mainBody > .service > div p.title {line-height: 32px;font-size: 24px;color: #252d3a;font-weight: 700;margin-top: 8px;
     transition: all 0.2s ease;
}
#mainBody > .service > div a:hover p.title {color: #35c0d9;}
#mainBody > .service > div p.title span {display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;font-size: 16px;color: #35c0d9;margin-left: 6px;}
#mainBody > .service > div p.exp {line-height: 22px;font-size: 16px;color: #5e6064;margin-top: 10px;}
#mainBody > .service > div.consult {}
#mainBody > .service > div.advice {}
#mainBody > .service > div.build {}

/* jindanContent */

#mainBody > .jindanContent {border-top: 1px solid #e5e9eb;}
#mainBody > .jindanContent .content {width: 1200px;background-position: center right;background-repeat: no-repeat;padding: 100px 0 116px;margin: 0 auto;}
#mainBody > .jindanContent .content p.slogan {line-height: 48px;font-size: 36px;color: #252d3a;font-weight: 700;}
#mainBody > .jindanContent .content p.slogan strong {font-weight: 700;color: #35c0d9;}
#mainBody > .jindanContent .content p.exp {line-height: 24px;font-size: 18px;color: #5e6064;margin-top: 28px;}
#mainBody > .jindanContent .content p.exp strong {}
#mainBody > .jindanContent .content p.emp {line-height: 28px;font-size: 20px;color: #000;margin-top: 16px;}
#mainBody > .jindanContent .content p.emp strong {position: relative;display:inline-block; display: -moz-inline-stack; zoom:1; *display:inline;font-weight: 700;}
#mainBody > .jindanContent .content p.emp strong:after {content: " ";position: absolute;bottom: 2px;left: 0;width: 100%;height: 8px;background-color: #35c0d9;opacity: 0.3;z-index: 0;}
#mainBody > .jindanContent .content a.btnRound {margin-top: 38px;}

#mainBody > .jindanContent.analysis {margin-top: 65px;}
#mainBody > .jindanContent.analysis .content {background-image: url('../images/main/jindan_analysis_icon.png');}
#mainBody > .jindanContent.organization .content {background-image: url('../images/main/jindan_organization_icon.png');}

/* introduce */

#mainBody > .introduce {background-color: #f0f8fa;padding-bottom: 80px;}

#mainBody > .introduce .about {position: relative;width: 1200px;height: 457px;padding: 112px 0 0 445px;margin: 0 auto;}
#mainBody > .introduce .about p.why {position: absolute;left: -55px;top: 0;width: 500px;height: 457px;text-indent: -9999px;background: url('../images/main/introduce_img_why.png') left top no-repeat;}
#mainBody > .introduce .about .content {}
#mainBody > .introduce .about .content p.slogan {line-height: 40px;font-size: 30px;}
#mainBody > .introduce .about .content p.slogan strong {color: #35c0d9;font-weight: 700;}
#mainBody > .introduce .about .content p.exp {line-height: 26px;font-size: 20px;color: #5e6064;margin-top: 22px;}
#mainBody > .introduce .about .content a.btnRound {margin-top: 40px;}

#mainBody > .introduce .consult {position: relative;width: 1200px;margin: 0 auto;}
#mainBody > .introduce .consult:after {content: " ";position: absolute;right: 0;top: -50px;width: 212px;height: 230px;background: url('../images/main/introduce_icon_consult.png') center top no-repeat;}
#mainBody > .introduce .consult a {display: block;text-decoration: none;background-color: #fff;padding: 58px 60px;}
#mainBody > .introduce .consult p.title {line-height: 32px;font-size: 24px;color: #252d3a;font-weight: 700;
     transition: all 0.2s ease;
}
#mainBody > .introduce .consult a:hover p.title {color: #35c0d9;}
#mainBody > .introduce .consult p.exp {line-height: 22px;font-size: 16px;color: #5e6064;margin-top: 10px;}



/* mediaquery for tablet */

@media only screen and (max-width: 1240px) {

	/* summary */

	#mainBody > .summary {width: auto;padding: 39px 60px 48px;}
	#mainBody > .summary a.btnRound {right: 60px;bottom: 48px;}

	/* visual */

	#mainBody > .visual {position: relative;padding-bottom: 48px;}
	#mainBody > .visual .swiper-wrapper {height: 266px;}

	/* jindan */

	#mainBody > .jindan {flex-direction: column; width: auto;margin: 70px 60px 0;}
	#mainBody > .jindan > div {width: auto;height: auto; padding: 40px 40px 42px; margin-left: 0;margin-bottom: 10px;}
	#mainBody > .jindan > div:last-child {margin-bottom: 0;}
	#mainBody > .jindan > div p.exp { width: auto; max-width: 560px; word-break: keep-all; }
	#mainBody > .jindan > div p.exp br {display: none;}

	/* service */

	#mainBody > .service {width: auto;margin: 40px 60px 0;}
	#mainBody > .service > div {flex: 1 1 0;width: auto;margin-left: 25px;}
	#mainBody > .service > div a {display: block;text-decoration: none;}
	#mainBody > .service > div.build {flex: 1.1 1.1 0;}
	#mainBody > .service > div.build p.exp br {display: none;}

	/* jindanContent */

	#mainBody > .jindanContent .content {width: auto; background-position: center right 30px; background-size: 353px auto; padding: 78px 60px 78px;}

	#mainBody > .jindanContent.analysis {margin-top: 50px;}

	/* introduce */

	#mainBody > .introduce {padding: 0 60px 50px;}

	#mainBody > .introduce .about {width: auto;height: 490px;padding: 70px 0 0 49%;}
	#mainBody > .introduce .about p.why {left: -55px;top: 50%;width: 500;height: 457px;background-size: 100% auto;
		transform: translateY(-50%);
	}
	#mainBody > .introduce .about .content { word-break: keep-all; }
	#mainBody > .introduce .about .content br { display: none; }

	#mainBody > .introduce .consult {width: auto;}
	#mainBody > .introduce .consult:after {right: 20px;top: -50px;width: 212px;height: 229px; background-size: 100% auto; }

}


/* mediaquery for tablet mini */

@media only screen and (max-width: 940px) {

	/* summary */

	#mainBody > .summary {padding: 32px 60px 40px;}
	#mainBody > .summary p.slogan span.sub {line-height: 26px;font-size: 18px;margin-bottom: 2px;}
	#mainBody > .summary p.slogan span.main {line-height: 40px;font-size: 30px;}
	#mainBody > .summary p.exp { max-width: 332px; line-height: 22px;font-size: 15px; word-break: keep-all; margin-top: 17px;}
	#mainBody > .summary p.exp br {display: none;}
	#mainBody > .summary a.btnRound {right: 60px;bottom: 40px;}

	/* visual */

	#mainBody > .visual {position: relative;padding-bottom: 32px;}
	#mainBody > .visual .swiper-wrapper {height: 194px;}
	#mainBody > .visual .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 3px;}
	#mainBody > .visual .swiper-pagination .swiper-pagination-bullet-active {width: 12px;height: 12px;}

	/* jindan */

	#mainBody > .jindan {margin: 50px auto 0;}
	#mainBody > .jindan > div {height: 213px;padding: 40px 60px 0;background-position: right 60px center;background-size: 136px auto;
	     border-radius: 0;
	}
	#mainBody > .jindan > div p.title {line-height: 26px;font-size: 20px;}
	#mainBody > .jindan > div p.exp { width: auto; max-width: 330px; line-height: 20px;font-size: 14px; margin-top: 8px;}
	#mainBody > .jindan > div ul.link {margin-top: 16px;}
	#mainBody > .jindan > div ul.link li {margin-right: 18px;}
	#mainBody > .jindan > div ul.link li a {line-height: 24px;font-size: 15px;}

	/* service */

	#mainBody > .service {margin: 30px 60px 0;}
	#mainBody > .service > div {margin-left: 33px;}
	#mainBody > .service > div p.icon {height: 50px;}
	#mainBody > .service > div p.icon img { width: auto; height: 50px; }
	#mainBody > .service > div p.title {line-height: 22px;font-size: 18px;margin-top: 14px;}
	#mainBody > .service > div p.title span {font-size: 12px;}
	#mainBody > .service > div p.exp {line-height: 20px;font-size: 14px;color: #5e6064;margin-top: 3px;}

	/* jindanContent */

	#mainBody > .jindanContent .content {width: auto;background-position: center right 60px;background-size: 282px auto;padding: 53px 60px 60px;}
	#mainBody > .jindanContent .content p.slogan {line-height: 34px;font-size: 24px;}
	#mainBody > .jindanContent .content p.exp { width: 312px; line-height: 20px;font-size: 15px; word-break: keep-all; margin-top: 28px;}
	#mainBody > .jindanContent .content p.emp { width: 320px; line-height: 26px;font-size: 18px; word-break: keep-all; margin-top: 16px;}
	#mainBody > .jindanContent .content p.exp br { display: none; }
	#mainBody > .jindanContent .content p.emp br { display: none; }

	#mainBody > .jindanContent.analysis {margin-top: 50px;}
	#mainBody > .jindanContent.analysis .content p.exp br {display: block;}

	/* introduce */

	#mainBody > .introduce .about {height: 383px;padding: 60px 0 0 52%;}
	#mainBody > .introduce .about p.why {left: -40px;width: 375px;height: 342px;	}
	#mainBody > .introduce .about .content p.slogan {line-height: 26px;font-size: 20px;}
	#mainBody > .introduce .about .content p.exp {line-height: 20px;font-size: 15px;margin-top: 18px;}
	#mainBody > .introduce .about .content a.btnRound {margin-top: 28px;}

	#mainBody > .introduce .consult:after {right: 14px;top: -35px;width: 146px;height: 158px; }
	#mainBody > .introduce .consult a {padding: 32px 50px;}
	#mainBody > .introduce .consult p.title {line-height: 28px;font-size: 20px;}
	#mainBody > .introduce .consult p.exp {line-height: 20px;font-size: 14px;margin-top: 8px;}

}


/* mediaquery for mobile */

@media only screen and (max-width: 680px) {

	/* summary */

	#mainBody > .summary {padding: 32px 25px 30px;}
	#mainBody > .summary p.slogan span.sub {line-height: 26px;font-size: 18px;margin-bottom: 2px;}
	#mainBody > .summary p.slogan span.main {line-height: 40px;font-size: 30px;}
	#mainBody > .summary p.exp { max-width: 332px; line-height: 22px;font-size: 15px; word-break: keep-all; margin-top: 17px;}
	#mainBody > .summary p.exp br {display: none;}
	#mainBody > .summary a.btnRound { position: relative; right: auto; bottom: auto; margin-top: 20px; }

	/* visual */

	#mainBody > .visual .swiper-wrapper {height: 180px;}

	/* jindan */

	#mainBody > .jindan {margin: 30px auto 0;}
	#mainBody > .jindan > div {height: auto;padding: 40px 25px 38px;background-position: right 10px bottom 20px;}
	#mainBody > .jindan > div ul.link { flex-direction: column; margin-top: 24px;}
	#mainBody > .jindan > div ul.link li {margin-right: 0; margin-bottom: 14px; }
	#mainBody > .jindan > div ul.link li:last-child { margin-bottom: 0; }

	/* service */

	#mainBody > .service { flex-direction: column; margin: 10px 0 0;}
	#mainBody > .service > div { margin-left: 0;}
	#mainBody > .service > div a { position: relative; min-height: 90px; border-top: 1px solid #e5e9eb; padding: 22px 20px 20px 85px;  }
	#mainBody > .service > div p.icon { position: absolute; left: 20px; top: 20px; }
	#mainBody > .service > div p.title {margin-top: 0;}

	/* jindanContent */

	#mainBody > .jindanContent .content {background-position: center top 10px;padding: 292px 25px 40px;}
	#mainBody > .jindanContent .content p.slogan {word-break: keep-all;}
	#mainBody > .jindanContent .content p.exp { width: 320px; max-width: 100%; }
	#mainBody > .jindanContent .content p.emp { width: 320px; }

	#mainBody > .jindanContent.analysis {margin-top: 0;}
	#mainBody > .jindanContent.analysis p.slogan { width: 250px; }

	/* introduce */

	#mainBody > .introduce { padding: 0; }

	#mainBody > .introduce .about {height: auto;padding: 0;}
	#mainBody > .introduce .about p.why { position: relative; left: 50%; top: auto;
		transform: translateX(-50%) translateY(0);
	}
	#mainBody > .introduce .about .content { padding: 0 25px 40px; }

	#mainBody > .introduce .consult:after { display: none; }
	#mainBody > .introduce .consult:before { content: "\e940"; position: absolute; right: 6px; top: 50%; font-family: xeicon; width: 50px; height: 40px; line-height: 40px; font-size: 40px; color: #898a8d; font-weight: 100; text-align: center;
		transform: translateY(-50%);
	}
	#mainBody > .introduce .consult a {padding: 40px 25px;}

}