@charset "utf-8";


/* 서브페이지 공통 */

.cm-content-tit {
	position: relative;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.5em;
	letter-spacing: -0.05em;
	color: #333;
	margin-bottom: 2rem;
}
 @media all and (max-width: 800px) {
.cm-content-tit {
	font-size:3rem;
}
 }
.con-page {
    padding: 5rem 0;
}

.certification-page .paging {
    margin: 30px 0;
}

.con-tit-box .sub-tit {
    display: inline-block;
    font-size: 2rem;
    color: var(--main-color);
    letter-spacing: -0.055em;
    font-weight: 700;
    margin-bottom: 1rem;
}

.con-tit-box .tit {
    font-size: 5.6rem;
    letter-spacing: -0.055em;
    line-height: ;
    font-weight: 700;
    color: #000;
    line-height: 1.321em;
    margin-bottom: 8rem;
}

.con-tit-box .tit .highlight {
    color: var(--main-color);
}

@media all and (max-width: 1360px) {
    .con-page {
        padding:5rem var(--area-padding);
    }
}

@media all and (max-width: 1280px) {
    .con-tit-box .tit {
        font-size:4.8rem;
    }
}
/* ****************** 공통 :: 게시판 상단 TOTAL 및 카테고리 검색 ********************** */
.bbs-top-list-box{display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; flex-wrap:wrap; margin-bottom:30px}
/* -------- 리스트 Total 갯수 -------- */
.total-list-con{color:#fff; font-size:15px; letter-spacing:-0.25px;}
.total-list-con b{color:var(--board-main-color); }
.total-list-con i{font-size:16px; margin-right:2px; position:relative; top:1px;}
/* -------- 카테고리 -------- */
.board-category-box{width:200px; margin-left:auto; }
.bbs-top-list-box:not(.top-search-center) .board-search-box + .board-category-box{margin-right:10px;}
.board-category-box .category-select{width:100%; height:50px; border:1px solid #ddd; font-size:15px; padding:0 10px; box-sizing:border-box;}
.bbs-top-category{position:relative; width:100%; text-align:left; letter-spacing:-0.25px;}
.bbs-top-category .category-trigger-btn{display:flex; align-items:center; width:100%; height:50px; padding:0 15px; text-align:left; font-size:15px; border:1px solid #ddd; background-color:#fff; color:#333; box-sizing:border-box; }
.bbs-top-category .category-trigger-btn:after{position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:18px; font-family: 'xeicon'; content:"\e942";}
.bbs-top-category.open .category-trigger-btn:after{content:"\e945";}
.bbs-top-category-list{position:absolute; top:100%; left:0px; width:100%; background-color:#fff; border:1px solid #ddd; border-top:0;  z-index:1; display:none; box-sizing:border-box;}
.bbs-top-category-list a{display:block; padding:15px; color:#333; font-size:13px; transition:all 0.3s}
.bbs-top-category-list.selected a{background-color:#eee;}
.bbs-top-category-list a:hover{background-color:#f2f2f2; }
/* 스타일 02(하단라인형) */
.category-style-bottom-line .category-select,
.category-style-bottom-line .category-trigger-btn{border:0; border-bottom:3px solid #333;}
.category-style-bottom-line .bbs-top-category-list{border-width:3px; border-color:#333;}
/* 스타일 03(원형배경) */
.category-style-radius .category-select,
.category-style-radius .category-trigger-btn{background-color:#f7f7f7; border-radius:50px; border:0; padding-left:1.5em;}
.category-style-radius .bbs-top-category-list{left:1.5em; right:1.5em; width:auto; margin-top:-8px; border:1px solid #333; box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.1);}
/* -------- 리스트 갯수 Sort -------- */
/* 갯수 Sort */
.top-view-select-box{margin-left: 15px; float: left; margin-bottom:20px;}
.top-view-select-box select{width:120px; height:34px; border:1px solid #ccc; vertical-align:top;}
@media all and (max-width:800px) {
	.bbs-top-list-box{margin-bottom:5%; }
	.bbs-top-list-box:not(.bbs-top-category-box){flex-direction:initial; }
	/* 공통 :: TOTAL NUMBER 및 카테고리 검색 */
	.board-category-box select{width:150px}
	/* ~개씩 보기 */
	.top-view-select-box{margin-left: 15px;}
	.top-view-select-box select{width:100px;}
	/* 우측 카테고리 */
	.board-category-box{width:50%; max-width:200px;}
	.bbs-top-list-box:not(.top-search-center) .board-search-box + .board-category-box{margin-right:0;}
}
@media all and (max-width:480px) {
	/* 리스트 Total 갯수 */
	.total-list-con{font-size:13px;}
	/* ~개씩 보기 */
	.top-view-select-box{margin-left: 10px;}
	.top-view-select-box select{width:80px;}
	/* 우측 카테고리 */
	.board-category-box .category-select{height:40px;}
	.bbs-top-category .category-trigger-btn{height:40px; font-size:13px;}
}
@media all and (max-width:359px) {
	/* ~개씩 보기 */
	.top-view-select-box select{width:55px;}
}

/* ****************** 공통 :: SEARCH BOX ********************** */
.board-search-box{text-align:center; padding:30px 0; }
.board-search-box .board-search-inner{display:flex; align-items:center; max-width:500px; height:50px; margin:0px auto; box-sizing:border-box; border:1px solid #ddd; background-color:#fff;}
.board-search-box .board-search-inner:after{display:none;}
.board-search-box .search-subject-select,
.board-search-box .search-word{height:100%; background-color:transparent; border:0; padding:0 15px; font-size:15px; color:#333; letter-spacing:0px; box-sizing:border-box;}
.board-search-box .search-subject-select{width:120px; }
.board-search-box .search-subject-select:not(.custom-select){padding-left:1em;}
.board-search-box .search-word{width:100%; border-right:0;}
.board-search-box .search-subject-select + .search-word,
.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 170px); border-left:1px solid #ddd; }
.board-search-box .search-subject-select:focus,
.board-search-box .search-word:focus{color:#333; outline:none; background-color:transparent;}
.board-search-box .search-word::placeholder{color:#333;}
.board-search-box .search-word::-webkit-search-cancel-button{display:none;}
.board-search-box .bbs-search-btn{margin:0px; border:0; width:50px; height:100%; font-size:15px; letter-spacing:-0.5px; color:#333; cursor:pointer; vertical-align:top; }
.board-search-box .bbs-search-btn i{line-height:40px; font-size:24px;}
/* Search Select Custom */
.board-search-box .board-custom-select-box{width:120px; height:100%; }
.board-custom-select-box .custom-select-wrapper{height:100%;}
.board-custom-select-box .search-subject-select{padding:0;}
.board-custom-select-box .custom-select-trigger{border:0; height:100%; display:flex; align-items:center; }
.board-custom-select-box .custom-option-drop-list{border-color:#ddd; left:-1px; right:-1px;}
.board-custom-select-box .custom-option-item{text-align:left; font-size:0.8666em; font-weight:400; padding:8px 15px;}
.board-custom-select-box .custom-option-item.selection{background-color:#eee; }

.search-style-bottom-line .board-search-inner{border:0; border-bottom:3px solid #333;}
.search-style-bottom-line .search-subject-select + .search-word,
.search-style-bottom-line .board-custom-select-box + .search-word{border-left:0;}
.search-style-bottom-line .board-custom-select-box .custom-option-drop-list{margin-top:3px; left:0; border-width:3px; border-color:#333;}

/* -------- SEARCH BOX 상단 일때  -------- */
.bbs-top-list-box .board-search-box{width:420px; padding:0;}
.bbs-top-list-box .board-search-inner{/* margin:0; max-width:none; */}
/* 센터정렬 */
.bbs-top-list-box.top-search-center{justify-content:flex-end;}
.bbs-top-list-box.top-search-center .board-search-box{width:100%; margin:0 auto 30px; }

@media all and (max-width:800px) {
	.board-search-box{padding:0; border:0}
	.board-search-box .board-search-inner{max-width:none; }
	/* -------- SEARCH BOX 상단 일때  -------- */
	.bbs-top-list-box .board-search-box{width:100%; margin-bottom:5%;}
	/* 센터정렬 */
	.bbs-top-list-box.top-search-center{justify-content:flex-start;}
	.bbs-top-list-box.top-search-center .board-search-box{margin-bottom:5%;}
}
@media all and (max-width:480px) {
	.board-search-box .board-search-inner{height:40px;}
	.board-search-box .search-subject-select,
	.board-search-box .search-word{font-size:13px;}
	.board-search-box .search-subject-select{width:100px}
	.board-search-box .search-subject-select + .search-word,
	.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 150px);}
	.board-search-box .board-custom-select-box{width:100px;}
	.board-custom-select-box .custom-select-trigger{font-size:13px;}
}

/* ****************** 공통 :: NO LIST ********************** */
.bbs-no-list{padding:100px 0; text-align:center; color:#777; font-size:15px; border-top:1px solid #333; border-bottom:1px solid #ddd; }
.bbs-list-tbl + .bbs-no-list{margin-top:-1px;}
@media all and (max-width:800px) {
	/* 공통 :: NO LIST */
	.bbs-no-list{padding:60px 0; font-size:14px; font-weight:500;}
}

/* ******************   갤러리형 게시판 :: 갤러리  G10  ********************** */
.bbs-basic-gallery-con10 > ul{margin:0 -1%; word-break:keep-all;}
.bbs-basic-gallery-con10 .gallery-over-list-item {float:left; width:31.33%; margin:0 1% 5%;}
.bbs-basic-gallery-con10 .gallery-over-list-item a {display:block; }
.bbs-basic-gallery-con10 .gallery-img-box {position:relative; text-align:center; /* border:1px solid #ddd; */}
.bbs-basic-gallery-con10 .gallery-img-box .img-wrap {display:block; height:0; padding-top:64%; }
.bbs-basic-gallery-con10 .gallery-img-box .img-wrap img{position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%; border-radius:5px;}
.bbs-basic-gallery-con10 .gallery-img-box .category {position:absolute; left:0; top:0; display:inline-block; min-width:50px; padding:0 5px; height:30px; line-height: 30px; font-size:13px; letter-spacing: -0.5px; color:#fff; background-color:rgb(0,0,0,0.5)}
.bbs-basic-gallery-con10 .gallery-img-box .broad-bg {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; border:1px solid #f1f1f1}
.bbs-basic-gallery-con10 .gallery-img-box .broad-bg span{position:relative; display:block; width:0; height:0; left:50%; top:50%; transition:all 0.3s; border-radius:100%; background-color:rgb(0,0,0,0.5)}
.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn {position:absolute; width:50px; height:50px; line-height: 50px; right:15px; bottom:0; transform:translateY(50%); border-radius:100%; color:#fff;  overflow:hidden; background-color:var(--main-color); box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2); transition:all 0.3s;}
.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn i{display:none;}
.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn:before{display:block; font-family:"xeicon"; content: "\e9c5"; font-size:20px; transition:all 0.3s 0.1s;}
.bbs-basic-gallery-con10 .gallery-info {padding: 30px 0; }
.bbs-basic-gallery-con10 .gallery-info .gallery-info-tit {font-size:18px; letter-spacing: -0.5px; color:#333; font-weight: 600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:20px;}
.bbs-basic-gallery-con10 .gallery-info p {overflow:hidden; height:2.8em; font-size:17px; line-height: 1.4; letter-spacing: -0.25px; font-weight:400; color:rgba(0,0,0,0.5); margin-bottom:20px; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bbs-basic-gallery-con10 .gallery-info .gallery-date {font-size:14px; letter-spacing: -0.5px; color:rgba(0,0,0,0.5); }
 @media all and ( min-width: 801px ){
    .bbs-basic-gallery-con10 .gallery-over-list-item a:hover .gallery-btn {background-color:transparent; right:50%; bottom:50%; transform:translate(50%,50%); box-shadow:none;}
    .bbs-basic-gallery-con10 .gallery-over-list-item a:hover .broad-bg span {width:150%; height:230%; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0.4; transition-delay:0.2s;}
	.bbs-basic-gallery-con10 .gallery-over-list-item a:hover .gallery-img-box .gallery-btn:before{transform:rotate(360deg); font-size:34px}
}
@media all and ( max-width: 800px ){
    .bbs-basic-gallery-con10 .gallery-over-list-item{width:48%; margin-bottom:3%}
	.bbs-basic-gallery-con10 .gallery-info p{display:none; font-size:13px;}
	.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn{right:5px; box-shadow:4px 4px 6px rgba(0, 0, 0, 0.2)}
}
@media all and ( max-width: 480px ){
    .bbs-basic-gallery-con10 .gallery-img-box .category{font-size:11px;}
    .bbs-basic-gallery-con10 .gallery-img-box .gallery-btn{right:5px; width:30px; height:30px; line-height:30px;}
    .bbs-basic-gallery-con10 .gallery-img-box .gallery-btn:before{font-size:14px; line-height:30px;}
	.bbs-basic-gallery-con10 .gallery-info{padding:20px 0;}
    .bbs-basic-gallery-con10 .gallery-info .gallery-info-tit{font-size:15px; margin-bottom:10px;}
    .bbs-basic-gallery-con10 .gallery-info p{font-size:12px; margin-bottom:10px}
	.bbs-basic-gallery-con10 .gallery-info .gallery-date{font-size:11px;}
}

 /* ******************   갤러리 게시판 :: 갤러리 G11 ********************** */
/* 갤러리 기본형 G11 :: 상단 헤드라인 */
.gallery-con11-headline .headline-wrapper{position: relative; display: block; padding-left: 400px; }
.gallery-con11-headline .headline-img-con{position: relative; width: 100%; padding-top:53%; display:block;}
.gallery-con11-headline .headline-img-con span{ overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000;}
.gallery-con11-headline .headline-img-con span img{
	position: absolute; 
	top: 0; left: 0; right:0; bottom:0; 
	max-width: 100%; max-height: 100%; 
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s; 
	margin:auto;
}
.gallery-con11-headline a:hover .headline-img-con img {
	-webkit-transform: scale(1.1) rotate(0.02deg); 
	-moz-transform: scale(1.1) rotate(0.02deg); 
	-ms-transform: scale(1.1) rotate(0.02deg); 
	-o-transform: scale(1.1) rotate(0.02deg); 
	transform: scale(1.1) rotate(0.02deg);
}
.gallery-con11-headline .headline-info-con{
	position: absolute; 
	top: 0; left: 0; width: 400px; height: 100%; 
	border: 1px solid #eee; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	word-break: keep-all; 
}
.gallery-con11-headline .headline-info-con .headline-info-inner{
	display:table;
	width:100%;
	height:100%; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.gallery-con11-headline .headline-info-con .headeline-txt-box{
	display:table-cell;
	vertical-align:middle;
	padding:0 40px;
}
.gallery-con11-headline .headline-info-con .gal-category,
.gallery-con11-headline .headline-info-con .gal-title,
.gallery-con11-headline .headline-info-con .gal-sub-txt{ overflow: hidden; }
.gallery-con11-headline .headline-info-con .gal-category{display: inline-block; font-size: 13px; font-weight: 700; color: #f58020; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;}
.gallery-con11-headline .headline-info-con .gal-title{height:3em; font-weight: 500; color: #222; font-size: 26px; letter-spacing:-0.75px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery-con11-headline .headline-info-con .gal-sub-txt{height:6.4em; margin-top: 15px; font-size: 13.5px; line-height: 1.6; color: #aaa; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.gallery-con11-headline .headline-info-con .gal-more-txt{display:block; margin-top: 60px; font-size: 12px; font-weight: 300; color: #aaa; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.gallery-con11-headline .headline-info-con .gal-more-txt i{display: inline-block; vertical-align: middle; position:relative; top:-1px; font-size: 24px; margin-right: 7px;}
.gallery-con11-headline .headline-info-con .gal-more-txt em{line-height:24px;}
.gallery-con11-headline .headline-info-con a:hover .gal-sub-txt{text-decoration:underline}
.gallery-con11-headline .headline-info-con a:hover .gal-more-txt{color:#000}
/* 갤러리 기본형 G11 :: 하단 리스트 */
.gallery-con11-list-con{overflow:hidden; margin-top: 30px;}
.gallery-con11-list-con ul{margin: 0 -1%;}
.gallery-con11-list-con li{float:left; width:31.33%; margin:0 1% 2%;}
.gallery-con11-list-con li a{display:block; position:relative; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.gallery-con11-list-con li a .gallery-thum-box{position: relative; padding-top: 65%; overflow: hidden;}	/* padding-top 으로 이미지의 비율 조정 */
.gallery-con11-list-con li a .gallery-thum {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; overflow:hidden;}
.gallery-con11-list-con li a .gallery-thum img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.gallery-con11-list-con li a .gallery-info-box{border: 1px solid #eee; padding: 20px 25px; word-break: keep-all; }
.gallery-con11-list-con li a .gallery-info-box .gal-category{display:block; color:#f58020; font-size:12px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery-con11-list-con li a .gallery-info-box .gal-title{height:3em; font-size:20px; line-height:1.5; margin:10px 0 25px; color:#222; font-weight: 500; letter-spacing:-0.75px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery-con11-list-con li a .gallery-info-box .gal-day{display: block; color:#aaa; font-size:13px; font-weight:400; }
.gallery-con11-list-con li a:hover .gallery-thum img {
	-webkit-transform: scale(1.1) rotate(0.02deg); 
	-moz-transform: scale(1.1) rotate(0.02deg); 
	-ms-transform: scale(1.1) rotate(0.02deg); 
	-o-transform: scale(1.1) rotate(0.02deg); 
	transform: scale(1.1) rotate(0.02deg);
}

@media all and (max-width:1366px){
	/* 갤러리 기본형 G11 :: 상단 헤드라인 */
	.gallery-con11-headline .headline-info-con .gal-title{font-size:20px}
	.gallery-con11-headline .headline-info-con .gal-sub-txt{display:none}
	.gallery-con11-headline .headline-info-con .gal-more-txt{margin-top:20px;}
}
@media all and (max-width:800px){
	/* 갤러리 기본형 G11 :: 상단 헤드라인 */
	.gallery-con11-headline .headline-wrapper{padding-left:0}
	.gallery-con11-headline .headline-info-con{position:static; padding:15px; width:auto; }
	.gallery-con11-headline .headline-info-con .headline-info-inner{display:block; }
	.gallery-con11-headline .headline-info-con .headeline-txt-box{display:block; padding:0;}
	.gallery-con11-headline .headline-info-con .gal-title{font-size:18px; line-height:30px; height:60px}
	.gallery-con11-headline .headline-info-con .gal-more-txt{margin-top:20px}

	/* 갤러리 기본형 G11 :: 하단 리스트 */
	.gallery-con11-list-con li{width:48%}
	.gallery-con11-list-con li a .gallery-info-box{padding:15px 10px;}
	.gallery-con11-list-con li a .gallery-info-box .gal-category{font-size:10px;}
	.gallery-con11-list-con li a .gallery-info-box .gal-title{font-size:15px; line-height:22px; margin:10px 0; height: 44px; }
	.gallery-con11-list-con li a .gallery-info-box .gal-day{font-size:10px;}
}

.paging{display:flex; justify-content:center; width:100%; text-align:center; margin:30px 0; flex-wrap:wrap;}
.paging a{position:relative; display:block; width:30px; height:30px;  line-height:30px; margin:0 2px; border:1px solid #ddd; text-align:center; font-size:13px; color:#868686; letter-spacing:-0.25px; }
.paging a:hover{color:#000;}
.paging a.cur{border-color:#333; background-color:#333; color:#fff;}
.paging a.paging-arrow i{position:relative; top:-1px; vertical-align:middle; color:inherit; font-size:24px;}
/* .paging:not(.no-margin) a.paging-prev{margin-right:15px}
.paging:not(.no-margin) a.paging-next{margin-left:15px} */ 
.paging .paging-first i,
.paging .paging-last i{transform:translateX(-8px)}
.paging .paging-first i:before,
.paging .paging-last i:before{display:block;width:7px}
/* Style02(네모-라인형)  */
.paging.no-margin a{margin:0; margin-left:-1px}
.paging.no-margin a.cur{position:relative; z-index:1; background-color:transparent; color:#333;}
.paging.no-margin a:first-child{margin-left:0;}
/* Style02(원형) */
.paging-style02 a{border-radius:50%;}
/* Style02(라인) */
.paging-style03 a{width:auto; padding:0 7px 3px; margin:0 5px; border:0; font-size:16px}
.paging-style03 a.cur{background-color:transparent; color:#000;}
.paging-style03 a.cur:after{position:absolute; bottom:0px; left:50%; width:100%; margin-left:-50%; height:2px; background-color:#fff; content:"";}
@media all and (max-width:480px) {
	/* 공통 :: PAGING */
	.paging:not(.no-margin) a.paging-prev{margin-right:2px}
	.paging:not(.no-margin) a.paging-next{margin-left:2px}
}
@media all and (max-width:359px) {
	/* 공통 :: PAGING */
	.paging a{margin:0 0 0 -1px}
	.paging:not(.no-margin) a.paging-prev{margin-right:0}
	.paging:not(.no-margin) a.paging-next{margin-left:-1px}
}





/* ******************  01.회사소개 ********************** */
.sub-page {padding-bottom: 10rem;}
.company-tit {font-size: 5.2rem; font-weight: 700; line-height: 1.3; color: #111111; margin-bottom: 7.5rem; text-align: center;}

/* 상단 */
.story-con-top {display: flex; justify-content: end; position: relative; margin-bottom: 2.5rem;}
.story-con-top .left-box {position: absolute;left: 0; top: 6.5rem; max-width: 86rem;}
.story-con-top .left-box img {max-width: 100%;}
.story-con-top .right-box {width: 54.9%; background: linear-gradient(135deg, #00d5d5, #00a8a8);} 
.story-con-top .right-box .right-box-inner {padding:0 0 8rem 12rem;}
.story-con-top .right-box .right-box-inner .tit {font-size: 4.2rem; font-weight: 700; letter-spacing: -0.020em; line-height: 1.43; color: #fff; 
	padding: 7rem 0 3.5rem 7.5rem; border-bottom: 1px solid rgba(255,255,255,0.2);}
.story-con-top .right-box .right-box-inner .txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.020em; line-height: 1.75; color: #fff; padding: 5.5rem 0  0 7.5rem;}
.story-con-top .right-box .right-box-inner strong {display: block; text-align: right; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.020em; color: #fff;}
.story-con-top .right-box .right-box-inner strong em {font-size: 1.8rem; font-weight: 500; color: #a3b0c9; padding-right: 1rem;}
/* 컨텐츠 */
.story-con-bottom .story-con {display: flex; }
.story-con {border-bottom: 1px solid #eeeeee; padding: 9rem 0;}
.story-con:last-of-type {border-bottom: 0;}
.story-con .tit-box {width: 30%;}
.story-con .tit-box .story-con-tit {font-size: 3.2rem; font-weight: 500; letter-spacing: -0.025em; color: #222222; line-height: 1.5;}
.story-con .tit-box .story-con-tit b {color:var(--main-color);}
.story-con .txt-box {width: 70%; padding-left: 7rem; box-sizing: border-box;} 
.story-con .txt-box .story-con-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: #555555; line-height: 1.89; padding-bottom: 5rem;}
.story-con .txt-box .story-con-txt:last-of-type {padding-bottom: 0;}


@media all and (max-width:1660px){

	.story-con-top .left-box {top: 9.5rem; max-width: 75rem;}
}
@media all and (max-width:1280px){

	.story-con-top {flex-wrap: wrap; justify-content: start;}
	.story-con-top .left-box {position: relative; top: 7.5rem; max-width: none;}
	.story-con-top .right-box {width: 100%;}
	.story-con-bottom .story-con img {width:100%}
	

}


@media all and (max-width:800px){
	.company-tit {font-size: 4.5rem;}
	
	.story-con-top .left-box {top: 0;}
	.story-con-top .right-box .right-box-inner {padding: 4rem;}
	.story-con-top .right-box .right-box-inner .tit {font-size: 3.1rem; padding: 0 0 3.5rem 0;}
	.story-con-top .right-box .right-box-inner .txt {font-size: 1.8rem; padding: 4rem 0 0 0;}
	.story-con-top .right-box .right-box-inner strong {font-size: 2.2rem;}
	.story-con-bottom .story-con {flex-wrap: wrap; }
	.story-con .tit-box {width: 100%; margin-bottom: 4rem;}
	.story-con .txt-box {width: 100%; padding-left: 0;}
	.story-con {padding: 6.5rem 0;}
	.story-con .tit-box .story-con-tit {font-size: 2.8rem;}
	.story-con .txt-box .story-con-txt {padding-bottom: 3rem;}

}




/* ******************  소개 ********************** */

.intro-page {
   
    padding-top: 14.6rem;
}

.intro-page .intro-con {
    position: relative;
    z-index: 12;
}

.intro-page .intro-con .con-tit-box .tit {
    position: relative;
    margin-bottom: 8rem;
}

.intro-page .intro-con .con-tit-box .tit:before {
    display: block;
    position: absolute;
    content: "Greeting";
    top: -7rem;
    left: -13rem;
    color: rgba(0, 0, 0, 0.04);
    font-size: 26rem;
    letter-spacing: -5px;
}

.intro-img-box {
    background: url(../_images/content/intro_bg.jpg) no-repeat;
    background-size: cover;
    padding: 16.8rem 0 18.2rem;
    /*  margin-right:17rem; */
    width: calc(100% - 17rem);
    background-position: 50% 50%;
}

.intro-img-box .inner-box {
    margin-left: 18.128%;
}

.intro-img-box p {
    font-size: 1.8rem;
    letter-spacing: -0.055em;
    color: #fff;
    line-height: 1.666em;
    margin-top: 2.2rem;
}

.intro-img-box p:first-of-type {
    font-size: 2.4rem;
    letter-spacing: -0.055em;
    line-height: 1.583em;
    font-weight: 600;
    margin-top: 0;
}

.intro-page .sub-con:first-of-type .con-tit-box {
    width: calc(100% - 17rem);
    margin-left: 15.888%;
}



/* 회사개요 */
@media all and (max-width:1280px){
	.intro-page .intro-con .con-tit-box .tit:before {left: -9rem; font-size:19rem;}
	.intro-img-box {padding: 10rem 5rem 8rem 0;}
	.intro-img-box .inner-box {margin-left: 12%;}
	.intro-page .sub-con:first-of-type .con-tit-box {width: calc(100% - 17rem); margin-left: 10%;}
	.intro-img-box p {font-size:1.6rem;}
	.intro-img-box p:first-of-type {font-size:2rem;}

	.intro-page .info-box {padding-right: 9%;}
	.sub-con.info-con .area-sub {align-items:center;}
	.sub-con.info-con .img-con {align-self:initial;}



}

@media all and (max-width:800px){
	.con-tit-box .tit {font-size:3.2rem;}
	.intro-page { padding-top: 7.3rem;}
	.intro-page .intro-con .con-tit-box .tit {margin-bottom:4rem;}
	.intro-page .intro-con .con-tit-box .tit:before {left:-6%; font-size:9rem;}
	.intro-page .sub-con:first-of-type .con-tit-box {width: calc(100% - 10%);}
	.intro-img-box {padding: 6rem 5rem 4rem 0; width: 100%; box-sizing:border-box; background-position:60% 50%;}
	.sub-con.info-con {padding: 22rem 0 13rem; top: -12rem;}
	.sub-con.info-con .area-sub {flex-wrap:wrap;}
	.intro-page .info-box {width: 100%; padding-right: 0;}
	.sub-con.info-con .img-con {width: 100%; margin-top: 1.5rem;}


}	
/* 의료진 소개 */

.doctor-sec-01 {
	position: relative;
	background-color: #f2f2f2;
	padding: 15rem 0
}
.doctor-sec-01:after {
	position: absolute;
	content: "";
	width: 25%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #f2ffff;
	z-index: 0
}

.doctor-sec-01 .detail-big-tit {
	position: relative;
	font-size: 6.5rem;
	font-weight: 500;
	line-height: 1.3em;
	color: #333;
	word-break: break-all;
	padding-right: 11rem;

}

.doctor-sec-01 .detail-big-tit span.small,
.doctor-sec-01 .small
 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.7em;
    letter-spacing: -0.05em;
    color: #666;
}
.doctor-sec-01 .history-con {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center
}
.doctor-sec-01 .history-con .img-con {
	width: 34.9%;
	position: relative;
	padding-top: 45.2%;
	box-shadow: 15px 40px 50px 0 rgba(0,0,0,0.1);
	border-radius: 9px;
	overflow: hidden
}
.doctor-sec-01 .history-con .img-con img {
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: auto;
	transition: transition 0.3s
}
.doctor-sec-01 .history-con .txt-con {
	width: 65.1%;
	box-sizing: border-box;
	padding-left: 10.7%
}
.doctor-sec-01 .history-con .txt-con .history-txt {
	padding-top: 0.5rem
}
.doctor-sec-01 .history-con .txt-con .history-txt .history-item {
	margin-top: 1.5rem;
}
.doctor-sec-01 .history-con .txt-con .history-txt .history-item li {
	position: relative;
	width: calc(100% - 2rem);
	margin-bottom: 20px;
}
/*.doctor-sec-01 .history-con .txt-con .history-txt .history-item li:before{position:absolute; content:""; width:6px; height:2px; background-color:#999; left:-3.4rem; top:1.4rem}*/
.doctor-sec-01 .history-con .txt-con .history-txt .history-item li p {
	font-weight: 400;
	font-size: 1.8rem;
	letter-spacing: -0.01rem;
	color: #333;
	line-height: 1.6;
	opacity: 0.7
}
.doctor-sec-01 .history-con .txt-con .history-txt p {
	font-size: 1.4rem;
	line-height: 1.5
}
.doctor-sec-01 .logo-img {
	position: absolute;
	right: 6.8%;
	bottom: 12%;
	width: 15%;
	text-align: right
}
.doctor-sec-01 .logo-img img {
	max-width: 100%
}
.doctor-ex-con {
	background-color: #fff;
	box-sizing: border-box;
	padding: 5rem;
	margin-top: 4.5rem;
	border-radius: 20px;
	font-size: 1.8rem;
	line-height: 1.5
}
 @media all and (max-width:800px) {
.doctor-sec-01 .history-con {
	display: block;
}
.doctor-sec-01 .history-con .img-con {
	width: auto;
	height: 50rem
}
.doctor-sec-01 .history-con .txt-con {
	width: auto;
	padding: 3rem 0 0
}
.doctor-sec-01 .history-con .txt-con .history-txt {
	padding-top: 1rem
}
.doctor-sec-01 .history-con .txt-con .history-txt .history-item li {
	width: calc(100% - 1rem)
}
.doctor-sec-01.logo-img {
	bottom: 3rem;
	right: 1.5rem
}
}


/* contents tabs */
#content .con-tab-menu {
	text-align: center;
	overflow: hidden;
	margin-top:1rem;
}
#content .con-tab-menu li {
	float: left;
	width: 100%;
	border: 1px solid #ddd;
	border-left: 0;
}
#content .con-tab-menu li a {
	height: 65px;
	position: relative;
	text-align: center;
	display: block;
	cursor: pointer;
	background: #fff;
}
#content .con-tab-menu li a span {
	position: absolute;
	width: 100%;
	font-size: 18px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1.3;
}
#content .con-tab-menu li a.active {
	background: var(--main-color);
	color: #fff;
}
#content .con-tab-menu li:first-child {
	border-left: 1px solid #ddd;
}
#content .con-tab-menu li:nth-child(7) {
	border-left: 1px solid #ddd;
}
#content .con-tab-menu li:nth-child(7), #content .con-tab-menu li:nth-child(8), #content .con-tab-menu li:nth-child(9), #content .con-tab-menu li:nth-child(10), #content .con-tab-menu li:nth-child(11), #content .con-tab-menu li:nth-child(12) {
	margin-top: -1px
}
#content .con-tab {
	display: none;
}
#content .con-tab.active {
	display: block;
}
#content .con-tab-menu li:first-child:nth-last-child(2), #content .con-tab-menu li:first-child:nth-last-child(2)~li {
	width: 50%;
}
#content .con-tab-menu li:first-child:nth-last-child(3), #content .con-tab-menu li:first-child:nth-last-child(3)~li {
	width: 33.333%;
	max-width: none;
}
#content .con-tab-menu li:first-child:nth-last-child(4), #content .con-tab-menu li:first-child:nth-last-child(4)~li {
	width: 25%;
}
#content .con-tab-menu li:first-child:nth-last-child(5), #content .con-tab-menu li:first-child:nth-last-child(5)~li {
	width: 20%;
}
#content .con-tab-menu li:first-child:nth-last-child(6), #content .con-tab-menu li:first-child:nth-last-child(6)~li {
	width: 16.666%;
}
#content .con-tab-menu li:first-child:nth-last-child(7), #content .con-tab-menu li:first-child:nth-last-child(7)~li {
	width: 14.285%;
}
#content .con-tab-menu li:first-child:nth-last-child(8), #content .con-tab-menu li:first-child:nth-last-child(8)~li {
	width: 12.5%;
}
#content .con-tab-menu li:first-child:nth-last-child(12), #content .con-tab-menu li:first-child:nth-last-child(12)~li {
	width: 16.6%;
}


.location-banner {padding: 8.5% 0; background: url('../_images/content/location_banner_bg.jpg')no-repeat  center; background-size: cover;}
.location-top-banner .txt01 {font-size: 3.5rem; font-weight: 600; letter-spacing: -0.015em; line-height: 1.63; color: #fff;}
.location-top-banner .txt01 em {font-weight: 700; color: var(--main-color);}
.location-top-banner .txt02 {font-size: 1.9rem; font-weight: 400; letter-spacing: -0.015em; line-height: 1.84; color: #e9e8f2; padding-top: 3.5rem;}


@media all and (max-width:800px){
	.location-top-banner .txt01 {font-size: 2.5rem;}
	.location-top-banner .txt02 {font-size: 1.6rem;}
	
}


/*오시는 길*/

.map {
	width: 100%;
	height: 450px;
	margin-top:8rem;
}
.map .root_daum_roughmap {
	width: 100% !important;
	height: 100% !important
}
.map .root_daum_roughmap .wrap_map {
	height: 100% !important
}
.map_wrap {
	margin-bottom: 5rem
}
.map_wrap .txt_wrap {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 8rem 0;
	border-bottom : 1.5px solid #e0e0e0;
}
.map_wrap .txt_wrap .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.map_wrap .txt_wrap .box + .box {
	justify-content: flex-end;
}
.map_wrap .txt_wrap .box .ico {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1.5rem;
}
.map_wrap .txt_wrap .box .ico svg {
	width: auto;
	height: auto;
	fill: var(--yellow);
}
.map_wrap .txt_wrap .box .address {
	font-size: 3rem;
	font-weight: 700;
}
.map_wrap .txt_wrap .box .address span {
	display: block;
	font-family: var(--font-family2);
	color: #000
}
.map_wrap .txt_wrap .box .address span b {
	color: var(--main-color);
}
.map_wrap .txt_wrap .box .address .desc {
	margin-top: 1.5rem;
	font-size: 2rem;
	color: #666;
	font-family: var(--font-family);
}
.map_wrap .txt_wrap .box .address + .btn_wrap {
	margin-top: 4rem;
}
.map_wrap .txt_wrap .box .txt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: 700;
	font-size: 2rem;
}
.map_wrap .txt_wrap .box .w_inp {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 40rem;
	height: 6rem;
	padding: 0 3rem;
	margin-left: 3rem;
	background-color: #fff;
	border-radius: 2em;
	border: 1px solid #e0e0e0;
}
.map_wrap .txt_wrap .box .w_inp input {
	width: 100%;
	height: 100%;
	background-color: transparent;
	font-size: 1.8rem;
}
.map_wrap .txt_wrap .box .w_inp input::placeholder {
color: #BDBDBD;
}
.map_wrap .txt_wrap .box .w_inp .ico {
	flex-shrink: 0;
	font-size: 2.4rem;
	margin-right: 0;
}
.map_wrap .txt_wrap .box .w_inp .ico svg {
	fill: #888888;
}
.map_cont {
	padding: 3rem 0;
}
.map_cont .cont {
	display: flex;
	align-items: flex-start;
}
.map_cont .cont + .cont {

}
.map_cont .cont .tit {
	width: 25%;
	font-weight: 700;
	flex-shrink: 0;
}
.map_cont .cont .txt_wrap {
	width: 100%;
}
.map_cont .cont .txt_wrap {
	padding-bottom: 4rem;
	font-size: 2rem;
	font-weight: 700;
	
	color: #333;
}
.map_cont .cont .txt_wrap .top span {
	font-weight: 700;
	color: var(--main-color);
}
.map_cont .cont .txt_wrap .top.label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 2rem;
	font-weight: 500;
}
.map_cont .cont .txt_wrap .top.label .label_wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.map_cont .cont .txt_wrap .top.label .label {
	padding: 1rem 2rem;
	margin-right: 1.2rem;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	border-radius: 2em;
	font-weight: 600;
	white-space: nowrap;
}
.map_cont .cont .txt_wrap .top.label span:not(.label) {
	position: relative;
	color: #000;
	flex-shrink: 0;
}
.map_cont .cont .txt_wrap .top.label span:not(.label) + span {
	margin-left: 2.4rem;
}
/*.map_cont .cont .txt_wrap .top.label span.label:before { content: ''; position: absolute; left: -1.2rem; top: 50%; width: 1.5px; height: 60%; background-color: #e0e0e0; transform: translateY(-50%); }*/


.map_cont .cont .txt_wrap .txt_box {
	;
}
.map_cont .cont .txt_wrap .txt_box .box {
	display:block;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.8rem;
	line-height: 1.5
}
.map_cont .cont .txt_wrap .txt_box .box.start {
	align-items: flex-start;
}
.map_cont .cont .txt_wrap .txt_box .box + .box {
	margin-top: 3rem;
}
.map_cont .cont .txt_wrap .txt_box .box .cate {
	width: 16rem;
	font-weight: 700;
	color:var(--main-color);
	font-size:20px;
	margin-bottom:1rem
}
.map_cont .cont .txt_wrap .txt_box .box .txt {
	font-size: 1.8rem
}
.map_cont .cont .txt_wrap .txt_box .box .txt span {
	color: #C03
}
.map_cont .cont .txt_wrap .txt_box .box .txt.flex_txt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
i.xi-x {
	font-size: 1.8rem;
	line-height: 0.75em;
	vertical-align: -15%;
	margin-right: 10px
}
 @media all and (max-width:800px) {

.map_wrap .txt_wrap .box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}
.map_wrap .txt_wrap .box .address {
	font-size: 20px;
}
.map_wrap .txt_wrap .box .address + .btn_wrap {
	margin-top: 20px;
}
.map_wrap .txt_wrap .box .w_inp {
	margin-top: 20px;
	border-radius: 50px;
}
.map_cont .cont .txt_wrap .top.label span:not(.label) {
	display: block;
	width: 100%;
}
.map_cont .cont .txt_wrap .top.label .label {
	margin-right: 6px;
	margin-top: 6px;
	font-size: 14px;
}
.map_cont .cont {
	flex-direction: column;
}
.map_cont .cont .tit {
	width: 100%;
	margin-right: 0;
}
.map_cont .cont .txt_wrap {
	margin-top: 10px;
}

.map_cont .cont .txt_wrap img {
	width:100%
}
.map_cont .cont .txt_wrap .txt_box {
	margin-top: 30px;
}
.map_cont .cont .txt_wrap .top {
	padding-bottom: 30px;
	font-size: 14px;
}
.map_cont .cont .txt_wrap .top.label {
	font-size: 14px;
}
.map_cont .cont .txt_wrap .top.label span:not(.label) {
	margin-bottom: 8px;
}
.map_cont .cont .txt_wrap .txt_box .box .cate {
	flex-shrink: 0;
	
}
}
.rnd-facility-con {
	padding: 0 0 10rem 0;
}
.rnd-facility-con .facility-box-wrap {
	display: flex;
	gap: 0 2rem;
	margin-top: 8rem;
}
.rnd-facility-con .facility-box-wrap .facility-box {
	position: relative;
	width: 50%;
	border: 1px solid transparent;
	box-sizing: border-box;
	border-radius: 2rem;
}
.rnd-facility-con .facility-box-wrap .facility-box:first-child {
	border-color: #285B00;
}
.rnd-facility-con .facility-box-wrap .facility-box:last-child {
	border-color: var(--main-color);
	;
}
.rnd-facility-con .facility-box-wrap .facility-box .facility-box-tit {
	position: absolute;
	left: 50%;
	top: -2.5rem;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5em;
	width: 32rem;
	height: 5rem;
	border-radius: 3rem;
	color: #fff;
	font-family: var(--font-family2);
}
.rnd-facility-con .facility-box-wrap .facility-box:first-child .facility-box-tit {
	background-color: #285B00;
}
.rnd-facility-con .facility-box-wrap .facility-box:last-child .facility-box-tit {
	background-color: var(--main-color);
	;
}
.rnd-facility-con .facility-box-wrap .facility-box .inner-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 4.5rem 5rem 3.5rem 5rem;
}
.rnd-facility-con .facility-box-wrap .facility-list-box {
	display: flex;
	flex-direction: column;
	gap: 1.5rem 0;
}
.rnd-facility-con .facility-box-wrap .facility-list-box .facility-list {
	display: flex;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.5em;
	color: #000;
}
.rnd-facility-con .facility-box-wrap .facility-list-box .facility-list i {
	color: #ccc;
	padding-right: 0.7rem;
	line-height: 1.4em;
}
 @media all and (max-width: 800px) {
.rnd-facility-con .facility-box-wrap .facility-box .inner-grid {
	padding: 4.5rem 3rem 3.5rem 3rem;
}
.rnd-facility-con .facility-box-wrap {
	margin-top: 5rem;
	flex-direction: column;
	gap: 5rem 0;
}
.rnd-facility-con .facility-box-wrap .facility-box {
	width: 100%;
}
}
 @media all and (max-width: 480px) {
.rnd-facility-con .facility-box-wrap .facility-box .inner-grid {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1.5rem 0;
}
}


.interior_slider, .interior_slider-thumb {
	position: relative;
	width: 100%;
	overflow: hidden
}
.interior_slider img, .interior_slider-thumb img {
	width: 100%;
}
.interior_slider .swiper-slide {
	position: relative;
}
.interior_slider .swiper-slide p {
	font-size: 18px;
	color: #fff;
	width: 100%;
	padding: 25px 10px;
	box-sizing: border-box;
	text-align: center;
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.interior_slider-thumb {
	margin-top: 15px;
}
.interior_slider-thumb .swiper-slide {
	background: #000;
	cursor: pointer;
}
.interior_slider-thumb .swiper-slide img {
	opacity: .3;
}
.interior_slider-thumb .swiper-slide.swiper-slide-thumb-active img {
	opacity: 1;
}
.interior_slider-btns {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 100%;
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
	cursor: pointer;
	transition: 0.3s
}
.interior_slider-next {
	right: 30px;
	background-image: url('../_images/content/arrow-next-b.svg');
}
.interior_slider-next:hover {
	right: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.interior_slider-prev {
	left: 30px;
	background-image: url('../_images/content/arrow-prev-b.svg');
}
.interior_slider-prev:hover {
	left: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.interior_slider-pagination {
	position: absolute;
	top: 20px;
	right: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	display: inline;
	width: 70px;
	height: 40px;
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
	text-align: center;
	box-sizing: border-box;
	padding: 13px 0;
	color: #fff;
}
.interior_slider-pagination span {
	color: #fff;
}
 @media all and (max-width:980px) {
.interior_slider .swiper-slide p {
	font-size: 16px;
	padding: 15px 10px;
}
.interior_slider-btns {
	width: 25px;
	height: 25px;
	margin-top: -12px;
}
.interior_slider-prev {
	left: 5px;
}
.interior_slider-prev:hover {
	left: -5px;
}
.interior_slider-next {
	right: 5px;
}
.interior_slider-next:hover {
	right: -5px;
}
.interior_slider-pagination {
	width: 50px;
	height: 30px;
	padding: 9px 0;
	right: 10px;
	top: 10px;
	font-size: 11px;
}
}
 @media all and (max-width:768px) {
.interior_slider .swiper-slide p {
	font-size: 14px;
	padding: 10px 5px;
}
.interior_slider-thumb {
	margin-top: 5px;
}
}



.spin-circle-txt:before {
	top: 0;
	left: -60px;
}





.brand-page .reason-con {
	margin-bottom: 100px;
}
.brand-page .reason-con.has-gray-bg {
	padding: 8vh 0 12vh;
}
.brand-page .reason-con.has-gray-bg:before {
	top: 0;
	left: 0;
	width: 36%;
	height: 100%;
}
.brand-page .reason-con .area {
	display: flex;
	align-items: center;
}
.brand-page .reason-con .img-box {
	width: 50%;
}
.brand-page .reason-con .spin-circle-txt {
	padding-top: 105px;
}
.brand-page .reason-con .img-box img, .oem-tit-container .img-box img {
	max-width: 100%;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.08);
	box-shadow: 5px 5px 15px rgba(0,0,0,.08);
	position: relative;
	z-index: 9
}
.brand-page .reason-con .txt-box {
	width: 50%;
	padding-left: 4vw;
	padding-top: 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.brand-page .reason-con .txt-box h4 {
	margin-bottom: 30px;
	font-size: 48px;
	font-weight: 100;
	color: #000;
	letter-spacing: -1.9px;
	line-height: 1.3;
}
.brand-page .reason-con .txt-box h4 b {
	position: relative;
	font-weight: 600;
}
.brand-page .reason-con .txt-box .point-bg-color {
	position: absolute;
	z-index: -1;
	bottom: -4px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 0.4657em;
	opacity: .25;
}
.brand-page .reason-con .txt-box .stit {
	margin-bottom: 15px;
	font-size: 28px;
	color: #333;
	letter-spacing: -0.05em;
	line-height: 1.3;
}
.brand-page .reason-con .txt-box p {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.66em;
	letter-spacing: -0.05em;
	color: rgba(0, 0, 0, 0.6);
}
.brand-page .reason-con .txt-box .stongtit {
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.5;
	color: rgba(0, 0, 0);
	margin-top: 20px;
}
/* -------- Brand :: 롤링리스트 -------- */
/* 공통 */

.cm-tit-stl {
	font-size: 58px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -1.5px;
	line-height: 1.310;
}
.rolling-active-list-con li {
	background-color: #fff;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.08);
	box-shadow: 5px 5px 15px rgba(0,0,0,.08);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.rolling-active-list-con dt {
	height: 30px;
}
.rolling-active-list-con dd {
	font-size: 18px;
	font-weight: 500;
	color: #2f2f2f;
	letter-spacing: -.5px;
	line-height: 1.33;
}
.brand-page .rolling-appeal-con {
	margin-bottom: 4.5rem;
	padding-bottom: 70px;
}
.brand-page .rolling-appeal-con.has-gray-bg:before {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 52%;
}
.brand-page .rolling-appeal-con .cm-tit-stl {
	margin-bottom: 45px;
}
.brand-page .rolling-appeal-con .rolling-active-list-con {
	margin: -11px;
}
.brand-page .rolling-active-list-con {
	display: flex;
	flex-wrap: wrap;
}
.brand-page .rolling-active-list-con li {
	width: calc(50% - 22px);
	min-height: 200px;
	margin: 11px;
	padding: 30px 4%;
	border-radius: 1rem;
	overflow: hidden;
}
.brand-page .rolling-active-list-con dl {
}
.brand-page .rolling-active-list-con dt {
	width: 100%;
	background-position-x: left;
	font-size: 2.4rem;
	margin-top: 20px;
	font-weight: 700;
}
.brand-page .rolling-active-list-con dd {
	color: #666;
	padding-top:10px  !important;
}
.brand-page .rolling-appeal-con p {
	
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.66em;
	letter-spacing: -0.05em;
	color:#fff;
}
/* active.ver */
.rolling-active-list-con li, .rolling-active-list-con dt, .rolling-active-list-con dd, .oem-page .rolling-active-list-con li .num {
	transition: all .3s
}
.rolling-active-list-con li.active {
	background-color: var(--main-color) !important;
}
.rolling-active-list-con li.active dt, .rolling-active-list-con li.active dd {
	color: #fff;
}


#circle {
	position: absolute;
	opacity: .3;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	top: 50px;
	left: -695px;
}
#circle text {
	font-size: 13px;
	letter-spacing: .5px;
}
#circle svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 300px;
	-webkit-animation-name: rotate;
	-moz-animation-name: rotate;
	-ms-animation-name: rotate;
	-o-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-ms-animation-duration: 10s;
	-o-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
 @-webkit-keyframes rotate {
 from {
-webkit-transform: rotate(360deg);
}
to {
	-webkit-transform: rotate(0);
}
}
@-moz-keyframes rotate {
 from {
-moz-transform: rotate(360deg);
}
to {
	-moz-transform: rotate(0);
}
}
@-ms-keyframes rotate {
 from {
-ms-transform: rotate(360deg);
}
to {
	-ms-transform: rotate(0);
}
}
@-o-keyframes rotate {
 from {
-o-transform: rotate(360deg);
}
to {
	-o-transform: rotate(0);
}
}
@keyframes rotate {
 from {
transform: rotate(360deg);
}
to {
	transform: rotate(0);
}
}
@media all and (max-width: 800px) {
	.rolling-active-list-con dd {font-size:16px;}
	.brand-page .rolling-appeal-con {margin-bottom:0}
}
@media all and (max-width:1200px){
	.brand-page .title-container > div{width: 100%; min-height: inherit;}
	.brand-page .title-container .img-box{position: relative; padding-top: 100%; margin-top: 60px;}
	.brand-page .title-container .img-box .img{top: 0; left: 0; right: 0; bottom: 0; margin-left: 0; margin: auto;}
	.brand-page .spin-shop-item{bottom: auto; left: auto; top: -119px; right: 100px;}
	.brand-page .reason-con.has-gray-bg{padding: 0;}
	.brand-page .reason-con.has-gray-bg:before{display: none;}
	.brand-page .reason-con .area{flex-direction: column-reverse;}
	.brand-page .reason-con .txt-box{padding-left: 0; padding-top:0px; width: 100%;}
	.brand-page .reason-con .img-box{position: relative; width: 100%; padding: 8vh 0 14vh; margin-top: 80px; display: flex;}
	.brand-page .reason-con .img-box:after{content: ""; position: absolute; z-index: -2; top: 0; left: -6%; width: calc(100% - 7vw); height:90%; background-color: #333;}
	.brand-page .reason-con .spin-circle-txt{margin-left: auto;}
	.media-slide-con.has-gray-bg{padding-bottom: 0;}
	.media-slide-con .area{display: block;}
	.media-slide-con .area > div{width: 100%; float: none;}
	.media-slide-con .txt-box{padding-right: 0; margin-bottom: 80px;}
	.media-slide-con.has-gray-bg:before{width: 100%; height: 70%;}
}
@media all and (max-width:800px){
	.cm-tit-stl, .brand-page .cm-tit-stl{font-size: 31px;}
	.spin-circle-txt:before{width: 110px; height: 110px;}
	/* -------- Brand :: 타이틀 -------- */
	.brand-page .title-container{margin-bottom: 100px;}
	.brand-page .title-container .txt-box .brand-tit{margin-bottom: 20px; font-size: 17px;}
	.brand-page .title-container .txt-box img{margin-bottom: 25px;}
	.brand-page .title-container .txt-box .tit{margin-bottom: 10px; font-size: 30px;}
	.brand-page .title-container .txt-box .txt{margin-bottom: 15px; font-size: 17px}
	.brand-page .deco-bar{width: 2px; height: 120px;}
	.brand-page .deco-bar span{height: 30px;}
	.brand-page .title-container .img-box{margin-top: 40px;}
	.brand-page .spin-shop-item{width: 160px; height: 160px; top: -88px; right: 8%;}
	.brand-page .spin-shop-item .inner{padding: 14px;}
	.brand-page .spin-shop-item i{top: 50%; left: 51%;font-size: 20px;}
	/* -------- Brand :: 브랜드어필 -------- */
	.brand-page .spin-circle-txt:before{left: 0;}
	.brand-page .reason-con{margin-bottom: 100px;}
	.brand-page .reason-con .txt-box h4{margin-bottom: 20px;font-size: 31px;}
	.brand-page .reason-con .txt-box .stit {font-size:26px;}
	
.brand-page .reason-con .txt-box .stongtit {
    font-size: 1.8rem;}
	.brand-page .reason-con .txt-box p{font-size: 14px;}
	.brand-page .reason-con .img-box{padding: 6vh 0 10vh; margin-top: 50px;}
	.brand-page .reason-con .spin-circle-txt{padding-top:0px; padding-left:0px;}
}

@media all and (max-width:640px){
	.brand-page .reason-con .img-box:after{height:100%;}
	#circle {/*top: -60px; left: -160px*/ display:none}
	#circle svg {height: 200px}
}


.business-bottom {border-top: 2px solid #000000;}
.business-bottom-con {display: flex; padding: 6rem 3.5rem; box-sizing: border-box; border-bottom: 1px solid #eeeeee;}
.business-bottom-con:last-of-type {border-bottom: 0;}
.business-bottom-con .left-tit {width: 26.4%; font-size: 2.9rem; font-weight: 700; line-height: 1.2; color: var(--main-color);}
.business-bottom-con .right-list {width: 73.6%; display: flex; flex-wrap: wrap; margin: -1.2rem -0.6rem;}
.business-bottom-con .right-list li {width: calc(50% - 1.2rem); margin: 1.2rem 0.6rem;}
.business-bottom-con .right-list li dl dt {position: relative; font-size: 1.85rem; font-weight: 500; letter-spacing: -0.020em; line-height: 1.62; padding-left: 1.7rem; color: #222222;}
.business-bottom-con .right-list li dl dt:before {position: absolute; content: ''; width: 0.5rem; height: 0.5rem; border-radius: 0.2rem; left: 0; top: 1rem; background: #000000;}
.business-bottom-con .right-list li dl dd {position: relative; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.020em; line-height: 1.4; margin-left: 1.7rem; padding-left: 1.1rem; margin-top: 0.7rem;}
.business-bottom-con .right-list li dl dd:first-of-type {margin-top: 1.4rem; }
.business-bottom-con .right-list li dl dd:before {position: absolute; content: '-'; left: 0; top: 0; color: #888888;}


@media all and (max-width:800px){
	.business-bottom-con {flex-wrap: wrap; padding: 4rem 1rem;}
	.business-bottom-con .left-tit {width: 100%; margin-bottom: 2rem; font-size: 2.4rem;}
	.business-bottom-con .right-list {width: 100%;}
	.business-bottom-con .right-list li dl dt {font-size: 1.7rem;}
	.business-bottom-con .right-list li dl dd {font-size: 1.5rem;}
}
@media all and (max-width:480px){
	.business-bottom-con .right-list {margin: -1.2rem 0;}
	.business-bottom-con .right-list li {width: 100%; margin: 1.2rem 0;}
}



.photo-content .composition-list-box .composition-list {
    position: relative;
    background-color: #fff;
    padding: 14% 13%;
    box-sizing: border-box;
    border-radius: 1rem;
    box-shadow: 0px 16px 38px rgba(0, 0, 0, 0.1);
    transition: var(--transition-custom);
    height: 41.5rem;
}

.photo-content .composition-list-box .composition-list::before {
    position: absolute;
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 0;
    left: 0;
    border: 5px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, rgba(164, 195, 77, 1) 0%, rgba(22, 143, 205, 1) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 1rem;
    z-index: -1;
    transition: var(--transition-custom);
    opacity: 0;
    pointer-events: none;
}

.photo-content .composition-list-box .composition-list.active {
    background-color: transparent;
}

.photo-content .composition-list-box .composition-list.active::before {
    opacity: 1;
    pointer-events: auto;
}

.photo-content .composition-list-box .composition-list-tit {
    font-size: 3.3rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.5em;
    color: #000;
    padding-bottom: 0.7rem;
    transition: var(--transition-custom);
}

.photo-content .composition-list-box .composition-list-tit.font-30 {
    font-size: 3rem;
    font-weight: 800;
}

.photo-content .composition-list-box .composition-list.active .composition-list-tit {
    color: var(--main-color);
}

.photo-content .composition-list-box .composition-list-txt {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.055em;
    line-height: 1.44em;
    color: #000;
}

.photo-content .composition-list-box .info-list-box {
    padding-top: 3.4rem;
}

.photo-content .composition-list-box .info-list-box .info-list {
    position: relative;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.055em;
    line-height: 1.77em;
    color: rgba(0, 0, 0, 0.75);
    padding-left: 1rem;
}

.photo-content .composition-list-box .info-list-box .info-list::before {
    position: absolute;
    left: 0;
    top: 1.393rem;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
}

.photo-content .business-active-con .active-list-box.fourItem {
    grid-gap: 0 2.666rem;
}

.photo-content .business-active-con .active-list-box.fourItem .active-list {
    height: 42.5rem;
}

.photo-content .business-active-con .photo-active-list-txt {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.055em;
    line-height: 1.5em;
    color: rgba(0, 0, 0, 0.7);
    padding-top: 1rem;
    transition: var(--transition-custom);
}
.business-tit-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

.business-container-tit {
    font-size: 4.2rem;
    font-weight: 700;
    letter-spacing: -0.055em;
    line-height: 1.38em;
    color: #000;
}

.pt50 {padding-top:50px;}
.pt70 {padding-top:70px;}
.pt100 {padding-top:100px;}

.photo-content .business-active-con .active-list-box.fourItem .active-list.active .photo-active-list-txt {
    color: rgba(255, 255, 255, 0.8);
}


.business-character-con {
    padding: 4rem 0 15rem 0;
}

.business-character-con .character-list-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
}

.business-character-con .character-list-box .character-list {
    position: relative;
    height: 0;
    padding-top: 54.688%;
    border-radius: 1.2rem;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.1);
}


.photo-content .business-character-con .character-list-box .character-list:first-child {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg01.jpg");
}

.photo-content .business-character-con .character-list-box .character-list:nth-child(2) {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg02.jpg");
}

.photo-content .business-character-con .character-list-box .character-list:nth-child(3) {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg03.jpg");
}

.photo-content .business-character-con .character-list-box .character-list:nth-child(4) {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg04.jpg");
}
.photo-content .business-character-con .character-list-box .character-list:nth-child(5) {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg05.jpg");
}


.photo-content .business-character-con .character-list-box .character-list.impant_s {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg03.jpg");
}

.photo-content .business-character-con .character-list-box .character-list.susul {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg04.jpg");
}
.photo-content .business-character-con .character-list-box .character-list.after {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg05.jpg");
}
.photo-content .business-character-con .character-list-box .character-list.step01 {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg06.jpg");
}
.photo-content .business-character-con .character-list-box .character-list.step02 {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg07.jpg");
}

.photo-content .business-character-con .character-list-box .character-list.step04 {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg08.jpg");
}
.photo-content .business-character-con .character-list-box .character-list.step05 {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg09.jpg");
}

.photo-content .business-character-con .character-list-box .character-list.step06 {
    background: center / cover no-repeat url("/_images/content/photo_apply_bg10.jpg");
}
.photo-schema-con .schema-box {
    max-width: 1380px;
    margin: 0 auto;
}

.photo-schema-con .schema-box img {
    max-width: 100%;
}

.business-character-con .character-list-box .character-list .txt-box {
    position: absolute;
    left: 5rem;
    bottom: 5rem;
}

.business-character-con .character-list-tit {
    font-size: 2.3rem;
    font-weight: 700;
    letter-spacing: -0.055em;
    line-height: 1.5em;
    color: #fff;
    padding-bottom: 1.5rem;
}

.business-character-con .character-list-txt {
    position: relative;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.055em;
    line-height: 1.75em;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 1.2rem;
}

.business-character-con .character-list-txt::before {
    position: absolute;
    content: "";
    left: 0;
    top: 1.2rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.business-character-con .character-list-box .inner-list-box {
    display: flex;
    gap: 0 1rem;
}

.business-character-con .character-list-box .inner-list-box .inner-list {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.055em;
    line-height: 1.75em;
    color: #000;
    padding: 0.3rem 2.3rem;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0.4rem;
}
@media all and (max-width: 1280px) {
    .photo-content .composition-list-box .composition-list {
        height: auto;
    }

    .photo-content .business-active-con .active-list-box.fourItem .active-list {
        height: auto;
    }

    .photo-content .business-active-con .active-list-box.fourItem .active-list-txt {
        min-height: 3.8rem;
    }

    .photo-content .business-active-con .photo-active-list-txt {
        min-height: 11.7rem;
    }

    .photo-content .business-character-con {
        padding-bottom: 8rem;
    }

    .photo-content .business-active-con {
        padding: 0 0 8rem 0;
    }

    .photo-sub-con01 {
        padding-top: 8rem;
    }

    .photo-sub-con04 {
        padding: 0;
    }
}

@media all and (max-width: 800px) {
   
    .business-character-con .character-list-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .business-character-con .character-list-box .character-list .txt-box {
        left: 5%;
        bottom: 7%;
    }

    .business-character-con .character-list-txt {
        color: rgba(255, 255, 255, 1);
    }
    .photo-sub-con02 {
        padding: 8rem 0 0 0;
    }

    .photo-sub-con02 .building-content-con {
        display: flex;
        flex-direction: column-reverse;
    }

    .photo-sub-con02 .building-content-con .click-event-btn-box {
        position: relative;
        align-items: center;
        margin-bottom: 5rem;
    }

    .photo-content .composition-list-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem 0;
    }

    .photo-content .composition-list-box .composition-list {
        padding: 3rem;
    }

    .photo-content .composition-con {
        background-color: #f0f6f9;
        padding: 8.05%;
        border-radius: 4rem;
    }

    .photo-content .composition-con::before {
        display: none;
    }

    .photo-content .composition-con > .txt-box {
        margin-bottom: 4rem;
    }

    .photo-content .business-active-con .active-list-box.fourItem {
        grid-gap: 2.5rem;
    }

    .photo-content .business-active-con .photo-active-list-txt {
        min-height: 6.7rem;
    }
}

@media all and (max-width: 640px) {
    .photo-content .business-active-con .photo-active-list-txt {
        min-height: 9.7rem;
    }
}

@media all and (max-width: 480px) {
    .photo-content .business-active-con .active-list-box.fourItem {
        grid-template-columns: repeat(1, 1fr);
    }

    .photo-content .business-active-con .active-list-box.fourItem .active-list-txt, .photo-content .business-active-con .photo-active-list-txt {
        min-height: auto;
    }
}


 .number-box{ overflow:hidden; display: flex; justify-content: center;}
 .number-box strong{font-size:100px; opacity:.1; color:var(--main-color); position:absolute; top:50px; left:0; width:100%;}
 .number-box li{float:left; width:23%; margin-right:2%; text-align:center; padding:100px 40px 60px; background:#fff; position:relative; min-height:310px;}
 .number-box li:last-child{margin-right:0;}
 .number-box li h3{font-size:24px; color:var(--main-color); font-weight:600; margin: 20px 0; line-height:1.3; letter-spacing:-1px}
 .number-box li p{font-size:18px; font-weight:300; color:#333 !important} 
 .number-box.blue li{background:#f2f5f8;}
 
 
 @media screen and (max-width:768px){
	.number-box li{width:100%; margin:0 0 10px; min-height:auto; padding: 50px 20px 40px;}
	.number-box strong{ font-size:80px; top:20px;}
	.number-box li h3 br{display:none;}
 }
 
.ethic-list {display: flex; margin: 0 -0.9rem; }
.ethic-list li {width: calc(33% - 1.8rem); margin: 0 0.9rem; background: #f9f9f9; padding: 4rem 3.5rem 3.5rem;}
.ethic-list li .ethic-list-tit {position: relative; font-size: 2.1rem; font-weight: 600; letter-spacing: -0.025em; color: #111111; line-height: 1.2; padding-left: 3.2rem; margin-bottom: 2.2rem;}
.ethic-list li .ethic-list-tit:before {position: absolute; content: ''; background: url('../_images/content/ethic_icon.png')no-repeat center;  background-size: contain;width: 2.2rem; height: 2rem; left: 0; top: 0.2rem;}
.ethic-list li .ethic-list-tit i {padding-right: 1rem;}
.ethic-list li .ethic-list-txt {font-size: 1.7rem; font-weight: 400; letter-spacing: -0.015em; color: #555555; line-height: 1.64;}
 @media screen and (max-width:800px){
.ethic-list {flex-wrap: wrap;}
.ethic-list li {width: 100%; margin-bottom: 3rem;}
.ethic-list li:last-child {margin-bottom: 0;}
.ethic-list li .ethic-list-tit {font-size: 1.9rem;}
.ethic-list li .ethic-list-txt {font-size: 1.6rem;}
 }
.puls-page  {margin:5rem 0;}
.puls-con01 {position: relative; z-index: 1; padding:5rem 0 10rem 0; background: url(../_images/content/puls_con01_bg.jpg)no-repeat center/cover; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.puls-con01-list {display: flex; justify-content: center;}
.puls-con01-list li {position: relative; width: 25%; max-width: 35rem; margin-left: -2.65rem;}
.puls-con01-list li:first-child {margin-left: 0;}
.puls-con01-list li .inner {position: relative; width: 100%; height: 0; padding-top: 100%; background:url(../_images/content/puls_con01_circle.png)no-repeat center/cover;  ;}
.puls-con01-list li .inner-box {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; text-align: center;}
.puls-con01-list li .inner-box dl {position: relative;}
.puls-con01-list li .inner-box dt {height: 5.9rem; line-height: 5.9rem;}
.puls-con01-list li .inner-box dt img {max-height: 100%;}
.puls-con01-list li .inner-box dd {position: relative; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025rem; line-height: 1.625; color: #333; margin-top: 2.8rem;}
.puls-con01-list li .inner-box dd span {  font-size: 1.4rem; opacity: 0.4;}
.puls-page p {text-align:center; font-size:1.8rem; padding:30px 0;}

.puls-con02-img-wrap {text-align: center;}
.puls-con02-img-wrap .tit-con {padding: 3rem 1rem; border-radius: 2rem 2rem 0 0; background:#333; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.puls-con02-img-wrap .tit-con strong {display: block; font-size: 2.5rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.6;}
.puls-con02-img-wrap .img-con {padding: 5.5rem 4rem; background: #fff;  border-radius: 0 0 2rem 2rem; border: 1px solid #000;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.puls-con02-img-wrap .img-con img {max-width: 100%;}

.has-gray-bg {
	position: relative;
}
.has-gray-bg:before {
	content: "";
	z-index: -1;
	position: absolute;
	background-color: #f1f1f1;
}
 @media screen and (max-width:768px){	
 
	.puls-con01-list {flex-wrap: wrap;}
	.puls-con01-list li {width: 50%; margin-left: 0;}
	.puls-con01-list li .inner-box {padding: 3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.puls-con01-list li .inner-box dd {font-size:1.8rem}
	.puls-con02 {padding: 10rem 0;}
	.puls-con02-img-wrap .img-con {padding: 3.5rem 1rem 3.5rem 2rem;}
	.puls-con02 .service-point-list {padding-top: 7rem;}
	.puls-con03,
	.puls-con04 {padding: 10rem 0;}
	.puls-con03 .puls-tbl-con {padding-top: 6rem;}
	
	.puls-con02-img-wrap .img-con {padding: 3.5rem 1rem 3.5rem 2rem;}
	.puls-con02-img-wrap .tit-con strong {font-size: 1.8rem;}
 }
 
 .p-gray-center {
    margin-top: 100px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.66em;
    letter-spacing: -0.05em;
    color: rgba(255, 255, 255, 0.6);
}

.business-txt {position: relative; font-size: 1.8rem; font-weight: 500; line-height: 1.7em; letter-spacing: -0.05em; color: rgba(255, 255, 255, 0.6);}
.business-txt.circle {line-height: 1.8em; padding-left: 1.2rem;}
.business-txt.circle::before {position: absolute; content: ""; width: 4px; height: 4px; left: 0; top: 1.33rem; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%;}

.line-top { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.cm-flex-con {display: flex; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 10rem 0;}
.cm-flex-con:first-child {margin-top: 8rem;}
.cm-flex-con .cm-flex-tit {width: 30.715%; padding-right: 5%; font-size: 4rem; font-weight: 700; line-height: 1.25em; letter-spacing: -0.05em; color: #fff;}
.cm-flex-con .global-process-list-wrap {width: 64.286%;}
.cm-flex-con .process-box-txt {font-size: 2rem; font-weight: 500; line-height: 1.5em; letter-spacing: -0.05em; color: #fff;}
.cm-flex-con .process-box-txt.ps {margin-top: 4.5rem;}
.cm-flex-con .process-box-txt.ps .ps-icon {font-size:1.2rem; position: relative; top: -6px; margin-right: 5px;}
.cm-flex-con .process-list-box {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 3rem; margin-top: 4.5rem;}
.cm-flex-con .process-list-box .process-list {display: flex; flex-direction: column; align-items: center; justify-content: center; border: 5px solid rgba(255, 255, 255, 0.05); padding: 5rem 4rem; border-radius: 1rem; transition: all 0.3s;}
.cm-flex-con .process-list-box .process-list .icon-box {display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; background-color: rgba(255, 255, 255, 0.15); border-radius: 50%; margin-bottom: 3rem;}
.cm-flex-con .process-list-box .process-list .icon-box img {max-width: 100%;}
.cm-flex-con .process-list-box .process-list .txt-box {text-align: center;}
.cm-flex-con .process-list-box .process-list-num {font-size: 2rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: #fff;}
.cm-flex-con .process-list-box .process-list-txt {font-size: 1.8rem; font-weight: 500; line-height: 1.66em; letter-spacing: -0.05em; color: #fff; padding-top: 1rem; min-height: 6rem;}
.cm-flex-con .process-list-box .process-list.active {background-color: var(--main-color); border-color: var(--main-color);}

.cm-flex-con .img-box {
	position:relative;
    margin-top: 5.3rem;
    border-radius: 5px;
    overflow: hidden;
}

.cm-flex-con .img-box img {
    max-width: 100%;
}

.cm-flex-con .global-info-wrap {width: 64.286%;}
.cm-flex-con .global-info-wrap .info-box {display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 8rem 0;}
.cm-flex-con .global-info-wrap .info-box:first-child {padding-top: 0;}
.cm-flex-con .global-info-wrap .info-box:last-child {border-bottom: none;}
.cm-flex-con .global-info-wrap .info-box .info-tit {width: 26.667%; font-size: 2rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #fff; }
.cm-flex-con .global-info-wrap .info-box .info-tit strong {letter-spacing: -0.02em;}
.cm-flex-con .global-info-wrap .info-box .info-list-box {width: 71.334%; padding-left: 2%;}
.cm-flex-con .global-info-wrap .info-box .info-list {display: flex;}
.cm-flex-con .global-info-wrap .info-box .info-list > p {font-size: 1.8rem; font-weight: 500; line-height: 1.8em; letter-spacing: -0.05em; color: rgba(255, 255, 255, 0.6); padding-left: 1.2rem;}
.cm-flex-con .global-info-wrap .info-box .info-list > span {line-height: 3.6rem;}
.cm-flex-con .global-info-wrap .info-box .info-list > span i {font-size: 1.8rem; color: rgba(255, 255, 255, 0.6); line-height: 1.8rem;}

@media all and (max-width: 1280px) {
	.cm-flex-con .process-list-box .process-list {padding: 3rem;}
	.cm-flex-con .process-list-box .process-list-txt {min-height: 10.4rem;}
}

@media all and (max-width: 800px) {
	.business-cm-content {width: 100% !important; margin-top: 2rem;}
	.development-page .cm-flex-con:last-child {padding-bottom: 7.5rem;}
}

@media all and (max-width: 800px) {
	.cm-flex-con {display: block; padding: 5rem 0;}
	.global-page .main-global-con {padding: 5rem 0;}
	.cm-flex-con:first-child {margin-top: 4rem;}
	.cm-flex-con .cm-flex-tit {width: 100%; padding-right: 0;}
	.cm-flex-con .global-process-list-wrap {width: 100%; margin-top: 2rem;}
	.cm-flex-con .global-info-wrap {width: 100%; margin-top: 2rem;}
	.cm-flex-con .global-info-wrap .info-box {display: block;}
	.cm-flex-con .process-list-box {margin-top: 2.5rem;}
	.cm-flex-con .global-info-wrap .info-box .info-tit {width: 100%;}
	.cm-flex-con .global-info-wrap .info-box .info-list-box {width: 100%; padding-left: 0; margin-top: 2rem;}
	.cm-flex-con .global-info-wrap .info-box {padding: 4rem 0;}
}

@media all and (max-width: 640px) {
	.cm-flex-con .process-list-box {grid-template-columns: 1fr;}
	.cm-flex-con .process-list-box .process-list-txt {min-height: auto;}
	.cm-flex-con .process-list-box {grid-gap: 3rem 0;}
}




.vision-con {position:relative; height:542px; padding:145px 0; text-align:center; color:rgba(255,255,255,0.9); margin-top:90px;}
.vision-con .vision-bg {position:absolute; top:0px; left:0px; height:100%; width:100%; background: url("../_images/content/vision_bg.jpg") center center no-repeat; background-attachment:fixed; z-index:-1; background-size:cover}
.vision-con [data-aos="value-bg"]{
	width:0;
}
.vision-con [data-aos="value-bg"].aos-animate {
	width:100%;	
}

.vision-con .tit {display:block; font-size:40px; }
.vision-con .txt {position:relative; font-size:34px; font-weight:300; line-height:1.2; margin-top:3.2vw;}
.vision-con .txt:before {content:""; display:block; width: 42px; height:35px; background:url("../_images/content/vision_icon.png") center no-repeat; margin:0 auto 20px; }

@media all and (max-width: 800px) {
	
	.vision-con .tit {font-size:26px; line-height:1.3 }
.vision-con .txt {position:relative; font-size:22px;}
}