@charset "UTF-8";

/* ceo인사말 */

section.company_01,
section.company_02,
section.company_03,
section.company_04,
section.company_05 {
	font-family: 'NotoSans', sans-serif, Helvetica;
	font-size: 18px; line-height: 32px; list-style: none;
}

section h3.section_title_01 {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 80px;
	line-height: 32px;
}
/* CEO & People */
section.company_01 .boxing p strong {
	font-size: 22px;
}
section.company_01 p.subj {
	font-size: 33px;
	font-weight: 900;
	line-height: 44px;
	margin-bottom: 40px;
	color: #000;
	margin-top:5%;

}

section.company_01 p.subj_down  {
	margin-top:4%;
	font-size: 1.1em;
	color:black;
	line-height: 35px;
	padding-right: 5%;
	word-break: keep-all;
	letter-spacing: -0.3px;
	font-weight: 300;
}

section.company_01 .message   {
	margin-top:5%;font-weight: 600
}

section.company_01 .message  > span {font-size: 1.1em;;font-weight: 800}

section.company_01 p.subj span {
	font-size: 33px;
	font-weight: 300;
	text-align: center;
}

section.company_01 .ceo img {
	float: right;
	margin-top:10%;
}

section.company_01 .ceo .message {
	float: right;
	padding-top: 18px;
	font-size: 17px;
}

section.company_01 .ceo .message span {
	font-weight: 900;
	font-family: 'NanumSquare;
}


/* 회사소개 */
.company_02 .company_img01 {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

/*.company_02 .box1 {
	display: table;
	width: 100%;
	height: 47vh;
}

.company_02 .box2 {
	display: table;
	height: 100%;
	width: 100%;
}

.company_02 .box3 {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 14vh;

}

.company_02 .box3 dl {
	font-family: 'Ubuntu', sans-serif;
	width: 50%;
	padding-top: 18px;
}

.company_02 .box3 dl dt {
	font-size: 48px;
	color: #000;
	text-transform: capitalize;

}

.company_02 .box3 dl dd {
	font-size: 14px;

.company_02 .title-wrap h2 {
	font-weight: 600;
}
}*/
.company_02 .intro-text h4 {
	font-size: 32px;
	font-weight: 900;
}
.company_02 .intro-text h5 {
	font-size: 28px;
}
.company_02 .intro-text p {
	margin-top: 30px;
	font-size: 22px;
	line-height: 1.7;
}
.company_02 .title-wrap {
	margin-top: 50px;
	padding-bottom: 30px;
	text-align: center;
	border-bottom: 0px!important;
}
.company_02 .devide-line {
	width:100%;
	height:1px;
	background: #eee;
	margin:60px 0;
}

.company_02 .vision_box {position: relative;  overflow:hidden;z-index: 1000;}
.company_02 .vision_box .vision_left {background-color: #019E97; width: 30%; position: absolute; left: 0; top:260px; z-index: 10; padding: 40px}
.company_02 .vision_box .vision_left > p {text-align: right; color:#fff; font-size: 0.92em; font-weight: 300}
.company_02 .vision_box .vision_left > p > b {font-size: 1.5em; font-weight: 700}
.company_02 .vision_box .vision_right {z-index: 9}
.company_02 .vision_box .vision_right img { display:inline-block; margin-left:224px; }
.company_02 .vision_box .vision_mobile {display: none;}

.company_02 .value_box {text-align: center; margin-top: 20px!important;}
.company_02 .value_box h2 {font-weight: 900}
.company_02 .value_box .value_box_inner {margin-top: 60px}
.company_02 .value_box .col-md-4 {margin-bottom: 50px}
.company_02 .value_box .value_round { margin: 0 auto; border: 1px solid #ededed; border-radius: 247px; height:180px; width:180px; margin-bottom: 20px; box-shadow: 0px 10px 15px -2px rgb(0 0 0 / 10%);}
.company_02 .value_box .value_round > img {margin: 44px 48px; width:50%}
.company_02 .value_box .value_round > p {margin-top: -30px; font-weight: 700}
.company_02 .value_box p {font-weight: 300; color:#272727; font-size: 18px; letter-spacing: -0.7px; line-height: 1.8}
.company_02 .value_box p.value_tit {padding-top:20px; font-weight: 400; font-size: 20px;}

/* 타이틀 */
.company_02 h1 {font-weight: 600; margin: 120px auto 50px; font-size: 34px; }
.sub-title-wrap {margin-top: -30px;}
.sub-title-wrap h3 {font-size: 28px; color:#414141; line-height: 34px; text-align:center; letter-spacing: -0.6px}

/* 중분류 */
/*.company_02 .title-wrap .cell_up {margin-bottom: 3%}*/
.company_02 .title-wrap .cell_up img {margin: 60px 0 40px; max-width: 100%}
.company_02 .title-wrap .cell_up p {word-break:keep-all; font-size: 20px; letter-spacing: -0.6px; line-height: 34px;}
.company_02 .title-wrap .cell_up p > b {font-weight: 900; font-size: 1.5em; }
.company_02 .title-wrap .cell { /*height: 414px;*/ height:200px; z-index: 900;}
.company_02 .title-wrap .cell .img {background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%}
.company_02 .title-wrap .cell .img.mobile {display: none}
.company_02 .title-wrap .cell .txt {text-align: left; padding:50px 70px 0; /*padding:160px 70px 0;*/ font-size: 20px; letter-spacing: -0.6px; line-height: 34px; }
.company_02 .title-wrap .cell .txt p {word-break:keep-all}
.company_02 .title-wrap .cell .txt p.text-right {text-align: right}
.company_02 .title-wrap .cell .txt b {font-weight: 900; font-size: 30px; position: relative}
/*.company_02 .title-wrap .cell .txt b::before {position: absolute; top:-50%; content: ''; padding: 0px 13px; height:4px; background-color:#029e97; }*/

/* 사업영역 business area */
.company_07 .content-wrap {margin-top: 150px; text-align: center}
.company_07 .tit {font-weight: 600}
.disk_box {min-height:300px; background: #ffebd8; letter-spacing: -0.3px;}
.disk_box .box_tit h4 {font-weight:900; color:#494949}
.disk_box .box_tit .hor_line {content: ''; width:11px; height:1px; background: #494949; display: inline-block; margin:10px 0}


/* 연혁 */
section.company_03 #tab_wrap .nav-tabs {
	border-bottom: 0;
}

section.company_03 #tab_wrap .nav-tabs > li > a {
	margin: 0;

}

section.company_03 #tab_wrap .nav-tabs > li > a,
section.company_03 #tab_wrap .nav-tabs > li > a:focus,
section.company_03 #tab_wrap .nav-tabs > li > a:hover {
	color: #fff;
	border-left: 1px #cfcfcf solid;
}

section.company_03 #tab_wrap .nav-tabs > li > a {
	border: none;
	color: #666;
	background: #f8f8f8;
	/*            font-size: 13px;*/
	font-weight: 600;
	border-top: 1px #dedede solid;
	border-bottom: 1px #999999 solid;
	border-left: 1px #dedede solid;
	/*    border-top: 1px #999999 solid;*/
	border-radius: 0;
	line-height: 38px;
	font-size: 16px;
	/*        transition: 1s;*/
}

section.company_03 #tab_wrap .nav-tabs > li:first-child > a {
	/*        border-left: 1px #999999 solid;*/
}


section.company_03 #tab_wrap .nav-tabs > li:last-child > a {}

section.company_03 #tab_wrap .nav-tabs > li > a > span {
	color: #000;
}

section.company_03 #tab_wrap .nav-tabs > li > a:hover,
section.company_03 #tab_wrap .nav-tabs > li > a#bo_cate_on,
section.company_03 #tab_wrap .nav-tabs > li > a:focus {
	color: #efefef;
	background: #fff;
	color: #000;
	border-top: 1px #cfcfcf solid;
	border-bottom: 1px #fff solid;
	border-left: 1px #cfcfcf solid;

}

section.company_03 #tab_wrap .nav-tabs > li > a#bo_cate_on {
	background-color: #fff;
	border-top: 2px #000 solid;
	font-weight: 900;
}

section.company_03 #tab_wrap .nav-tabs > li:first-child > a:hover,
section.company_03 #tab_wrap .nav-tabs > li:first-child > a:focus {
	border-left: 0;
}

section.company_03 #tab_wrap .nav-tabs.two > li {
	width: 50%;
	text-align: center;
}

section.company_03 #tab_wrap .nav-tabs.three > li {
	width: 33.333333333333333%;
	text-align: center;
}

section.company_03 #tab_wrap .nav-tabs.four > li {
	width: 25%;
	text-align: center;
}

section.company_03 .tab-pane {
	padding: 15px 0;
}

section.company_03 .tab-content {
	padding: 20px
}



section.company_03 #tab_wrap {
	/*        border: 0 !important;*/
	border-left: 1px #dedede solid;
	border-right: 1px #dedede solid;
	border-top: 0;
	border-bottom: 0;
	margin-bottom: 80px;
}

section.company_03 dt {
	width: auto;
	margin-bottom: 10px;
}

section.company_03 dd {
	padding-left: 20px;
	border-left: 3px #eee solid
}

section.company_03 dt:after {
	/*    content: " / "*/
}

section.company_03 .history-left {
	text-align: left;
}

section.company_03 .history-left h2 {
	font-size: 48px;
	margin-bottom: 20px;
	font-weight: 900;
	color: #000;
	margin-top: 0;
	float: left;

}
section.company_03 .history-right h2 { /* history-right 추가 */
	font-size: 48px;
	margin-bottom: 20px;
	font-weight: 900;
	color: #000;
	margin-top: 0;
	float: left;

}

section.company_03 .history-left span {
	padding-left: 20px;
	line-height: 48px;

	font-weight: 300;
	font-size: 26px;
	color: #474747;
}

section.company_03 .history-right span { /* history-right 추가 */
	padding-left: 20px;
	line-height: 48px;
	font-weight: 300;
	font-size: 26px;
	color: #474747;
}
section.company_03 .history-left p.text {
	color: #474747;
	font-size: 16px;
	line-height: 24px;
}

section.company_03 .history-right p.text {/* history-right 추가 */
	color: #474747;
	font-size: 16px;
	line-height: 24px;
}

section.company_03 .history-left p.image {
	margin-top: 30px;
}

section.company_03 .history-left li {
	text-align: right;
}

section.company_03 .history-left li.title {
	font-size: 25px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	padding-bottom: 12px;
}

section.company_03 .history-left li span.mon {
	font-weight: 600;
	color: #000000;
	content: "-";
	font-size: 12px;
	background-color: #fff;
	border: 1px #f3f3f3 solid;
	margin-left: 7px;
}

section.company_03 .history-left li span.mon:after {
	/*    content: " . ";*/
}

section.company_03 .history-left li span.mon2 {
	font-weight: 400;
	color: #2B4471;
	content: "-";
	font-size: 12px;
}

section.company_03 .history-left li span.mon2:after {
	content: " ";
}

section.company_03 .history-left ul.list-unstyled {
	border-bottom: 0 !important;
	padding-right: 20px;
}

section.company_03 .history-right{
	/*background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;*/
	margin-top: 80px;
	margin-left: 80px;
}
section.company_03 .history-right.img{
	/*background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;*/
	margin-left: 0px;
	margin-top : 0px;
}

section.company_03 .history-right ul {
	background: url(../../img/sub/dot.png) 0 2% no-repeat;
	margin-bottom: 35px;
	border-bottom: 0;
}

section.company_03 .history-left ul {
	background: url(../../img/sub/dot.png) 88.5% 2% no-repeat;
	margin-bottom: 35px;
	border-bottom: 0;
}

section.company_03 .history-right li {}

section.company_03 .history-left li {
	margin-right: 100px;
}

section.company_03 .history-right li.title,
section.company_03 .history-left li.title{
	font-size: 25px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	padding-bottom: 12px;
}

section.company_03 .history-right li span.mon,
section.company_03 .history-left li span.mon{
	font-weight: 600;
	color: #000000;
	content: "-";
	font-size: 12px;
	background-color: #fff;
	border: 1px #f3f3f3 solid;
	margin-right: 7px;
}

section.company_03 .history-right li span.mon:after {
	/*    content: " . ";*/
}

section.company_03 .history-right li span.mon2,
section.company_03 .history-left li span.mon2 {
	font-weight: 400;
	color: #2B4471;
	content: "-";
	font-size: 12px;
}

section.company_03 .history-right li span.mon2:after,
section.company_03 .history-left li span.mon2:after {
	content: " ";
}

section.company_03 .history-right ul.list-unstyled {
	border-bottom: 0 !important;
	padding-left: 40px;
}

section.company_03 .history-left ul.list-unstyled {
	border-bottom: 0 !important;
	padding-left: 40px;
	/*text-align: left!important*/
}

@media (max-width: 1024px) {
	.company_02 .title-wrap { margin-top:0;  padding-bottom:0;}
	.company_02 .title-wrap .cell_up p {font-size: 18.5px;}
	.company_02 .title-wrap .cell .txt {padding:95px 60px 0; font-size: 18.5px;}
	.company_02 .title-wrap .cell .txt b {font-size: 28px;}
	/*.company_02 .title-wrap .cell .txt b::before {top:-40%;}*/
	.company_02 .title-wrap .vision_box {/* margin-top:70px;*/}
	.company_02 .vision_box .vision_left {display: none;}
	.company_02 .vision_box .vision_right {position: center; width:100%}
	.company_02 .vision_box .vision_right img { display:inline-block; margin-left:0px; }
	.company_02 .vision_box .vision_mobile {display: block; background-color: #019E97; width:100%;padding: 10px}
	.company_02 .vision_box .vision_mobile > p {text-align: center; color:#fff; font-size: 0.82em; font-weight: 300; line-height:25px;}
	.company_02 .vision_box .vision_mobile > p > b {font-size: 1.5em; font-weight: 700}
	.company_02 .title-wrap.value_box { margin-top:70px;}
	.company_02 .value_box .value_round { margin: 0 auto; border: 1px solid #e0e2e5; border-radius: 247px; height:200px; width:200px; margin-bottom: 20px}
	.company_02 .value_box .value_round > img {margin: 36px auto;}
	section.company_03 .history-right {
		margin-left: 58px;
	}
	section.company_03 .history-right ul.list-unstyled {
		padding-left: 65px;
	}
}

/* CI */
.company_05 .section_title_01 {line-height: 36px!important;}
.company_05 .row img {max-width:100%!important;}
.ci_tit {font-size:1.8em; text-align:center; margin: 150px 0 30px 0;}
.ci_tit_sub {text-align:center; color:#9a9a9a; font-weight: 600}

/* business area */
@media (max-width: 992px){
	.company_07 .content-wrap {
		margin-top: 60px;
	}
	.company_07 .content-wrap ul li {
		margin-top: 50px;
	}
}

/* 파트너십 partnership */
.company_08 .desc {line-height: 1.8; font-size: 26px; margin-top: 30px; letter-spacing: -1px;}
.partners .content-wrap {margin-top: 180px;}
.partners .content-wrap h2 {font-size: 40px; font-weight: 900; letter-spacing: -1px;}
.partners .content-wrap > p {font-size: 22px; line-height: 1.8; font-weight: 300}
.partners_list_wrap ul {font-size: 0; margin-top: 45px}
.partners_list_wrap ul li {margin-bottom: 50px;}
.partners_list_wrap ul li img {max-width:90%}
.partners_list_wrap ul li .partners-name, .partners_list_wrap ul li span {font-size:14px; letter-spacing: -1px; margin-bottom: 3px}
.partners_list_wrap ul li span {color:#acacac}

/* 찾아오시는 길 */
.os_mac.root_daum_roughmap .section_address .tit,
.os_mac.root_daum_roughmap .section_address .txt,
.os_mac.root_daum_roughmap .section .title,
.os_mac.root_daum_roughmap .section_busstop .wrap_list li a,
.root_daum_roughmap .section_busline .wrap_list .txt a {font-size: 15px!important;}

section.company_04 .embed-container {
	position: relative;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

section.company_04 .embed-container iframe,
section.company_04 .embed-container object,
section.company_04 .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section .table_wrap .table {
	border-top: 2px #000 solid;
	border-bottom: 1px #ddd solid;
	max-width: 100%;
}

section .table_wrap caption {
	font-weight: 900;
	color: #000;
	font-size: 18px;
	/*    padding-top: 15px*/
}

section .table_wrap .table th {
	width: 170px;
	padding-left: 18px;
	font-weight: 900;
}

section .table_wrap .table th,
section .table_wrap .table td {
	padding: 15px 20px;
	vertical-align: middle;
	word-break: keep-all;
}


section.company_04 dl {
	padding-bottom: 0;
	margin-bottom: 15px;
}

section.company_04 dl dt {
	padding-top: 10px;
}

section.company_04 dl dd {
	padding-left: 20px;
}

section.company_04 .d-map {
	padding: 0 8px;
	background: #2c77dd;
	color: #fff;
	font-size: 11px;
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 900;
	border-radius: 2em;
}
section.company_04 .btn{
	font-size: 15px;
	border-radius: 0;
	border:1px #000 solid;
	color: #000;
	font-weight: 600;
}
/* 레이어 팝업 */
.overlay-popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 9999999999999999999999999999999999999999999999999999;
}

.overlay-popup:target {
	visibility: visible;
	opacity: 1;
}

.popup-content {
	margin: 70px auto;
	background: #fff;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
	padding-bottom: 10px;
}

.popup-content h2 {
	background: linear-gradient(#44474e, #35383f);
	margin-top: 0;
	color: #fff;
	font-family: 'NotoSans';
	font-size: 18px;
	line-height: 52px;
	padding-left: 20px;
	font-weight: 600;
	padding-top: 5px;
}

.popup-content .close {
	position: absolute;
	top: 15px;
	/*    border: 1px #fff solid;*/
	right: 15px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	opacity: 1;
	text-shadow: none;
	line-height: 0;
	padding-top: 12px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.popup-content .close:hover {
	color: #06D85F;
}

.popup-content .content {
	/*  max-height: 30%;*/
	height: 420px;
	padding: 25px 20px;
	font-size: 13px;
	overflow-y: auto;
}

.popup-content .content p,
.popup-content .content span {
	font-size: 13px;
}

.popup_text_point {
	font-size: 16px;
	font-weight: 600;
	font-weight: 600;
	padding-bottom: 12px;
}

@media (max-width: 992px) {
	section.company_01 {
		text-align: center;
	}

	section h3.section_title_01 {
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		margin-bottom: 60px;
		line-height: 26px;
	}

	section.company_01 p.subj {
		font-size: 26px;
		font-weight: 900;
		line-height: 42px;
		margin-bottom: 30px;
		color: #000;
	}

	section.company_01 p.subj span {
		font-size: 26px;
		font-weight: 300;
		text-align: center;
	}

	section.company_01 .ceo {
		margin-top: 30px;
		margin-bottom: 50px;
		text-align: center;
	}

	section.company_01 .ceo img {
		float: none;
		text-align: center;
		width: 100%;
	}

	section.company_01 .ceo .message {
		float: right;
		padding-top: 18px;
		font-size: 14px;
	}

	section.company_01 .ceo .message span {
		font-weight: 900;
		font-family: 'NanumSquare;

	}

	section.company_02 .company_img01 {
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	section.company_02 .box1 {
		display: table;
		width: 100%;
		height: 47vh;
	}

	section.company_02 .box2 {
		display: table;
		height: 100%;
		width: 100%;
	}

	section.company_02 .box3 {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding-left: 6vh;
		padding-right: 6vh;

	}

	section.company_02 .box3 dl {
		font-family: 'Ubuntu', sans-serif;
		width: 100%;
		padding-top: 18px;
	}

	section.company_02 .box3 dl dt {
		font-size: 32px;
		color: #000;
		text-transform: capitalize;

	}

	section.company_02 .box3 dl dd {
		font-size: 14px;

	}

	/*     연혁 */
	section.company_03 #tab_wrap .nav-tabs > li > a {
		border: none;
		color: #666;
		background: #f8f8f8;
		font-weight: 600;
		border-top: 1px #dedede solid;
		border-bottom: 1px #999999 solid;
		border-left: 1px #dedede solid;
		border-radius: 0;
		line-height: 24px;
		font-size: 14px;
	}

	section.company_03 #tab_wrap {
		margin-bottom: 50px;
	}

	section.company_03 .history-left h2 {
		font-size: 26px;
		margin-bottom: 10px;
		font-weight: 900;
		color: #000;
		margin-top: 0;
		float: left;

	}
	section.company_03 .history-right h2 {
		font-size: 26px;
		margin-bottom: 10px;
		font-weight: 900;
		color: #000;
		margin-top: 0;
		float: left;
	}


	section.company_03 .history-left span {
		padding-left: 14px;
		line-height: 32px;
		font-weight: 300;
		font-size: 18px;
		color: #474747;
	}

	section.company_03 .history-left p.text {
		color: #474747;
		font-size: 14px;
		line-height: 22px;
	}

	section.company_03 .history-right p.text {
		color: #474747;
		font-size: 14px;
		line-height: 22px;
	}

	section.company_03 .history-left p.image {
		margin-top: 30px;

	}

	section.company_03 .history-left p.image img {
		width: 100%;
	}

	section.company_03 .history-right {
		/*background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;*/
		margin-top: 10px;
		margin-left: 0px;
	}

	section.company_03 .history-left {
		margin-bottom: 40px;
	}

	section.company_03 .history-right li.title {
		font-size: 20px;
		font-weight: 700;
		font-family: 'Open Sans', sans-serif;
		color: #000;
		padding-bottom: 6px;
	}
	.popup-content {
		width: 70%;
	}
	section.company_03 .history-right {
		margin-left: 58px;
	}

}
@media (max-width: 768px) {
	.company_02 h1 {margin:50px auto;}
	.company_02 h3 {margin-bottom: 50px}
	.company_02 .title-wrap {margin-top:0!important; padding-bottom: 0!important;}
	.company_02 .title-wrap .cell_up {margin-bottom: 5%}
	.company_02 .title-wrap .cell { height: 550px;}
	.company_02 .title-wrap .cell .img { height:300px}
	.company_02 .title-wrap .cell .img.none_mobile {display: none}
	.company_02 .title-wrap .cell .img.mobile {display: block; height:300px}
	.company_02 .title-wrap .cell .txt {padding:50px; background-color: #f1f1f1; height:250px;font-size: 17px;}
}
@media (max-width: 500px) {
	section .table_wrap .table th {
		width:20%
	}
}
@media (max-width: 320px) {
	.company_02 .title-wrap .cell { height: 580px;}
	.company_02 .title-wrap .cell .img { height:300px}
	.company_02 .title-wrap .cell .img.mobile {display: block; height:300px}
	.company_02 .title-wrap .cell .txt {padding:50px; background-color: #f1f1f1; height:280px}
}

/*=========================================
  BRAND
===========================================*/
/* LISANGE */
.cellro-sec-wrap .bg-img, .cellro-sec-wrap .desc-box01 {
	background: url('../../img/sub/brand_bg_01.jpg') no-repeat 48%;
	height: 400px;
	background-size: cover;
	width: 100%;
	color: #fff;
	text-align: center;
	position: relative;
}
.cellro-sec-wrap .desc-box01 {
	background: url('../../img/sub/brand_bg_01_blue.jpg') no-repeat 48%;
	height: 400px;
	background-size: cover;
}
.cellro-sec-wrap .desc-box01 .box-inner {
	height:100%;
	display: flex;
}
.cellro-sec-wrap .desc-box01 .box-inner .box_left {
	display: inline-block;
	transform: translate(45%, 20%);
	width:45%;
}
.cellro-sec-wrap .desc-box01 .box-inner .box_left .circle {
	font-size: 32px;
	width: 220px;
	height: 220px;
	line-height: 220px;
	background: rgba(244,244,244,0.3);
	border-radius: 50%;
	color: #FFF;
	font-weight: 900;
	letter-spacing: 5px;
}
.cellro-sec-wrap .desc-box01 .box-inner .box_right {
	display: inline-block;
	width:55%;
	text-align: left;
	padding-left: 35px;
	padding-top: 108px;
}
.cellro-sec-wrap .desc-box01 .box-inner .box_right .cont-tit {
	font-size: 30px;
	font-weight: 500;
	color:#FFF;
	z-index: 2;
	position:relative;
	margin-bottom: 55px;
}
.cellro-sec-wrap .desc-box01 .cont-tit:after {
	content: '';
	background: rgb(116, 148, 162, 0.49);
	width: 123px;
	height: 27px;
	display: block;
	position: absolute;
	top: 17px;
	left: -8px;
	z-index: -1;
}
.cellro-sec-wrap .desc-box01 .cont-text {
	font-size: 18px;
	font-weight: 300;
	color:#FFF;
	position:relative;
}
.cellro-sec-wrap .desc-box01 .cont-text:before {
	content: '';
	background: #FFF;
	width:30px;
	height:2px;
	display: block;
	position:absolute;
	top: -48px;
	left: 0;
	margin: 20px 0;
	bottom:120px;
}
.cellro-sec-wrap .sub-copy-box h3 span {
	font-size: 36px;
	font-weight: 900;
	color:#4756A4;
}
/*.cellro-sec-wrap .cellro-desc-box02 {
	min-height: 1200px;
}*/
.cellro-sec-wrap .cellro-desc-box02 .cell_up {
	margin-bottom: 250px;
}
.cellro-sec-wrap .cellro-desc-box02 .cell_up:nth-child(even) .desc-text-box{
	left:0;
}
.cellro-sec-wrap .cellro-desc-box02 .desc-text-box {
	padding:63px 63px 45px 20px;
}
/*.cellro-sec-wrap .cellro-desc-box02 .desc-text-box:nth-child(odd) {
	left:0!important;
}*/
.cellro-sec-wrap .cellro-desc-box02 .cell_up:nth-child(even) .img-box{
	float:right!important;
}
.cellro-sec-wrap .cellro-desc-box02 .desc-text-box p {
	font-size: 28px;
}
.bg-img span {
	font-size: 20px;
	font-weight: 300;
	text-decoration: 3px dashed #fff;
	position: absolute;
	top: 15px;
	right: 30px;
}
.bg-img .btit-wrap {
	padding-top: 110px;
}
.bg-img .btit-wrap p {
	font-size: 70px;
	font-weight: 900;
	color: #fff;
	text-align: center;
	letter-spacing: 50px;
}
.bg-img .btit-wrap em {
	font-style: normal;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: -1px;
	color:#FFF
}
.lisange-sec-wrap .bg-img {
	background: url('../../img/sub/brand_bg_02.jpg') no-repeat 48%;
	background-size: cover;
	width: 100%;
	height:400px;
	color: #fff;
	text-align: center;
	position:relative;
}
.lisange-sec-wrap .lis-desc-box01 {
	background: url('../../img/sub/brand_bg_02_purple.jpg') no-repeat 48%;
	height: 400px;
	background-size: cover;
}
/*.lisange-sec-wrap .lis-desc-box .lis-box-inner {
	width:100%;
	height:100%;
	display: flex;
	align-items: stretch;
}
.lisange-sec-wrap .lis-desc-box .circle {
	width: 190px;
	height: 190px;
	border-radius: 50%;
	border: 1px solid #ededed;
	display: flex;
	justify-content: center;
	align-items: center;
}
}

.lisange-sec-wrap .lis-desc-box .lis-text {
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 2;
}
*/

.sub-copy-box {
	padding:120px 0;
}
.sub-copy-box h3 {
	font-size: 30px;
	line-height: 1.6;
	font-weight: 300;
	letter-spacing: -0.7px;
	text-align: center;
}
.lisange-sec-wrap .sub-copy-box h3 span {
	font-size: 36px;
	font-weight: 900;
	color: #9347a4;
}

.cell_up {
	align-items: center;
	position: relative;
}
.lisange-sec-wrap .lis-desc-box02,
.shes-sec-wrap .shes-desc-box02 {
	height:710px;
}
.desc-text-box {
	justify-content: center;
	box-sizing: border-box;
	width: 540px;
	position: absolute;
	top: 250px;
	right: 0;
	padding: 63px 20px 46px 18px;
	z-index: 10;
	text-align: right;
}
.cellro-sec-wrap .cellro-desc-box02 .cell_up:nth-child(1) .desc-text-box {
	background: rgb(82 146 187 / 15%);
}
.cellro-sec-wrap .cellro-desc-box02 .cell_up:nth-child(2) .desc-text-box {
	background: rgb(125 154 201 / 20%);
}
.cellro-sec-wrap .cellro-desc-box02 .cell_up:nth-child(3) .desc-text-box {
	background: rgb(121 178 185 / 20%);
}
.lisange-sec-wrap .lis-desc-box02 .desc-text-box {
	background: rgb(153 109 178 / 12%);
}
.shes-sec-wrap .shes-desc-box02 .desc-text-box {
	background: rgb(192 101 101 / 12%);
}
.cellro-sec-wrap .cellro-desc-box02 p,
.lisange-sec-wrap .lis-desc-box02 p,
.shes-sec-wrap .shes-desc-box02 p {
	font-size: 22px;
	font-weight: 300;
	letter-spacing: -0.5px;
	line-height: 1.6;
}
.lisange-sec-wrap .lis-desc-box02 p strong,
.shes-sec-wrap .shes-desc-box02 p strong{
	font-weight: 900;
}
.shes-sec-wrap .bg-img, .shes-sec-wrap .shes-desc-box01 {
	height: 400px;
	width: 100%;
	color: #fff;
	text-align: center;
	position:relative;
}
.shes-sec-wrap .bg-img {
	background: url('../../img/sub/brand_bg_03.jpg') no-repeat 48%;
	background-size: cover;
}
.shes-sec-wrap .shes-desc-box01 {
	background: url('../../img/sub/brand_bg_03_red.jpg') no-repeat 48%;
	background-size: cover;
}
.shes-sec-wrap .sub-copy-box h3 span {
	color:#7d1524;
	font-weight: 900;
	font-size: 36px;
}
@media (max-width: 992px) {
	.cellro-sec-wrap .desc-box01 .box-inner .box_left {
		transform:translate(30%, 22%);
	}
	.bg-img .btit-wrap p {
		font-size: 32px;
		letter-spacing: 10px;
	}
	.bg-img .btit-wrap em {
		font-size: 18px;
	}
	.sub-copy-box h3 {
		font-size: 28px!important;
		word-break: keep-all;
	}
	.sub-copy-box h3 span {
		font-size: 30px!important;
	}
	.cell_up > div {
		padding:20px 0;
	}
	/*.cellro-sec-wrap .cellro-desc-box02,
	.lisange-sec-wrap .lis-desc-box02,
	.shes-sec-wrap .shes-desc-box02 {
		height:570px;
	}*/
	.desc-text-box p {
		font-size: 19px!important;
	}
}
@media (max-width: 768px) {
	.cellro-sec-wrap .desc-box01 .box-inner {
		flex-direction: column;
	}
	.cellro-sec-wrap .desc-box01 .box-inner .box_left {
		width:100%;
		transform: translate(50%, 22%);
		margin-left: -90px;
	}
}
@media (max-width: 500px) {
	.desc-text-box {
		width:100%;
		padding:50px 20px 40px 20px;
	}
	.sub-copy-box {
		padding:60px 0;
		margin-top: 10px;
	}
	.sub-copy-box h3 {
		font-size: 22px!important;
	}
}