@charset "utf-8";
/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : Park, Hye Ryeon (nancy.park@think-tree.co.kr), narae (narae.lee@think-tree.com)
* @File Name: Common.css
* @Version: 1.0
* @Create Date: 2018-05-02
* @Update Date: N/A
* @History: N/A
* ================================================================================= */

/* ====================== */
/* TT UI library */
/* ====================== */
/* ===== Webfont ===== */
/* Spoqa Han Sans case */
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: bold;
    src: local('Spoqa Han Sans Bold'),
    url('../font/Spoqa Han Sans Bold.woff2') format('woff2'),
    url('../font/Spoqa Han Sans Bold.woff') format('woff'),
    url('../font/Spoqa Han Sans Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('../font/Spoqa Han Sans Regular.woff2') format('woff2'),
    url('../font/Spoqa Han Sans Regular.woff') format('woff'),
    url('../font/Spoqa Han Sans Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('../font/Spoqa Han Sans Thin.woff2') format('woff2'),
    url('../font/Spoqa Han Sans Thin.woff') format('woff'),
    url('../font/Spoqa Han Sans Thin.ttf') format('truetype');
}

/* Titillium case */
@font-face {
    font-family: 'Titillium Web';
    font-weight: bold;
    src: local('titillium-web-v6-latin-ext_latin-700'),
    url('../font/titillium-web-v6-latin-ext_latin-700.woff2') format('woff2'),
    url('../font/titillium-web-v6-latin-ext_latin-700.woff') format('woff'),
    url('../font/titillium-web-v6-latin-ext_latin-700.ttf') format('truetype');
}

@font-face {
    font-family: 'titillium web';
    font-weight: normal;
    src: local('titillium-web-v6-latin-regular'),
    url('../font/titillium-web-v6-latin-regular.woff2') format('woff2'),
    url('../font/titillium-web-v6-latin-regular.woff') format('woff'),
    url('../font/titillium-web-v6-latin-regular.ttf') format('truetype');
}

@font-face{
	font-family:'NanumGothic';
	font-weight: normal;
	src: url(../font/NanumGothic-Regular.eot);
	src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumGothic-Regular.woff2) format('woff2'),
	url(../font/NanumGothic-Regular.woff) format('woff'),
	url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face{
	font-family:'NanumGothic';
	font-weight: bold;
	src: url('../font/NanumGothic-Bold.eot');
	src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumGothic-Bold.woff2') format('woff2'),
		 url('../font/NanumGothic-Bold.woff') format('woff'),
		 url('../font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face{
	font-family:'NanumGothic';
    font-weight: 900;
	src: url('../font/NanumGothic-ExtraBold.eot');
	src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumGothic-ExtraBold.woff2') format('woff2'),
		 url('../font/NanumGothic-ExtraBold.woff') format('woff'),
		 url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
}
/* ===== Default ===== */
/* outline:0 none; 웹접근성 및 Tab 이동 시 삭제요망 */
hr {display:none;}
dl,ul,ol,menu,li {list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
body, * {font-size:14px;font-family:'Titillium Web','NanumGothic';color:#555;}
html, body {/* height:100%; */background:#fff;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
a {text-decoration:none;color:#555;}
a img {border:none;}
img {vertical-align: top;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
caption {display:none;}
.skip-navigation a {display:block;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;overflow:hidden;font-size:0;line-height:0;}
.skip-navigation a:hover,.skip-navigation a:active,.skip-navigation a:focus {position:fixed;top:0;left:0;width:100%;height:auto;padding:8px 0 12px;font-weight:bold;font-size:14px;color:#fff;font-family:Tahoma;line-height:1;text-align:center;text-decoration:none;background:black;}
/* ===== Form ===== */
input[type="text"],
input[type="password"],
input[type="file"],
input[type="tel"] {padding:0 5px;height:38px;line-height:28px;color:#303030;vertical-align:middle;font-size:106%;border:1px solid #9198a6;box-sizing:border-box;outline:0 none;background:#f6fafb; /*safari, chrome*/}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {outline:0 none;/*safari, chrome*/}
input {outline:0 none;/*safari, chrome*/}
textarea {padding:5px;line-height:22px;border:1px solid #cfd8d8;box-sizing:border-box;outline:0 none;resize:none; /*safari, chrome*/}
select {padding:0 0 0 5px;height:27px;vertical-align:middle;border:1px solid #b2bbc3;outline:0 none; *height:auto;}
@supports (-webkit-appearance:none) {select {letter-spacing:-0.1em;}} /* for Chrome ≥ 28 & Opera ≥ 14 */
button,
input[type="button"] {outline:none;cursor:pointer;-webkit-appearance:none;border-radius:0;}
iframe {border:0;}
/* file upload */
.fileex_back {position:relative;display:inline-block;overflow:hidden;vertical-align:middle;}
.fileex_back .fileex {position:absolute;left:0;top:0;z-index:5;width:101px;height:30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: .0;}
.fileex_back .btnSet {position:relative;left:0;top:0;} /*button area*/
.fileex_back .btnSet label {padding:0 10px 0 35px !important;}
/* placeholder */
::-webkit-input-placeholder {color:#90a4ae;} /* WebKit browsers */
:-moz-placeholder {color:#90a4ae;opacity:1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#90a4ae;opacity:1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#90a4ae !important;}/* Internet Explorer 10+ */
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {border-color:#495d83;box-shadow:inset 0 0 0 1px #495d83;background:#fff;}
input[type="text"]:disabled, input[type="password"]:disabled, select:disabled {color:#303030;border:none;border-bottom:1px solid #cfd8d8;background:#fff;}
/* radio */
.radioSet {position:relative;display:inline-block;vertical-align:middle;margin:0 0 0 20px;}
.radioSet input[type="radio"] {position:absolute;opacity:0;left:0;top:0;width:100%;height:32px;}
.radioSet label {position:relative;display:inline-block;font-size:16px;line-height:22px;}
.radioSet label i {display:inline-block;margin:0 6px 0 0;padding:0;width:22px;height:22px;border-radius:100%;border:1px solid #9198a6;background:#fff;vertical-align:middle;text-align:center;}
.radioSet input[type="radio"]:checked + label i:before,
.radioSet input[type="radio"]:disabled + label i:before {content:'';display:inline-block;width:12px;height:12px;margin:4px 0 0 0;border-radius:50%;box-shadow:0 2px 3px rgba(0,0,0,.2);border:1px solid #266666;background:#52caca;}
.radioSet.noTxt label {padding-left:17px;}
/* checkBox */
.checkSet {position:relative;display:inline-block;vertical-align:middle;}
.checkSet input[type="checkbox"] {position:absolute;opacity:0;left:0;top:0;width:100%;height:32px;}
.checkSet label {position:relative;display:inline-block;font-size:16px;line-height:22px;}
.checkSet label i {display:inline-block;padding:0 2px 4px 2px;width:22px;height:22px;border:1px solid #9198a6;background:#fff;vertical-align:middle;}
.checkSet input[type="checkbox"]:checked + label i:before,
.checkSet input[type="checkbox"]:disabled + label i:before {content:'';margin-top:-2px;display:inline-block;width:14px;height:8px;border:4px solid #54647a;border-top:0;border-right:0;background:none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.checkSet.noTxt label {padding-left:17px;}
/* select */
.selectSet {position:relative;margin-left:45px;display:inline-block;width:140px;height:30px;background:white;border:1px solid #cfd8d8;}
.selectSet label {position:absolute;display:inline-block;z-index:1;padding:0 40px 0 5px;width:100%;height:30px;line-height:26px;font-size:106%;font-weight:500;box-sizing:border-box;text-align:left;color:#303030;background:#e9f3f7 url("../images/bg_select.png") no-repeat right -4px;}
.selectSet select {position:relative;top:0;left:0;z-index:3;width:100%;height:30px;font-size:15px;opacity: 0;filter: alpha(opacity=0);} /* IE8 */
/**/
input.cal {text-align:left;width:125px !important; border:none; background: url('../images/btn_cal.png') no-repeat right top;}
input.cal:focus {border:none;box-shadow:none; background: url('../images/btn_cal.png') no-repeat right top;}
/* tab */
.tabMenu {overflow:hidden;width:580px;margin:0 auto 70px;}
.tabMenu.w980 {width:980px;}
.tabMenu.w980 span {width:245px;}
.tabMenu span {float:left;display:inline-block;width:50%;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;}
.tabMenu span:first-child {border-left:1px solid #eee;}
.tabMenu span input {display:block;width:100%;padding:20px 0;color:#555;font-size:17px;background:none;border:none;}
.tabMenu span.on {background:#0066dc;border:1px solid #0066dc;}
.tabMenu span.on input {color:#fff;}
/* explanSet */
.explanSet {display:table;width:100%;margin-bottom:80px;}
.explanSet .tt,
.explanSet .detail {display:table-cell;padding-top:30px;border-top:2px solid #555;}
.explanSet .tt {float:left;width:280px;height:100%;margin-right:20px;font-size:20px;color:#222;font-weight:bold;}
.explanSet .detail {width:100%;vertical-align:top;}
.explanSet .detail p.subInfo {margin-bottom:40px;line-height:32px;font-size:17px;color:#555;word-break:keep-all;}
/* cirSet */
.cirSet {display:inline-block;}
.cirSet .circle {border-radius:80px;border:1px solid #0066dc;text-align:center;}
.cirSet .circle strong {display:table-cell;width:158px;height:158px;vertical-align:middle;color:#0066dc;}
.cirSet .circle.bg {background:#0066dc;}
.cirSet .circle.bg strong {color:#fff;}
/* barList */
.barList li:before {content:'';display:inline-block;width:6px;height:1px;margin-right:3px;background:#555;vertical-align:middle;}
/* ===== Interval ===== */
/* align */
.left {float:left;}
.right {float:right;}
.clearB {clear: both;}
.tLeft {text-align:left;}
.tRight {text-align:right;}
.tCenter {text-align:center;}
.hide {display:none;}
.block {display:block;}
.inBlock {display:inline-block;}
.vMiddle {vertical-align:middle;}
.vTop {vertical-align:top;}
/* space */
.wFull {width:100%;}
.hFull {height:100%;}
.plr80 {padding:0 80px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mr15 {margin-right:15px;}
/* font */
.ftBlue {color:#0066dc;}
/* color */
.bgGray {background:#fafafa;padding:90px 0 70px;}
/* ====================== */
/* ===== Btn ===== */
/* ====================== */
/* ===== Common ===== */


	.i_mobile {display:none;}
	.i_pc {display:inline-block;}
body * {word-break: keep-all;
/* -webkit-font-smoothing: antialiased;
-webkit-text-shadow: rgba(0,0,0,.01) 0 0 0.45px;
-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
text-shadow: rgba(0,0,0,.01) 0 0 0.45px;
-moz-osx-font-smoothing: grayscale; */
}
#wrap {position:relative;}
#header {position:fixed;top:0;left:0;z-index:150;width:100%;height:59px;padding:0 80px;box-sizing:border-box;box-shadow:0px 0px 0px 1px rgba(255,255,255,0.2);background:transparent;transition: all 0.4s;}
#header.scrollOn {background:#0066dc;/* animation:HeaderFixed 0.7s; */transition:all 0.4s;}
@-webkit-keyframes HeaderFixed {
	from {top:-120px}
	to {top:0;}
}
@keyframes HeaderFixed {
	from {top:-120px}
	to {top:0;}
}
#header h1 {display:inline-block;margin-top:14px;}
#header h1 a {display:block; background:url('../images/img_logo.png'); width:141px; height:31px; text-indent:-9999px; overflow:hidden; transition:all .4s;}
#header .goMnav {display:inline-block;width:24px;height:21px;margin-left:44px;border:none;background:url('../images/bg_btn.png') no-repeat left top;text-indent:-9999px;}
#header .setArea {float:right;margin-top:19px;}
#header .langSet {overflow:hidden;}
#header .langSet span {float:left;}
#header .langSet span:first-child:after {content:'';display:inline-block;width:1px;height:12px;margin:0 10px;background:#fff;vertical-align:middle;}
#header .langSet span a {display:inline-block;color:rgba(255, 255, 255, 0.5);}
#header .langSet span.on a {color:#fff;}
#container .back {overflow:hidden;width:1180px;margin:0 auto;}
.navCase {background:#0066dc;}
.c-menu {z-index:200 !important;}
.c-menu--slide-right.is-active {width:635px;}
.gnb {padding:20px 80px;}
.gnb ul {display:table;width:100%;margin-top:20px;}
.gnb ul li {margin-bottom:5px;}
.gnb ul li a {color:rgba(255, 255, 255, 0.5);}
/* .gnb ul li:hover>a {color:#fff;transition: all 0.2s ease-in-out;font-weight: 600;} */
.gnb strong {display:inline-block;margin-bottom:10px;font-family:'Titillium Web';color:#fff;font-size:17px;}
.gnb ul.menu>li {display:inline-block;width:49%;margin-bottom:70px;}
.gnb .contactArea p {color:rgba(255, 255, 255, 0.5);}
.gnb .contactArea span {color:rgba(255, 255, 255, 0.5);}
.gnb .btnClose {float:right;display:inline-block;width:35px;height:35px;background:url('../images/bg_btn.png') no-repeat left -40px;text-indent:-9999px;border:none;}
/* ===== main ===== */
body.has-active-menu {/*overflow:visible !important;*/} /* GNB active swiper slider 여백으로 인한 속성  */
body.mainBody.has-active-menu {overflow:visible;}
.mainCase h3 {font-family:'Titillium Web';font-size:40px;color:#222;font-weight:normal;}
.mainTop {position:relative;}
.mainTop .swiper-container1 {height:100vh;}
.mainTop .swiper-container1 .swiper-slide {width:100% !important;}
.mainTop .swiper-button-prev,
.mainTop .swiper-button-next {width:80px;height:33px;border-bottom:3px solid #fff;line-height:33px;color:#fff;font-family:'Titillium Web';background-image:none !important;}
.mainTop .swiper-button-prev {left:0;text-align:right;}
.mainTop .swiper-button-next {right:0;text-align:left;}
.mainTop .topBox {overflow:hidden;position:relative;width:100%;height:100%;background:url('../images/bg_main_top_01.png') no-repeat center center;background-size:cover;}
.mainTop .topBox.topBox2 {background:url('../images/bg_main_top_02.png') no-repeat center center;background-size:cover;}
.mainTop .topBox.topBox3 {background:url('../images/bg_main_top_03.png') no-repeat center center;background-size:cover;}
.mainTop .txtBox {position:absolute;left:0;right:0;top:34%;z-index:100;text-align:center;}
.mainTop .txtBox h2 {line-height:100px;margin-bottom:55px;font-family:'Titillium Web';color:#fff;font-size:100px;font-weight:normal;}
.mainTop .txtBox p {color:#fff;font-size:22px;line-height:1.6;word-break:keep-all;}
.mainTop .btnDown {position:absolute;left:80px;bottom:52px;z-index:5;display:inline-block;padding:13px 60px;background:none;border:1px solid #fff;color:#fff;font-size:15px;font-family:'Titillium Web';text-align:center;}
.mainTop .btnDown:before {content:'';position:absolute;right:-6px;bottom:-6px;display:inline-block;width:5px;height:30px;background:#0066dc;}
.mainTop .btnDown:after {content:'';position:absolute;right:-1px;bottom:-6px;display:inline-block;width:120px;height:5px;background:#0066dc;}
.mainTop .scrDown {position:absolute;left:48%;bottom:48px;z-index:5;display:inline-block;width:70px;height:80px;margin-left:-35px;font-family:'Titillium Web';color:#fff;font-weight:bold;font-size:13px;cursor:pointer;opacity: 0.2;background:url('../images/btn_scroll.png') no-repeat center bottom;animation:animationName 1s 0s infinite ease-in-out alternate;}
@keyframes animationName {
		0% {margin: 0px 1px;}
		70% {margin: 50px 1px;opacity:0.7;}
		100% {margin:30px 1px;opacity:1;}
}
.mainTop .scrDown:hover {animation-play-state: paused;}
.serviceArea {width:100%;height:100%;background:url('../images/bg_main_service.png') repeat-y; background-size:contain;}
.serviceArea>div {overflow:hidden;max-width:1180px;margin:0 auto;}
.serviceArea .titArea {display:block;padding:205px 0 140px;}
.serviceArea .titArea p {color:#999;line-height:19px;}
.serviceArea .serviceBox strong {font-family:'Titillium Web';color:#5a5a5a;font-size:32px;font-weight:normal;}
.serviceArea .serviceBox p {color:#999;line-height:19px;font-weight:400;}
.serviceArea .service_01 {float:right;margin-bottom:315px;text-align:right;}
.serviceArea .service_01 .txtBox {padding-right:10px;}
.serviceArea .service_02 {float:left;margin-bottom:295px;}
.serviceArea .service_02 .txtBox {width:400px;margin:10px 0 auto;text-align:left;}
.serviceArea .service_03 {position:relative;float:right;margin-top:315px;margin-bottom:140px;}
.serviceArea .service_03 img {margin-top:94px;}
.serviceArea .service_03 .txtBox {position:absolute;left:200px;top:-20px;max-width:345px;text-align:left;}
.serviceArea .service_04 {float:left;}
.serviceArea .service_04 .txtBox {padding:15px 0 0 14px;}
.serviceArea .service_04 .txtBox strong {display:inline-block;}
.serviceArea .service_05 {float:right;position:relative;width:785px;margin-bottom:140px;}
.serviceArea .service_05 img {float:right;}
.serviceArea .service_05 .txtBox {float:left;position:absolute;left:0;bottom:0;margin-right:20px;text-align:right;}
.worksArea {position:relative;margin-bottom:150px; overflow:hidden; }
.worksArea .titArea {padding:65px 0 45px;background:#f4f4f4;}
.worksArea .titArea h3 {text-align:center;}
.worksArea .imgArea {overflow:hidden;height:375px;}
.worksArea .tt {position:relative;display:inline-block;padding-left:40px;margin:23px 0 18px;color:#0066dc;}
.worksArea .tt:before {content:'';display:inline-block;position:absolute;left:0;top:9px;width:31px;height:1px;background:#0066dc;}
.worksArea .caption {position:relative;height:160px;padding-left:40px;background:#fff;}
.worksArea .caption span {display:inline-block;color:#0066dc;}
.worksArea .caption p {display:inline-block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:27px;max-height:81px;color:#222;font-size:20px;}
.worksArea .caption em {position:absolute;left:40px;bottom:20px;display:block;margin:10px 0 20px;color:#999;font-size:15px;}
.worksArea .caption .view {position:absolute;left:40px;bottom:0;}
.worksArea .caption .view:after {content:'';display:inline-block;width:20px;height:18px;background:url('../images/bg_btn.png') no-repeat right top;vertical-align:middle;}
/*.worksArea .swiper-container .swiper-slide { width:600px !important; }
.worksArea .swiper-container .swiper-slide {-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;filter:'alpha( opacity = 40 )';-webkit-transition:.25s opacity;-moz-transition:.25s opacity;-ms-transition:.25s opacity;-o-transition:.25s opacity;transition:.25s opacity;}
.worksArea .swiper-container .swiper-slide a {display:block;}
.worksArea .swiper-container .swiper-slide img {min-width:100%;-webkit-transition: all 0.4s linear;transition:all 0.4s linear;}
.worksArea .swiper-container .swiper-slide-active,
.worksArea .swiper-container .swiper-slide-prev,
.worksArea .swiper-container .swiper-slide-next {-webkit-opacity: 1;-moz-opacity: 1; opacity: 1;filter:'alpha( opacity = 100 )';}
.worksArea .swiper-container .swiper-slide:hover img {webkit-transform:scale(1.1);transform: scale(1.1);}
.worksArea .swiper-page {display:inline-block;position:absolute;left:50%;bottom:auto;top:100px;width:1180px;margin-left:-590px;text-align:right;}
.worksArea .swiper-page div {vertical-align:middle;}
.worksArea .swiper-pagination-fraction {position:relative;display:inline-block;bottom:0;width:auto;line-height:35px;text-align:right;color:#777;font-size:16px;}
.worksArea .swiper-pagination-current {color:#222;}
.worksArea .swiper-pagination-total {color:#777;}
.worksArea .swiper-button-next,
.worksArea .swiper-button-prev {position:relative;width:35px;height:35px;left:auto;right:0;top:0;display:inline-block;margin-top:0;}
.worksArea .swiper-button-prev {background-image:url('../images/bg_btn.png') !important;background-position:left -120px !important;background-size:auto !important;}
.worksArea .swiper-button-next {background-image:url('../images/bg_btn.png') !important;background-position:left -160px !important;background-size:auto !important;}*/
.lastArea ul.infoList {overflow:hidden;margin:20px 80px;}
.lastArea ul.infoList li {float:left;width:50%;line-height:30px;}
.lastArea ul.infoList li strong {font-family:'Titillium Web';font-size:20px;color:#444;}
.lastArea ul.infoList li a {display:inline-block;width:210px;margin:0 50px 0 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top;}
.lastArea ul.infoList li span {color:#aaa;}
.lastArea .mapBox {overflow:hidden;position:relative;max-height:340px; height:340px; background:url('../images/img_map.png') center center; background-size:auto contain;}
.lastArea .mapBox img {width:100%;}
.lastArea .txtBox {position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.6);}
.lastArea .txtBox dl {overflow:hidden;padding:65px 80px 0;}
.lastArea .txtBox dl dt {float:left;width:40px;color:#fff;font-weight:bold;}
.lastArea .txtBox dl dd {color:#fff;}
.footer {overflow:hidden;height:130px;background:#fff;}
.footer div {height:100%;padding:0 80px;}
.footer img {float:right;display:inline-block;margin:43px 0 53px;}
.footer a.terms {float:left;margin:55px 0;font-weight:bold;display:inline-block;font-size:21px;}
.footer a.terms:after {content:'';display:inline-block;width:14px;height:16px;margin-left:10px;font-size:13px;background:url('../images/bg_btn.png') no-repeat left -200px;vertical-align:middle;}
/* ===== Sub Common ===== */
.subCase h3 {position:relative;margin:100px 0 70px;padding-top:60px;font-size:30px;color:#222;text-align:center;}
.subCase h3:first-child:before {content:'';position:absolute;left:50%;top:0;display:inline-block;width:1px;height:58px;background:#ddd;}
.subCase h3:first-child:after {content:'';position:absolute;left:50%;top:0;display:inline-block;width:4px;height:20px;background:#0066dc;}
.subCase .footer {border-top:1px solid #eee;}
.subTop .txtBox {position:absolute;left:0;right:0;top:34%;z-index:99;text-align:center;}
.subTop .txtBox h2 {line-height:60px;margin-bottom:40px;font-family:'Titillium Web';color:#fff;font-size:60px;font-weight:normal;;transition:all .4s;}
.subTop .txtBox p {color:#fff;font-size:18px;line-height:30px;word-break:keep-all;;transition:all .4s;}
.subTop .subNav {position:absolute;left:50%;bottom:0;width:1180px;height:60px;margin-left:-590px;background:#fff;}
.subTop .subNav .menuList {display:inline-block;width:100%;border-bottom:1px solid #eee;}
.subTop .subNav .menuList>li {float:left;height:60px;transition:all .4s;}
.subTop .subNav .menuList .goHome {width:60px;background:#0066dc url('../images/bg_btn.png') 12px -230px;text-indent:-9999px;vertical-align:top;}
.subTop .subNav .menuList .goHome a {display:block;height:100%;}
.subTop .subNav .menuList .depth {width:180px;padding:0 30px;line-height:60px;border-right:1px solid #eee;color:#555;cursor:default;transition:all .4s; height:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.subTop .subNav .dropBox {position:relative;}
.subTop .subNav .dropBox .depth {background:url('../images/bg_btn.png') no-repeat;background-position:right -25px;}
.subTop .subNav .dropBox .depth.on {background-position:right -65px;}
.subTop .subNav .dropBox .dropList {display:none;position:absolute;left:0;right:0;top:61px;z-index:1;padding:14px 0;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;}
.subTop .subNav .dropBox .dropList li {position:relative;line-height:1.3;padding:8px 30px;}
.subTop .subNav .dropBox .dropList li:hover {background:#f8f8f8;}
.subTop .subNav .dropBox .dropList li.on a {color:#0066dc;}
.subTop .subNav .dropBox .dropList li.on:before {content:'';position:absolute;left:17px;top:50%;display:inline-block;margin-left:-2px;width:4px;height:4px;background:#0066dc;border-radius:1px;}
.subTop .subNav .dropBox .dropList a {display:block;}
/* ===== Sub Common ===== */
.sampleArea {max-width:1180px;margin:0 auto;}
.emptyArea {margin-top:50px;border-top:1px solid #ddd;}
/* aboutCase */
.aboutCase {position:relative;width:100%;height:500px;background:url('../images/bg_sub_top.png') no-repeat center center;background-size:cover;background-attachment:fixed;}
.ceoArea {overflow:hidden;}
.ceoArea .msgArea {position:relative;overflow:hidden;display:table;width:100%;margin-bottom:230px;background:url('../images/bg_ceo_line.png') no-repeat center 125px;}
.ceoArea .msgBox {display:inline-block;width:33%;text-align:center;vertical-align:top;}
.ceoArea .msgBox div {display:table;width:255px;height:255px;margin:0 auto;background:url('../images/bg_ceo.png') no-repeat;text-align:center;vertical-align:middle;box-sizing:border-box;}
.ceoArea .msgBox div p {display:table-cell;color:#fff;font-size:17px;vertical-align:middle;}
.ceoArea .msgBox div p strong {display:block;color:#fff;font-size:20px;}
.ceoArea .msgBox p.subInfo {margin-top:40px;line-height:26px;text-align:center;}
.ceoArea .msgBox:nth-child(2) div {background-position:-255px top;}
.ceoArea .msgBox:nth-child(3) div {background-position:-510px top;}
.ceoArea .overArea {overflow:hidden;padding-bottom:30px;background:#fdfdfd url('../images/bg_ceo_over.png') no-repeat right center;}
.ceoArea .overArea .infoTable {float:left;width:580px;margin-right:20px;border-top:2px solid #555;}
.ceoArea .overArea .infoTable dl {padding:14px 0;border-bottom:1px solid #ddd;}
.ceoArea .overArea .infoTable dl:last-child {border-bottom:none;}
.ceoArea .overArea .infoTable dl dt {display:inline-block;text-align:center;width:80px;color:#222;vertical-align:top;font-weight:bold;}
.ceoArea .overArea .infoTable dl dd {display:inline-block;}
.ceoArea .overArea .partBox {float:left;width:280px;height:280px;background:#0066dc;text-align:center;}
.ceoArea .overArea .partBox.develop {margin-left:20px;background:#283271;}
.ceoArea .overArea .partBox dl dt {padding:40px 0 30px;color:#fff;font-weight:bold;font-size:17px;}
.ceoArea .overArea .partBox dl dd {margin-bottom:5px;color:#fff;}
.hstArea ol {overflow:hidden;position:relative;padding:70px 0;}
.hstArea ol:before {content:'';position:absolute;left:50%;top:0;bottom:0;display:inline-block;width:1px;height:100%;background:#eee;}
.hstArea ol>li {margin-bottom:40px;}
.hstArea ol>li:before {content:'';display:inline-block;width:7px;height:7px;border:5px solid #0066dc;transform:rotate(45deg);background:#fff;}
.hstArea ol li strong {padding-bottom:10px;line-height:17px;font-size:17px;color:#0066dc;}
.hstArea ol li strong:before {content:'';display:inline-block;width:70px;height:1px;margin-top:8px;background:#0066dc;}
.hstArea ol>li:nth-child(odd) {/* float:right; */margin-left:50%;}
.hstArea ol>li:nth-child(odd):before {float:left;margin-left:-8px;}
.hstArea ol>li:nth-child(odd) ul {padding:10px 0 0 90px;}
.hstArea ol li:nth-child(odd) strong:before {float:left;margin-right:11px;}
.hstArea ol>li:nth-child(even) {width:50%;text-align:right;}
.hstArea ol>li:nth-child(even):before {float:right;margin-right:-9px;}
.hstArea ol>li:nth-child(even) ul {padding:10px 90px 0 0;}
.hstArea ol li:nth-child(even) strong:before {float:right;margin-left:11px;}
.hstArea ul li {margin-bottom:5px;}
.idenBox {display:table;width:100%;padding:80px 100px;background:#eee;box-sizing:border-box;}
.idenBox .txtBox {display:table-cell;width:380px;vertical-align:top;}
.idenBox .txtBox strong {display:block;margin-bottom:10px;color:#222;font-size:20px;}
.idenBox .txtBox p {padding-right:15px;line-height:24px;}
.idenBox .imgBox {display:table-cell;border:1px solid #ddd;background:#fff url('../images/bg_ci.png') repeat;}
.idenBox .imgBox div {overflow:hidden;}
.idenBox .imgBox img {display:inline-block;float:left;width:50%;}
.idenBox .imgBox .downBox {display:table;width:100%;}
.idenBox .imgBox .downBox a {display:table-cell;width:50%;padding:14px 0;border-top:1px solid #ddd;background:#fff;color:#304ffe;text-align:center;}
.idenBox .imgBox .downBox a:first-child {border-right:1px solid #ddd;}
.idenBox .imgBox .downBox a:before {content:'';display:inline-block;width:30px;height:13px;background:url('../images/bg_btn.png') -9px -291px;}
.colorsyArea .txtBox {text-align:center;width:590px;margin: 0 auto;}
.colorsyArea .txtBox strong {display:block;font-size:20px;color:#222;margin:85px 0 25px 0;}
.colorsyArea .colorwrap {width:100%;overflow:hidden;margin-top:45px; }
.colorsyArea .colorwrap dl{width:calc(33.333% - 12px); margin:0 18px 0 0;float:left;padding-bottom:34px;position:relative;}
.colorsyArea .colorwrap dl:last-child {margin-right:0;}
.colorsyArea .colorwrap dl dd {display:inline-block;width:185px;height:220px;margin:0 2px 0 0;border:1px solid #ddd;}
.colorsyArea .colorwrap dl dd:last-child{margin-right:0;}
.colorsyArea .colorwrap dl dd .pc1{background:#4D91CD;}
.colorsyArea .colorwrap dl dd .pc2{background:#0066DC;}
.colorsyArea .colorwrap dl dd .sc1{background:#222222;}
.colorsyArea .colorwrap dl dd .sc2{background:#555555;}
.colorsyArea .colorwrap dl dd .lc1{background:#DDDDDD;}
.colorsyArea .colorwrap dl dd .lc2{background:#EEEEEE;}
.colorsyArea .colorwrap dl dt {text-align:center;font-size:14px;font-weight:bold;vertical-align:bottom;width:100%;bottom:0;left:0;position:absolute;}
.colorsyArea .colorwrap dl dd div {height:135px;}
.colorsyArea .colorwrap dl dd div p {line-height:20px; padding:160px 45px 20px 15px;}
.colorsyArea .colorwrap dl dd div p span{margin-left:10px;}
.loBox {display:table;width:100%;background:#eee;box-sizing:border-box;}
.loBox .gmap {height:300px;background:#222222;display:table-cell;}
.loBox .mapdetail{width:380px; height:300px;background:#0066dc; display:table-cell;vertical-align:top;padding-top:40px;}
.mapdetail{padding:40px 23px 0 23px;}
.mapdetail strong {width:220px;font-size:17px;color:white;}
.mapdetail p {font-size:14px;color:white;margin-top:15px;}
.mapdetail p a{font-size:14px;color:white;margin-top:15px;}
.maplink {margin-top:35px;}
.maplink a{margin-right:20px;}
.ptnArea .tabMenu{margin-bottom:60px;}
.ptnArea .tab-con .ptnline li{position: relative; display:table-cell;width:190px;height:140px;text-align:center; vertical-align:middle;}
.ptnArea .tab-con .ptnline li img {vertical-align:middle;}
.ptnArea .tab-con .ptnline ul{overflow:hidden;}
.ptnArea .tab-con .ptnline ul li:before{content:'';position:absolute;top:20px;left:0;bottom:20px;display:inline-block;width:0;border-left:1px solid #cccdce;}
.ptnArea .tab-con .ptnline ul li:after{content:'';position:absolute;bottom:0;left:20px;right:20px;display:inline-block;border-bottom:1px solid #cccdce;}
.ptnArea .tab-con .ptnline ul li:nth-child(1):before,.ptnArea .tab-con .ptnline ul li:nth-child(7):before,.ptnArea .tab-con .ptnline ul li:nth-child(13):before{border:0 none;}
.ptnArea .tab-con .ptnline ul li:nth-child(13):after,.ptnArea .tab-con .ptnline ul li:nth-child(14):after,.ptnArea .tab-con .ptnline ul li:nth-child(15):after,.ptnArea .tab-con .ptnline ul li:nth-child(16):after,.ptnArea .tab-con .ptnline ul li:nth-child(17):after,.ptnArea .tab-con .ptnline ul li:nth-child(18):after{border:0 none;}
/* bizCase */
.bizCase {position:relative;width:100%;height:500px;background:url('../images/bg_sub_business.png') no-repeat center center;background-size:100% 100%;;background-attachment:fixed;}
.consArea {max-width:1180px; width:100%; margin:0 auto;}
.itArea ul {overflow:hidden;padding-bottom:20px;}
.itArea ul.doList>li {float:left;height:160px;margin-top:-10px;}
.itArea ul.doList>li:first-child {margin-top:0;}
.itArea ul.qaList>li {margin-bottom:2px;}
.itArea .doList dl dt.circle {float:left;}
.itArea .doList dl dd {display:table-cell;height:160px;padding:0 0 0 55px;vertical-align:middle;}
.itArea .doList dl dd strong {display:inline-block;padding-bottom:10px;color:#222;}
.itArea .doList dl dd p {line-height:22px;color:#555;word-break:keep-all;}
.itArea .itImg {text-align:center;}
.itArea .itImg img {max-width:100%;}
.itArea .refBox {max-width:1180px;margin:0 auto;}
.itArea .refBox .refTit {display:inline-block;margin-bottom:80px;font-size:30px;color:#222;}
.itArea .refBox .refTit:before {content:'';display:inline-block;width:100px;height:2px;margin:0 12px 0 0;background:#222;}
.itArea .refBox ul {display:table;width:100%;}
.itArea .refBox ul li {float:left;display:table-cell;width:calc(16.66667% - 16px);margin-bottom:10px;padding:0 8px;}
.itArea .refBox ul li img {width:100%;}
.itArea .refBox ul li:first-child {padding:0 10px 0 0;}
.itArea .refBox ul li:last-child {padding:0 0 0 10px;}
.itArea .refBox ul li strong {display:block;margin:30px 0 0;text-align:center;font-size:17px;color:#222;font-weight:500;}
.itArea .refBox ul li em {display:block;text-align:center;}
.itArea .svcTxt {display:table;width:1080px;margin:0 auto 75px;}
.itArea .svcTxt p {display:table-cell;width:400px;vertical-align:middle;font-size:17px;text-align:right;}
.itArea .svcTxt p:before {content:'“';display:block;height:50px;line-height:90px;color:#eee;font-size:100px;text-align:right;}
.itArea .svcTxt p:after {content:'”';display:block;color:#eee;font-size:100px;text-align:right;}
.itArea .svcTxt p strong {font-size:30px;font-weight:normal;}
.itArea .svcTxt p strong em {font-size:30px;color:#0066dc;}
.itArea .svcTxt div {display:table-cell;}
.itArea .svcTxt img {width:100%;}
.itArea .sstArea {position:relative;width:100%;max-width:980px;height:535px;margin:0 auto 85px;}
.itArea .sstArea div {display:inline-block;}
.itArea .sstArea .imgBox {overflow:hidden;position:absolute;left:0;top:0;width:580px;height:470px;vertical-align:middle;}
.itArea .sstArea .imgBox img {float:right;max-width:160%;}
.itArea .sstArea .txtBox {position:absolute;right:0;bottom:0;width:480px;padding:60px 35px 20px;background:#0066dc;box-sizing:border-box;}
.itArea .sstArea .txtBox dl {margin-bottom:40px;}
.itArea .sstArea .txtBox dl dt {margin-bottom:25px;color:#fff;font-size:20px;}
.itArea .sstArea .txtBox dl dd p {line-height:22px;color:#fff;}
.itArea .sstArea .txtBox ul li {color:rgba(255, 255, 255, 0.5);}
.itArea .netArea .subInfo {margin-bottom:70px;line-height:34px;font-size:17px;text-align:center;}
.itArea .netArea .netList {display:table;width:100%;}
.itArea .netArea .netList li {float:left;display:table-cell;width:33.3%;margin-bottom:45px;}
.itArea .netArea .netList li dl {position:relative;min-height:155px;padding-left:18px;border-left:1px solid #eee;}
.itArea .netArea .netList li dl dt {margin-bottom:10px;line-height:35px;color:#0066dc;font-size:17px;font-weight:bold;}
.itArea .netArea .netList li dl dd {padding-top:10px;}
.itArea .netArea .netList li dl dt:before {content:'';position:absolute;left:-1px;top:0;display:inline-block;width:1px;height:35px;background:#0066dc;}
/* serviceCase */
.serviceCase {position:relative;width:100%;height:500px;background:url('../images/bg_sub_service.png') no-repeat center center;background-size:100% 100%;;background-attachment:fixed;}
/* pfCase */
.pfCase {position:relative;width:100%;height:500px;background:url('../images/bg_sub_portfolio.png') no-repeat center center;background-size:100% 100%;background-attachment:fixed;}
.pfList {display:table;width:100%;}
.pfList li {display:table-cell;float:left;width:50%;margin-bottom:60px;box-sizing:border-box;}
.pfList li:nth-child(odd) {padding-right:10px;}
.pfList li:nth-child(even) {padding-left:10px;}
.pfList .img {height:auto;max-height:235px;overflow:hidden;}
.pfList .img img {width:100%;max-height:100%;}
.pfList .name {display:table;width:100%;margin-top:25px;}
.pfList .name div {display:table-cell;vertical-align:top;}
.pfList .pfName strong {display:inline-block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:25px;max-height:50px;font-size:20px;}
.pfList .pfInfo {width:214px;}
.pfList .pfInfo:before {content:'';float:left;display:inline-block;width:4px;height:20px;margin-top:6px;background:#0066dc;}
.pfList .pfInfo span {display:block;margin:0 0 5px 20px;color:#aaa;}
#pfWrap {display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:9999;}
.pop-wrap {height:100%;}
/* .pop-layer {position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:10;} */
.pop-container {position:relative;width:100%;height:100%;overflow-x:hidden; background:#fff;}
.pop-wrap .pHeader {height:100vh; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.pop-wrap .toptoptop1 {background-image:url('../images/img_01.png');}
.pop-wrap .toptoptop2 {background-image:url('../images/img_02.png');}
.pop-wrap .toptoptop3 {background-image:url('../images/img_03.png');}
.pop-wrap .toptoptop4 {background-image:url('../images/img_04.png');}
.pop-wrap .toptoptop5 {background-image:url('../images/img_05.png');}
.pop-wrap .toptoptop6 {background-image:url('../images/img_06.png');}
.pop-wrap .toptoptop7 {background-image:url('../images/img_07.png');}
.pop-wrap .toptoptop8 {background-image:url('../images/img_08_2020.png');}
.pop-wrap .toptoptop9 {background-image:url('../images/img_09.png');}
.pop-wrap .toptoptop10 {background-image:url('../images/img_10.png');}
.pop-wrap .toptoptop11 {background-image:url('../images/img_11.png');}
.pop-wrap .toptoptop12 {background-image:url('../images/img_12.png');}
.pop-wrap .toptoptop13 {background-image:url('../images/img_13.png');}
.pop-wrap .toptoptop14 {background-image:url('../images/img_14.png');}
.pop-wrap .toptoptop15 {background-image:url('../images/img_15.png');}
.pop-wrap .toptoptop16 {background-image:url('../images/img_16.png');}
.pop-wrap .toptoptop17 {background-image:url('../images/img_17_3.png');}
.pop-wrap .toptoptop18 {background-image:url('../images/img_18.png');}
.pop-wrap .toptoptop19 {background-image:url('../images/img_19.png');}
.pop-wrap .toptoptop20 {background-image:url('../images/img_20.png');background-position:right;}
.pop-wrap .toptoptop21 {background-image:url('../images/img_21.png');}
.pop-wrap .toptoptop22 {background-image:url('../images/img_22.png');}
.pop-wrap .toptoptop23 {background-image:url('../images/img_23.png');}
.pop-wrap .toptoptop24 {background-image:url('../images/img_24.png');}
.pop-wrap .toptoptop26 {background-image:url('../images/img_26.png');}
.pop-wrap .toptoptop27 {background-image:url('../images/img_27.png');}
.pop-wrap .toptoptop28 {background-image:url('../images/img_28.png');}
.pop-wrap .toptoptop29 {background-image:url('../images/img_29.png');}

.pop-wrap .txtBox * {color:#333;}
.pop-wrap .whiteff * {color:#fff;}
.pop-wrap .txtBox {position:absolute;left:15%;top:45%;width:800px;padding-bottom:30px;}
.pop-wrap .txtBox em {font-size:20px;}
.pop-wrap .txtBox strong {display:block;margin-bottom:30px;font-size:44px;}
.pop-wrap .txtBox dl dt {margin-bottom:4px;color:rgba(0, 0, 0, 0.5);font-size:20px;}
.pop-wrap .txtBox dl dd {margin-bottom:14px;font-size:20px;word-break:break-all;}
.pop-wrap .txtBox.whiteff dl dt {color:rgba(255, 255, 255, 0.5);}
.cbtn {display:inline-block;width:65px;padding-top:70px;position:fixed;top:80px;left:80px;color:#ddd;text-align:center;background:url('../images/btn_prev.png') no-repeat 0 0;border:none;}
.pop-container .cbtn {display:inline-block;width:65px;padding-top:70px;position:fixed;top:80px;left:80px;color:#ccc;text-align:center;background:url('../images/btn_prev.png') no-repeat 0 0;border:none;}
.newsBack {margin:0 -10px;}
.newslist {display:table;width:100%;}
.newslist li {float:left;display:table-cell;width:25%;height:278px;padding:0 10px;margin-bottom:20px;box-sizing:border-box;}
.newslist li.years div {background:#0066dc;}
.newslist li.years strong {position:absolute;right:30px;bottom:30px;color:#fff;font-family:'Titillium Web';font-size:60px;}
.newslist li.years strong:before {content:'';position:absolute;right:0;top:-50px;display:inline-block;width:60px;height:25px;background:url('../images/bg_btn.png') right -120px;}
.newslist li>div {position:relative;height:278px;padding:40px 30px;border:1px solid #ddd;box-sizing:border-box;}
.newslist li strong {line-height:32px;font-size:20px;font-weight:normal;}
.newslist li .txtBox {position:absolute;left:30px;bottom:50px;}
.newslist li .txtBox span {display:block;color:#aaa;}
/* rctCase */
.rctCase {position:relative;width:100%;height:500px;background:url('../images/bg_sub_recruit.png') no-repeat center center;background-size:cover;background-attachment:fixed;}
.rctArea .talentList {counter-reset:item;}
.rctArea .talentList li {counter-increment:item;position:relative;margin-bottom:50px;}
.rctArea .talentList li:before {content:"0" counter(item);display:inline-block;line-height:40px;font-weight:bold;color:#eef2fc;font-size:40px;}
.rctArea .talentList dl {position:absolute;left:13px;bottom:0;}
.rctArea .talentList dl dt {display:inline-block;width:120px;font-size:17px;font-weight:bold;}
.rctArea .talentList dl dd {display:inline-block;}
.rctArea .cirSet {position:relative;padding-right:70px;}
.rctArea .cirSet:last-child {padding-right:0;}
.rctArea .cirSet:after {content:'';position:absolute;left:160px;top:50%;display:inline-block;width:52px;height:10px;margin-top:-5px;background:url('../images/bg_btn.png') left -330px;}
.rctArea .cirSet:last-child:after {display:none;}
.rctArea .welfareList {display:table;width:100%;border:1px solid #eee;}
.rctArea .welfareList li {display:table-cell;float:left;width:33.3%;height:120px;padding:30px 0 0 120px;border-right:1px solid #eee;box-sizing:border-box;background:url('../images/icon_welfareList.png') no-repeat;}
.rctArea .welfareList li:first-child {border-bottom:1px solid #eee;background-position:left top;}
.rctArea .welfareList li:nth-child(2) {border-bottom:1px solid #eee;background-position:left -120px;}
.rctArea .welfareList li:nth-child(3) {border-bottom:1px solid #eee;background-position:left -240px;}
.rctArea .welfareList li:nth-child(4) {background-position:left -360px;}
.rctArea .welfareList li:nth-child(5) {background-position:left -480px;}
.rctArea .welfareList li dl dt {margin-bottom:5px;font-size:17px;font-weight:bold;}
.rctArea .welfareList li dl dd {line-height:22px;}
.rctArea .rctInfo {overflow:hidden;padding:40px;margin-top:70px;background:#eee;}
.rctArea .rctInfo dl {float:left;}
.rctArea .rctInfo .btnApply {display:inline-block;float:right;margin-top:17px;padding:12px 0;width:240px;color:#fff;text-align:center;border:0;background:#0066dc;}
.rctArea .rctInfo .btnApply:before {content:'';display:inline-block;width:30px;height:13px;background:url('../images/bg_btn.png') -9px -371px;}
.rctArea .jobList>li {border-bottom:1px solid #ddd;}
.rctArea .jobList li dl {overflow:hidden;padding:30px 0;}
.rctArea .jobList li:first-child dl {padding:0 0 30px;}
.rctArea .jobList li dt {float:left;width:200px;font-weight:bold;font-size:17px;}
.rctArea .jobList .barList li {margin-bottom:15px;}
.rctArea .jobList .barList li:last-child {margin-bottom:0;}
.rctArea .tt {position:relative;}
.rctArea .tt strong {position:absolute;left:0;top:30px;font-size:20px;color:#222;}
.rctArea .tt .engTt {display:inline-block;padding-left:22px;font-size:40px;color:#eee;}
/*portfolio*/
.ptsArea  {overflow:hidden;max-width:1180px;width:100%;margin:0 auto;}
.ptsArea .p1img1 {text-align:center;margin:100px 0 120px;overflow:hidden;}
.ptsArea .p1img1 strong {display:inline-block;padding-bottom:50px;font-size:19px;text-align:left;}
.ptsArea .p1img1 img {max-width:700px;box-sizing:border-box;}
.ptsArea .p1img2 {width:90%;margin:120px auto 150px;}
.ptsArea .p1img2 .p1img4{overflow:hidden;display:block; float:left;width:50%;}
.ptsArea .p1img2 .p1img4 img {width:calc(50% - 10px);}
.ptsArea .p1img2:after {content:'';display:block; clear:both;}
.ptsArea .p1img2 img{padding-right:20px;float:left;width:65%;box-sizing:border-box;}
.ptsArea .p1img2 img:last-child {padding-right:0;}
.ptsArea .p1img2 .textarea{width:35%;padding:80px 0 0 20px;box-sizing:border-box; display:block; float:left;}
.ptsArea .p1img2 .textarea strong {font-size:18px;font-weight:bold;}
.ptsArea .p1img2 .textarea dt{text-align:left; font-size:18px;display:block;margin-bottom:20px;font-weight:bold;}
.ptsArea .p1img2 .textarea dd{font-size:16px;}
.ptssArea {position:relative;margin:0 auto;width:100%;}
.ptssArea:after {content:'';display:block;position:absolute;top:0;clear:both;width:100%;height:350px;z-index:0;background-color:#f1f2f2;}
.ptssArea .p1img3 {position:relative;margin:0 auto;padding-bottom:2rem;width:100%;max-width:1180px;overflow:hidden;z-index:2;}
.ptssArea .p1img3 .p1area1{float:left;padding:30px;width:45%;position:relative;box-sizing:border-box;}
.ptssArea .p1img3 .p1area1 .textarea {float:left;padding-top:30px;width:100%;box-sizing:border-box;}
.ptssArea .p1img3 .p1area1 img {width:auto;max-width:100%;}
.ptssArea .p1img3 .p1area1 dt{font-size:18px;margin-bottom:14px;font-weight:bold;}
.ptssArea .p1img3 .p1area1 dd{font-size:16px;}
.ptssArea .p1img3 .p1area2{margin-top:160px;padding:30px;width:45%;float:right;position:relative;box-sizing:border-box;}
.ptssArea .p1img3 .p1area2 img{width:auto;max-width:100%;margin-top:30px;}
.ptssArea .p1img3 .p1area2 dt{font-size:18px;font-weight:bold;font-weight:bold;}
.ptssArea .p1img3 .p1area2 dd{font-size:16px;margin-top:14px;}
.ptsArea .p2area .p2area1 .textarea {text-align:center;margin:125px auto;}
.ptsArea .p2area .p2area1 .textarea dt {display:block;font-size:40px;margin-bottom:30px;font-weight:bold;color:black;}
.ptsArea .p2area .p2area1 .textarea dd{font-size:18px;line-height:30px;color:black;}
.ptsArea .p2area .p2area2 img {display:inline; float:left; margin-right:25px;}
.ptsArea .p2area .p2area2 {margin-bottom:120px;}
.ptsArea .p2area .p2area2:after {content:''; clear:both; display:block; }
.ptsArea .p2area .p2area2 .textarea dt{font-size:18px;font-weight:bold;}
.ptsArea .p2area .p2area2 .textarea dd{font-size:16px;margin-top:25px;line-height:30px;}
.ptsArea .p2area .p2area3 {width:685px; margin:0 auto;clear:both;padding-bottom:60px;margin-bottom:100px;}
.ptsArea .p2area .p2area3 .p2margin {margin-bottom:180px;position:relative;}
.ptsArea .p2area .p2area3 .p2margin .area2img{margin:40px 120px 0 0;position:absolute;}
.ptsArea .p2area .p2area3 .p2margin .area2img p{position:absolute; margin-top:-105px;right:100px;text-align:right;width:370px;line-height:30px;}
.ptsArea .p2area .p2area3 .p2margin .area2img2 {position:absolute;left:400px;}
.ptsArea .p2area .p2area3 .p2margin .area2img2 p{position:absolute;margin-top:-105px;left:200px;width:335px;line-height:30px;}
.ptsArea .p2area .p2area3 .p2margin .area2img3 {left:300px;margin-top:375px;position:absolute;}
.ptsArea .p2area .p2area3 .p2margin .area2img3 p{position:absolute; margin-top:-55px;line-height:30px;left:200px;width:380px;}
.ptsArea .p2area .p2area3 .textarea {padding-top:700px;}
.ptsArea .p2area .p2area3 .textarea dt{font-size:18px;font-weight:bold;}
.ptsArea .p2area .p2area3 .textarea dd{font-size:16px;margin-top:25px;line-height:30px;color:#8C8C8C;}
.ptsArea .p2area .p2area4 hr{height:100px;display:inline-block;position:relative;margin-top:-100px;}
.ptsArea .p2area .p2area4 {padding:0 0 50px;clear:both;}
.ptsArea .p2area .p2area4 .textarea {float:left;margin-right:170px;margin-left:100px;padding-top:70px;}
.ptsArea .p2area .p2area4 .textarea dt{font-size:18px;font-weight:bold;}
.ptsArea .p2area .p2area4 .textarea dd{font-size:16px;margin-top:25px;line-height:30px;color:#8C8C8C;width:280px;}
.ptsArea .p2area .p2area4 .textarea img{float:left;}
.portArea .ptsArea .p3area1 img {display:inline; float:left;margin-left:180px;margin-right:70px;}
.portArea .ptsArea .p3area1 {margin:125px 0 140px 0;}
.portArea .ptsArea .p3area1:after {content:''; clear:both; display:block;}
.portArea .ptsArea .p3area1 div .textarea div{margin-bottom:40px;padding-top:35px;}
.portArea .ptsArea .p3area1 div .textarea div strong{font-size:40px;display:inline;margin-right:10px;}
.portArea .ptsArea .p3area1 div .textarea div span{font-size:16px;}
.portArea .ptsArea .p3area1 div .textarea p{margin-bottom:110px;font-size:18px;}
.portArea .ptsArea .p3area1 .textarea dt{font-size:18px;font-weight:bold;}
.portArea .ptsArea .p3area1 .textarea dd{font-size:16px;margin-top:25px;}
.portArea .ptsArea .p3area2{clear:both;margin-bottom:120px;}
.portArea .ptsArea .p3area2 .textarea img{margin:80px 0 20px 0;}
.portArea .ptsArea .p3area2 .textarea dt{font-size:18px;display:block;font-weight:bold;}
.portArea .ptsArea .p3area2 .textarea dd{font-size:16px;margin-top:25px;}
.portArea .ptsArea .p3area2 .textarea p {font-size:16px;word-break:break-all;}
.portArea .ptsArea .p3area2 .textarea{margin:0 6% 0 4%;float:left; width:25%;}
.portArea .ptsArea .p3area2 .p3img {float:left; width:64%; position:relative;}
.portArea .ptsArea .p3area2 .p3img img{width:55%;}
.portArea .ptsArea .p3area2 .p3img img:last-child{position:relative;margin:-90px 0 0 300px;}
.portArea .ptsArea .p3area2:after {content:""; display:block; clear:both;}

.portArea .ptsArea .p3area3 {clear:both; margin-top:3rem;}
.portArea .ptsArea .p3area3 div{float:left;width:calc(33.33333% - 13.333px);margin-right:20px;}
.portArea .ptsArea .p3area3 div:last-child{margin-right:0px;}
.portArea .ptsArea .p3area3 div img{margin-bottom:20px; width:100%;}
.portArea .ptsArea .p3area3 div img:last:child{margin-bottom:0;}
.portArea .ptsArea .p3area3:after {content:"";display:block;clear:both;}

.portArea .p4area1 {clear:both;margin-top:6rem;overflow:hidden;}
.portArea .p4area1 .infoBox {display:table;padding:0 12rem 0 6rem;box-sizing:border-box;width:100%;height:400px;}
.portArea .p4area1 .infoBox dt {display:table-cell;padding-top:4.3rem;box-sizing:border-box;width:520px;height:400px;padding-left:100px;}
.portArea .p4area1 .infoBox dt img {width:100%;box-shadow:10px 10px 16px 0px rgba(0,0,0,0.3);}
.portArea .p4area1 .infoBox dd {display:table-cell;height:400px;padding:0 3rem;vertical-align:middle;font-size:19px;font-weight:bold;line-height:2;}
.portArea .p4area1 .infoBox:before {content:'';position:absolute;left:450px;display:block;width:100%;height:400px;z-index:-1;background:#eee;}
.portArea .p4area1 p {padding-top:7rem;max-width:1000px;margin:auto;text-align:center;font-size:16px;line-height:2;}
.portArea .p4area2 {padding:7rem 0;text-align:center;clear:both;}
.portArea .p4area2 .circle {box-sizing:border-box;position:relative;display:inline-block;margin:0 2rem;padding-top:62px;width:180px;height:180px;text-align:center;border:1px solid #999;border-radius:100px;}
.portArea .p4area2 .circle strong {display:block;font-size:18px;}
.portArea .p4area2 .circle span {color:#999;}
.portArea .p4area2 .circle:first-child::after {content:'';position:absolute;display:block;top:-17px;left:-17px;width:210px;height:210px;border:1px solid #ddd;border-radius:100px;background:transparent;}
.portArea .p4area3 {width:100%;height:200px;overflow:hidden;}

.portArea .p5area1 {display:table;width:100%;box-sizing:border-box;background:#f1f1f1;}
.portArea .p5area1 div {display:table-cell;box-sizing:border-box;padding:0 1rem;height:700px;vertical-align:middle;}
.portArea .p5area1 div:first-child {width:50%;text-align:center;}
.portArea .p5area1 div strong {display:inline-block;max-width:700px;font-size:20px;}
.portArea .p5area1 div p {padding-top:50px;max-width:700px;font-size:16px;}
.portArea .p5area1 div p:before {content:'';display:block;padding-top:30px;width:20%;border-top:2px solid #ddd;}
.portArea .p5area1 div ul {padding-top:50px;}
.portArea .p5area1 div ul:before {content:'';display:block;padding-top:30px;width:20%;border-top:2px solid #ddd;}
.portArea .p5area1 div ul li {margin-left:13px;max-width:700px;font-size:16px;text-indent:-7px;}
.portArea .p5area1 div ul li:before {content:"•";margin:-9px 7px 0 0;font-size:14px;display:inline-block;vertical-align:middle;}
.portArea .p5area1 div img {margin:0 1rem;max-width:380px;vertical-align:middle;box-shadow:10px 10px 20px 0px rgba(0,0,0,0.5);}
.portArea .p5area2 {position:relative;padding:5rem 0;height:auto;}
.portArea .p5area2>img {position:absolute;display:block;right:0;opacity:0.3;}
.portArea .p5area2 div {box-sizing:border-box;padding-top:49rem;text-align:center;}
.portArea .p5area2 div strong {display:block;font-size:24px;color:#000;line-height:3;}
.portArea .p5area2 div span {display:block;font-size:17px;}
.portArea .p5area2 div dl {margin-top:4rem;display:inline-block;padding:0 2rem;width:200px;vertical-align:top;}
.portArea .p5area2 div dl dd {padding-top:0.6rem;}
.portArea .p5area2.type2 {padding-top:10rem;height:960px;}
.portArea .p5area2.type2 div {padding-top:34rem;}
.portArea .p5area2.type3 {padding-top:10rem;height:500px;}
.portArea .p5area2.type3 div {padding-top:2rem;}
.portArea .p5area2.type3 div dt img {width:120px;}
.portArea .p5area2.svgType div {padding-top:34rem;}
.portArea .p5area2.svgType div dt img {width:10rem;}
.portArea.portfolio23 dt img,
.portArea.portfolio24 dt img {width:130px;}

.portArea .p6area1 {display:table;width:100%;box-sizing:border-box;text-align:center;background:url('../images/insam_1.png') center top no-repeat;}
.portArea .p6area1 div {display:inline-block;vertical-align:middle;padding:4rem 2rem 3rem;}
.portArea .p6area1 div:first-child {width:500px;box-sizing:border-box;text-align:left;}
.portArea .p6area1 div h2 {font-size:26px;font-weight:600;color:#fff;line-height:2;}
.portArea .p6area1 div strong {font-size:19px;font-weight:400;color:#fff;}
.portArea .p6area1 div p {padding-top:120px;box-sizing:border-box;font-size:16px;color:#fff;}
.portArea .p6area1 div img {margin:1rem;width:250px;vertical-align:bottom;box-shadow:10px 10px 20px 0px rgba(0,0,0,0.7);}
.portArea .p6area2 {padding:7rem 3rem;}
.portArea .p6area2 p {float:right;padding-right:200px;width:360px;font-size:16px;}
.portArea .p6area2 div {clear:right;padding:0 8rem;text-align:center;}
.portArea .p6area2 div img {margin:0 20px;width:calc(100%/3 - 50px);box-shadow:10px 10px 20px 0px rgba(0,0,0,0.5);}
.portArea .p6area2 div img:nth-child(2) {margin-top:80px;}
.portArea .p6area2 div img:nth-child(3) {margin-top:160px;}
.portArea .p6area2 div img:nth-child(5) {margin-top:80px;}
.newArea {text-align:center; overflow:hidden;width:100%; height:530px; background:url('../images/img_biz_system_rel.png') center top no-repeat; }

/* narae 2022-01-12 */
.portArea .p7area1 {display:table;width:100%;box-sizing:border-box;}
.portArea .p7area1 div {display:table-cell;box-sizing:border-box;padding:7rem 1rem 1rem;vertical-align:middle;text-align:center;}
.portArea .p7area1 span {display:inline-block;width:39px;height:23px;margin-top:100px;background:url(../images/down_arrow.png) no-repeat;}
.portArea .p7area1 div strong {display:block;font-size:40px;color:#111;}
.portArea .p7area1 div p {padding-top:20px;font-size:17px;color:#4c4c4c;}
.portArea .p7area1 div p:first-child {padding-top:50px;}
.portArea .p7area1 div p > em {font-size:17px;}
.portArea .p7area1 div p > em.goldColor {color:#c29d54;font-weight:bold;}
.portArea .p7area1 div p > em.redColor {color:#ba331d;}
.portArea .banner {padding-top:50px;text-align:center;}
.portArea .banner div {padding-bottom:25px;}
.portArea .banner div span {display:block;width:130px;height:32px;margin:0 auto;border-radius:50px;background:#0e935d;color:#fff;font-weight:bold;line-height:30px;}
.portArea .banner img {width:100vw;}
.portArea .p7area2 {display:table;width:100%;box-sizing:border-box;}
.portArea .p7area2 div {display:table-cell;box-sizing:border-box;padding:10rem 1rem 1rem;vertical-align:middle;text-align:center;}
.portArea .p7area2 div strong {display:block;font-size:37px;color:#111;}
.portArea .p7area2 div p {padding-top:20px;font-size:16px;color:#4c4c4c;}
.portArea .p7area2 div p > strong {display:inline-block;padding:0;font-size:16px;color:#4c4c4c;line-height:0;}
.portArea .p7area2 div img {width:800px;padding-bottom:220px;}
.portArea .p7area2 ul {display:table;width:100%;max-width:1600px;margin:0 auto;padding-top:80px;text-align:center;border-spacing:60px;}
.portArea .p7area2 ul.moblieVer {display:none;}
.portArea .p7area2 ul.desktopVer li {position:relative;display:table-cell;width:calc(100% / 5);height:36px;margin:0 40px;background:#c29c54;border:1px solid #c29c54;color:#fff;border-radius:25px;font-size:13px;font-weight:bold;line-height:34px;}
.portArea .p7area2 ul.desktopVer li:not(:last-child):after {content:'···';font-family:'NanumGothic';position:absolute;top:0;left:50%;transform:translate(36px, 3px);width:100%;height:30px;color:#c29d54;letter-spacing:10px;font-size:22px;} 
.portArea .p7area2 ul.desktopVer li:nth-child(3) {background:#fff;border:1px solid #c29c54;color:#c29c54;}

/* portfolio 개별 화면 */
.portArea.portfolio1 .ptsArea .p1img2 .textarea {width:48%;}
.portArea.portfolio3 .ptsArea .p3area1 div .textarea p {width:1080px;}
.portArea.portfolio4 .ptsArea .p1img2 .textarea {width:48%;}
.portArea.portfolio5 .ptsArea .p1img1 strong {padding-top:50px;}
.portArea.portfolio5 .ptssArea .p1img3 .p1area2 {margin-top:400px;}
.portArea.portfolio7 .ptsArea .p3area1 div .textarea p {width:1020px;}
.portArea.portfolio13 .ptsArea .p3area1 div .textarea p {width:970px;}
.portArea.portfolio18 .p5area1 div p {max-width:632px;}
.portArea.portfolio19 .p5area1 div p {max-width:630px;}
/*  박미진 2018-06-14  */
.recruitArea {margin:0 80px; padding:40px 0; background:url('../images/bg_recruit.png') 50% 50%;  height:200px;}
.recruitArea > .inner {width:100%; max-width:1180px;  margin:0 auto; position:relative; height:auto;}
.recruitArea .titArea > h3 {color:#fff;}
.recruitArea .subheader {color:#fff; font-size:16px;}
.recruitArea .rec_list {margin-top:60px; height:20px;}
.recruitArea .rec_list li {float:left; color:#fff;}
.recruitArea .rec_list li:after {content:"|"; display:inline-block; text-align:center; width:20px;}
.recruitArea .rec_list li:last-child:after {display:none;}
.recruitArea .rec_list li span {color:rgba(255,255,255,.6);}
.recruitArea .rec_list ul:after {content:""; display:none;  float:both;}
.recruitArea .btn_more {position:absolute; display:inline-block; padding-right: 20px; right:0; bottom:0px; color:#fff; background:url('../images/b_arrow.png') 100% 50% no-repeat;}


.subArea {position:relative; overflow:hidden;}
.subArea:after { content:""; display:block; float:both;}

.inner {width:1180px; margin:0 auto;}
.contract1 {background:url('../images/service_100.png') left no-repeat;}


.service {background-position:center top; background-repeat:no-repeat;}
.service.clip {background-image:url('../images/service_clip.png'); height:1442px;}
.service.competition {background-image:url('../images/service_competition.png'); height:1287px;}
.service.contract {background-image:url('../images/service_contract.png'); height:2100px;}
.service.expo {background-image:url('../images/service_expo.png'); height:1332px;}
.service.eyes {background-image:url('../images/service_3deyes.png'); height:2012px;}
.service.fitness {background-image:url('../images/service_fitness.png'); height:1700px;}
.service.job {background-image:url('../images/service_job.png'); height:986px;}
.service.s2p {background-image:url('../images/service_s2p.png'); height:2245px;}

.pb10 {padding:0 0 10rem;}

.compArea {max-width:1180px; width:100%; margin:0 auto;}
.compArea dl dd {float:left; position:relative;width:31%;background:#fff; box-sizing:border-box; padding:19px; }
.compArea dl dt {float:left; position:absolute;}
.compArea dl dd h4 {font-size:20px; color:#333;}
.compArea dl dd h4:after {content:""; width:30px; height:4px; background:#0066dc; display:block;margin:10px 0 20px;}
.compArea dl:nth-child(1) dd {left:50%; margin-left:80px; }
.compArea dl:nth-child(2) dd {margin-left:100px;}
.compArea dl:nth-child(3) dd {left:50%; margin-left:180px;}
.compArea dl:nth-child(2) dt {right:0;}
.compArea dl:nth-child(3) dt {margin-left:100px; margin-top:0;}
.compArea dl:nth-child(4) dt {right:0;}
.compArea dl {margin-bottom:7rem; position:relative; min-height: 330px;}
.compArea dl:after {content:""; display:block; clear:both;}

.inner {width:100%; max-width:1180px; margin:0 auto; position:relative;}
.inner:after {content:"";clear:both;display:block;}

.service.contract01 {width:100%; height:580px; background:url('../images/s_01_img.png') center top no-repeat;}
.service.contract01 .textArea {width:280px; float:right; background:#fff; padding:0 0 20px 20px;}
.service.contract01 .textArea .title {font-size:44px; line-height:1.2; margin-bottom:1rem; font-weight:900; color:#333;}
.service.contract01 .textArea span {font-size:32px;display:block;}
.service.contract01 .textArea p {font-size:16px; margin:65px 0 0;}

.service.contract02 {margin:180px 0 200px;}
.service.contract02 .title {float:left; width:13.33334%; font-size:22px; font-weight:600; color:#333;}
.service.contract02 .iconArea {float:right; width:74.6%;}
.service.contract02 .iconArea ul li {float:left; width:calc(33.3333% - 14px); margin-right:20px; text-align:center; background:#333; padding:3rem 0 0;}
.service.contract02 .iconArea ul li:last-child {margin-right:0px;}
.service.contract02 .iconArea ul li i {display:inline-block; height:110px; width:100%; text-indent:-99998px; overflow:hidden; background-image:url('../images/s_02_img.png'); background-repeat:no-repeat; background-position:50% 50%;}
.service.contract02 .iconArea ul li:nth-child(2) i {background-image:url('../images/s_03_img.png');}
.service.contract02 .iconArea ul li:nth-child(3) i {background-image:url('../images/s_04_img.png');}
.service.contract02 .iconArea ul li:nth-child(2) {background:#dc5800;}
.service.contract02 .iconArea ul li:nth-child(3) {background:#0066dc;}
.service.contract02 .iconArea ul li strong {display:block; font-size:20px; color:#fff; margin-bottom:1rem;}
.service.contract02 .iconArea ul li span {font-size:13px; color:#fff; }
.service.contract02 .iconArea ul li p {width:80%; margin:0 auto; color:rgba(255,255,255,.4); min-height:100px;}


.service.contract03 {height:200px; background:#f1f2f2; padding:40px 0 0;}
.service.contract03 .inner {padding:0 0 300px;}
.service.contract03 .feature {float:left; width:74.6%; padding-bottom:80px;}
.service.contract03 .feature ul li {float:left; width:calc(33.3333% - 14px); margin-right:20px; }
.service.contract03 .feature ul li div img {width:100%;}
.service.contract03 .feature ul li:last-child {margin-right:0px;}
.service.contract03 .feature ul li strong {font-size:16px; color:#333; z-index:6;display:block; position:relative; margin-top:5px;}
.service.contract03 .feature ul li strong span {display:block; color:rgba(0,0,0,0.1);font-size:40px; z-index:-1;}
.service.contract03 .title {float:left;  width:13.33334%; text-align:right; font-size:22px; font-weight:600; color:#333;}

.service.competition01 {width:100%; height:580px; background:url('../images/c_01_img.png') center top no-repeat;}
.service.competition01 .textArea {width:280px; float:left; background:#fff; padding:0 20px 20px 0;}
.service.competition01 .textArea .title {font-size:44px; line-height:1.2; margin-bottom:1rem; font-weight:900; color:#333;}
.service.competition01 .textArea span {font-size:32px;display:block;}
.service.competition01 .textArea p {font-size:16px; margin:65px 0 0;}

.service.competition02 {margin-top:5rem;}
.service.competition02 .title {text-align:right; font-size:20px; font-weight:600; color:#333;}
.service.competition02 ul li {float:left; width:33.33333%;}
.service.competition02 ul li strong {height:115px; width:100%; display:block; border-bottom: 2px solid #222; color:#222; font-size:24px; box-sizing:border-box; padding-left:2%; border-left:2px solid #222; padding-top:60px;}
.service.competition02 ul li p {height:120px; padding:15px 0 0 15px;}
.service.competition02 ul li:nth-child(2) {margin-top:113px;}
.service.competition02 ul li:nth-child(3) {margin-top:226px;}

.service.fitness01 {}
.service.fitness01 .textArea {width:40%; float:right; margin-bottom:60px;}
.service.fitness01 .textArea dl dt {margin-bottom:1rem;}
.service.fitness01 .logo_f {position:absolute; top:0; right:0;}

.service.fitness02 {background:#f1f2f2; padding:40px 0 0;}
.service.fitness02 .textArea {width:40%; float:left;}
.service.fitness02 .textArea dl dt {font-size:18px; font-weight:600; color:#e8318b; margin:3rem 0 2rem;}
.service.fitness02 .textArea dl dd {margin-bottom:1rem;}
.service.fitness02 .imgArea {width:60%; float:left; text-align:right;}

.service.fitness03 {padding:80px 0;}
.service.fitness03 ul li {width:50%; float:left; }
.service.fitness03 ul li .o_title {width:158px; height:158px; border:1px solid #e93c91;  border-radius:158px; display:table; float:left;}
.service.fitness03 ul li .o_title span {display:table-cell; vertical-align:middle; color:#e93c91; text-align:center; font-size:16px; }
.service.fitness03 ul li .o_text {display:table-cell; vertical-align:middle; padding:20px 20px 0;}
.service.fitness03 ul li:nth-child(1) .o_title,
.service.fitness03 ul li:nth-child(3) .o_title {float:right; }
.service.fitness03 ul li:nth-child(2) .o_title,
.service.fitness03 ul li:nth-child(3) .o_title {border:1px solid #34bcf2; }
.service.fitness03 ul li:nth-child(2) .o_title span,
.service.fitness03 ul li:nth-child(3) .o_title span {color:#34bcf2;}
.service.fitness03 ul li:nth-child(1) .o_text,
.service.fitness03 ul li:nth-child(3) .o_text {text-align:right; }

/* termsArea */
.termsArea .termsHead {margin:0 auto 18px;width:90%;text-align:right;}
.termsArea .termsTxt {position:relative;width:90%;padding:50px;margin:0 auto 50px;box-sizing:border-box;border:1px solid #ddd;}
.termsArea .termsTxt div {padding:0 0 0;}
.termsArea .termsTxt p {padding:10px 0 10px;}
.termsArea .termsTxt ul,
.termsArea .termsTxt ol {padding:10px 0 10px 40px;text-indent:-20px;}
.termsArea .termsTxt ol li ol li {padding-left:10px;text-indent:-36px;}
.termsArea .termsTxt a {text-decoration:underline;}
.termsArea h4 {font-size:18px;padding:20px 0 0;margin:30px 0 0;color:#0066dc;border-top:1px solid #dbdbdb;}
.termsArea h4:first-child {padding:0 0 0;margin:0 0 0;border-top:0;}
.termsArea h5 {font-size:16px;text-align:left;padding:10px 0 0;margin:0;}
.termsArea table {border-collapse:collapse;width:40%;border:1px solid #999}
.termsArea table th {padding:5px 10px;border:1px solid #999;background:#eee;}
.termsArea table td {padding:5px 10px;border:1px solid #999}
/* end termsArea */