@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.sub-quick-menu-page .cm-quick-menu.fixed{z-index:2}
.custom-scrollbar-cover{display:none;}
.custom-scrollbar-wrapper img {max-width:100%;}
@media all and (min-width:1920px){
	.sub-quick-menu-page, .cm-quick-menu, .area {display:none;}
}
/*
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;/* margin-right:-15px; */  cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}*/

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:50px; line-height:50px; font-size:18px; font-weight:800; text-align:center; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; transform:translateY(-50%); /*margin-top:-7px*/}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

  h3.subPage_title {
    text-align:center;
	font-size:2rem;
	font-weight:800;
	margin:50px 0 70px 0;
  }
  
.subPage_mo {
  	display:none;
}
.subPage_pc {
  	display:block;
  	margin-bottom:150px;
}
  @media screen and (max-width: 768px) {
  
		.subPage_pc {
		  	display:none;
		  }
		.subPage_mo {
		  	display:block;
		  	margin-bottom:100px;
		  }
  	
  }
  

/* -------- Our Story -------- */
.ourWrap {
	width:1074px;
	margin:0 auto;
}
.ourWrap .ourBox_one {
	background:#e9eaef;
	padding-top:150px;
}
.ourWrap .ourBox_one .ourBox_oneImg {
	display:block;
	margin:0 auto;
}
.ourWrap .ourBox_two {
	position:relative;
	font-size:1.5rem;
	font-weight:500;
	line-height:2.3rem;
	text-align:center;
	padding:70px 0 100px 0;
	background:#e9eaef;
}
.ourWrap .ourBox_two:before {
	content:'';
	position:absolute;
	bottom:-140px;
	left:50%;
	transform:translateX(-50%);
	width:26px;
	height:140px;
	background:url(../../../images/main/site/main/tech_img.jpg) no-repeat;
}
.ourWrap .ourBox_three {
	text-align:center;
	margin:120px 0;
	font-size:1.5rem;
	font-weight:400;
	line-height:2.3rem;
}
.ourWrap .ourBox_three h4 {
	font-size:3rem;
	font-weight:700;
	line-height:3.4rem;
	margin-bottom:50px;
}
.ourWrap .ourBox_three p {
	font-weight:700;
	margin-top:100px;
}
.ourWrap .ourBox_four ul {
	display:flex;
	justify-content:space-between;
}
.ourWrap .ourBox_four ul li {
	position:relative;
	font-size:1.5rem;
	font-weight:400;
	line-height:2.3rem;
	padding-left:20px;
}
.ourWrap .ourBox_four ul li:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:100%;
	background:#333;
}
.ourWrap .ourBox_four ul li p {
	font-weight:700;
	margin-bottom:10px;
}
.ourWrap .ourBox_five {
	margin-top:120px;
}
/* -------- Our Story -------- */

/* -------- Our Story - 모바일 -------- */
@media screen and (max-width: 768px) {
  
	.ourWrap {
		width:90%;
	}
	.ourWrap img {
		max-width:100%;
	}
	.ourWrap .ourBox_one {
		padding-top:100px;
	}
	.ourWrap .ourBox_one .ourBox_oneImg {
		display:block;
		margin:0 auto;
		max-width:50%;
	}
	.ourWrap .ourBox_two {
		width:94%;
		padding:70px 3% 100px 3%;
		font-size:1.2rem;
		line-height:1.8rem;
	}
	.ourWrap .ourBox_two:after {
		left:47%;
	}
	.ourWrap .ourBox_three {
		font-size:1.2rem;
		line-height:1.8rem;
		margin:100px 0 70px 0;
	}
	.ourWrap .ourBox_three h4 {
		font-size:2.4rem;
		margin-bottom:30px;
	}
	.ourWrap .ourBox_four ul {
		flex-wrap:wrap;
	}
	.ourWrap .ourBox_four ul li {
		margin:10px 0;
		font-size:1.3rem;
		line-height:1.8rem;
	}
	.ourWrap .ourBox_five {
		margin-top:70px;
	}
  
}
/* -------- Our Story - 모바일 -------- */

/* -------- Founders -------- */
.foundersWrap {
	width:1300px;
	margin:0 auto;
	font-size:1.5rem;
	line-height:2.4rem;
	font-weight:400;
}
.foundersWrap .foundersBox_one {
	width:1000px;
	position:relative;
	margin:260px auto 400px auto;
}
.foundersWrap .foundersBox_one:before {
	content:'';
	position:absolute;
	top:-190px;
	left:50%;
	transform:translateX(-50%);
	width:26px;
	height:140px;
	background:url(../../../images/main/site/main/tech_img.jpg) no-repeat;
}
.foundersWrap .foundersBox_two {
	width:1000px;
	position:relative;
	text-align:center;
	margin:200px auto 250px auto;
}
.foundersWrap .foundersBox_two:before {
	content:'';
	position:absolute;
	top:-320px;
	left:50%;
	transform:translateX(-50%);
	width:26px;
	height:140px;
	background:url(../../../images/main/site/main/tech_img.jpg) no-repeat;
}
.foundersWrap .foundersBox_two ul {
	position:relative;
}
.foundersWrap .foundersBox_two ul:before {
	content:'';
	position:absolute;
	top:-70px;
	left:50%;
	transform:translateX(-50%);
	width:56px;
	height:35px;
	background:url(../../../images/main/site/main/founders_img02.jpg) no-repeat;
}
.foundersWrap .foundersBox_two ul:after {
	content:'';
	position:absolute;
	bottom:-70px;
	left:50%;
	transform:translateX(-50%);
	width:56px;
	height:35px;
	background:url(../../../images/main/site/main/founders_img03.jpg) no-repeat;
}
.foundersWrap .foundersBox_two ul li:first-child {
	border-bottom:1px solid #333;
	margin-bottom:55px;
	padding-bottom:55px;
}
.foundersWrap .foundersBox_two ul li p {
	margin-top:30px;
	font-weight:800;
}
.foundersWrap .foundersBox_three {
	width:1300px;
	margin:0 auto;
}
/* -------- Founders -------- */

/* -------- Founders - 모바일 -------- */
@media screen and (max-width: 768px) {
	
	.foundersWrap {
		width:90%;
		font-size:1.2rem;
		line-height:1.8rem;
	}
	.foundersWrap .foundersBox_one,
	.foundersWrap .foundersBox_two,
	.foundersWrap .foundersBox_three {
		width:100%;
	}
	.foundersWrap .foundersBox_two {
		margin:0 auto 180px auto;
	}
	.foundersWrap .foundersBox_three img {
		max-width:100%;
	}
	
}
/* -------- Founders - 모바일 -------- */

/* -------- CI -------- */
.ciWrap {
	width:1300px;
	margin:0 auto;
	font-size:1.5rem;
	line-height:2.4rem;
	font-weight:400;
	text-align:center;
}
.ciWrap .ciBox_two {
	width:1074px;
	margin:110px auto;
}
.ciWrap .ciBox_two ul li:first-child {
	border-bottom:1px solid #333;
	margin-bottom:55px;
	padding-bottom:55px;
}
.ciWrap .ciBox_two ul li p {
	font-size:3rem;
	font-weight:800;
	margin-bottom:30px;
}
.ciWrap .ciBox_three {
	width:1074px;
	margin:0 auto;
}
/* -------- CI -------- */

/* -------- CI - 모바일 -------- */
@media screen and (max-width: 768px) {

	.ciWrap {
		width:90%;
		font-size:1.2rem;
		line-height:1.8rem;
	}
	.ciWrap img {
		max-width:100%;
	}
	.ciWrap .ciBox_two {
		width:100%;
		margin:70px auto;
	}
	.ciWrap .ciBox_two ul li:first-child {
		border-bottom:1px solid #333;
		margin-bottom:30px;
		padding-bottom:30px;
	}
	.ciWrap .ciBox_two ul li p {
		font-size:2rem;
		font-weight:800;
		margin-bottom:20px;
	}
	.ciWrap .ciBox_three {
		width:100%;
	}
	
}
/* -------- CI - 모바일 -------- */

/* -------- 컬쳐 -------- */
.cultureWrap {
	width:1300px;
	margin:0 auto;
	font-size:1.5rem;
	line-height:2.4rem;
	font-weight:400;
	text-align:center;
}
.cultureWrap .cultureBox_two {
	position:relative;
	width:900px;
	margin:100px auto;
	text-align:center;
}
.cultureWrap .cultureBox_two ul li p {
	font-size:2.6rem;
	line-height:3.2rem;
	font-weight:700;
	margin-bottom:20px;
}
.cultureWrap .cultureBox_two ul li:nth-child(2) {
	margin:50px 0;
	padding:50px 0;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.cultureWrap .cultureBox_three {
	width:1074px;
	margin:0 auto;
}
/* -------- 컬쳐 -------- */

/* -------- 컬쳐 - 모바일 -------- */
@media screen and (max-width: 768px) {
	
	.cultureWrap {
		width:90%;
	}
	.cultureWrap img {
		max-width:100%;
	}
	.cultureWrap .cultureBox_two {
		width:100%;
		margin:50px auto;
	}
	.cultureWrap .cultureBox_two ul li {
		font-size:1.2rem;
		line-height:1.8rem;
	}
	.cultureWrap .cultureBox_two ul li p {
		font-size:1.8rem;
		line-height:2.2rem;
		font-weight:700;
		margin-bottom:20px;
	}
	.cultureWrap .cultureBox_three {
		width:100%;
	}
	
}
/* -------- 컬쳐 - 모바일 -------- */

/* -------- 테크놀로지 -------- */
.techWrap {
	width:1300px;
	margin:0 auto;
	font-size:1.5rem;
	line-height:2.4rem;
	font-weight:400;
	text-align:center;
}
.techWrap .techBox_one {
	position:relative;
	width:1074px;
	margin:0 auto;
	text-align:center;
}
.techWrap .techBox_one:before {
	content:'';
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-200px;
	width:26px;
	height:140px;
	background:url(../../../images/main/site/main/tech_img.jpg) no-repeat;
}
.techWrap .techBox_one p {
	font-size:6rem;
	line-height:6.4rem;
	font-weight:500;
	margin-bottom:50px;
}
.techWrap .techBox_two {
	position:relative;
	width:1074px;
	margin:270px auto;
}
.techWrap .techBox_two:before {
	content:'';
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-200px;
	width:26px;
	height:140px;
	background:url(../../../images/main/site/main/tech_img.jpg) no-repeat;
}
.techWrap .techBox_two dl {
	display:flex;
	justify-content:space-between;
}
.techWrap .techBox_two dl:last-child {
	flex-direction:row-reverse;
	margin-top:100px;
}
.techWrap .techBox_two dl dd p {
	font-size:2.6rem;
	line-height:3.2rem;
	font-weight:700;
	margin-bottom:20px;
}
.techWrap .techBox_two dl:first-child dd {
	text-align:left;
	padding-left:30px;
}
.techWrap .techBox_two dl:last-child dd {
	text-align:left;
	padding-right:30px;
}
.techWrap .techBox_four {
	width:1074px;
	margin:110px auto;
}
.techWrap .techBox_four dl {
	display:flex;
	justify-content:space-between;
}
.techWrap .techBox_four dl dd {
	text-align:left;
	padding-left:30px;
}
.techWrap .techBox_four dl dd p {
	font-size:2.6rem;
	line-height:3.2rem;
	font-weight:700;
	margin-bottom:20px;
}
.techWrap .techBox_five {
	width:1300px;
	margin:110px auto;
}
/* -------- 테크놀로지 -------- */

/* -------- 테크놀로지 - 모바일 -------- */
@media screen and (max-width: 768px) {
	
	.techWrap {
		width:90%;
		font-size:1.2rem;
		line-height:1.8rem;
	}
	.techWrap img {
		max-width:100%;
	}
	.techWrap .techBox_one {
		width:100%;
	}
	.techWrap .techBox_one p {
		font-size:2.8rem;
		line-height:3.4rem;
		margin-bottom:30px;
		font-weight:600;
	}
	.techWrap .techBox_two {
		width:100%;
	}
	.techWrap .techBox_two dl {
		flex-wrap:wrap;
	}
	.techWrap .techBox_two dl:last-child {
		margin-top:50px;
		flex-direction:unset;
	}
	.techWrap .techBox_two dl:first-child dd {
		padding-left:0;
	}
	.techWrap .techBox_two dl:last-child dd {
		padding-right:0;
	}
	.techWrap .techBox_two dl dd p {
		font-size: 1.7rem;
		line-height: 2.2rem;
		font-weight:700;
		margin:20px 0;
	}
	.techWrap .techBox_four {
		width:100%;
	}
	.techWrap .techBox_four dl {
		flex-wrap:wrap;
	}
	.techWrap .techBox_four dl dd {
		padding-left:0;
	}
	.techWrap .techBox_four dl dd p {
		font-size: 1.8rem;
		line-height: 2.2rem;
		font-weight:700;
		margin:20px 0;
	}
	.techWrap .techBox_five {
		width:100%;
	}
	
}
/* -------- 테크놀로지 - 모바일 -------- */

/* -------- 고객센터 -------- */
.csCenterWrap {
	width:1000px;
	margin:0 auto 150px auto;
}
.csCenterWrap .csCenterBox_one {
	display:flex;
	justify-content:space-between;
}
.csCenterWrap .csCenterBox_one .csCenterList_board {
	width:470px;
}
.csCenterWrap .csCenterBox_one .csCenterList_board p {
	display:flex;
	justify-content:space-between;
	font-size:1.2rem;
	line-height:1.2rem;
	font-weight:700;
	padding:20px 0;
	border-bottom:2px solid #555;
	margin-bottom:20px;
}
.csCenterWrap .csCenterBox_one .csCenterList_board p a {
	font-size:0.875rem;
	font-weight:500;
}
.csCenterWrap .csCenterBox_one .csCenterList_board ul li {
	font-size:0.875rem;
	font-weight:500;
	line-height:1.6rem;
	padding:15px 0;
	border-bottom:1px solid #ebebeb;
	cursor:pointer;
}
.csCenterBox_archiveBtn a {
	display:block;
	width:250px;
	height:70px;
	line-height:70px;
	border-radius:50px;
	margin:50px auto 0 auto;
	font-size:18px;
	font-weight:700;
	text-align:center;
	color:#222;
	background:#ffc825;
	transition:all 0.3s;
}
.csCenterBox_archiveBtn a:hover {
	background:#fff0af;
}
.csCenterWrap .csCenterBox_two {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:50px 0 0 0;
	padding:70px 50px;
	background:#fffae5;
	border-radius:15px;
}
.csCenterWrap .csCenterBox_two dl {
	width:430px;
	border-radius:15px;
	overflow:hidden;
}
.csCenterWrap .csCenterBox_two dl dt {
	font-size:1.1rem;
	font-weight:800;
	color:#222;
	background:#ffc825;
	text-align:center;
	padding:15px 0;
}
.csCenterWrap .csCenterBox_two dl dd {
	padding:40px 20px;
	background:#fff;
	font-size:0.875rem;
	line-height:1.2rem;
	font-weight:500;
	text-align:center;
}
.csCenterWrap .csCenterBox_two dl dd .csCenterBtnBox {
	display:flex;
	gap:1rem;
	justify-content:center;
	margin:30px auto 0 auto;
}
.csCenterWrap .csCenterBox_two dl dd a {
	display:block;
	width:120px;
	padding:5px 0;
	border-radius:50px;
	text-align:center;
	color:#222;
	background:#ffc825;
	font-weight:800;
}
.csCenterWrap .csCenterBox_two dl dd a.csCenterKakaoBtn {
	margin:30px auto 0 auto;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call {
	display:flex;
	justify-content:space-between;
	width:100%;
	margin-top:40px;
	background:#fff;
	border-radius:15px;
	padding:50px;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBox_one img {
	max-width:170px;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two {
	width:470px;
	padding:30px 0;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two ul li:last-child {
	margin-top:30px;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two ul li p {
	font-size:1.2rem;
	font-weight:800;
	color:#222;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two ul li p span {
	display:block;
	font-size:0.875rem;
	font-weight:500;
	color:#777;
	margin-top:5px;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two ul li 
.csCenterBox_button  {
	display:flex;
	flex-wrap:wrap;
	margin-top:20px;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two ul li 
.csCenterBox_button dl {
	position:relative;
	width:230px;
	height:52px;
	margin:5px 0;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two ul li 
.csCenterBox_button dl dt {
	position:absolute;
	top:0;
	left:0;
	width:48px;
	height:48px;
	line-height:48px;
	border-radius:50px;
	border:2px solid #00b6f0;
	background:#fff;
	padding:0;
	z-index:9;
}
.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two ul li 
.csCenterBox_button dl dd {
	position:absolute;
	top:0;
	left:0;
	width:210px;
	height:50px;
	line-height:50px;
	border-radius:50px;
	background:#eee;
	padding:0 0 0 10px;
}
/* -------- 고객센터 -------- */

/* -------- 고객센터 - 모바일 -------- */
@media screen and (max-width: 768px) {
	
	.csCenterWrap {
		width:90%;
		margin:0 auto 100px auto;
	}
	.csCenterWrap .csCenterBox_one {
		flex-wrap:wrap;
	}
	.csCenterWrap .csCenterBox_two {
		padding:50px 20px;
	}
	.csCenterWrap .csCenterBox_two dl {
		width:100%;
		margin-bottom:20px;
	}
	.csCenterWrap .csCenterBox_two .csCenterBox_call {
		flex-wrap:wrap;
		padding:50px 30px;
		margin-top:0;
	}
	.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_one img {
		max-width:100%;
	}
	.csCenterWrap .csCenterBox_two .csCenterBox_call .csCenterBoxCall_two {
		width:100%;
	}
	
}
/* -------- 고객센터 - 모바일 -------- */

/* -------- parallax - 오시는 길 -------- */
.locationWrap {
	position:relative;
}
.locationWrap .addressBox {
	position:absolute;
	top:50px;
	left:50%;
	transform:translateX(-50%);
	width:630px;
	color:#fff;
	background:#15325d;
	padding:70px 120px;
	border-radius:50px;
}
.locationWrap .addressBox h3 {
	position:relative;
	font-weight:600;
	margin-bottom:10px;
	text-align:center;
}
.locationWrap .addressBox h3:before {
	content:'';
	position:absolute;
	bottom:-70px;
	left:50%;
	transform:translateX(-50%);
	display:block;
	width:40px;
	height:4px;
	border-radius:50px;
	background:#fff;
}
.locationWrap .addressBox img {
	width:300px;
	display:block;
	margin:0 auto;
}
.locationWrap .addressBox .address {
	display:flex;
	font-size:1.125rem;
	line-height:2rem;
	font-weight:700;
	margin:70px 0 20px 0;
	gap:10px;
}
.locationWrap .addressBox .address  p {
	width:100px;
	text-align:center;
	color:#15325d;
	font-weight:800;
	background:#fff;
	border-radius:50px;
	margin-bottom:5px;
}
.locationWrap .addressBox .tel_fax {
	display:flex;
	justify-content:flex-start;
}
.locationWrap .addressBox .tel_fax {
	font-size:1.125rem;
	line-height:2rem;
	font-weight:700;
}
.locationWrap .addressBox .tel_fax dl {
	display:flex;
	margin-right:50px;
}
.locationWrap .addressBox .tel_fax dl dt {
	width:100px;
	text-align:center;
	color:#15325d;
	font-weight:800;
	background:#fff;
	border-radius:50px;
}
.locationWrap .addressBox .tel_fax dl dd {
	margin-left:10px;
}

/* -------- parallax - 오시는 길 -------- */

/* -------- parallax - 오시는 길 모바일 -------- */

@media screen and (max-width: 768px) {
	
	.locationWrap iframe {
		height:500px;
	}
	.locationWrap .addressBox {
		position:static;
		transform:none;
		width:85%;
		margin:30px auto;
		padding:50px 5%;
	}
	.locationWrap .addressBox h3:before {
		content:'';
		position:absolute;
		bottom:-55px;
		left:50%;
		transform:translateX(-50%);
		display:block;
		width:30px;
		height:4px;
		border-radius:50px;
		background:#fff;
	}
	.locationWrap .addressBox img {
		width:200px;
	}
	.locationWrap .addressBox .address {
		font-size:0.875rem;
		line-height:1.2rem;
		margin:50px 0 20px 0;
	}
	.locationWrap .addressBox .address p {
		width:110px;
		line-height:2rem;
	}
	.locationWrap .addressBox .tel_fax {
		flex-wrap:wrap;
		font-size:0.875rem;
	}
	.locationWrap .addressBox .tel_fax dl {
		margin:0 0 10px 0;
	}
	.locationWrap .addressBox .tel_fax dl dt {
		width:70px;
	}
	
}
/* -------- parallax - 오시는 길 모바일 -------- */

/* -------- parallax - 사업소개 -------- */
.parallax-item-intro {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  width: 100%;
  min-height: 120vh;
}

.parallax-item-intro.second {
  min-height: 50vh;
}

.parallax-item-intro h2 {
  font-size: 6rem;
  text-transform: uppercase;
  background-color: whitesmoke;
  padding: 4rem;
  border-radius: 2rem;
  text-align:center;
}

.parallax-item-intro h2.parallax-second {
  font-size: 5rem;
  line-height:5rem;
  text-transform: uppercase;
  text-align:center;
  background:none;
}

.parallax-item-intro h2.parallax-second .gray_txt {
  color:#adadad;
}

.parallax-item-intro h2.parallax-third {
  font-size: 3rem;
  line-height:4.5rem;
  color:#fff;
  text-transform: uppercase;
  text-align:center;
  background:none;
}

.parallax-item-intro h2.parallax-fourth {
  font-size: 3rem;
  line-height:4.5rem;
  text-transform: uppercase;
  text-align:center;
  background:none;
}

.parallax-item-intro h2 span {
  display:block;
  font-size:2rem;
  font-weight:500;
  line-height:2.7rem;
  margin-top:2.5rem;
}

.parallax-item-intro:first-child {
  background:url("../../images/main/main/intro_img.jpg");
  background-size: cover;
}

.parallax-item-intro:nth-child(3) {
  background:url("../../images/main/main/intro_img02.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax Effect for DIV 3 */
  min-height: 100vh;
}

.parallax-item-intro:nth-child(4) {
  background: #fff;
  min-height: 70vh;
}
/* -------- parallax - 사업소개 -------- */

/* -------- parallax - 사업소개 모바일 -------- */

@media screen and (max-width: 768px) {
  .subvisual_nav {
    display:none !important;
  }
  .parallax-item-intro {
    min-height:90vh;
  }
  .parallax-item-intro h2 {
    width:70%;
    font-size: 2rem;
    line-height:2.3rem;
    padding:2rem;
  }
  .parallax-item-intro h2 span {
    display:block;
    font-size:1.125rem;
    font-weight:500;
    line-height:1.7rem;
    margin-top:1rem;
  }
  .parallax-item-intro.second {
    min-height:20vh;
  }
  .parallax-item-intro h2.parallax-second {
    width:80%;
    font-size:1.7rem;
    line-height:2.5rem;
    padding:0;
  }
  .parallax-item-intro h2.parallax-third {
   width:100%;
   font-size:1.25rem;
   line-height:2rem;
   padding:0;
  }
  .parallax-item-intro:nth-child(3) {
    min-height:50vh;
  }
  .parallax-item-intro h2.parallax-fourth {
    font-size:1.25rem;
    line-height:2rem;
  }
  .parallax-item-intro:nth-child(4) {
  background: #fff;
  min-height: 60vh;
}
  
}
/* -------- parallax - 사업소개 모바일 -------- */

/* -------- 서브비주얼 메뉴 -------- */
.subvisual_nav {
	display:flex;
	justify-content:center;
	border-bottom:1px solid #ddd;
}
.subvisual_nav i {
  line-height:50px;
}
.menu {
  display: block;
  position: relative;
  cursor: pointer;
}

.menu-title {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size:1rem;
  padding: 0 30px;
  text-align: center;
  color: #333;
  font-weight: 800;
  text-transform: uppercase;
  transition: 0.3s background-color;
}

.menu-title:hover {
  color: #15325d;
}

.menu-dropdown {
  min-width: 100%;
  position: absolute;
  background: #fff;
  overflow:hidden;
  z-index: 100;
  transition: 0.5s padding, 0.5s background;
  border-radius:0 0 10px 10px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

.menu-dropdown:after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 101;
  transition: 0.5s border-top;
}

.menu:not(:hover) > .menu-dropdown {
  background: #fff;
  z-index: 99;
  border-radius:0 0 20px 20px;
  border:0;
}

.menu-dropdown > * {
  overflow: hidden;
  font-size:0.875rem;
  font-weight:600;
  height: 30px;
  line-height: 30px;
  padding: 5px 15px;
  background: rgba(0, 0, 0, 0);
  white-space: nowrap;
  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}

.menu-dropdown > *:hover {
  background: rgba(0, 0, 0, 0.1);
}

.menu:not(:hover) > .menu-dropdown > * {
  visibility: hidden;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  color: rgba(25, 25, 25, 0);
  transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;
  z-index: 99;
}

.hList > * {
  float: left;
}

.hList > * + * {
  margin-left: 0;
}
/* -------- 서브비주얼 메뉴 -------- */


/* -------- 공통 사이드 탭메뉴 -------- */
.sub-quick-menu-page{position: relative;/*  margin: auto;  */font-size: 16px;}
/*.sub-quick-menu-page:before{content:""; position: absolute; z-index: 1; top: -100px; left: 50%; margin-left: -863px; width: 1px; height: calc(100% + 100px); background-color: #e5e5e5;}*/
#content .sub-quick-menu-page:before{height: calc(100% + 200px);}
.sub-quick-menu-page .cm-quick-menu{position: absolute; z-index: 1; top: 0;left: 50%; margin-left: -866px; /*width: 210px;*/ width:260px; height: 150px;}
.sub-quick-menu-page .cm-quick-menu .top-fixed-object {top:0; transition: top 0.4s;}
.sub-quick-menu-page .cm-quick-menu .side-quick-bar li{position: relative; padding-left: 20px;}
.sub-quick-menu-page .cm-quick-menu .side-quick-bar li + li{margin-top: 20px;}
.sub-quick-menu-page .cm-quick-menu .side-quick-bar li a{font-size: 0.938em; font-weight: 600; color: #a2b1d6; letter-spacing: -0.5px; line-height: 1.3;}
/* selected */
/*.sub-quick-menu-page .cm-quick-menu .side-quick-bar li.selected:before{content:""; position: absolute; top: 50%; margin-top: -10px; left: 2.5px; width: 3px; height: 20px; background-color: #1262c9;}*/
.sub-quick-menu-page .cm-quick-menu .side-quick-bar li.selected a{display: inline-block; padding-right: 20px; color:#fff;} /* #ee2e24;*/
/* fixed */
.sub-quick-menu-page .cm-quick-menu .top-fixed{position: fixed; top: 130px; height:0;}

.sub-quick-menu-page .cm-rt-contents{position: relative; /* padding-bottom: 100px; */ margin: 0 auto;}
.cm-rt-contents{font-size: 16px;}

@media all and (max-width:1757px){
	.sub-quick-menu-page:before{left: 30px; margin-left: 0;}
	.sub-quick-menu-page .cm-quick-menu{left: 26px; margin-left: 0;}
	.sub-quick-menu-page .cm-rt-contents{padding-left: 200px; padding-right:30px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
}
@media all and (max-width:1320px){
	/* .sub-quick-menu-page{background-color: #fff; } */
	.sub-quick-menu-page:before{display: none;}
	.sub-quick-menu-page .cm-quick-menu{position: static; left: 0; margin-bottom: 50px; width:100%; height: 60px; background-color: #fff; box-sizing: border-box;}
	.sub-quick-menu-page .cm-quick-menu .top-fixed-object {padding:0 15px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.sub-quick-menu-page .cm-quick-menu .top-fixed{position:fixed; top: 0; width:100%; z-index:99; padding:0; height:60px; }
	.sub-quick-menu-page .cm-quick-menu .top-fixed ul {background:#fff; border-bottom:1px solid #eee;}
	.sub-quick-menu-page .cm-quick-menu .area {padding:0;}
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar{display:flex; justify-content:center; text-align: center;}
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li{width:20%; padding:0; box-sizing: border-box;}
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li a { display:block; padding: 20px 5px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li + li{margin-top: 0;}
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li.selected:before{top:0; left: 50%; transform: translateX(-50%); margin-top: 0; width: 30px; height: 3px;}
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li.selected a{display: table; width: 100%; /* padding-right:5px; */ }
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li.selected a:after{display: none;}
	.sub-quick-menu-page .cm-rt-contents{width: 100%; padding-left: 0;}
}
@media all and (max-width:1320px){
	.sub-quick-menu-page .cm-rt-contents {padding-right:0;}
}
@media all and (max-width:1024px){
	.sub-quick-menu-page .cm-quick-menu .top-fixed{top: 80px;}
}
@media all and (max-width:800px){
	.cm-rt-contents{font-size: 13px;}
	.sub-quick-menu-page{font-size: 13px;}
	.sub-quick-menu-page .cm-quick-menu{height: 40px;}
	.sub-quick-menu-page .cm-quick-menu .top-fixed-object {transition: none; padding:0;}
	.sub-quick-menu-page .cm-quick-menu .top-fixed {height:40px;}
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li a{word-break: break-all;}

	.sub-quick-menu-page{padding: 0;}
	.sub-quick-menu-page .cm-quick-menu{height: 40px;}
	/*모바일 메뉴 바탕*/
	.sub-drop-open-btn-style{background-color:#173271;} /*#0b65b5;#076bb5 #ee2e24;*/
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar{display: none; text-align: left;}
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li{display: block; width: 100%;  background-color: #334c88; border: 1px solid #4f6bad; border-top: 0; z-index: 1; }
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li.selected:before{display: none;}
	.sub-quick-menu-page .cm-quick-menu .side-quick-bar li a{font-size: 15px; font-weight:800; text-align:center; padding: 12px 15px;}
}
@media all and (max-width:480px){
	.sub-quick-menu-page .cm-quick-menu .top-fixed{top: 86px;}
}

/* ******************  스마트병원솔루션 ********************** */
/* -------- SBS -------- */
/* 컨텐츠01 :: 타이틀 */
.sbs-contents, .kiosk-contents, .mobile-contents{font-size: 16px;}
.sbs-contents .func-appeal-con{margin-bottom: 0!important;}
.sbs-tit-con{text-align: center;}
.sbs-tit-con h4{margin-bottom: 40px; font-size: 2.25em; font-weight: 400; color: #000; letter-spacing: -1.5px; line-height: 1.422;}
.sbs-tit-con h4 .big-tit{font-size: 45px;}
.sbs-tit-con .sbs-img-con{padding-bottom: 18vh; background: url(../images/content/sbs_line_bg.png) 50% 100% no-repeat;}
.sbs-tit-con .sbs-img-con img{max-width: 100%;}
.sbs-tit-con .sbs-icon-list{text-align: center; margin-top: -180px;}
.sbs-tit-con .sbs-icon-list li{display: inline-block; vertical-align: top; width: auto; margin: 0 4%;}
.sbs-tit-con .sbs-icon-list li:nth-child(2){margin-top: 80px;}
.circle-icon-wrap{position:relative; width: 160px; height: 160px; border-radius: 50%; margin: 0 auto 20px;}
.circle-icon-wrap.orange{/* background: linear-gradient(to left, #ec6e11, #faa61a); */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95d6e3+0,133b87+100 */
background: #95d6e3; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #95d6e3 0%, #133b87 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #95d6e3 0%,#133b87 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #95d6e3 0%,#133b87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95d6e3', endColorstr='#133b87',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.circle-icon-wrap .icon-inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);display: block; width: 8em; height: 8em; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 2px 10px 15px rgba(0,0,0,0.11); box-shadow: 2px 5px 10px rgba(0,0,0,0.11); background-repeat: no-repeat; background-position: center;}
.sbs-tit-con .sbs-icon-list dd{font-size: 1.375em; font-weight: 500; color: #333; line-height: 1.633; letter-spacing: -1.2px;}
/* 컨텐츠02 :: Smart Bedside Station */
.smart-bedside-station .tit-box{text-align: center; margin-bottom: 80px;}
.smart-bedside-station .tit-box h4{margin-bottom: 20px; font-size: 3em; font-weight: 600; color: #000; letter-spacing: -0.9px; line-height: 1.3;}
.smart-bedside-station .tit-box p{font-size: 1.125em; font-weight: 400; color: #666; letter-spacing: -0.9px; line-height: 1.66;}
.smart-bedside-station .tit-box p .big{font-size: 24px; font-weight: 500; color: #333; line-height: 1.8;}
.service-check-con{position: relative; padding-bottom: 4vh!important; display: table; width: 100%;}
.service-check-con:before{content:""; position: absolute; z-index: -2; bottom: 0; left: 50%; margin-left: -980px; width: 850px; height: 320px; background-color: #f1f1f1;}
.service-check-con + .service-check-con{margin-top: 8em;}
.service-check-con .img-box, .service-check-con .txt-box{display: table-cell; vertical-align: middle; width: 50%;}
.service-check-con .img-box{padding: 0 4.2vw;}
.service-check-con .img-box img{max-width: 100%;}
.service-check-con .txt-box h5{position: relative; padding-bottom: 30px; margin-bottom: 35px; border-bottom: 1px solid #e5e5e5; font-size: 2.25em; font-weight: 500; color: #333; letter-spacing: -1.2px; line-height: 1.3;}
.service-check-con .txt-box h5:before{content:""; position: absolute; z-index: 1; bottom: -50px; right: 0; margin-top: -1px; width: 2.78em; height: 2.78em;  background-repeat: no-repeat; background-size: contain;}
.service-check-con .txt-box.txt01 h5:before{background-image: url(../images/icon/sbs_icon04.png);}
.service-check-con .txt-box.txt02 h5:before{background-image: url(../images/icon/sbs_icon05.png);}
.service-check-con .txt-box.txt03 h5:before{background-image: url(../images/icon/sbs_icon06.png);}
.service-check-con .check-txt-list li + li{margin-top: 10px;}
.service-check-con .check-txt-list.many-list li{float: left;width: 50%; margin-bottom: 10px;}
.service-check-con .check-txt-list.many-list li + li{margin-top: 0;}
.front-check-txt em{position: relative; display: block; padding-left: 30px; font-size: 1.125em; font-weight: 400; letter-spacing: -0.5px; color: #666; line-height: 1.6; font-family:'Noto Sans KR', NanumGothic, "Nanum Gothic", Dotum, Arial, sans-serif;} 
.front-check-txt em:before{content:"\e92b"; font-family: 'xeicon'; position: absolute; top: 0; left: 0; font-size: 18px; color: #999;}
/* 오른쪽 정렬 */
.service-check-con.right:before{left: auto; right: 50%; margin-right: -970px;}
.service-check-con.right .txt-box{text-align: right;}
.service-check-con.right .txt-box h5:before{right: auto; left: 0;}
.service-check-con.right .front-check-txt em{padding-left: 0; padding-right: 30px;}
.service-check-con.right .front-check-txt em:before{left: auto; right: 0;}
/* 컨텐츠03 :: 주요기능 서비스 */
.func-appeal-con .point-red-tit{display: block; text-align: center; font-size: 1.5em; font-weight: 600; letter-spacing: -0.8px; color: #ee2e24; margin-bottom: 10px;}
.service-sub-tit{text-align: center; font-size: 2.25em; font-weight: 500; letter-spacing: -1.8px; color: #333; line-height: 1.5; margin-bottom: 40px;}
.service-func-con{display: table;}
.service-func-con > div{display: table-cell; vertical-align: top; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.service-func-con .func-box{padding-right: 4vw;}
.service-func-con .func-box dl{position: relative; padding: 7% 0; padding-left:90px;}
.service-func-con .func-box dl:first-child{padding-top: 0;}
.service-func-con .func-box dl + dl{border-top: 1px solid #e5e5e5;}
.service-func-con .func-box .tit{/* position: relative; */ margin-bottom: 5px; font-size: 24px; font-weight: 500; color: #333; letter-spacing: -0.5px; line-height: 1.5;}
.service-func-con .func-box .tit:after{content:""; position: absolute; top: 21%; left: 0; width: 2em; height: 2em; background-position: 50% 0; background-repeat: no-repeat; background-size: contain;}
.service-func-con .func-box dl:first-child .tit:after{top:0;}
.service-func-con .func-box .front-check-txt + .front-check-txt{margin-top: 5px;}
.service-func-con .func-box .front-check-txt em{letter-spacing: -0.8px;}
.service-func-con .func-box dd{padding-right: 65px;}
.service-func-con .img-box{padding: 0 4vw;}
.service-func-con .img-box img{max-width: 100%;}
/* 환자 맞춤형 서비스 */
.service01 .func-box dl:nth-child(1) .tit:after{background-image: url(../images/icon/sbs_icon07.png);}
.service01 .func-box dl:nth-child(2) .tit:after{background-image: url(../images/icon/sbs_icon08.png);}
.service01 .func-box dl:nth-child(3) .tit:after{background-image: url(../images/icon/sbs_icon09.png);}
.service01 .func-box dl:nth-child(4) .tit:after{background-image: url(../images/icon/sbs_icon10.png);}
/* 진료 업무 지원 서비스 */
.service02 .func-box dl:nth-child(1) .tit:after{background-image: url(../images/icon/sbs_icon11.png);}
.service02 .func-box dl:nth-child(2) .tit:after{background-image: url(../images/icon/sbs_icon12.png);}
/* 경영 지원 서비스 */
.service03 .func-box dl:nth-child(1) .tit:after{background-image: url(../images/icon/sbs_icon13.png);}
.service03 .func-box dl:nth-child(2) .tit:after{background-image: url(../images/icon/sbs_icon14.png);}
/* 컨텐츠04 :: 어워드수상 */
.award-list-box{margin: 0 -20px;}
.award-list-box li{display: inline-block; vertical-align: top; width: calc(50% - 43px); margin: 0 20px;}
.award-list-box .tit-box{margin-bottom: 20px;}
.award-list-box .tit-box h5{margin-bottom: 5px; font-size: 1.5em; color: #333; font-weight: 500; letter-spacing: -0.5px; line-height: 1.3;}
.award-list-box .tit-box p{font-size: 1.125em; color: #666; font-weight: 400; letter-spacing: -0.25px; line-height: 1.8}
.award-list-box .logo-box{padding: 20px 10px; text-align: center; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box;}
.award-list-box .logo-box span{position: relative; display: block; padding-top: 50.79%;}
/* 컨텐츠05 :: 기대효과 */
.cm-benefit-con.col4{margin: 0 -3.5em;}
.cm-benefit-con.col4 li{float: left; width: calc(25% - 7em); margin: 0 3.5em;}
.cm-benefit-con.col5{margin: 0 -2em;}
.cm-benefit-con.col5 li{float: left; width: calc(20% - 4em); margin: 0 2em;}
/*새로씨엔에스::Company-경영이념 다이어그램*/
.cm-benefit-con .icon-box{position: relative; margin: auto; width: 100%; padding-top: 100%;	background-color: #f3f3f3; border-radius: 50%;}
.cm-benefit-con .icon-box span{position: absolute; display: block; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; background-position: center;}
.cm-benefit-con .txt-box{margin-top: 35px; text-align: center;}
.cm-benefit-con dt{margin-bottom: 15px; font-size: 1.25em; font-weight: 500; color: #000; letter-spacing: -0.5px; line-height: 1.3;}
{position: relative; padding-left: 10px; font-size: 18px; font-weight: 300; color: #666; letter-spacing: -0.5px; line-height: 2.22;}
.small-cir-txt em, .cm-benefit-con p.normal-txt{position: relative; padding-left: 10px; font-size: 18px; font-weight: 300; color: #666; letter-spacing: -0.5px; line-height: 2.22;}
.cm-benefit-con p.normal-txt{padding-left: 0; margin-top: -10px;}
.small-cir-txt em:before{content:""; position: absolute; top: 11px; left: 0; width: 2px; height: 2px; background-color: #666; border-radius: 50%;}
/*240404 시작*/
.small-cir-txt01 em {position: relative; padding-left: 10px; font-size: 18px; font-weight: 300; color: #504f50; letter-spacing: -0.5px; line-height: 2.22;}
.small-cir-txt01 em:before{content:""; position: absolute; top: 11px; left: 0; /*width: 2px; height: 2px; background-color: #666; border-radius: 50%;*/}
.company-bot01 {padding-bottom:100px;}/*company-경영이념 박스*/
/*240404 끝*/
/* -------- Kiosk -------- */
.cm-rt-contents article{padding-bottom: 6em;}
.cm-rt-contents article:last-child{padding-bottom:0;}
/* .kiosk-contents .area, .mobile-contents .area{padding: 0;} */
.kiosk-contents .service-sub-tit{color: #000; margin-bottom: 0;}
.kiosk-contents .works-sub-tit, .mobile-contents .works-sub-tit{text-align: center;}
/* .kiosk-contents .cm-benefit-con .icon-box{background-color: #f9f9f9;} */
.kiosk-con{text-align: center;}
.kiosk-con:nth-child(3){margin-top: 10em;}
.kiosk-con h4{font-size: 3em; font-weight: 500; color: #000; letter-spacing: -0.9px; line-height: 1.3;}
.kiosk-con h4 .big-txt{font-size: 1.2em; font-weight: 600;}
.works-sub-tit{margin: 10px 15px 50px; font-size: 1.125em; font-weight: 400; color: #666; letter-spacing: -0.9px; line-height: 1.77;}
.kiosk-img-wrap{position: relative; padding: 12vh 0;}
/*.kiosk-img-wrap.bg02{padding: 5vh 0;}*/
.kiosk-img-wrap:before{content:""; position: absolute; z-index: -5; top: 0; left: 0; width: 100%; height: 100%; background:no-repeat left / cover;}
.kiosk-img-wrap.bg01:before{background-image: url(../images/content/kiosk_bg01.jpg);}
.kiosk-img-wrap.bg02:before{background-image: url(../images/content/kiosk_bg02.jpg);}
.kiosk-img-wrap > div{text-align: center;}
.kiosk-img-wrap .col4 span{display: inline-block; vertical-align: middle; margin: 0 2.4%;}
.kiosk-img-wrap .add-shadow span:first-child{margin: 0;}
.kiosk-img-wrap span img{max-width: 100%;}
.kiosk-img-wrap .add-shadow img{-webkit-box-shadow: 10px 10px 15px rgba(0,0,0,0.2); box-shadow: 10px 10px 15px rgba(0,0,0,0.2);}
.kiosk-img-wrap .add-shadow span:first-child img{-webkit-box-shadow: none; box-shadow: none;}
/* -------- Mobile -------- */
.mobile-contents .service-sub-tit{margin-bottom: 0;}
.mobile-contents .works-sub-tit{letter-spacing: -0.9px;}
.mobile-contents .func-appeal-con{margin-top: 4em;}
.mobile-guide-con h4{margin-bottom: 10px; text-align: center; font-size: 3em; font-weight: 600; color: #000; letter-spacing: -0.25px; line-height: 1.3;}
.mobile-guide-box{margin-top: -8vh; }
.mobile-guide-box .img-item{position: relative; display: inline-block; vertical-align: middle; padding: 13vh 9vw 13vh 0;}
.mobile-guide-box .img-item:before{content:""; position: absolute; z-index: -1; top: 0; right: 0; width: 361px; height: 100%; background: url(../images/content/mobile_bg_line.png) top no-repeat;}
.mobile-guide-box .list-item{display: inline-block; vertical-align: middle;}
.mobile-guide-box .list-item li{padding-left: 24px;}
.mobile-guide-box .list-item li:nth-child(2){padding-left: 100px;}
.mobile-guide-box .list-item li:nth-child(3){padding-left: 42px;}
.mobile-guide-box .list-item li + li{margin-top: 80px;}
.mobile-guide-box .list-item dl{}
.mobile-guide-box .list-item .circle-icon-wrap{float: left; position: relative; margin: 0; margin-right: 60px;}
.mobile-guide-box .list-item dt:before, .mobile-guide-box .list-item dt:after{content:""; position: absolute; z-index: -1; top: 50%; left: -102px;}
.mobile-guide-box .list-item dt:before{margin-top: -1px; width: 102px; height: 2px; background-color: #e5e5e5;}
.mobile-guide-box .list-item dt:after{margin-top: -5px; left: -112px; width: 10px; height: 10px; border-radius:50%; background-color: #faa61a;}
.mobile-guide-box .list-item dd{float: left; width: calc(100% - 220px);}
.mobile-guide-box .list-item dd strong{display: block; margin-bottom:20px; font-size: 1.5em; font-weight: 500; color: #000; letter-spacing: -0.9px; line-height: 1.3;}
.mobile-guide-box .list-item .front-check-txt + .front-check-txt{margin-top: 10px;}
.mobile-process-con li{padding: 10vh 0; position: relative;}
.mobile-process-con li:before{display: none; content:""; position: absolute; z-index: -3; top: 0; left: 0; width: 1920px; height: 100%; background-color: #f3f3f3;}
.mobile-process-con li:nth-child(2n-1):before{display: block;}
.mobile-process-con li:nth-child(2n) .img-box{text-align: left;}
.mobile-process-con li .area{display: table; width: 100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.mobile-process-con .txt-box, .mobile-process-con .img-box{display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box;}
.mobile-process-con .txt-box{padding-left: 3vw}
.mobile-process-con .txt-box .num{display: block; font-size: 1.875em; font-weight: 300; color: #999;}
.mobile-process-con .txt-box h5{margin: 20px 0; font-size: 2.25em; font-weight: 600; color: #333; line-height: 1.3; letter-spacing: -0.75px;}
.mobile-process-con .txt-box p{font-size: 1.125em; font-weight: 400; color: #666; line-height: 1.77; letter-spacing: -0.5px}
.mobile-process-con .img-box{padding: 0 6vw; text-align: right;}
.mobile-process-con .img-box img{max-width: 100%;}


.mobile-guide-box .circle-icon-wrap.orange {
	background: #faa61a; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #faa61a 0%, #ec6e11 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #faa61a 0%,#ec6e11 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #faa61a 0%,#ec6e11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa61a', endColorstr='#ec6e11',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* ******************  스마트병원솔루션 ********************** */
@media all and (max-width:1757px){
	.kiosk-img-wrap:before, .mobile-process-con li:before{left: -200px;  width: calc(100% + 230px); }
}
@media all and (max-width:1570px){
	/* -------- Kiosk -------- */
	.kiosk-img-wrap .col4 span{width: calc(25% - 4.8%);}
	/* -------- Mobile -------- */
	.mobile-guide-box .img-item{padding: 18vh 4vw 18vh 0;}
	.mobile-guide-box .img-item img{width: 80%;}
	.mobile-guide-box .list-item li{padding-left: 5px;}
	.mobile-guide-box .list-item li:nth-child(3){padding-left: 65px;}
}
@media all and (max-width:1320px){
	.sbs-contents:not(".add-pd") > article, .sbs-contents .area{padding: 0;}
	.cm-benefit-con.col4{margin: 0 -2.5em;}
	.cm-benefit-con.col4 li{width: calc(25% - 5em); margin: 0 2.5em;}
}
@media all and (max-width:1300px){
	/* -------- SBS -------- */
	.service-check-con:before{height: 250px;}
}
@media all and (max-width:1200px){
	/* -------- SBS -------- */
	.service-check-con .txt-box h5:before{width: 2em; height: 2em; bottom: -1em;}
}
@media all and (max-width:1024px){
	/* -------- SBS -------- */
	.service-check-con{padding-bottom: 0;}
	.service-check-con + .service-check-con{margin-top: 4em;}
	.service-check-con:before{display: none;}
	.service-check-con .img-box{padding: 0; padding-right: 40px;}
	.service-check-con.right .img-box{padding-right: 0; padding-left: 40px;}
	.service-func-con{display: block; transform: rotate(180deg);}
	.service-func-con > div{display: block; width: 100%; transform: rotate(-180deg);}
	.service-func-con .func-box{padding-right: 0; padding-top: 40px;}
	.service-func-con .func-box .tit{margin-bottom: 20px;}
	.service-func-con .func-box dl{padding: 5% 0; padding-left: 70px;}
	.service-func-con .func-box dd{padding-right: 0;}
	.service-func-con .img-box{padding: 0; text-align: center; margin-bottom: 50px;}
	.cm-benefit-con.col4{margin: 0 -2em;}
	.cm-benefit-con.col4 li{width: calc(25% - 4em); margin: 0 2em;}
	.cm-benefit-con.col5{margin: -1em -2em;}
	.cm-benefit-con.col5 li{width: calc(33.33% - 4em); margin: 1em 2em;}
	/* -------- Mobile -------- */
	.mobile-guide-box{margin-top: 0;}
	.mobile-guide-box .img-item, .mobile-guide-box .list-item{width: 100%;}
	.mobile-guide-box .img-item{padding: 0; padding-bottom: 60px; text-align: center;}
	.mobile-guide-box .img-item img{width: 40%;}
	.mobile-guide-box .list-item li, .mobile-guide-box .list-item li:nth-child(2), .mobile-guide-box .list-item li:nth-child(3){padding-left: 0;}
	.mobile-guide-box .img-item:before, .mobile-guide-box .list-item dt:before, .mobile-guide-box .list-item dt:after{display: none;}
	.mobile-contents .func-appeal-con{margin-top: 6em;}
	.mobile-process-con li:nth-child(2n) .img-box{padding-left: 0;}
	.mobile-process-con li:nth-child(2n) .txt-box{padding-left: 0;}
	.mobile-contents .cm-benefit-con .txt-box{margin-top: 30px}
}
@media all and (max-width:800px){
	/* -------- SBS -------- */
	.sbs-contents, .kiosk-contents, .mobile-contents{font-size: 13px;}
	.sbs-contents:not(".add-pd")  > article{padding: 0;}
	.sbs-tit-con h4 .big-tit{font-size: 28px;}
	.service-sub-tit{margin-bottom: 20px; font-size: 23px;}
	.sbs-tit-con .sbs-icon-list, .sbs-tit-con .sbs-icon-list li:nth-child(2){margin-top: 0;}
	.sbs-tit-con .sbs-icon-list li{margin: 0 2%; margin-bottom: 15px;}
	.circle-icon-wrap{width: 100px; height: 100px;}
	.circle-icon-wrap .icon-inner{width: 6.5em; height:6.5em;}
	.sbs-tit-con .sbs-img-con{background: none; padding-bottom: 5vh;}
	.sbs-tit-con .sbs-icon-list dd{font-size: 16px;}
	.smart-bedside-station .tit-box{margin-bottom: 40px;}
	.smart-bedside-station .tit-box p .big{font-size: 20px;}
	.service-check-con{display: block;}
	.service-check-con + .service-check-con{margin-top: 2em;}
	.service-check-con .img-box, .service-check-con .txt-box{display: block; width: 100%;}
	.service-check-con .img-box{padding: 0; padding-bottom: 20px;}
	.service-check-con .txt-box h5{margin-bottom: 30px; padding-bottom: 20px; font-size: 23px;}
	.front-check-txt em:before{top: 2px;}
	.service-check-con.right > .area{transform: rotate(180deg);}
	.service-check-con.right .txt-box{transform: rotate(-180deg); text-align: left;}
	.service-check-con.right .txt-box h5:before{left: auto;right: 0;}
	.service-check-con.right .front-check-txt em{padding-right: 0; padding-left: 23px;}
	.service-check-con.right .front-check-txt em:before{right: auto; left: 0;}
	.service-check-con.right .img-box{transform: rotate(-180deg); padding-left: 0;}
	.service-check-con .check-txt-list.many-list li{width: 100%;}
	.front-check-txt em{padding-left: 23px;}
	.front-check-txt em:before{font-size: 14px;}
	.service-func-con .func-box dl{padding-left: 55px;}
	.service-func-con .func-box dl:last-child{padding-bottom: 0;}
	.service-func-con .func-box dl:last-child .tit:after{top: 28%;}
	.service-func-con .func-box .tit{font-size: 17px; }
	.award-list-box{margin: 0;}
	.award-list-box li{display: block; width: 100%; margin: 0;}
	.award-list-box li + li{margin-top: 30px;}
	.award-list-box .tit-box{margin-bottom: 10px;}
	.cm-benefit-con.col4{margin: -2em;}
	.cm-benefit-con.col4 li{width: calc(50% - 4em); margin: 2em;}
	.cm-benefit-con dt{margin-bottom: 10px;}
	.cm-benefit-con .icon-box span{background-size: 55%;}
	.cm-benefit-con .txt-box{margin-top: 20px;}
	/* -------- Kiosk -------- */
	.kiosk-con h4{font-size: 26px;}
	.kiosk-img-wrap:before{background-size: cover;}
	.kiosk-img-wrap .col4 span{width: calc(25% - 2%); margin: 1%;}
	/* -------- Mobile -------- */
	.small-cir-txt em, .cm-benefit-con p.normal-txt{font-size: 14px;}
	.mobile-contents .works-sub-tit{margin-bottom: 30px;}
	.mobile-guide-con h4{font-size: 26px;}
	.mobile-guide-box .list-item li + li{margin-top: 40px;}
	.mobile-guide-box .list-item .circle-icon-wrap{margin-right: 30px;}
	.mobile-guide-box .list-item dd{width: calc(100% - 130px);}
	.mobile-guide-box .list-item dd strong{margin-bottom: 10px;}
	.mobile-process-con li .txt-box, .mobile-process-con li .img-box{padding: 0;}
	.mobile-process-con .txt-box h5{margin: 15px 0; font-size: 23px;}
	.mobile-process-con li .img-box{width: 50%; padding-left: 8vw;}
	.mobile-process-con li:nth-child(2n) .txt-box{padding-left: 6vw;}
	.mobile-process-con li:nth-child(2n) .img-box{padding-right: 8vw;}
}
@media all and (max-width:680px){
	.cm-benefit-con.col5{margin: -1em;}
	.cm-benefit-con.col5 li{width: calc(50% - 2em); margin: 1em;}
	.kiosk-img-wrap{padding: 5vh 0;}
	.kiosk-img-wrap .col4 span{width: calc(50% - 3%); margin: 20px 1%;}
	/* -------- Mobile -------- */
	.mobile-process-con li .area{display: block;}
	.mobile-process-con li:nth-child(2n-1) .area{transform: rotate(-180deg);}
	.mobile-process-con li .txt-box, .mobile-process-con li .img-box{display: block; width: 100%;}
	.mobile-process-con li .img-box{width: 100%; text-align:center; padding-left: 0; padding-bottom: 40px;}
	.mobile-process-con li:nth-child(2n) .txt-box{padding-left: 0;}
	.mobile-process-con li:nth-child(2n) .img-box{padding-right: 0; text-align:center;}
	.mobile-process-con li:nth-child(2n-1) .txt-box{transform: rotate(180deg);}
	.mobile-process-con li:nth-child(2n-1) .img-box{text-align:center; transform: rotate(180deg);}
	.cm-benefit-con .icon-box span{background-size: auto;}
}
@media all and (max-width:480px){
	/* -------- SBS -------- */
	.cm-benefit-con.col4{margin: 0;}
	.cm-benefit-con.col4 li{width: 100%; margin: 0;}
	.cm-benefit-con.col4 li + li{margin-top: 40px;}
	.cm-benefit-con.col4 .icon-box{width: 40%; padding-top: 40%;}
	.cm-benefit-con .txt-box dt{font-size: 15px; height: auto; margin-bottom: 10px;}
	.cm-benefit-con .icon-box span{background-size: 40%;}
	.mobile-guide-box .list-item .circle-icon-wrap{float: none; margin: auto;}
	.mobile-guide-box .list-item dd{float: none; width: 100%; margin: 20px auto 0; text-align: center;}
	.mobile-guide-box .list-item dd em{display: inline-block;}
}


/*************** healthOn_wizdoc ***************/
/* .care-contents .area, .sbs-contents .area, .medicine-contents .area{padding:0;} */
/* 컨텐츠01 :: 타이틀*/
/* .care-contents{margin-bottom:120px;} */
.care-contents .tit-box{text-align:center;}
.care-wizdoc .tit-box{margin-bottom:74px;}
.care-contents .tit-box h4{margin-bottom: 20px; font-size: 3em; font-weight: 600; color: #000; letter-spacing: -0.9px; line-height: 1.3;}
.care-contents .tit-box p{font-size: 1.125em; font-weight: 400; color: #666; letter-spacing: -0.9px; line-height: 1.66em; margin-bottom:7px;}
.care-contents .tit-box p .big{font-size: 36px; font-weight: 500; color: #333; line-height: 1.8;}
.care-contents .tit-box p .wizdoc-tit{font-size: 24px; font-weight: 500; color: #333; line-height: 1.66em; letter-spacing:-0.5px;}
.care-contents .care-img{float:left;}
.care-contents .care-img.img-pc{margin-left:15.38%; width:40.62%;}
.care-contents .care-img.img-pc span{max-width:528px;}
.care-contents .care-img.img-mobile{margin-left:10%; width:18.31%;}
.care-contents .care-img.img-mobile span{max-width:238px;}
.care-contents .care-img img{width:100%;}
.care-tit-con{position: relative;}
.care-tit-con:before{content:''; position: absolute; z-index:-2; width:1920px; height:920px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+0,ffffff+100 */
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.care-tit-con.care-wizdoc:before{bottom:-553px}

/* 21.10.12 */
.care-img-wrap{position: relative; width:100%; margin-bottom:6.15%;}
.care-img-wrap .care-txt-con{position: relative; width:100%; background:no-repeat center; background-image:url('../images/content/works_care_bg.jpg'); background-size:cover;}
.care-img-wrap .care-img-txt{font-size:24px; line-height:1.5em; letter-spacing:-0.5px; color:#fff; font-weight:500; width:29.84%; text-align:center; padding:14.61% 0;}
.care-img-wrap .care-img-txt.txt-left{float:left;}
.care-img-wrap .care-img-txt.txt-right{float:right;}
.care-img-wrap .care-img-con{position: absolute; left:50%; top:40px; transform:translateX(-50%); width:40.38%; text-align:center;}
.care-img-wrap .care-img-con span{display:inline-block; width:calc(50% - 20px); max-width:242px; box-shadow: 6px 8px 15px 0px rgba(0, 0, 0, 0.2); border-radius:40px;}
.care-img-wrap .care-img-con span:last-child{margin-left:6.66%;}
.care-img-wrap .care-img-con span img{width:100%;}

@media all and (max-width:800px){
	.care-wizdoc .care-img-wrap .care-img-txt{font-size:17px;}
	.care-contents .tit-box p .wizdoc-tit{font-size:17px;}
	.care-img-wrap .care-txt-con{padding:20px 0;}
	.care-img-wrap .care-img-txt{width:100%; padding:0; float:none !important;}
	.care-img-wrap .care-img-con{position: relative; left:auto; top:auto; transform:translateX(0); width:80%; margin:20px auto;}
}


/* 컨텐츠02 :: 프로세스 */
.wizdoc-process h5{text-align: center; font-size: 2.25em; font-weight: 500; letter-spacing: -1.8px; color: #333; line-height: 1.5; margin-bottom:63px;}
.process-order h6{text-align: center; font-size:30px; font-weight:500; letter-spacing:-1.5px; color:#333; line-height:1.33em; margin-bottom:40px;}
.process-reservision{display:table; width:100%; margin-bottom:40px;}
.process-reservision .img-box{display:table-cell; width:50%; background:#f5f5f5; border-radius:20px;}
.process-reservision .img-box span{display:block; width:78.47%; max-width:510px; margin:auto;}
.process-reservision .img-box img{width:100%;}
.process-reservision .reservision-list-wrap{display:table-cell; width:50%; vertical-align:middle;}
.reservision-list{display:table; width:100%;}
.reservision-list li{position: relative; /* float:left; */ text-align:center; border-right:1px dotted #a9a9a9; box-sizing:border-box; padding:10.77% 0;}
.reservision-list li:before{content:"\e93e"; font-family:'xeicon'; display:block; position: absolute; top:50%; right:0; transform:translate(50%, -50%); width:45px; height:45px; border:1px solid #e9e9e9; border-radius:100%; background:#fff; line-height:45px;}
.reservision-list li:last-child{border:none;}
.reservision-list li:last-child:before{display:none;}
.reservision-list.list-2 li{width:50%;}
.reservision-list.list-3 li{width:33.33%;}
.reservision-list.list-4 li{width:25%;}
.reservision-list .reservision-icon{display:block; width:48px; height:48px; margin:auto; background:no-repeat center; }
.reservision-list .txt{font-size:20px; line-height:1.6em; letter-spacing:-0.5px; color:#333; font-weight:500; margin-top:20px; padding:0 20px;}
.reservision-list .txt span{display:block; font-size:18px; line-height:1.77em; color:#666; font-weight:400;} 
.process-order{width:100%; margin-bottom:90px;}
.process-order:last-child{margin-bottom:0;}
.process-order .reservision-list li{display:table-cell; padding:5.38% 0;}
/* 아이콘 */
.reservision-list .reservision-icon.icon01{background-image:url('../images/content/works_care_icon01.png');}
.reservision-list .reservision-icon.icon02{background-image:url('../images/content/works_care_icon02.png');}
.reservision-list .reservision-icon.icon03{background-image:url('../images/content/works_care_icon03.png');}
.reservision-list .reservision-icon.icon04{background-image:url('../images/content/works_care_icon04.png');}
.reservision-list .reservision-icon.icon05{background-image:url('../images/content/works_care_icon05.png');}
.reservision-list .reservision-icon.icon06{background-image:url('../images/content/works_care_icon06.png');}
.reservision-list .reservision-icon.icon07{background-image:url('../images/content/works_care_icon07.png');}
.reservision-list .reservision-icon.icon08{background-image:url('../images/content/works_care_icon08.png');}
.reservision-list .reservision-icon.icon09{background-image:url('../images/content/works_care_icon09.png');}
.reservision-list .reservision-icon.icon10{background-image:url('../images/content/works_care_icon10.png');}
.reservision-list .reservision-icon.icon11{background-image:url('../images/content/works_care_icon11.png');}
.reservision-list .reservision-icon.icon12{background-image:url('../images/content/works_care_icon12.png');} 

/* 컨텐츠03 :: 이미지 */
.care-img-bottom{display:table; width:100%; /* margin-bottom:100px; */}
.care-img-bottom .img-box{display:table-cell; width:50%; vertical-align:middle;}
.care-img-bottom .img-box span{display:block; width:87.7%; max-width:570px;}
.care-img-bottom .img-box img{width:100%;}
.care-img-bottom.right{}
.care-img-bottom.right .img-box{position: relative; left:50%;}
.care-img-bottom.right .img-box span{ margin-left:12.3%;}
.care-img-bottom.right .txt-box{position: relative; left:-50%; text-align:right;}

.care-img-bottom .txt-box{display:table-cell; width:50%; vertical-align:middle;}
.care-img-bottom .txt-box h5{font-size:30px; line-height:1.33em; letter-spacing:-0.5px; color:#333; margin-bottom:24px; font-weight:500;}
.care-img-bottom .txt-box .txt{font-size:18px; line-height:2em; letter-spacing:-0.5px; color:#666;}


/*  220221 유지보수 NH*/
.wizdoc-con .care-img-bottom {display:block; text-align:center; padding-bottom:6em; margin-bottom:0;}
.wizdoc-con .care-img-bottom .img-box {position:static; display:block; width:100%; margin-top:50px;}
.wizdoc-con .care-img-bottom .img-box img {width:auto; max-width:100%;}
.wizdoc-con .care-img-bottom .txt-box {position:static;  display:block; width:100%; text-align:center;}
.wizdoc-icon-list {margin:-1.851%;}
.wizdoc-icon-list li {float:left; width:29.62%; height:160px; margin:1.851%; border:1px solid #e5e5e5; text-align:left; box-shadow:5px 10px 30px rgba(28,45,51,0.10); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; } 
.wizdoc-icon-list li dl {display:table; width:100%; height:100%;}
.wizdoc-icon-list li dl dt {display:table-cell; vertical-align:middle; width:120px; }
.wizdoc-icon-list li dl dd {display:table-cell; vertical-align:middle; width:calc(100% - 120px); padding-right:15px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.wizdoc-icon-list .icon {display:block; position:relative; padding-top:100%; background:no-repeat center;} 
.wizdoc-con .wizdoc-icon-list li dl dd .txt {font-size:18px; letter-spacing:-0.5px; line-height:1.5; color: #333;} 
.wizdoc-con .con-box {margin-top:60px;}

@media all and (max-width:1757px){
	.care-tit-con:before{left:-231px;}
}

@media all and (max-width:1240px){
	.care-tit-con.care-wizdoc:before{bottom:-650px}
}
@media all and (max-width:1024px){
.wizdoc-icon-list {margin-2%;}	
.wizdoc-icon-list li {width:46%; margin:2%;}
}

@media all and (max-width:800px){
	.care-contents .tit-box h4{font-size:2em;}
	.wizdoc-process h5{font-size:1.7em}
	.care-contents .tit-box p{font-size:1em;}
	.care-contents .tit-box p .big{font-size: 17px;}
	.process-order h6, .care-img-bottom .txt-box h5{font-size:20px;}
	
	.reservision-list .txt{font-size:15px;}
	.reservision-list .txt span, .care-img-bottom .txt-box .txt{font-size:14px;}

	.wizdoc-process h5{margin-bottom:20px;}

	/* 타이틀 */
	.care-tit-con.care-wizdoc:before{display:none;}
	/* .care-contents{margin-bottom:60px;} */
	.care-contents .care-img{margin-top:40px;}
	.care-img-wrap{margin-bottom:0px;}
	/* 프로세스 */
	.process-order h6{margin-bottom:20px;}
	.process-reservision{display:block;}
	.process-reservision .img-box{display:block; width:100%; /* margin-bottom:30px; */}
	.process-reservision .reservision-list-wrap{display:block; width:100%;}
	.process-order .reservision-list li{display:block; width:100%;}
	.reservision-list li{border-bottom:1px dotted #a9a9a9; border-right:none;}
	.reservision-list li:last-child{border-bottom:1px solid #a9a9a9;}
	.reservision-list li:before{width:30px; height:30px; line-height:30px; top:auto; bottom:0; right:50%; transform:translate(50%, 50%) rotate(90deg);}
	.reservision-list .reservision-icon{padding:10px 0;}
	.reservision-list .txt{margin-top:0;}
	.process-order{margin-top:30px;}
	.care-img-bottom{margin-bottom:30px;}
	/* 이미지 */
	.care-img-bottom{display:block;}
	.care-img-bottom .img-box, .care-img-bottom .txt-box{display:block; width:100%; text-align:center; margin-bottom:10px;}
	.care-img-bottom .img-box span{width:100%; margin:auto; min-width:171px;}
	.care-img-bottom.right .img-box{left:auto;}
	.care-img-bottom.right .img-box span{margin:auto; }
	.care-img-bottom.right .txt-box{left:0; text-align:center;}

	.care-img-bottom .img-box {margin-bottom:20px;}
	.care-img-bottom .txt-box h5{margin-bottom:10px;}

	.wizdoc-icon-list li {height:112px;}
	.wizdoc-icon-list li dl dt {width:80px;}
	.wizdoc-icon-list li dl dd {width:clac(100% - 80px);}
	.wizdoc-icon-list .icon  {background-size: auto 42px;}
	.wizdoc-con .wizdoc-icon-list li dl dd .txt {font-size:14px;}
}
@media all and (max-width:480px){
	.wizdoc-icon-list {margin: -10px 0;}	
	.wizdoc-icon-list li {float:none; width:100%; margin:10px 0;}
}

/*************** healthOn_thera ***************/
/* 컨텐츠01 :: 타이틀 */
.care-thera .tit-box{margin-bottom:124px;}
.care-tit-con.care-thera:before{bottom:-543px}
/* 컨텐츠02 :: 리스트 */
.care-skill{margin-bottom:6em;}
.care-skill:last-child{margin-bottom:0;}
.care-skill .tit-box{margin-bottom:95px;}
/* .care-contents .tit-box{margin-bottom:100px;} */
.care-contents .tit-box .tit-logo{display:block; margin-bottom:36px;}
.care-contents .tit-box .tit-logo.logo-01 img{max-width:378px; width:100%;}
.care-contents .tit-box .tit-logo.logo-02 img{max-width:425px; width:100%;}
.care-img-bottom .txt-box .check-list li{position: relative; font-size:18px; line-height:2em; letter-spacing:-0.75px; color:#666; padding-left:25px}
.care-img-bottom .txt-box .check-list li span{position: relative;}
.care-img-bottom .txt-box .check-list li i{position: absolute; top:8px; left:0px;}
.care-img-bottom .txt-box .check-list li i{left:-25px; top:3px;}

/* 컨텐츠03, 04 :: 이미지 */
.care-thesis .tit-box h4, .care-citation .tit-box h4{font-size:36px; line-height:2em; letter-spacing:-0.5px; color:#333; font-weight:400;}
.thera-list{display:table; width:100%; padding-bottom:3em;}
.thera-list li{display:table-cell; text-align:center;}
.thera-list.thesis-list li{width:33%;}
.thera-list.citation-list li{float:left; width:25%}
.thera-list li .thera-img > span{display:block; margin:0 auto 50px;}
.thera-list.thesis-list li .thera-img > span{width:64.85%; max-width:281px}
.thera-list.citation-list li .thera-img span{width:80%; max-width:260px}
.thera-list li img{width:100%;}
.thera-list li .thera-img figcaption{font-size:18px; line-height:1.66em; letter-spacing:-0.9px; color:#666; font-weight:400;}

.thesis-list li .thera-img figcaption span{position: relative;}
.thesis-list li .thera-img figcaption span:before{position: absolute; content:''; width:2px; height:2px; background:#666; border-radius:50%; top:13px; left:-5px;}
.thera-list.thesis-list li .thera-img figcaption{margin:0 9.62% 12px;}
.care-citation{margin-top:100px;}

.care-thesis{position: relative;}
.care-thesis:before{content:''; position: absolute; bottom:0px; z-index:-2; width:1920px; height:490px; background:#f6f6f6;}

@media all and (max-width:1757px){
	.care-thesis:before{left:-231px;}
}

@media all and (max-width:1024px){
	.care-tit-con.care-thera:before{bottom:-750px}
}

@media all and (max-width:800px){
	.care-img-bottom .txt-box .check-list li, .thera-list li .thera-img figcaption{font-size:14px;}
	.care-tit-con.care-thera:before{display:none;}
	/* 컨텐츠02 :: 리스트 */
	.care-skill .tit-box{margin-bottom:30px;}
	.care-contents .tit-box{margin-bottom:30px;}
	.care-img-bottom .txt-box .check-list li{text-align:left;}

	/* 컨텐츠03,04 :: 이미지 */
	.care-thesis .tit-box h4, .care-citation .tit-box h4 {font-size:23px;}
	.thera-list li{margin-bottom:30px;}
	.thera-list.thesis-list li{display:block; width:100%;}
	.thera-list.citation-list li{display:inline-block; width:50%}
	.thesis-list li img{width:50%;}
	.citation-list .thera-img figcaption{height:46px;}
	.thesis-list li .thera-img figcaption span:before{top:9px;}
	.thera-list li .thera-img span{margin-bottom:20px;}
	.cm-rt-contents .care-thesis{padding-bottom:3em; margin:50px 0;}
	.care-thesis:before{bottom:0; height:calc(100% + 30px);}
	.care-citation{margin-top:3em;}
}

/*************** health On_Shine ***************/
/* 컨텐츠01 :: Shine */
.cm-rt-contents .care-shine, .cm-rt-contents .shine-band{padding-bottom:6em;}
.care-contents.care-shine .tit-box h4{margin-bottom:36px;}
.shine-band.shine-02 .tit-box{margin-bottom:104px;}
.shine-band.shine-03 .tit-box{margin-bottom:76px;}
.shine-band .tit-box h4{font-size:48px; line-height:1.5em; letter-spacing:-0.25px; font-weight:600; color:#000; text-align:center; margin-bottom:35px;}
.shine-band .tit-box p{font-size:18px; line-height:1.66em; letter-spacing:-0.5px; color:#666; text-align:center;}
.care-contents.care-shine .tit-box{margin-bottom:32px;}
.care-contents .tit-box .shine-txt{font-size:24px; line-height:1.66em; letter-spacing:-1.5px; color:#333; font-weight:500;}
.intro-video-btn{display:block; width:260px; height:70px; line-height:70px; background:#0b79d7; color:#fff; font-size:18px; letter-spacing:-0.25px; padding:0 20px; box-sizing:border-box; margin:0 auto 69px;}
.intro-video-btn i{float:right; font-size:22px; line-height:70px;}

.shine-intro-list{margin:0 -4.38%;}
.shine-intro-list li{float:left; margin:0 4.03%; width:calc(25% - 8.06%);}
.shine-intro-list li dt{background:#f3f3f3; border-radius:50%; margin-bottom:33px;}
.shine-intro-list li dt .icon{display:block; width:100%; height:0; padding-top:100%; background:no-repeat center; background-size:39.66%;}
.shine-intro-list li dd{font-size:18px; line-height:1.66em; letter-spacing:-0.5px; color:#666; text-align:center;}

.shine-intro-list li dt .icon.icon01{background-image:url('../images/content/shine_icon_01.png');}
.shine-intro-list li dt .icon.icon02{background-image:url('../images/content/shine_icon_02.png');}
.shine-intro-list li dt .icon.icon03{background-image:url('../images/content/shine_icon_03.png');}
.shine-intro-list li dt .icon.icon04{background-image:url('../images/content/shine_icon_04.png');}

.shine-gateway-box {text-align:center; margin:6em 0 0;}
.shine-gateway-box img {max-width:100%;}

/* 컨텐츠02 :: Shine Band */
.shine-band-con{display:table; width:100%; margin-bottom:135px;}
.shine-band-item{display:table-cell; width:25%; vertical-align:middle; border:2px solid #00aeef; border-radius:20px; box-sizing:border-box;}
.shine-band-item span{display:block; margin:auto;}
.shine-band-item span img{width:100%;}
.shine-band-con.con-01 .shine-band-item span{/*width:51.72%; max-width:166px;*/ max-width:220px;}
.shine-band-con.con-02 .shine-band-item span{width:63.56%; max-width:204px;}

.shine-band-info{display:table-cell; width:75%; vertical-align:top;}
.shine-band-info dl{display:table-cell; width:33.33%; vertical-align:top; padding:0 23px; border-right:1px solid #ddd;}
.shine-band-info dl:last-child{border-right:none;}
.shine-band-info dl .tit{font-size:20px; line-height:2em; letter-spacing:-0.5px; font-weight:500; color:#333; background:#f6f6f6; border-radius:10px; text-align:center; padding:10px 0; margin-bottom:20px;}
.shine-band-info dl .txt{position: relative; display:block; font-size:18px; line-height:1.5em; letter-spacing:-0.5px; color:#666; padding-left:20px; margin-bottom:11px;}
.shine-band-info dl .txt:before{position: absolute; content:'\e92b'; font-family:'xeicon'; color:#999; font-size:18px; left:0;}

.shine-band .shine-wearable{margin-bottom:120px;}
.shine-band .shine-wearable .tit-box{margin-bottom:50px; text-align:center;}
.shine-band .shine-wearable .tit-box h5{font-size:30px; line-height:1.5em; letter-spacing:-0.5px; color:#333; font-weight:500; margin-bottom:22px;}
.shine-wearable-img span{display: block; width:73%; margin:auto;}
.shine-wearable-img span img{width:100%;}

.wearable-solution-img img{width:100%;}

/* 컨텐츠03 :: Shine Patch */
/* 플랫폼 활용 */
.shine-band-use{position: relative;}
.band-use-list{/* display:table; */position: relative;}
.band-use-list li{/* display:table-cell; */position: relative; float:left; width:44.69%; height:260px; border:1px solid #e5e5e5; border-radius:10px; box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box; margin-bottom:40px; background:no-repeat; background-size:26.6%;}
.band-use-list li dl{display:table; width:100%;}
.band-use-list li dl dd{display:table-cell; vertical-align:middle; height:260px;}
.band-use-list li.list01{background-position:right bottom; background-image:url('../images/content/works_shine_list_bg01.png');}
.band-use-list li.list02{background-position:left bottom; background-image:url('../images/content/works_shine_list_bg02.png');}
.band-use-list li.list03{background-position:right top; background-image:url('../images/content/works_shine_list_bg04.png');}
.band-use-list li.list04{background-position:left top; background-image:url('../images/content/works_shine_list_bg03.png');}
.band-use-list li:nth-child(n+3){margin-bottom:0;}
.band-use-list li strong{font-size:24px; line-height:3em; letter-spacing:-0.5px; color:#333; font-weight:500;}
.band-use-list li p{position: relative; font-size:18px; line-height:1.5em; letter-spacing:-0.5px; color:#666; font-weight:400; margin-bottom:9px;}
.band-use-list li p:before{content:'\e92b'; position:absolute;  font-family:xeicon; color:#00aeef;}
.band-use-list .band-left p{padding-left:30px;}
.band-use-list .band-left p:before{left:0;}
.band-use-list .band-right p{padding-right:30px;}
.band-use-list .band-right p:before{right:0;}
.band-use-list .band-left{margin-left:3.76%; margin-right:1.53%; padding:0 6.92%;}
.band-use-list .band-right{margin-left:1.53%; margin-right:3.76%; text-align:right; padding:0 6.92%;}
.shine-band-use .use-circle{display:block; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:21.54%; height:0; padding-top:21.54%; border:1px solid #e5e5e5; border-radius:100%; text-align:center; vertical-align:middle; z-index:1;}
.shine-band-use .use-circle:before{position: absolute; content:''; display:block; top:0; width:100%; height:100%; border:1px solid #08b1f0; border-radius:100%; transform:scale(0.9);}
.shine-band-use .use-circle:after{content:''; position: absolute; display:block; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:100%; box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.12); z-index:-1;}
.shine-band-use .use-circle span{position: absolute; display:block; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); font-size:24px; line-height:1.5em; letter-spacing:-0.5px; color:#333; font-weight:500; padding:0 20px; box-sizing:border-box;}
.band-use-list li .shine-icon{position: absolute; top:50%; transform:translateY(-50%); width:100px; height:100px; border-radius:100%; background:no-repeat center #016489; }
.band-use-list li .shine-icon.icon01{background-image:url('../images/content/works_shine_icon06.png');}
.band-use-list li .shine-icon.icon02{background-image:url('../images/content/works_shine_icon07.png');}
.band-use-list li .shine-icon.icon03{background-image:url('../images/content/works_shine_icon08.png');}
.band-use-list li .shine-icon.icon04{background-image:url('../images/content/works_shine_icon09.png');}
.band-use-list .band-left .shine-icon{left:-50px;}
.band-use-list .band-right .shine-icon{right:-50px;}

/*********************************220223 원 삭제 시작*******************************************/
@media all and (max-width:1024px){
	/* 컨텐츠02 :: Shine Band */
	.shine-band-con{/*220224 display:block;*/display:none;}
	.shine-band-item{display:block; width:100%; padding:20px 0; margin-bottom:20px;}
	.shine-band-info{display:table; width:100%;}
	/*220224추가*/
	.shine-band-use .use-circle {display:none;}

/***********************************220223 원 삭제 끝**********************************************/	
	/* 컨텐츠03 :: 플랫폼 활용 */
	.shine-band-use .use-circle{position: relative; top:auto; left:auto; transform:translate(0,0); margin:auto; width:50%; padding-top:50%; margin-bottom:30px;}
	.band-use-list{padding:0 30px;}
	.band-use-list li{width:100%; height:auto; background:none !important; margin-bottom:20px !important;}
	.band-use-list li dl dd{height:auto;}
	.band-use-list .band-left{padding:15px 0; padding-left:60px;}
	.band-use-list .band-right{padding:15px 0; padding-right:60px; margin-left:-3.76%;}
}
@media all and (max-width:800px){
	.shine-band .tit-box h4{font-size:29px;}
	.shine-band .tit-box p, .intro-video-btn, .shine-intro-list li dd, .shine-band-info dl .txt, .shine-band-info dl .txt:before, .band-use-list li p{font-size:14px;}
	.care-contents .tit-box .shine-txt, .band-use-list li strong, .shine-band-use .use-circle span{font-size:17px;}
	.intro-video-btn i{font-size:16px;}
	.shine-band-info dl .tit{font-size:15px;}
	.shine-band .shine-wearable .tit-box h5{font-size:20px;}

	.shine-band.shine-02 .tit-box, .shine-band.shine-03 .tit-box{margin-bottom:30px;}
	.shine-band-con{margin-bottom:60px;}
	.care-contents.care-shine .tit-box h4{margin-bottom:20px;}
	.shine-band .shine-wearable{margin-bottom:30px;}

	/* 컨텐츠01 :: Shine */
	.intro-video-btn{width:150px; height:50px; line-height:50px; margin: 0 auto 30px;}
	.intro-video-btn i{line-height:50px;}
	/* 컨텐츠02 :: Shine Band */
	/*.shine-wearable-img span{width:800px;}
	.wearable-solution-img img{width:800px;}*/
	.shine-wearable-img span {width:100%;}
}
@media all and (max-width:640px){
	/* 컨텐츠01 :: Shine */
	.shine-intro-list {display:flex; flex-wrap:wrap; margin:-4.038%}
	.shine-intro-list li{width:calc(50% - 8.06%); margin:4.03%;}
	.shine-intro-list li dt{margin-bottom:15px;}
	/* 컨텐츠02 :: Shine Band */
	.shine-band-info dl{display:block; width:100%; padding:0; border-right:none;}
	/* 컨텐츠03 :: 플랫폼 활용 */
	.shine-band-use .use-circle{width:220px; padding-top:220px; margin-bottom:70px;}
	.band-use-list{padding:0px;}
	.band-use-list li .shine-icon{top:0; left:50% !important; right:auto !important; transform:translate(-50%, -50%);}
	.band-use-list li{margin:42px 0 60px !important; padding:40px 20px 20px !important; text-align:left !important;}
	.band-use-list .band-right p{padding-left:30px; padding-right:0;}
	.band-use-list .band-right p:before{left:0; right:auto;}
}

/*************** health On_Wellness ***************/
/* 컨텐츠01 ::  */
.shine-solution{}
.shine-solution .sub-tit-box{line-height:1.66em; letter-spacing:-0.5px; text-align:center;}
.shine-solution .sub-tit-box h5{font-size:24px;  color:#333; font-weight:500; margin-bottom:13px;}
.shine-solution .sub-tit-box p{font-size:18px; color:#666; font-weight:400;}
.solution-wrap{display:table; width:780px; margin:auto}
.solution-img{display:table-cell; position: relative; width:327px; vertical-align:middle;}
.solution-img:before{content:''; display:block; position: absolute; top:50%; right:-10px; transform:translate(50%, -50%); width:100%; height:100%; background:no-repeat center; background-image:url('/images/content/works_shine_bg.png');}
.solution-img span{display:block; /* width:49.24%; */ max-width:320px; /* margin-left:42.3%; */}
.solution-img span img{width:100%;}
.solution-list-wrap{display:table-cell; width:calc(100% - 327px); vertical-align:middle;}
.solution-list-wrap .solution-list li{position: relative; display:table; width:81.23%; margin:50px 122px; margin-right:0;}
.solution-list-wrap .solution-list li:nth-child(even){margin-left:160px;}
.solution-list-wrap .solution-list li:nth-child(3){margin-left:180px;}
.solution-list-wrap .solution-list li:before{content:''; display:block; position: absolute; width:102px; height:2px; background:#e5e5e5; top:50%; left:-96px; transform:translateY(-50%); z-index:-2;}
.solution-list-wrap .solution-list li .solution-icon{display: table-cell; position: relative; background:no-repeat center #fff; width:99px; height:99px; border-radius:100%;}
.solution-list-wrap .solution-list li .solution-icon.icon01{background-image:url('../images/content/works_shine_icon01.png');}
.solution-list-wrap .solution-list li .solution-icon.icon02{background-image:url('../images/content/works_shine_icon02.png');}
.solution-list-wrap .solution-list li .solution-icon.icon03{background-image:url('../images/content/works_shine_icon03.png');}
.solution-list-wrap .solution-list li .solution-icon.icon04{background-image:url('../images/content/works_shine_icon04.png');}
.solution-list-wrap .solution-list li .solution-icon.icon05{background-image:url('../images/content/works_shine_icon05.png');}
.solution-list-wrap .solution-list li .solution-icon:before{content:''; display:block; position: absolute; transform:translate(-13px, -13px); width:125px; height:125px; border-radius:100%; z-index:-1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7453ff+0,5398ff+100 */
background: #7453ff; /* Old browsers */
background: -moz-linear-gradient(135deg,  #7453ff 0%, #5398ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(135deg,  #7453ff 0%,#5398ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(-45deg,  #7453ff 0%,#5398ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7453ff', endColorstr='#5398ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.solution-list-wrap .solution-list li:nth-child(even):before{left:-51px;}
.solution-list-wrap .solution-list li:nth-child(3):before{left:-46px;}
.solution-list-wrap .solution-list li:after{content:''; display:block; position:absolute; width:10px; height:10px; background:#00aeef; border-radius:100%; top:50%; left:-96px; transform:translateY(-47%);}
.solution-list-wrap .solution-list li:nth-child(even):after{left:-51px;}
.solution-list-wrap .solution-list li:nth-child(3):after{left:-46px;}
.solution-list-wrap .solution-list li p{display:table-cell; font-size:20px; line-height:1.8em; letter-spacing:-0.5px; color:#000; vertical-align:middle; padding-left:53px;}

/* 컨텐츠02 :: */
.gray-box{position: relative;}
.gray-box:before{content:''; position: absolute; top:-50%; transform:translateY(50%); z-index:-2; width:1920px; height:100%; background:#f6f6f6;}
.shine-silde-box{padding:80px 0;}
/* .shine-silde-box .slide-wrap{display:inline-block; width:50%; vertical-align:middle;} */
/* .shine-silde-box .img-slide-box{width:33.54%; position: relative; max-width:218px; margin:auto;} */
.slide-list-btn button{display:block; position: absolute; top:50%; transform:translateY(-50%); width:12.3%; height:0; padding-top:calc(12.3% - 2px); color:#000; background:#fff; border:1px solid #e5e5e5; box-sizing:border-box; border-radius:100%; z-index:2;}
.slide-list-btn button i{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.slick-data .slide-list-btn .right-btn{right:12%;}
.slick-data .slide-list-btn .left-btn{left:12%;}
.slick-kcal .slide-list-btn .right-btn{right:7.38%;}
.slick-kcal .slide-list-btn .left-btn{left:7.38%;}

.wellness-con-box{display:table; width:100%;}
.wellness-con-img{position: relative; display:table-cell; width:50%; vertical-align:middle;}
.wellness-con-img li{margin:auto; text-align:center;}
.wellness-con-img .wellness-slick ul{position: relative; margin:auto;}
.wellness-con-img .wellness-slick .wellness-data{width:42.15%; max-width:274px;}
.wellness-con-img .wellness-slick .wellness-kcal{width:51.84%; max-width:337px;}
.wellness-con-img .wellness-slick ul:before{position: absolute; content:''; width:100%; height:100%; top:0; left:0; border:1px solid #e5e5e5; box-sizing:border-box; z-index:1;}
.wellness-con-img .wellness-slick ul li{position: relative;}
.wellness-con-img .wellness-slick ul li img{width:100%;}
.wellness-con-txt{display:table-cell; width:50%; vertical-align:middle;}
.shine-silde-box .txt-box h5{font-size:30px; line-height:1.33em; letter-spacing:-0.5px; color:#333; font-weight:500; margin-bottom:10px;}
.shine-silde-box .txt-box .txt{font-size:18px; line-height:2em; letter-spacing:-0.5px; color:#666; font-weight:400;}
.shine-silde-box .txt-box.right{text-align:right;}

@media all and (max-width:1757px){
	.gray-box:before{left:-231px;}
}

@media all and (max-width:800px){
	.shine-solution .sub-tit-box h5{font-size:17px;}
	.shine-solution .sub-tit-box p, .shine-silde-box .txt-box .txt{font-size:14px;}
	.solution-list-wrap .solution-list li p{font-size:15px;}
	.shine-silde-box .txt-box h5{font-size:20px;}

	.solution-wrap{display: table; width:100%;}
	.solution-img{display: table-cell; width:50%; margin-top:20px;}
	.solution-img:before{display:none;}
	.solution-img span{margin:auto; width:50%;}

	.solution-list-wrap{display: table-cell; width:50%;}
	.solution-list-wrap .solution-list li:before, .solution-list-wrap .solution-list li:after{display:none;}
	.solution-list-wrap .solution-list li{margin:30px 0 !important; width:100%; padding-left:15px;}
	.solution-list-wrap .solution-list li .solution-icon{width:66px; height:66px; background-size:50%;}
	.solution-list-wrap .solution-list li .solution-icon:before{width:82.5px; height:82.5px; transform: translate(-8.58px, -8.58px);}
	.solution-list-wrap .solution-list li p{padding-left:30px;}

	.wellness-con-box{display: block;}
	.wellness-con-img{display: block; width:100%; margin-bottom:30px;}
	.wellness-con-txt{display: block; width:100%;}

	.wellness-con-right{transform:rotate(180deg);}
	.wellness-con-right .wellness-con-img{transform:rotate(180deg); margin-top:30px;}
	.wellness-con-right .wellness-con-txt{transform:rotate(180deg);}
	.shine-silde-box .txt-box.right{text-align:left;}
	.slide-list-btn button{width:60px; padding-top:60px;}
}
@media all and (max-width:640px){
	.wellness-con-img .wellness-slick .wellness-data{width:191.8px;}
	.wellness-con-img .wellness-slick .wellness-kcal{width:235.9px;}
	.slide-list-btn{text-align:center; margin-top:20px;}
	.slide-list-btn button{position: relative; display:inline-block !important; top:auto; transform:translateY(0); width:40px; padding-top:40px; right:auto !important; left:auto !important;}
	
	.solution-wrap{display: block;}
	.solution-img{display: block; width:100%;}
	.solution-list-wrap{display: block; width:100%;}
}


/*************** healthOn_ai ***************/
/* 컨텐츠01 ::  */
.care-ai .tit-box{margin-bottom:6em;}
.pc-br-1460{display:block;}
/* .ai-solution{padding:100px 0;} */
.ai-solution-box{position: relative;}
.ai-solution-mid{position: relative; width:100%; text-align:center;}
.ai-solution-mid span{position: relative; display: block; height:618px; line-height:618px;}
/* .ai-solution-mid .pc-img{display:block;} */
.ai-solution-mid .m-img{display:none;}
/* .ai-solution-mid span:before{content:''; position: absolute; display: block; width:125%; height:0; padding-top:125%; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #e5e5e5; border-radius:50%; box-shadow: 0px 0px 30px 0px rgba(0, 82, 112, 0.1);} */
.ai-solution-mid img{position: relative; width:47.62%; max-width:619px;}
/* .ai-solution-mid:before{content:''; position: absolute; display:block; width:200%; height:200%; top:50%; left:50%; transform:translate(-50%, -50%); background:no-repeat center; background-image:url('/images/content/works_ai_bg.png');} */
.ai-solution-item{position: absolute; border:1px solid #00aeef; border-radius:20px; width:32.3%; padding:2.07% 0px; box-sizing:border-box; background:#fff;}
.ai-solution-item.left{right:50%; margin-right:17.69%; text-align:right; padding-right:3.84%; padding-left:10px;}
.ai-solution-item.right{left:50%; margin-left:17.69%; padding-left:3.84%; padding-right:10px;}
.ai-solution-item.line01{top:0px; height:177px;}
.ai-solution-item.line02{top:199px; height:217px;}
.ai-solution-item.line03{top:433px; height:177px;}

/* .ai-solution-item:before{content:''; position: absolute; display: block; width:15px; height:15px; background:#cbdce2; border-radius:50%;}
.ai-solution-item:after{content:''; position: absolute; display: block; width:7px; height:7px; background:#005270; border-radius:50%;} */
/* .ai-solution-item.item01:before{bottom:0; right:-20.82%; transform:translate(50%, 50%);}
.ai-solution-item.item01:after{bottom:0; right:-20.82%; transform:translate(50%, 50%);}

.ai-solution-item.item02:before{bottom:0; left:-20.82%; transform:translate(-50%, 50%);}
.ai-solution-item.item02:after{bottom:0; left:-20.82%; transform:translate(-50%, 50%);}

.ai-solution-item.item03:before{top:50%; right:-8.37%; transform:translate(50%, -50%);}
.ai-solution-item.item03:after{top:50%; right:-8.37%; transform:translate(50%, -50%);}

.ai-solution-item.item04:before{top:50%; left:-8.37%; transform:translate(-50%, -50%);}
.ai-solution-item.item04:after{top:50%; left:-8.37%; transform:translate(-50%, -50%);}

.ai-solution-item.item05:before{top:0; right:-20.82%; transform:translate(50%, -50%);}
.ai-solution-item.item05:after{top:0; right:-20.82%; transform:translate(50%, -50%);}

.ai-solution-item.item06:before{top:0; left:-20.82%; transform:translate(-50%, -50%);}
.ai-solution-item.item06:after{top:0; left:-20.82%; transform:translate(-50%, -50%);} */

.ai-solution-item dt{font-size:22px; line-height:1.81em; letter-spacing:-0.5px; font-weight:500; color:#000; margin-bottom:10px;}
.ai-solution-item dd{font-size:18px; line-height:2em; letter-spacing:-0.5px; font-weight:400; color:#666;}
/* 컨텐츠02 :: */
.ai-point .sub-tit{font-size:36px; line-height:2em; letter-spacing:-0.5px; font-weight:500; color:#333; text-align:center; margin-bottom:60px; /* margin-top:4em; */}
.ai-point-list{border-top:1px solid #e5e5e5; margin-bottom:60px;}
.ai-point-list .point-item{border-bottom:1px solid #e5e5e5;}
.ai-point-list .point-item .point-box{display:table; width:100%; padding:50px 0;}
.ai-point-list .point-item .box-tit{position: relative; display:table-cell; width:33.5%; font-size:20px; line-height:1.6em; letter-spacing:-0.5px; font-weight:500; color:#333; vertical-align:middle; padding-left:10.77%;}
.ai-point-list .point-item .box-tit:before{content:''; position: absolute; display:block; width:48px; height:48px; top:50%; left:12.5%; transform:translateY(-50%);  background:no-repeat center; }
.ai-point-list .point-item .box-tit.icon01:before{background-image:url('../images/content/work_ai_icon01.png');}
.ai-point-list .point-item .box-tit.icon02:before{background-image:url('../images/content/work_ai_icon02.png');}
.ai-point-list .point-item .box-tit.icon03:before{background-image:url('../images/content/work_ai_icon03.png');}
.ai-point-list .point-item .box-tit.icon04:before{background-image:url('../images/content/work_ai_icon04.png');}
.ai-point-list .point-item .box-tit p{padding-right:20px;}
.ai-point-list .point-item .box-txt{display:table-cell; width:66.5%; font-size:18px; line-height:2em; letter-spacing:-0.5px; font-weight:400; color:#666; vertical-align:middle;}
.ai-point-list .point-item .box-txt .txt{position: relative; padding-left:30px; padding-right:15px;}
.ai-point-list .point-item .box-txt .txt:before{content:'\e92b'; position: absolute; top:0; left:0; font-family:'xeicon'; color:#999;}

.ai-point-order{margin:0 -1.92%;}
.ai-point-order .ai-order-list{position: relative; float:left; width:29.62%; border:1px solid #e5e5e5; box-shadow: 6px 8px 20px 0px rgba(28, 45, 51, 0.1); box-sizing:border-box; margin:0 1.85% 50px; padding:50px 3.84%; height:238px;}
.ai-point-order .ai-order-list .ai-icon{ display:block; width:48px; height:48px; background:no-repeat center;}
.ai-point-order .ai-order-list .ai-icon.icon01{background-image:url('../images/content/work_ai_icon05.png');}
.ai-point-order .ai-order-list .ai-icon.icon02{background-image:url('../images/content/work_ai_icon06.png');}
.ai-point-order .ai-order-list .ai-icon.icon03{background-image:url('../images/content/work_ai_icon07.png');}
.ai-point-order .ai-order-list .ai-icon.icon04{background-image:url('../images/content/work_ai_icon08.png');}
.ai-point-order .ai-order-list .ai-icon.icon05{background-image:url('../images/content/work_ai_icon09.png');}
.ai-point-order .ai-order-list .ai-icon.icon06{background-image:url('../images/content/work_ai_icon10.png');}
.ai-point-order .ai-order-list .num{position: absolute; top:50px; right:12.5%; font-size:50px; line-height:0.8em; letter-spacing:-0.5px; color:#eaeaea;}
.ai-point-order .ai-order-list .txt{font-size:22px; line-height:1.81em; letter-spacing:-1.5px; color:#333; padding-top:12.3%;}

@media all and (max-width:1460px){
	.pc-br-1460{display:none;}
	.ai-solution-item.left{padding-right:2.07%;}
	.ai-solution-item.right{padding-left:2.07%;}
}

@media all and (max-width:1024px){
	/* 컨텐츠 01 ::  */
	.ai-solution{padding:0;}
	.ai-solution-mid{padding:0px 0 30px;}
	.ai-solution-mid:before{display:none;}
	.ai-solution-mid span{height:auto;}
	.ai-solution-mid span:before{display:none;}
	.ai-solution-mid img{min-width:217px;}
	.ai-solution-mid .pc-img{display:none;}
	.ai-solution-mid .m-img{display:block; max-width:310px; margin:auto;}
	.ai-solution-box .ai-solution-item{position: relative; width:100%; top:auto; bottom:auto; left:auto; right:auto; margin:0 0 10px; padding:25px 20px; text-align:left; height:auto;}
	.ai-solution-item:before{display:none;}
	.ai-solution-item:after{display:none;}

	.ai-point-list .point-item .box-tit:before{left:20px;}
}

@media all and (max-width:800px){
	.ai-solution-item dt, .ai-point-order .ai-order-list .txt{font-size:16px;}
	.ai-solution-item dd, .ai-point-list .point-item .box-txt{font-size:14px;}
	.ai-point-list .point-item .box-tit{font-size:15px;}
	.ai-point-order .ai-order-list .num{font-size:30px;}


	/* 컨텐츠 02 :: 특징 및 장점 */
	.ai-point .sub-tit{margin-bottom:30px;}
	.ai-point-list .point-item .box-tit{display: block; width:100%; padding-left:90px; box-sizing:border-box;}
	.ai-point-list .point-item .box-tit:before{left:20px;}
	.ai-point-list .point-item .box-txt{display: block; width:100%; margin-top:30px; padding-left:20px;}
	.ai-point-order .ai-order-list{width:46.3%; margin:0 1.85% 30px; height:auto; padding: 30px 3.84%;}
}
@media all and (max-width:640px){
	/* 컨텐츠 02 :: 특징 및 장점 */
	.ai-point-order{margin:0;}
	.ai-point-order .ai-order-list{width:100%; padding:30px; margin:0 0 15px;}
	.ai-point-order .ai-order-list .ai-icon{top:30px; left:30px;}
	.ai-point-order .ai-order-list .num{top:30px; right:30px;}
}

/*************** healthOn_Enterprice ***************/
.enter-con{margin-bottom:6em;}
.enter-top-con {margin-top:6em;}
/* 타이틀 */
.enter-top-img{margin:58px 0 120px;}
.enter-top-img span{display:inline-block;}
/*
.enter-top-img span:nth-child(1){max-width:242px; width:18.62%;}
.enter-top-img span:nth-child(2){max-width:720px; width:55.39%; margin-left:2.76%;}
*/
.enter-top-img {text-align:center;}
.enter-top-img-02{margin-bottom:6em;}
.enter-top-img span img{max-width:100%;}
/* 컨텐츠01 :: key-value */
.enter-con .tit{font-size:36px; line-height:2em; letter-spacing:-0.5px; font-weight:500; color:#333; text-align:center; margin-bottom:57px;}
.enter-con .sub-txt{font-size:18px; line-height:2em; letter-spacing:-0.5px; color:#666; font-weight:300; text-align:center;}
.enter-value-list li{float:left; width:50%; padding-right:70px; box-sizing:border-box; margin-bottom:14px;}
.enter-value-list li dt span{display: block; position: relative; font-size:22px; line-height:1.63em; letter-spacing:-0.5px; color:#333; font-weight:500; padding-left:48px; margin-bottom:14px;}
.enter-value-list li dt span:before{position: absolute; content:''; background:no-repeat center; width:33px; height:37px; top:0; left:0;}
.enter-value-list li:nth-child(1) dt span:before{background-image:url('../images/icon/enterprise_icon01.jpg');}
.enter-value-list li:nth-child(2) dt span:before{background-image:url('../images/icon/enterprise_icon02.jpg');}
.enter-value-list li:nth-child(3) dt span:before{background-image:url('../images/icon/enterprise_icon03.jpg');}
.enter-value-list li:nth-child(4) dt span:before{background-image:url('../images/icon/enterprise_icon04.jpg');}
.enter-value-list li dd{font-size:18px; line-height:1.66em; letter-spacing:-1px; color:#666; height:150px;}
/* 컨텐츠01 :: 서비스 구성 */
.enter-service-img span{display: block; width:100%; max-width:821px; margin:auto;}
.enter-con .sub-tit-box .tit{margin-bottom:0}
.enter-con .sub-tit-box{margin-bottom:90px;}

@media all and (max-width:800px){
	.enter-con .tit{font-size:23px;}
	.enter-con .sub-txt, .enter-value-list li dd{font-size:14px;}
	.enter-value-list li dt span{font-size:16px;}

	.enter-con .tit, .enter-con .sub-tit-box{margin-bottom:30px;}
	.enter-con .sub-tit-box .tit{margin-bottom:0px;}
	.enter-con .sub-tit-box{margin-bottom:30px;}

	.enter-value-list li{float:none; width:100%; margin-bottom:30px; padding:0;}
	.enter-value-list li dd{height:auto;}

	.enter-top-img{margin:30px 0 50px;}
	/*.enter-top-img span:nth-child(1){width:30%;}
	.enter-top-img span:nth-child(2){width:100%;}
	.enter-top-img span{display:block; margin:0 auto 15px !important;}*/
}


/*************** healthOn_EDC ***************/
/* 타이틀 */
.management-contents .tit-box{text-align:center;}
.management-contents .tit-box h4{margin-bottom: 20px; font-size: 3em; font-weight: 600; color: #000; letter-spacing: -0.9px; line-height: 1.3;}
.management-contents .tit-box p{font-size: 1.125em; font-weight: 400; color: #666; letter-spacing: -1.1px; line-height: 1.66;}
/* 컨텐츠 01 ::  */
.management-con01{position: relative; padding:100px 0; margin-bottom:80px;}
.management-con01:before{content:''; position: absolute; top:0; left:0; width:1920px; height:100%; background:#f3f3f3; z-index:-2;}
.management-edc-wrap .inner-box{position: relative;}
.management-edc-wrap h5 span{display:block; margin:0 auto 53px; max-width:129px; min-width:90.3px; width:9.93%;}
.management-edc-wrap h5 span img{width:100%;}
.edc-box-wrap{/* position: relative; */}
.edc-box-wrap .edc-box-mid{text-align:center; margin-bottom:274px;}
.edc-box-wrap .edc-box-mid img{width:42.39%; max-width:551px; min-width:220.4px;}
.edc-box-wrap .edc-box-item{position: absolute; width:28.84%;}
.edc-box-wrap .edc-box-item h6{font-size:30px; line-height:1.5em; letter-spacing:-1.5px; color:#333; margin-bottom:30px; font-weight:500;}
.edc-box-wrap .edc-box-item h6.ft-28{font-size:28px;}
.edc-box-wrap .edc-box-item h6 span{font-size:24px; font-weight:400;}
.edc-box-wrap .edc-box-item ul li{font-size:16px; line-height:1.5em; letter-spacing:-1px; font-weight:400; color:#666; margin-bottom:5.33%; }
.edc-box-wrap .edc-box-item ul li span{position: relative;}
.edc-box-wrap .edc-box-item ul li span:before{content:'\e929'; position: absolute; font-family:'xeicon';}
.edc-box-wrap .edc-box-item.item-left ul li span:before{left:-30px;}
.edc-box-wrap .edc-box-item.item-right ul li span:before{right:-30px;}

.edc-box-wrap .edc-box-item.item-top{top:14px;}
.edc-box-wrap .edc-box-item.item-bottom{top:49.34%;}
.edc-box-wrap .edc-box-item.item-left{right:50%; margin-right:20.76%;}
.edc-box-wrap .edc-box-item.item-left li{padding-left:30px;}
.edc-box-wrap .edc-box-item.item-right{left:50%; margin-left:20.76%; text-align:right;}
.edc-box-wrap .edc-box-item.item-right li{padding-right:30px;}

.edc-box-wrap .edc-box-item.item-center{left:50%; transform:translateX(-50%); bottom:148px; width:275px;}
.edc-box-wrap .edc-box-item.item-center li{padding-left:30px;}
.edc-box-wrap .edc-box-item.item-center li span:before{left:-30px;}

.edc-box-wrap .edc-box-button{display: block; width:100%; text-align:center;}
.edc-box-wrap .edc-box-button a{position: relative; display:inline-block; vertical-align:middle; width:260px; height:70px; margin-right:10px; font-size:18px; line-height:70px; letter-spacing:-0.4px; color:#fff; background:#0b79d7; text-align:left; padding:0 20px; box-sizing:border-box;}
.edc-box-wrap .edc-box-button a i{position: absolute; top:50%; right:20px; transform:translateY(-50%);}
.edc-box-wrap .edc-box-button a:last-child{margin-right:0px; background:#333;}

/* 컨텐츠 02 :: 특징 및 장점*/
.management-con02{}
.management-edc h5{font-size:36px; line-height:1.11em; letter-spacing:-0.75px; font-weight:500; color:#333; text-align:center; margin-bottom:60px;}
.edc-char{display:table; width:100%;}
.edc-char .edc-char-item{display:table-cell; width:25%; text-align:center;}
.edc-char .edc-char-item dt{width:55.38%; padding-top:55.38%; border-radius:50%; background:no-repeat center #f3f3f3; background-size:39.58%; margin:0 auto 50px;}
.edc-char .edc-char-item .edc-icon01{background-image:url('../images/content/management_edc_icon01.png');}
.edc-char .edc-char-item .edc-icon02{background-image:url('../images/content/management_edc_icon02.png');}
.edc-char .edc-char-item .edc-icon03{background-image:url('../images/content/management_edc_icon03.png');}
.edc-char .edc-char-item .edc-icon04{background-image:url('../images/content/management_edc_icon04.png');}
.edc-char .edc-char-item dd{padding-left:30px; margin-bottom:20px;}
.edc-char .edc-char-item dd .txt{position: relative; font-size:18px; /* line-height:2.33em; */line-height:1.5em; letter-spacing:-1.2px; color:#333; text-align:left; padding-left:30px; margin-bottom:12px;}
.edc-char .edc-char-item dd .txt span{position: relative;}
.edc-char .edc-char-item dd .txt span:before{content:'\e92b'; position: absolute; font-family:'xeicon'; left:-30px; top:0px; color:#00aeef;}

/* 컨텐츠 03 :: 임상시험 절차*/
.edc-clinical-list{}
.edc-clinical-list ol{display:table; width:100%;}
.edc-clinical-list ol li{display:table-cell; position: relative; border-right:1px dotted #aaa; width:14.23%; box-sizing:border-box; text-align:center;}
.edc-clinical-list ol li:before{content:'\e93e'; position: absolute; top:50%; right:0; transform:translate(50%, -50%); font-family:'xeicon'; width:45px; height:45px; border:1px solid #e5e5e5; border-radius:50%; line-height:45px; text-align:center; background:#fff;}
.edc-clinical-list ol li:last-child{border-right:none;}
.edc-clinical-list ol li:last-child:before{display:none;}
.edc-clinical-list ol li .clinical-item{position: relative; padding:50px 40px 0; margin:25px 0;}
.edc-clinical-list ol li .clinical-item dt{width:100%; height:60px; background:no-repeat center; margin-bottom:28px;}
.edc-clinical-list ol li .clinical-item dt.icon01{background-image:url('../images/content/management_edc_icon_min01.png');}
.edc-clinical-list ol li .clinical-item dt.icon02{background-image:url('../images/content/management_edc_icon_min02.png');}
.edc-clinical-list ol li .clinical-item dt.icon03{background-image:url('../images/content/management_edc_icon_min03.png');}
.edc-clinical-list ol li .clinical-item dt.icon04{background-image:url('../images/content/management_edc_icon_min04.png');}
.edc-clinical-list ol li .clinical-item dt.icon05{background-image:url('../images/content/management_edc_icon_min05.png');}
.edc-clinical-list ol li .clinical-item dt.icon06{background-image:url('../images/content/management_edc_icon_min06.png');}
.edc-clinical-list ol li .clinical-item dt.icon07{background-image:url('../images/content/management_edc_icon_min07.png');}
.edc-clinical-list ol li .clinical-item .num{position: absolute; top:0; left:50%; transform:translateX(-50%); font-size:18px; line-height:1.55em; color:#aaa; font-weight:400;}
.edc-clinical-list ol li .clinical-item .txt{text-align:center; font-size:17px; line-height:1.58em; letter-spacing:-0.5px; color:#333;}

@media all and (max-width:1024px){	
	.management-edc-wrap .edc-box-wrap .edc-box-item{position: relative; float:left; width:50%; top:auto; bottom:auto; left:auto; right:auto; text-align:center; margin:0 auto 25px;}
	.management-edc-wrap h5 span{margin:0 auto 25px;}
	.edc-box-wrap .edc-box-mid{margin-bottom:30px;}
	.edc-box-wrap .edc-box-item h6{margin-bottom:10px;}
	.edc-box-wrap .edc-box-item ul li{margin-bottom:10px;}
	.edc-box-wrap .edc-box-item li{padding-left:20px !important;}
	.edc-box-wrap .edc-box-item.item-right ul li span:before{right:auto; left:-30px;}
	.edc-box-wrap .edc-box-item.item-center{transform:translateX(0);}
	.edc-box-wrap .edc-box-item.item-top{height:280px;}
	.edc-box-wrap .edc-box-item.item-bottom{height:200px;}
	.edc-box-wrap .edc-box-item.item-center{width:100%; margin-bottom:40px;}
}

@media all and (max-width:800px){
	.management-contents .tit-box h4{font-size:2em;}
	/* 컨텐츠 01 :: */
	.management-con01{padding:50px 0; margin-bottom:50px;}
	.edc-box-wrap .edc-box-item h6{font-size:20px;}
	.edc-box-wrap .edc-box-item h6.ft-28{font-size:19px;}
	.edc-box-wrap .edc-box-item h6 span{font-size:17px;}
	.edc-box-wrap .edc-box-item ul li{font-size:13px;}
	.edc-char .edc-char-item dd .txt, .edc-box-wrap .edc-box-button a{font-size:14px;}

	.edc-box-wrap .edc-box-button a{width:150px; height:50px; line-height:50px;}
	
	.edc-box-wrap .edc-box-item.item-top{height:220px;}
	.edc-box-wrap .edc-box-item.item-bottom{height:140px;}
	.edc-box-wrap .edc-box-item.item-center{width:100%; margin-bottom:20px;}
}
@media all and (max-width:640px){
	.edc-box-wrap .edc-box-item{float:none; width:100% !important; height:auto !important;}
}
@media all and (max-width:480px){
	.edc-box-wrap .edc-box-button a{/* display: block; */ margin:10px auto 0 !important;}
}


/*************** healthOn_eIRB ***************/
/* 컨텐츠 01 */
.management-eirb .gray-box-img{position: relative; padding:5.31% 0; margin-top:5.31%;}
.management-eirb .gray-box-img:before{content:''; position: absolute; top:0; left:0; width:1920px; height:100%; background:#f3f3f3; z-index:-1;}
.management-eirb .gray-box-img .box-img span{display: block; width:100%; margin:auto;}
.management-eirb .gray-box-img .box-img img{width:100%;}
/* 컨텐츠 02 :: 특징 및 장점 */
.edc-char .edc-char-item .eirb-icon01{background-image:url('../images/content/management_eirb_icon01.png');}
.edc-char .edc-char-item .eirb-icon02{background-image:url('../images/content/management_eirb_icon02.png');}
.edc-char .edc-char-item .eirb-icon03{background-image:url('../images/content/management_eirb_icon03.png');}
/* 컨텐츠 03 :: 절차 */
.edc-eirb-list span img{width:100%; }

@media all and (max-width:1757px){
	.management-eirb .gray-box-img:before{left:-231px;}
}
@media all and (max-width:800px){
	.management-eirb .gray-box-img .box-img img{width:800px;}
}

/*************** healthOn_CTMS ***************/
/* 컨텐츠 01 :: */
.ctms-img-wrap{position: relative;}
.management-gray-box{padding-bottom:179px;}
.ctms-img-wrap{display:block; text-align:center; background:no-repeat center bottom; background-image:url('../images/content/management_ctms_bg.png'); padding-bottom:80px;}
.management-edc-wrap h5 .tit{font-size:36px; line-height:1.5em; letter-spacing:-0.25px; color:#000; text-align:center; margin-bottom:35px; font-weight:600;}
.management-edc-wrap h5 .cloud-txt{font-weight:400;}
.management-edc-wrap h5 .ctms-logo{display:block; margin:0 auto 20px; max-width:139px; min-width:97.3px; width:auto;}
.ctms-icon-list li{position: absolute; top:50%; /* transform:translate(0%, -50%); */}
.ctms-icon-list li.ctms-list01{right:50%; margin-right:310px; transform:translateY(-50%); margin-top:-65px;}
.ctms-icon-list li.ctms-list02{right:50%; margin-right:259px; margin-top:44px;}
.ctms-icon-list li.ctms-list03{right:50%; margin-right:124px; margin-top:179px;}
.ctms-icon-list li.ctms-list04{left:50%; transform:translateX(-50%); margin-top:239px;}
.ctms-icon-list li.ctms-list05{left:50%; margin-left:124px; margin-top:179px;}
.ctms-icon-list li.ctms-list06{left:50%; margin-left:259px; margin-top:44px;}
.ctms-icon-list li.ctms-list07{left:50%; margin-left:310px; transform:translateY(-50%); margin-top:-65px;}
.ctms-icon-list li .ctms-item .ctms-icon{position: relative; width:120px; height:120px; border-radius:50%; background:#ddd;}
.ctms-icon-list li .ctms-item .ctms-icon .ctms-icon-inner{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:96px; height:96px; border-radius:50%; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.1); background:no-repeat center #fff;}
.ctms-icon-list li.ctms-list01 .ctms-icon .ctms-icon-inner{background-image:url('../images/content/management_ctms_icon01.png');}
.ctms-icon-list li.ctms-list02 .ctms-icon .ctms-icon-inner{background-image:url('../images/content/management_ctms_icon02.png');}
.ctms-icon-list li.ctms-list03 .ctms-icon .ctms-icon-inner{background-image:url('../images/content/management_ctms_icon03.png');}
.ctms-icon-list li.ctms-list04 .ctms-icon .ctms-icon-inner{background-image:url('../images/content/management_ctms_icon04.png');}
.ctms-icon-list li.ctms-list05 .ctms-icon .ctms-icon-inner{background-image:url('../images/content/management_ctms_icon05.png');}
.ctms-icon-list li.ctms-list06 .ctms-icon .ctms-icon-inner{background-image:url('../images/content/management_ctms_icon06.png');}
.ctms-icon-list li.ctms-list07 .ctms-icon .ctms-icon-inner{background-image:url('../images/content/management_ctms_icon07.png');}
.ctms-icon-list li .ctms-item .txt{text-align:center; font-size:18px; line-height:1.33em; letter-spacing:-0.75px; color:#333; font-weight:500; margin-top:9px;}

/* 컨텐츠 02 :: 특징 및 장점 */
.edc-char .edc-char-item .ctms-icon01{background-image:url('../images/content/management_ctms_char_icon01.png');}
.edc-char .edc-char-item .ctms-icon02{background-image:url('../images/content/management_ctms_char_icon02.png');}
.edc-char .edc-char-item .ctms-icon03{background-image:url('../images/content/management_ctms_char_icon03.png');}
.edc-char .edc-char-item .ctms-icon04{background-image:url('../images/content/management_ctms_char_icon04.png');}

/* 컨텐츠 03 :: ctms절차 */
.edc-clinical-list ol li .clinical-item dt.ctms-icon01{background-image:url('../images/content/management_ctms_order_icon01.png');}
.edc-clinical-list ol li .clinical-item dt.ctms-icon02{background-image:url('../images/content/management_ctms_order_icon02.png');}
.edc-clinical-list ol li .clinical-item dt.ctms-icon03{background-image:url('../images/content/management_ctms_order_icon03.png');}
.edc-clinical-list ol li .clinical-item h6{text-align:center; font-size:20px; line-height:1.35em; letter-spacing:-0.5px; color:#333; font-weight:500; margin-bottom:19px;}
.edc-clinical-list ol li .clinical-item .ctms-txt{display:inline-block; text-align:center; font-size:17px; line-height:1.58em; letter-spacing:-0.5px; color:#666;  box-sizing:border-box; margin-bottom:12px;}
.edc-clinical-list ol li .clinical-item .ctms-txt span{position: relative; padding:0 10px;}
.edc-clinical-list ol li .clinical-item .ctms-txt span:before{content:''; display:inline-block; position: absolute; top:12px; left:0; width:3px; height:3px; border-radius:50%; background:#666}

/* 컨텐츠 04 :: 스마트 임상실험 절차 */
.management-con04 .edc-clinical-list ol {display:flex; }
.management-con04 .edc-clinical-list ol li {display:block;}
.management-con04 .edc-clinical-list ol li .clinical-item {padding: 50px 15px 0;}


@media all and (max-width:1757px){
	.management-con01:before{left:-231px;}
}
@media all and (max-width:1024px){
	/* 컨텐츠 01 :: */
	.ctms-img-wrap{background:none; padding-bottom:40px;}
	.management-edc-wrap .ctms-icon-list{text-align:center;}
	.management-edc-wrap .ctms-icon-list li{display: inline-block; position: relative; width:30%; margin:auto; top:auto; bottom:auto; left:auto; right:auto; transform:translate(0,0); text-align:center;}
	.management-edc-wrap .ctms-icon-list li .ctms-icon{margin:20px auto 0px;}
	.management-gray-box{padding-bottom:0px;}
	
	
	/* 컨텐츠 02 :: 특징 및 장점 */
	.edc-char .edc-char-item dt{width:30%; padding-top:30%; margin:0 auto 20px;}
	.edc-char .edc-char-item dd{padding-left:0; height:120px;}
	.edc-char .edc-char-item dd .txt{text-align:center;}
	.edc-char .edc-char-item{display:block; float:left; width:50%;}


	.management-con04 .edc-clinical-list ol {flex-wrap:wrap;}
	.management-con04 .edc-clinical-list ol li {width:25%;}

}
@media all and (max-width:800px){
	/* 컨텐츠 01 ::  */
	.management-edc-wrap h5 .tit{font-size:23px;}
	.ctms-icon-list li .ctms-item .txt{font-size:14px;}
	.management-gray-box{padding-bottom:0px;}
	.ctms-img-wrap span{display: block; width:27.7%; min-width:252px; margin:auto;}
	.ctms-img-wrap span img{width:100%;}
	.management-edc-wrap h5 .ctms-logo{margin:0 auto 10px;}
	.management-edc-wrap .ctms-icon-list li .ctms-icon{width:84px; height:84px;}
	.ctms-icon-list li .ctms-item .ctms-icon .ctms-icon-inner{width:67.2px; height:67.2px; background-size:50%;}

	/* 컨텐츠 02 :: 특징 및 장점 */
	.management-edc h5{font-size:23px;}
	.edc-char .edc-char-item dd .txt{padding-left:10px;}
	.edc-char .edc-char-item dd .txt span:before{left:-15px;}

	/* 컨텐츠 03 :: ctms절차 */
	.clinical-list-01.edc-clinical-list ol li .clinical-item h6{font-size:15px;}
	.clinical-list-01.edc-clinical-list ol li .clinical-item .num, .edc-clinical-list ol li .clinical-item .txt, .edc-clinical-list ol li .clinical-item .ctms-txt{font-size:14px;}
	.clinical-list-01.edc-clinical-list ol li{display:block; width:100%; border:none; border-bottom:1px dotted #ddd; }
	.clinical-list-01.edc-clinical-list ol li:before{transform:translate(50%, 50%) rotate(90deg); top:auto; bottom:0; right:50%;}
	.clinical-list-01.edc-clinical-list ol li .clinical-item .ctms-txt{display:block; margin-top:10px;}
	.clinical-list-01.edc-clinical-list ol li .clinical-item{padding:50px 0px 0;}
	.clinical-list-01.edc-clinical-list ol li:first-child .clinical-item{margin-top:0;}
}
@media all and (max-width:480px){
	.management-edc-wrap .ctms-icon-list li{width:49%;}
	.edc-char .edc-char-item{width:100%;}
	.edc-char .edc-char-item dd{height:auto;}
}

/*************** FHIR 표준화 ***************/
.fhir-top-img{display: block; text-align:center; margin:auto; padding:0 30px;}
.fhir-top-img img{max-width:100%;}
/* 컨텐츠 01 :: 데이터 표준화의 중요성 */
.standard-con-wrap{background:no-repeat center 160px; background-image:url('../images/content/medicine_fhir_bg05.png'); /* background-size:contain; */}
.fhir-standard-item h5{font-size:24px; line-height:1.33em; letter-spacing:-0.5px; font-weight:bold; color:#0b79d7; margin-bottom:7px;}
.fhir-standard-item .txt{font-size:20px; line-height:1.6em; letter-spacing:-0.5px; color:#333;}
.medicine-fhir-bg{position: relative;}
.standrad-bg{position: absolute; background:no-repeat center; background-size:contain;}
.standrad-bg.bg03{width:20.46%; height:100%; top:50%; right:0; background-image:url('../images/content/medicine_fhir_bg03.png'); transform:translate(50%, -58%); z-index:-1;}
.standrad-bg.bg04{width:17.53%; height:100%; top:50%; left:0; background-image:url('../images/content/medicine_fhir_bg04.png'); transform:translate(-50%, -30%); z-index:-1;}
/* 컨텐츠 01 :: 비전 */
.standard-item01{position: relative; width:76.92%; border:2px dotted rgba(11,121,215,0.4); background-color:rgba(255,255,255,0.6); border-radius:55px; box-sizing:border-box; text-align:center; margin:auto; padding:36px 0;}
.standrad-bg.bg01{width:15.3%; height:100%; top:0; left:0; background-image:url('../images/content/medicine_fhir_bg01.png'); transform:translate(-50%, -30%);}
.standrad-bg.bg02{width:13.1%; height:89.72%; bottom:0; right:0; background-image:url('../images/content/medicine_fhir_bg02.png'); transform:translate(50%, 40%);}
/* 컨텐츠 01 :: 목표 */
.fhir-standard-item-inner{margin-bottom:30px;}
.standard-item02 h5{text-align:center; margin:110px 0 20px;}
.standard-item02 .fhir-inner-box{float:left; width:30.76%; border:3px solid #e5e5e5; border-radius:20px; box-sizing:border-box; background:#fff; margin-right:3.84%; padding:45px 10px; text-align:center; height:321px;}
.standard-item02 .fhir-inner-box:last-child{margin-right:0;}
.standard-item02 .fhir-inner-box .standard-icon span{display:block; width:46px; height:48px; background:no-repeat center; margin:10px auto 32px;}
.standard-item02 .fhir-inner-box .standard-icon.icon01 span{ background-image:url('../images/content/medicine_fhir_icon01.png');}
.standard-item02 .fhir-inner-box .standard-icon.icon02 span{ background-image:url('../images/content/medicine_fhir_icon02.png');}
.standard-item02 .fhir-inner-box .standard-icon.icon03 span{ background-image:url('../images/content/medicine_fhir_icon03.png');}
.standard-item02 .fhir-inner-box dd .sub-tit{display: block; font-size:20px; line-height:1.6em; letter-spacing:-0.5px; font-weight:500; color:#333; margin-bottom:15px;}
.standard-item02 .fhir-inner-box dd .txt{font-size:16px; line-height:1.75em; letter-spacing:-0.5px; font-weight:400; color:#666;}

/* 컨텐츠 01 :: 핵심과제 */
.fhir-assignment{border:3px solid #e5e5e5; border-radius:20px; box-sizing:border-box; padding:45px 7.3%;}
.fhir-assignment .fhir-tit-box{float:left; width:50%;}
.fhir-assignment .fhir-list{float:left; width:50%; font-size:18px; line-height:2.22em; letter-spacing:-0.5px; font-weight:400; color:#666}
.fhir-assignment .fhir-list i{color:#0b79d7; margin-right:7px;}
/* 컨텐츠 01 :: 출처, 텍스트 */
.item-source .source-txt{font-size:15px; line-height:2.13em; letter-spacing:-0.5px; font-weight:400; color:#aaa; text-align:right; margin:10px 0;}
.item-source .txt{font-size:18px; line-height:1.77em; letter-spacing:-0.5px; font-weight:400; color:#666; margin:20px 0;}

/* 컨텐츠 02 :: FHIR 필요성 */
.fhir-need-item{padding:50px 0;}
.fhir-need-item h5{font-size:26px; line-height:1.23em; letter-spacing:-0.5px; font-weight:bold; color:#333; margin-bottom:24px;}
.fhir-need-item .need-list .txt{position: relative; font-size:20px; line-height:2em; letter-spacing:-0.5px; font-weight:500; color:#333; padding-left:15px;}
.fhir-need-item .need-list .txt:before{content:''; display:block; position: absolute; width:5px; height:5px; top:17px; left:0; border-radius:50%; background:#0b79d7;}
.fhir-need-item .need-list .sub-txt{font-size:17px; line-height:2em; letter-spacing:-0.5px; font-weight:400; color:#666; margin-bottom:12px; padding-left:15px;}
.fhir-need-item .need-list .sub-txt:last-child{margin-bottom:0;}

/* 컨텐츠 02 :: FHIR 필요성(이미지) */
.fhir-img{margin-bottom:6em;}
.fhir-img img{width:100%;}

@media all and (max-width:1024px){
	.standard-con-wrap{background-size:contain; background-position-y:200px;}
}

@media all and (max-width:800px){
	.fhir-standard-item h5{font-size:17px;}
	.fhir-standard-item .txt, .standard-item02 .fhir-inner-box dd .sub-tit, .fhir-need-item .need-list .txt{font-size:15px;}
	.standard-item02 .fhir-inner-box dd .txt, .item-source .source-txt{font-size:13px;}
	.fhir-assignment .fhir-list, .item-source .txt, .fhir-need-item .need-list .sub-txt{font-size:14px;}
	.fhir-need-item h5{font-size:18px;}

	.fhir-img img{width:800px;}

	.standrad-bg.bg01{left:30px;}
	.standrad-bg.bg02{right:20px;}
	.standrad-bg.bg03{display:none;}
	.standrad-bg.bg04{display:none;}
	.standard-item01{width:100%; padding:15px; border-radius:20px;}
}
@media all and (max-width:640px){
	.standard-item02 .fhir-inner-box{float:none; width:100%; margin:0 auto 10px; height:auto; padding:20px 10px;}
	.standard-item02 .fhir-inner-box:last-child{margin-right:auto;}

	.fhir-assignment .fhir-tit-box{float:none; width:100%;}
	.fhir-assignment .fhir-list{float:none; width:100%;}
}
@media all and (max-width:480px){
	.standrad-bg.bg01{width:68px; top:-20px}
	.standrad-bg.bg02{width:58px; bottom:-10px;}
}
/*************** 바이오인포메틱스 ***************/
.medicine-contents .tit-box h4{font-size:3em; line-height:1.71em; letter-spacing:-0.25px; color:#000; font-weight:bold; text-align:center; margin-bottom:33px;}
/* 컨텐츠 01 ::  */
.medicine-box-wrap{position: relative; margin-bottom:9em;}
.medicine-con-wrap .tit-box{text-align:center; margin-bottom:40px;}
.medicine-con-wrap .tit-box h5{font-size:30px; line-height:1.5em; letter-spacing:-0.5px; color:#333; font-weight:500; margin-bottom:11px;}
.medicine-con-wrap .tit-box .txt{font-size:18px; line-height:1.77em; letter-spacing:-0.5px; color:#666; font-weight:400; margin-bottom:73px;}
.medicine-con-wrap .tit-box .sub-txt{color:#999;}
.medicine-con-wrap .tit-box .sub-tit{font-size:18px; line-height:1.77em; letter-spacing:-0.5px; color:#0b79d7;}

.medicine-img-wrap img{width:100%;}

.data-item-list{margin:0 -1.3%;}
.data-item-list li{display: table; float:left; width:calc(25% - 2.61%); margin:0 1.3%; border:3px solid #e5e5e5; border-radius:10px; box-sizing:border-box; text-align:center; height:137px; background:#fff;}
.data-item-list li span{display:table-cell; vertical-align:middle; font-size:18px; line-height:1.77em; letter-spacing:-1px; color:#333;}
.data-item-wrap{position: relative; border:3px solid #e5e5e5; border-radius:10px; box-sizing:border-box; text-align:center; padding:34px 0 29px; margin-top:120px; background:#fff;}
.data-item-wrap:before{position: absolute; content:''; background:no-repeat center; background-image:url('../images/content/medicine_bio_arrow_bg.png'); width:593px; height:306px; bottom:10px; left:50%; transform:translateX(-50%); z-index:-1;}
.data-item-wrap .tit{font-size:24px; line-height:1.33em; letter-spacing:-0.5px; color:#0b79d7; margin-bottom:18px;}
.data-item-wrap .txt{font-size:18px; line-height:1.77em; line-height:-0.5px; color:#333;}

/* FHIR 순서 */
.fhir-con-list{display:table; width:100%; background:no-repeat right top; background-image:url('../images/content/fhir_bg_arrow.png');}
.fhir-con-list .fhir-list-item{display:table-cell; width:33.33%;}
.fhir-con-list .fhir-list-item .tit{font-size:20px; line-height:1.6em; letter-spacing:-0.75px; font-weight:500; color:#fff; width:75.84%; padding:14px 0; background:#0b79d7; border-radius:30px; text-align:center; margin:61px auto 69px;}
.fhir-con-list .fhir-list-item .item-info strong{font-size:20px; line-height:1.6em; letter-spacing:-0.5px; color:#333;}

.fhir-list-item .item-info .info-list > li{position: relative; padding-left:10px;}
.fhir-list-item .item-info .info-list > li:before{position: absolute; content:''; width:4px; height:4px; top:9px; left:0; background:#0b79d7; border-radius:50%;}
.fhir-list-item .item-info .info-list > li p{font-size:14px; line-height:1.71em; letter-spacing:-0.5px; color:#333;}
.fhir-list-item .item-info .info-list > li p.sub-txt{color:#888;}
.fhir-list-item .item-info .info-list .inner-list > li > p{font-size:12px; line-height:1.66em; letter-spacing:-0.5px; color:#666;}
.fhir-list-item .item-info .info-list .inner-list .inner-list-02 li{font-size:12px; line-height:1.66em; letter-spacing:-0.5px; color:#999;padding-left:8px;}
.fhir-list-item .item-info .info-list .inner-list .inner-list-02 li p{position: relative; font-size:12px; line-height:1.66em; letter-spacing:-0.5px; color:#999;padding-left:8px;}
.fhir-list-item .item-info .info-list .inner-list .inner-list-02 li p:before{position: absolute; content:''; width:3px; height:3px; top:9px; left:0; background:#999; border-radius:50%;}

.fhir-con-list .fhir-list-item .fhir-item-img{text-align:center;}
.fhir-con-list .fhir-list-item.item-02 .fhir-item-img span{display: block; width:91.62%; max-width:397px; margin:auto;}
.fhir-con-list .fhir-list-item.item-03 .fhir-item-img span{display: block; width:74.31%; max-width:322px; margin:auto;}
.fhir-con-list .fhir-list-item .fhir-item-img img{width:100%;}

@media all and (max-width:1024px){
	.data-item-list li{width:calc(50% - 2.61%); margin-top:10px;}

	.fhir-con-list{display:block; background:none;}
	.fhir-con-list .fhir-list-item{display:block; width:100%; margin-top:30px;}
	.fhir-con-list .fhir-list-item .tit{width:100%; margin:0 auto 10px;}
}
@media all and (max-width:800px){
	.medicine-contents .tit-box h4{font-size:26px;}
	.data-item-list li span, .data-item-wrap .txt, .medicine-con-wrap .tit-box .txt{font-size:14px;}
	.data-item-wrap .tit{font-size:17px;}
	.medicine-con-wrap .tit-box h5{font-size:20px;}
	.fhir-con-list .fhir-list-item .tit, .fhir-con-list .fhir-list-item .item-info strong{font-size:15px;}

	.medicine-contents .tit-box h4, .medicine-con-wrap .tit-box h5{margin-bottom:10px;}
	.medicine-con-wrap .tit-box .txt{margin-bottom:30px;}
	.data-item-wrap{margin-top:90px;}
	.data-item-wrap:before{bottom:auto; top:-60%; height:100%; width:100%; background-size:contain;}
	.medicine-img-wrap img{width:800px;}
}


/* -------------- About -------------- */
/* .about-page .area{padding:0 !important;} */
/* About :: 공통 */
.about-page .about-tit{font-size:48px; line-height:1.5em; letter-spacing:-0.25px; color:#000; font-weight:bold; text-align:center; margin-bottom:16px;}
.about-txt-box .txt{font-size:18px; line-height:1.66em; letter-spacing:-1.2px; color:#666; /*240404 font-weight:300;*/font-weight:400; text-align:center;}
.profile-con .tit{font-size:36px; line-height:2em; letter-spacing:-0.5px; color:#333; font-weight:500; text-align:center; margin-bottom:18px;}
.profile-con .sub-tit{font-size:24px; line-height:1.5em; letter-spacing:-0.5px; color:#222; font-weight:500; margin-bottom:12px;}
/* About :: 인사말 */
.about-greeting{margin-bottom:120px;}
.about-page .about-greeting .about-tit{margin-bottom:47px;}
.greeting-con{display:table; width:100%;}
.greeting-con .greeting-img-box{display:table-cell; /*width:46.23%; */ width:26.06%; vertical-align:middle;}
.greeting-con .greeting-img-box img{max-width:100%}
.greeting-con .about-txt-box{display:table-cell; /*width:53.77%;*/ width:73.94%; vertical-align:middle; padding-left:3.77%;}
.greeting-con .about-txt-box .txt{text-align:left;}
.greeting-con .about-txt-box .txt b{display: block; font-size:22px; line-height:1.63em; letter-spacing:-1px; color:#333; font-weight:500; margin-bottom:25px;}
.greeting-con .about-txt-box .ceo-txt{font-size:24px; line-height:1.25em; letter-spacing:6px; color:#333; font-weight:500; margin-top:31px;}
.greeting-con .about-txt-box .ceo-txt span{font-size:18px; line-height:1.66em; letter-spacing:-1px; margin-right:7.69%;}

/* About :: 기업연혁 */
.about-history{position: relative; padding-top:104px; /*background:#f5f5f5;*/background:#fff; }
 .about-history:before{position: absolute; content:''; top:0; left:0; width:1920px; height:100%; /*background:#f5f5f5;*/background:#fff;z-index:-2;}
@media all and (max-width:1757px){
	.about-history:before{left:-231px;}
} 

/* About :: 기업현황 */
.about-profile{ padding-top:120px; }
.about-profile .about-sub-tit{font-size:20px; line-height:1.5em; letter-spacing:-0.25px; color:#000; text-align:center; margin-top:36px; font-weight:400;}
.profile-table-con table{border-top:1px solid #e5e5e5; margin:33px 0 28px; width:100%;}
.profile-table-con table tbody th{background:#f5f5f5;}
.profile-table-con table tbody th, .profile-table-con table tbody td{font-size:17px; line-height:1.5em; letter-spacing:-0.25px; color:#000; text-align:left; border-bottom:1px solid #e5e5e5; padding:13px 20px 11px; vertical-align:top;}
.profile-structure{margin-bottom:120px;}
.profile-structure-img{text-align:right; padding-right:10px; margin-top:34px;}
.profile-structure-img img{width:100%; max-width:1022px;}

/* About :: 인증 */
.profile-certification{position: relative; margin-bottom:80px;}
.profile-certification:before{position: absolute; content:''; bottom:0; left:-310px; width:1920px; height:50%; background:#f6f6f6; z-index:-2;}
.certification-list{display:flex; justify-content:space-between; margin-top:40px; padding:0 50px 6.15%;}
.certification-list li{margin:0 20px; }
.certification-list li span{display: block; margin-bottom:30px}
.certification-list li img{width:100%; max-width:262px; margin:0 auto;}
.certification-list li:first-child img{max-width:266px;}
.certification-list li .txt{font-size:18px; line-height:1.66em; letter-spacing:-0.5px; color:#666; font-weight:300; text-align:center;}

.certification-list .slick-arrow {position:absolute; top:calc(50% - 60px); margin-top:-13px; font-size:26px; color:#333; }
.certification-list .slick-arrow.slick-prev {left:0;}
.certification-list .slick-arrow.slick-next {right:0;}




@media all and (max-width:800px){
	.profile-certification:before{height:100%; padding-top:20px;}
	.certification-list{margin-top:20px; flex-wrap:wrap; justify-content:center;}
	.certification-list li{ max-width:calc(50% - 40px); margin-bottom:20px;}
	.certification-list li span{text-align:center; margin-bottom:10px;}

	.about-greeting{margin-bottom:40px;}
	.greeting-con .about-txt-box .txt b{margin-bottom:10px;}
	.greeting-con .about-txt-box .ceo-txt{margin-top:10px;}
	.about-history{padding-top:50px;}


	.profile-table-con table{margin:0;}
	.profile-table-con table ,.profile-table-con table td ,.profile-table-con table tr ,.profile-table-con table th ,.profile-table-con table colgroup, .profile-table-con table tbody {display:block;}
}
@media all and (max-width:480px){
	.certification-list li{ max-width:100%; }
}

/* About :: 논문 */
.profile-thesis{margin-bottom:60px;}
.thesis-con-box{display:table; width:100%; border-top:1px solid #e5e5e5; padding:40px 0;}
.thesis-con-box:last-child{border-bottom:1px solid #e5e5e5;}
.thesis-con-box .thesis-img{display:table-cell; width:22.38%; vertical-align:middle;}
.thesis-con-box.con-01 .thesis-img span{display: block; width:71.73%; max-width:208px;}
.thesis-con-box.con-02 .thesis-img span{display: block; width:77.59%; max-width:225px;}
.thesis-con-box .thesis-img span img{width:100%;}

.thesis-con-box .thesis-txt{display:table-cell; width:77.62%; vertical-align:middle;}
.thesis-con-box .thesis-txt .thesis-tit{font-size:24px; line-height:1.5em; letter-spacing:-1.2px; color:#222; font-weight:500; margin-bottom:40px;}
.thesis-table{display:table; width:100%;}
.thesis-table .thesis-table-con{display:table-cell;}
.thesis-table .thesis-table-con dl{position: relative; margin-bottom:13px;}
.thesis-table .thesis-table-con dl:last-child{margin-bottom:0;}
.thesis-table .thesis-table-con dt{position: absolute; font-size:18px; line-height:1.5em; letter-spacing:-0.5px; color:#222; font-weight:500; padding-left:13px;}
.thesis-table .thesis-table-con dt:before{position: absolute; content:''; width:5px; height:5px; background:#ee2e24; border-radius:50%; top:10px; left:0;}
.thesis-table .thesis-table-con dd{font-size:18px; line-height:1.5em; letter-spacing:-0.75px; color:#666; padding-right:10px;}

.thesis-table .thesis-table-con.thesis-right{width:62.55%;}
.thesis-table .thesis-table-con.thesis-right dd{padding-left:82px;}
.thesis-table .thesis-table-con.thesis-left{width:37.45%;}
.thesis-table .thesis-table-con.thesis-left dd{padding-left:102px;}

@media all and (max-width:1024px){
	.thesis-table colgroup col:nth-child(1){width:70px !important;}
	.thesis-table colgroup col:nth-child(2){width:calc(100% - 250px) !important;}
	.thesis-table colgroup col:nth-child(3){width:90px !important;}
	.thesis-table colgroup col:nth-child(4){width:90px !important;}
}
@media all and (max-width:800px){
	.thesis-table .thesis-table-con dt:before{top:7px;}

	.thesis-con-box{display: block;}
	.thesis-con-box .thesis-img{display: block; width:100%; margin-bottom:20px;}
	.thesis-con-box .thesis-img span{margin:auto;}
	.thesis-con-box .thesis-txt{display: block; width:100%;}
}
@media all and (max-width:640px){
	.thesis-table{display:block;}
	.thesis-table .thesis-table-con{display:block; width:100% !important; margin-bottom:13px;}
	.thesis-table .thesis-table-con.thesis-left dd{padding-left:82px;}
}
/* About :: 특허 */
.patent-con-01{margin-bottom:72px;}
.patent-list li{font-size:17px; line-height:1.5em; letter-spacing:-0.5px; border-top:1px solid #e5e5e5; padding:19px 20px;}
.patent-list li:last-child{border-bottom:1px solid #e5e5e5;}
.patent-list li:nth-child(odd){background:#f6f6f6;}
.patent-list li .patent-tit{color:#222; font-weight:400;}
.patent-list li .patent-txt{display: inline-block; color:#888; margin-top:3px;}

.patent-con-02-inner{margin-bottom:42px;}
.patent-con-02-inner strong{display: block; position: relative; font-size:20px; line-height:1.5em; letter-spacing:-0.5px; color:#222; padding-left:13px; font-weight:400; margin-bottom:10px;}
.patent-con-02-inner strong:before{position: absolute; content:''; width:5px; height:5px; background:#ee2e24; border-radius:50%; top:11px; left:0;}
.patent-con-02-inner .patent-table{border-top:1px solid #e5e5e5; width:100%;}
.patent-con-02-inner .patent-table tbody tr{border-bottom:1px solid #e5e5e5;}
.patent-con-02-inner .patent-table tbody th, .patent-con-02-inner .patent-table tbody td{font-size:17px; line-height:1.5em; letter-spacing:-0.25px; color:#000; font-weight:400; text-align:left; vertical-align:top; padding:12px 20px; padding-right:5px;}
.patent-con-02-inner .patent-table tbody th{background:#f5f5f5;}

/* About :: 사업영역 */
.about-business { padding-top:127px;}
.about-business-img img{width:100%;}
.about-business-txt{display:table; width:100%;}
.business-txt-con{display:table-cell; width:50%; border-right:1px solid #e5e5e5;}
.business-txt-con:last-child{border:none; padding-left:50px;}
.business-txt-con dl{margin-bottom:40px;}
.business-txt-con dt{font-size:22px; line-height:1.5em; letter-spacing:-0.25px; color:#000; font-weight:500; margin-bottom:8px;}
.business-txt-con dd{position: relative; font-size:18px; line-height:1.66em; letter-spacing:-0.25px; color:#666; padding-left:10px;}
.business-txt-con dd:before{position: absolute; content:''; width:4px; height:4px; background:#ee2e24; border-radius:50%; top:13px; left:0;}
.business-txt-con dd p b{color:#000; font-weight:500;}
.business-txt-con dl dd:nth-child(3){margin-top:16px;}
@media all and (max-width:800px){
	.about-business-txt{display:block;}
	.business-txt-con{display:block; width:100%; border-right:none; padding:0 !important;}
	.business-txt-con dl{margin-bottom:20px;}
	.business-txt-con dd:before{top:9px;}

	
}

@media all and (max-width:1320px){
.greeting-con .greeting-img-box {vertical-align:top;}
.greeting-con .greeting-txt-box {vertical-align:top;}
}

@media all and (max-width:800px){
	.about-business {padding-top:60px;}
	.about-page .about-tit{font-size:29px;}
	.about-txt-box .txt, .greeting-con .about-txt-box .ceo-txt span, .certification-list li .txt, .thesis-con-box .thesis-txt, .thesis-table .thesis-table-con dt, .thesis-table .thesis-table-con dd, .business-txt-con dd{font-size:14px;}
	.profile-con .tit{font-size:23px; }
	.profile-con .sub-tit, .greeting-con .about-txt-box .ceo-txt, .thesis-con-box .thesis-txt .thesis-tit{font-size:17px;}
	.greeting-con .about-txt-box .txt b, .business-txt-con dt{font-size:16px;}
	.about-profile .about-sub-tit, .patent-con-02-inner strong{font-size:15px;}
	.profile-table-con table tbody th, .profile-table-con table tbody td, .patent-list li,  .patent-con-02-inner .patent-table tbody th, .patent-con-02-inner .patent-table tbody td{font-size:14px}
	.patent-con-02-inner strong:before{top:8px;}

	.about-profile .about-sub-tit{margin:15px 0;}
	.profile-structure-img{margin-top:0;}
	.thesis-con-box .thesis-txt .thesis-tit{margin-bottom:20px;}
	.patent-con-01{margin-bottom:40px;}
	.patent-con-02-inner{margin-bottom:15px;}
	.about-profile{padding-top:60px; margin-bottom:40px;}

	
	.greeting-con .greeting-img-box{width:141px;}
	.greeting-con .about-txt-box{width:calc(100% - 141px);}
}

@media all and (max-width:480px){
	.patent-con-02-inner .patent-table , .patent-con-02-inner .patent-table th , .patent-con-02-inner .patent-table td , .patent-con-02-inner .patent-table tbody , .patent-con-02-inner .patent-table colgroup , 
	 .patent-con-02-inner .patent-table tr {display:block;}
	.patent-con-02-inner .patent-table {border-top:0; border-bottom:1px solid #e5e5e5;}
	.patent-con-02-inner .patent-table tr{ display:block;} 
	.patent-con-02-inner .patent-table tbody tr {border:0;}
	.patent-con-02-inner .patent-table tbody th, .patent-con-02-inner .patent-table tbody td {border-top:1px solid #e5e5e5;}
	
	.greeting-con{display:block;}
	.greeting-con .greeting-img-box{display:block; margin:0 auto 10px; width:198px;}
	.greeting-con .about-txt-box{display:block; width:100%; padding-left:0;}
}



/* -------------- Contact -------------- */
.contact-con-wrap{position: relative; display:table; width:100%; box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.05); z-index:2;}
.contact-con-wrap .contact-item{display:table-cell; width:50%; padding:85px 75px 100px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.contact-item .tit{font-size:40px; line-height:2.1em; letter-spacing:-0.25px; font-weight:bold; text-align:center; margin-bottom:22px;}
.contact-item.item-01 .tit{color:#fff;}
.contact-item.item-02 .tit{color:#111;}

/* Contact :: contact */
.contact-con-wrap .contact-item.item-01{background:no-repeat center; background-image:url('../images/content/contact_info_bg.jpg'); background-size:cover;}
.contact-item .contact-info-item li{position: relative; font-size:18px; line-height:2.22em; letter-spacing:-0.25px; color:#fff; padding-left:30px;}
.contact-item .contact-info-item li:before{position: absolute; font-family:'xeicon'; font-size:20px; line-height:2em; color:#fff; left:0; top:0;}
.contact-item .contact-info-item li:nth-child(1):before{content:'\eb59';}
.contact-item .contact-info-item li:nth-child(2):before{content:'\e9d3';}
.contact-item .contact-info-item li:nth-child(3):before{content:'\e9bc';}
.contact-item .contact-info-item li:nth-child(4):before{content:'\e900';}
/* Contact :: inquiry */
.contact-con-wrap .contact-item.item-02{background:#fff;}
.contact-inquiry-item li{position: relative; border-bottom:1px solid rgba(0,0,0,0.3); padding-left:80px; margin-bottom:13px;}
.contact-inquiry-item li strong{position: absolute; top:0; left:0; font-size:18px; line-height:1.5em; letter-spacing:-0.25px; color:#000; line-height:50px;}
.contact-inquiry-item li input{width:100%; border:none; height:50px;}
.contact-inquiry-item li.inquiry-textarea{padding:0;}
.contact-inquiry-item li.inquiry-textarea strong{position: relative; display:block;}
.contact-inquiry-item li.inquiry-textarea textarea{width:100%; height:110px; border:none;}

.contact-inquiry-item li *::placeholder{font-size:16px; letter-spacing:-0.25px; color:#000; opacity:0.3;}

.contact-con-wrap .contact-item .inquiry-btn{display: block; width:100%; /*background:#18348f;border: 1px solid #18348f;*/border: 1px solid #0c4da3;
    background-color: #034a96; color:#fff; height:50px; line-height:50px; font-size:16px; letter-spacing:-0.25px;}
.contact-con-wrap .contact-item .inquiry-btn i{margin-left:15px;}

/* Contact :: map */
.contact-con-wrap.map {position: relative; width:100%; height:0; padding-top:600px; margin-top:50px;}
.contact-con-wrap.map .map-iframe-wrapper {position:absolute; width:100%; height:100%; top:0; left:0;}

@media all and (max-width:1024px){
	.contact-con-wrap.map {padding-top:300px;}
	.contact-con-wrap .contact-item {padding: 50px; }

}

@media all and (max-width:800px){
	.contact-item .tit{font-size:25px;}
	.contact-item .contact-info-item li, .contact-inquiry-item li strong{font-size:14px;}
	.contact-item .contact-info-item li:before{font-size:15px;}
	.contact-inquiry-item li *::placeholder, .contact-con-wrap .contact-item .inquiry-btn{font-size:13px;}
	.contact-con-wrap .contact-item {padding: 50px 30px; }
	.contact-con-wrap{display:block;}
	.contact-con-wrap .contact-item{display:block; width:100%;}
}


/* 스마트 병원 솔루션 */
@media all and (max-width:1240px){
	.mobile-guide-con .mobile-guide-box .img-item{padding: 18vh 0vw 18vh 0;}
	.mobile-guide-con .mobile-guide-box .img-item:before{right:-4vw;}
	.mobile-guide-con .mobile-guide-box .list-item dt:before{left:-62px;}
	.mobile-guide-con .mobile-guide-box .list-item dt:after{left:-68px;}
}
@media all and (max-width:1024px){
	.mobile-guide-con .mobile-guide-box .img-item{padding:0; padding-bottom:60px;}
}

/* -------------- Career -------------- */
.co-red{color:#f43f36;}
.mail{position: relative; color:#ce433d;}
.mail:before{position: absolute; content:''; width:100%; height:1px; background:#ce433d; bottom:0;}
.hire-con{margin-bottom:9em;}
.con-txt-box .txt{font-size:18px; line-height:1.77em;}
/* content 01 */
.hire-con-wrap{display:table; position: relative; width:100%;}
.con-01 .con-txt-box{display:table-cell; width:53.84%; vertical-align:top; padding-right:3.84%;}
.con-01 .con-txt-box .tit{font-size:36px; line-height:1.5em; letter-spacing:-0.65px; color:#333; font-weight:bold; border-bottom:1px solid #e5e5e5; padding-bottom:28px; margin-bottom:33px;}
.con-01 .con-txt-box .txt{letter-spacing:-1px; color:#666; margin-bottom:28px;}
.con-01 .con-txt-box .txt b{font-size:20px; line-height:1.6em; letter-spacing:-0.75px; font-weight:500; color:#333;}

.con-01 .con-img-box{display:table-cell; position: relative; width:46.15%; vertical-align:top;}
.con-01 .con-img-box span{position: relative; display:block; max-width:600px;}
.con-01 .con-img-box span img{width:100%;}
.con-img-box span:before{content:''; position: absolute;  height:100%; background:#f1f1f1; z-index:-1;}
.con-01 .con-img-box span:before{right:50%; width:150%; bottom:-15%; margin-right:-110%;}

/* content 02 */
.bg-gray{background:#f3f3f3; padding:84px 0 73px;}
.con-02 .con-txt-box{display:table; width:100%; margin-bottom:61px;}
.con-02 .con-txt-box .tit{display:table-cell; width:19.07%; font-size:39px; line-height:1.35em; letter-spacing:-0.65px; color:#000; font-weight:bold;}
.con-02 .con-txt-box .inner-txt{display:table-cell; width:69.46%; padding-left:9.23%;}
.con-02 .con-txt-box .inner-txt .sub-tit{font-size:22px; line-height:1.45em; letter-spacing:-0.6px; color:#000; font-weight:500; margin-bottom:32px;}
.con-02 .con-txt-box .inner-txt .txt{font-size:20px; line-height:1.6em; letter-spacing:-0.6px; color:#333; }

.con-02 .list-box li{display:table; width:100%; margin-bottom:15px; background:#fff; padding:3.07% 2.61% 3.07% 4.92%; box-sizing:border-box;}
.con-02 .list-box li dl{display:table-cell; width:30.76%; vertical-align:middle;}
.con-02 .list-box li dl .list-num{font-size:20px; font-style:italic; color:#f43f36; font-weight:600; margin-bottom:10px;}
.con-02 .list-box li dl .list-tit{font-size:26px; line-height:1.46em; color:#333; font-weight:bold; letter-spacing::-0.75px; padding-right:10px;}
.con-02 .list-box li .list-txt{display:table-cell; width:69.23%; vertical-align:middle;}
.con-02 .list-box li .list-txt {font-size:18px; line-height:1.77em; letter-spacing:-1.62px; color:#666; font-weight:400;}

/* content 03 */
.con-03 .con-txt-box{text-align:center; margin-bottom:70px;}
.con-03 .con-txt-box .tit{font-size:38px; letter-spacing:-0.5px; color:#333; font-weight:bold; margin-bottom:30px;}
.con-03 .con-txt-box .txt{letter-spacing:-1.2px; color:#333;}

.hire-list{margin:0 2.5%; background:no-repeat center bottom; background-image:url('../images/content/career_hire_process_conbg.png'); background-size:contain;}
.hire-list li{float:left; width:25%; /* margin:0 26px; */ text-align:center; padding-bottom:28px;}
.hire-list li dl{position: relative;}
.hire-list li dl:before{position: absolute; content:''; width:51.82%; padding-top:51.82%;border-radius:50%; left:50%; transform:translateX(-50%);}
.hire-list li:nth-child(1) dl:before{background:#f3a536;}
.hire-list li:nth-child(2) dl:before{background:#ea853b;}
.hire-list li:nth-child(3) dl:before{background:#ea683b;}
.hire-list li:nth-child(4) dl:before{background:#db503d;}
.hire-list li .num{font-size:16px; line-height:1.75em; letter-spacing:-0.5px; color:#fff; opacity:0.46; font-weight:500; padding-top:5.18%; margin-bottom:4.21%;}
.hire-list li .tit{font-size:21px; line-height:1.33em; letter-spacing:-0.5px; color:#000; font-weight:500;}
.hire-list li .txt{font-size:16.5px; line-height:1.69em; letter-spacing:-0.75px; color:#7e7e7e;}
.hire-list li .hire-icon{position: relative; display:block; width:15.54%; padding-top:15.54%; background:no-repeat center; background-size:cover; margin:0 auto 26.23%;}
.hire-list li .hire-icon.icon01{background-image:url('../images/content/career_hire_process_icon01.png');}
.hire-list li .hire-icon.icon02{background-image:url('../images/content/career_hire_process_icon02.png');}
.hire-list li .hire-icon.icon03{background-image:url('../images/content/career_hire_process_icon03.png');}
.hire-list li .hire-icon.icon04{background-image:url('../images/content/career_hire_process_icon04.png');}

/* content 04 */
.con-04 .con-img-box{display:table-cell; width:43.53%; padding-left:6.53%;}
.con-04 .con-img-box span{position: relative; display:block; width:100%; max-width:481px;}
.con-04 .con-img-box span img{width:100%;}
.con-04 .con-img-box span:before{width:185%; left:50%; bottom:-12.5%; margin-left:-143%;}

.con-04 .con-txt-box{display:table-cell; width:56.46%; padding-left:6.53%; vertical-align:middle;}
.con-04 .con-txt-box .tit{font-size:24px; line-height:1.25em; letter-spacing:-0.6px; color:#333; font-weight:500; margin-bottom:26px;}
.con-04 .con-txt-box .tip-list li{position: relative; font-size:18px; line-height:1.8em; letter-spacing:-1px; color:#666; font-weight:400; padding-left:27px; margin-bottom:8px;}
.con-04 .con-txt-box .tip-list li:before{position: absolute; content:'\e92b'; font-family:'xeicon'; left:0; color:#999;}

/* content 05 */
.con-05 .con-txt-box{text-align:center; margin-bottom:65px;}
.con-05 .con-txt-box .tit{font-size:36px; letter-spacing:-0.5px; color:#333; font-weight:bold; margin-bottom:16px;}
.con-05 .con-txt-box .txt{letter-spacing:-0.5px; color:#333;}

.process-list{margin:0 -25px 90px;}
.process-list li{position: relative; float:left; width:calc(33.33% - 50px); margin:0 25px; box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.1);}
.process-list li:before{position: absolute; content:''; background:no-repeat center; background-image:url('../images/content/career_hire_process_arrow.png'); width:13px; height:15px; top:50%; right:-32px; transform:trnaslate(-50%, -50%);}
.process-list li:last-child:before{display:none;}
.process-list li dl{position: relative; padding:43px 10px 13px;}
.process-list li dl .num{font-size:50px; line-height:1.5em; letter-spacing:-0.5px; font-style:italic; font-weight:600; color:#ccc; text-align:center; margin-bottom:14px;}
.process-list li dl .process-icon{display:block; margin:auto; background:no-repeat center; width:65px; height:53px; margin-bottom:37px;}
.process-list li dl .process-icon.icon01{background-image:url('../images/content/career_hire_process_bottom_icon01.png');}
.process-list li dl .process-icon.icon02{background-image:url('../images/content/career_hire_process_bottom_icon02.png');}
.process-list li dl .process-icon.icon03{background-image:url('../images/content/career_hire_process_bottom_icon03.png');}
.process-list li dl .txt{font-size:18px; line-height:1.77em; letter-spacing:-0.5px; color:#333; text-align:center; height:150px;}

.bottom-txt{font-size:48px; line-height:1.63em; letter-spacing:-0.65px; color:#333; font-weight:300; text-align:center;}

/* -------------- Career -------------- */
@media all and (max-width:1024px){
	/* content 01 */	
	.con-01 .hire-con-wrap{display:block; transform:rotate(180deg);}
	.con-01 .con-txt-box{display:block; width:100%; transform:rotate(180deg); padding-right:0;}
	.con-01 .con-img-box{display:block; width:70%; margin:auto; transform:rotate(180deg); margin-top:10%;}
	/* content 04 */
	.con-04 .hire-con-wrap{display:block;}
	.con-04 .con-img-box{display:block; width:70%; margin:auto; margin-bottom:10%; padding-left:0;}
	.con-04 .con-txt-box{display:block; width:100%; padding-left:0;}
	.con-02 .list-box li dl .list-num{font-size:20px; font-style:italic; color:#f43f36; font-weight:600; margin-bottom:10px;}
	.con-02 .list-box li dl .list-tit{font-size:26px; line-height:1.46em; color:#333; font-weight:bold; letter-spacing::-0.75px; padding-right:10px;}
	.con-02 .list-box li .list-txt {font-size:18px; line-height:1.77em; letter-spacing:-1.62px; color:#666; font-weight:400;}
}
@media all and (max-width:800px){
	.con-txt-box .txt, .con-02 .list-box li .list-txt, .con-04 .con-txt-box .tip-list li, .process-list li dl .txt{font-size:14px;}
	.con-01 .con-txt-box .tit, .con-05 .con-txt-box .tit{font-size:23px;}
	.con-01 .con-txt-box .txt b, .con-02 .con-txt-box .inner-txt .txt, .con-02 .list-box li dl .list-num, .hire-list li .tit{font-size:15px;}
	.con-02 .con-txt-box .tit{font-size:24px;}
	.con-02 .con-txt-box .inner-txt .sub-tit{font-size:16px;}
	.con-02 .list-box li dl .list-tit{font-size:18px;}
	.con-03 .con-txt-box .tit{font-size:24px;}
	.hire-list li .num, .hire-list li .txt{font-size:13px;}
	.con-04 .con-txt-box .tit{font-size:17px;}
	.process-list li dl .num{font-size:30px;}
	.bottom-txt{font-size:29px;}

	.hire-con{margin-bottom:6em}
	.con-02 .con-txt-box, .con-05 .con-txt-box{margin-bottom:30px;}

	.con-02 .con-txt-box{display: block;}
	.con-02 .con-txt-box .tit{display: block; width:100%; margin-bottom:20px;}
	.con-02 .con-txt-box .inner-txt{display: block; width:100%; padding-left:0;}
	.con-02 .con-txt-box .inner-txt .sub-tit{margin-bottom:10px;}
	.hire-con.bg-gray{padding:50px 0;}
	.hire-list{background:none;}
	.hire-list li{width:50%;}
	
	.process-list{margin:0 0 30px;}
	.process-list li{width:100%; margin:0 0 20px;}
	.process-list li dl{padding:10px;}
	.process-list li dl .txt{height:auto;}
	.process-list li:before{display:none;}
}
@media all and (max-width:640px){
	.con-02 .list-box li dl{display: block; width:100%; margin-bottom:10px;}
	.con-02 .list-box li .list-txt{display: block; width:100%;}
}




.works-intro-con {display:flex; overflow:hidden; }
.works-intro-con .intro-item {width:25%;}
.works-intro-con .intro-item a {position:relative; display:block; height:100%;}
.works-intro-con .intro-item a .bg span {display:block; position:relative; padding-top:177.45%;}
.works-intro-con .intro-item a .bg span img {position:absolute; top:0; left:0; width:100%; height:100%;}
.works-intro-con .intro-item a .txt-box {position:absolute; bottom:6.45vw; width:100%; text-align:center; color: #fff; }
.works-intro-con .intro-item a .txt-box .tit {display:block; width:100%; font-size:26px; letter-spacing:-0.4px; font-weight:500; margin-top:25px;}
.works-intro-con .intro-item a .txt-box .txt { width:100%; font-size:17px; line-height:1.75; letter-spacing:-0.3px; opacity:0.8;filter:Alpha(opacity=75); margin-top:20px;}
@media all and (max-width:1024px){
	.works-intro-con {flex-wrap:wrap;}
	.works-intro-con .intro-item {width:50%;}
}
@media all and (max-width:800px){
	.works-intro-con .intro-item a .txt-box .icon img {height:34px;}
	.works-intro-con .intro-item a .txt-box .tit {font-size:17px; margin-top:15px;}
	.works-intro-con .intro-item a .txt-box .txt {font-size:13px; margin-top:10px;}
}




.rnd-con {padding-bottom:0 !important;}
.rnd-con .rnd-tit {font-size:42px; letter-spacing: -0.25px; color: #000; text-align:center; margin-bottom:60px;}
.rnd-con .rnd-con-tit {font-size:24px; letter-spacing: -0.5px; color: #333; text-align:center; margin-bottom:30px; font-weight:500;}
.rnd-con .check-txt {position:relative; padding-left:25px; }
.rnd-con .check-txt:before {content:"\e92b";  font-family: 'xeicon'; position:absolute; left:0; font-size:18px; top:-2px;}

.rnd-con .con-box .icon-list li {float:left; display:table; height:190px; border:3px solid #e5e5e5; border-radius: 15px; background-color:#fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.rnd-con .con-box .icon-list li dl {display:table-cell; vertical-align:middle;}
.rnd-con .con-box .icon-list li dl span {display:block; margin-top:20px;}
.rnd-con .con-box .icon-list li dl .txt {margin-top:10px;}

@media all and (max-width:800px){
	.rnd-con .rnd-tit {font-size:26px; margin-bottom:30px;}
	.rnd-con .rnd-con-tit {font-size:17px; margin-bottom:15px;}
	.rnd-con .check-txt  {padding-left:20px;}
	.rnd-con .check-txt:before {font-size:14px; top:0;}
}


/* rnd01 */
#rndCon01 .con-box {display:table; width:100%; padding-bottom:110px; border-bottom:1px solid #ddd;}
#rndCon01 .con-box .txt-box {display:table-cell; vertical-align:middle; width:50%;}
#rndCon01 .con-box .txt-box .txt-item {margin-top: 20px;}
#rndCon01 .con-box .txt-box .txt-item:first-child {margin-top: 0;}
#rndCon01 .con-box .txt-box .txt-item .num {font-size:36px; letter-spacing: -0.5px; color: #ccc; font-weight:300; font-style:italic; display:block;}
#rndCon01 .con-box .txt-box .txt-item .tit {font-size:24px; letter-spacing: -0.5px; line-height:1.77;  color: #333; font-weight:500; display:block;}
#rndCon01 .con-box .txt-box .txt-item .txt {font-size:18px; letter-spacing: -0.5px; line-height:1.77; color: #666; display:block;}
#rndCon01 .con-box .img-box {display:table-cell; vertical-align:middle; width:50%; padding-left:38px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#rndCon01 .con-box .img-box img {max-width:100%;}

@media all and (max-width:800px){
	#rndCon01 .con-box {display:block; padding-bottom: 70px;}
	#rndCon01 .con-box .txt-box {display:block; width:100%;}
	#rndCon01 .con-box .txt-box .txt-item {margin-top: 10px;}
	#rndCon01 .con-box .txt-box .txt-item .num {font-size:23px;}
	#rndCon01 .con-box .txt-box .txt-item .tit {font-size:17px;}
	#rndCon01 .con-box .txt-box .txt-item .txt {font-size:14px;}

	#rndCon01 .con-box .img-box {display:block; width:100%; padding-left:0; margin-top:30px; text-align:center;}
}


/* rnd02 */
#rndCon02 {position:relative; padding-top:110px; }
#rndCon02 .con-box:before {content:""; position:absolute; bottom:0; left:50%;transform:translateX(-50%); width:1000%; height:calc(100% - 200px); background-color:#f6f6f6; z-index:-1; }
#rndCon02 .con-box {position:relative; padding-top: 100px; padding-bottom:98px}
#rndCon02 .con-box .top-img {display:block; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#rndCon02 .con-box li {float:left; width:50%; text-align:center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#rndCon02 .con-box li.top.left {padding-right:125px;}
#rndCon02 .con-box li.top.right {padding-left:125px;}
#rndCon02 .con-box li.last { width:100%; }
#rndCon02 .con-box li .tit {display:block; font-size:36px; color: #333; font-weight:500; margin-top:35px;}
#rndCon02 .con-box li .txt  {font-size:18px; line-height:2; color: #666; margin-top:20px;}

@media all and (max-width:800px){
	#rndCon02 { padding-top:70px; }
	#rndCon02 .con-box {padding:50px 0;}
	#rndCon02 .con-box .top-img {position:static; transform:none; text-align:center; margin-bottom:20px;}
	#rndCon02 .con-box li {margin:30px 0;}
	#rndCon02 .con-box li img {max-width:145px;}
	#rndCon02 .con-box li.top.left {padding-right:0;}
	#rndCon02 .con-box li.top.right {padding-left:0;}
	#rndCon02 .con-box li .tit {font-size:23px;}
	#rndCon02 .con-box li .txt  {font-size:14px;}
}
@media all and (max-width:480px){
	#rndCon02 .con-box li {width:100%;}
}



/* rnd03 */
#rndCon03 {padding-top:170px;}
#rndCon03 .con-box .tit-box {text-align:center; letter-spacing: -0.5px; }
#rndCon03 .con-box .tit-box .tit {font-size:36px; color: #333; font-weight:500;}
#rndCon03 .con-box .tit-box .txt {font-size:18px; line-height:1.3; color: #999; margin-top:20px;}
#rndCon03 .con-box .img-box img {max-width:100%;}
#rndCon03 .con-box.con01 .txt-item {margin-top:70px; position:relative; padding-left:30%; }
#rndCon03 .con-box.con01 .txt-item .tit {position:absolute; width:30%; left:0; top:0; font-size:24px; letter-spacing:-0.5px; font-weight:500; line-height:1.3; color: #333; padding-right:15px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#rndCon03 .con-box.con01 .txt-item .check-txt {font-size:18px; line-height:2; letter-spacing:-0.5px; color: #666;}
#rndCon03 .con-box.con01 .txt-item .check-txt:before {color: #999;}
#rndCon03 .con-box.con02 {margin-top:88px;}
#rndCon03 .con-box.con02 .img-box {position:relative; padding:80px 0 90px; margin-top:30px;}
#rndCon03 .con-box.con02 .img-box:before {content:""; position:absolute; bottom:0; left:50%;transform:translateX(-50%); width:1000%; height:100%; background-color:#f6f6f6; z-index:-1; }

@media all and (max-width:800px){
	#rndCon03 {padding-top:100px;}
	#rndCon03 .con-box .tit-box .tit {font-size:23px;}
	#rndCon03 .con-box .tit-box .txt {font-size:14px;}
	#rndCon03 .con-box.con01 .txt-item {margin-top:30px; padding-left:0;}
	#rndCon03 .con-box.con01 .txt-item .tit {display:block; position:static; width:100%; font-size:17px; margin-bottom:10px;}
	#rndCon03 .con-box.con01 .txt-item .check-txt {font-size:14px; }

	#rndCon03 .con-box .img-box img {max-width:800px;}
}

/* rnd04 */
#rndCon04 {padding-top:170px;}
#rndCon04 .con-box.con01 .tit-box {text-align:center;}
#rndCon04 .con-box.con01 .tit {font-size:24px; color: #333; font-weight:500;}
#rndCon04 .con-box.con01 .tit-box .txt {font-size:18px; line-height:1.3; color: #999; margin-top:10px; letter-spacing: -1px;}
#rndCon04 .con-box.con01 .item-box {text-align:center; margin-top:70px;} 
#rndCon04 .con-box.con01 .item-box .tit {font-size: 24px; color: #0b79d7; font-weight:600; }
#rndCon04 .con-box.con01 .item-box .txt {font-size: 20px; color: #333; margin-top:10px;}
#rndCon04 .con-box.con01 .item-box .top-item {max-width:1200px; padding:35px 15px;  background:rgba(255,255,255,0.6); /* url("/images/content/rnd_vision_bg.png") center no-repeat; background-size:100%; */ margin:0 auto; border:1px dashed #0b79d7; border-radius:100px;}
#rndCon04 .con-box.con01 .item-box .middle-item {margin:60px 0;}
#rndCon04 .con-box.con01 .item-box .bottom-item .icon-list {margin:0 -25px;}
#rndCon04 .con-box.con01 .item-box .bottom-item .icon-list li { width:calc(33.33% - 50px); margin:0 25px;}
#rndCon04 .con-box.con01 .item-box .bottom-item .item-inner {position:relative;  border:3px solid #e5e5e5; border-radius: 15px; margin-top:18px; padding:25px 0 40px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
#rndCon04 .con-box.con01 .item-box .bottom-item .item-inner:before {content:""; position:absolute; bottom:100%; left:0; width:100%; height:462px; background:url("../images/content/rnd_con04_bg.jpg") center no-repeat; background-size:cover; z-index:-1;}
 #rndCon04 .con-box.con01 .item-box .bottom-item .item-inner .txt-list {display:table; width:100%; table-layout:fixed; margin-top:25px;}
 #rndCon04 .con-box.con01 .item-box .bottom-item .item-inner .txt-list li {display:table-cell; vertical-align:middle; border-left:1px solid #ddd; padding:0 10px; -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box; }
 #rndCon04 .con-box.con01 .item-box .bottom-item .item-inner .txt-list .txt {line-height:1.6;}

#rndCon04 .con-box.con02 {margin-top: 75px;}
#rndCon04 .con-box.con02 .con-list.list01 {margin-bottom:80px;}
#rndCon04 .con-box.con02 .con-list.list01  li {float:left; width:25%; border-left:1px solid #ddd; text-align:center; padding:25px 15px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#rndCon04 .con-box.con02 .con-list.list01 li:first-child {border-left:0;}
#rndCon04 .con-box.con02 .tit {display:block; font-size:20px; letter-spacing:  -0.5px; color: #333; font-weight:500; margin-top:25px;}
#rndCon04 .con-box.con02 .txt {font-size:18px; letter-spacing:  -0.5px; color: #666; margin-top:20px;}
#rndCon04 .con-box.con02 .con-list.list02  {margin:-10px;}
#rndCon04 .con-box.con02 .con-list.list02 li {float:left; width:calc(33.33% - 20px); margin:10px; border:1px solid #ddd; padding:40px 50px; box-shadow:5px 5px 20px rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#rndCon04 .con-box.con02 .con-list.list02 li.top {height: 315px;}
#rndCon04 .con-box.con02 .con-list.list02 li.bottom {height: 240px;}
#rndCon04 .con-box.con02 .con-list.list02 li .tit {text-align:center;  display:block; margin-bottom:30px; margin-top:0;}
#rndCon04 .con-box.con02 .con-list.list02 li .txt:before {content:"\e929"; color: #0b79d7;}
#rndCon04 .con-box.con02 .con-list.list02 + .txt {line-height:1.77; margin-top:40px; letter-spacing:-1.25px;}
#rndCon04 .con-box.con02 .con-list.list02 li img {max-width:100%;}

#rndCon04 .con-box.con03 {text-align:center; margin-top:96px;}
#rndCon04 .con-box.con03 h5 {font-size:36px; color: #333; font-weight:500; margin-bottom:60px;} 
#rndCon04 .con-box.con03 .txt  {font-size:16px; letter-spacing:-0.5px; line-height:1.5; color: #333; }
#rndCon04 .con-box.con03 .top-box {max-width:700px; margin:auto;}
#rndCon04 .con-box.con03 .top-box .icon-list {margin:0 -30px;}
#rndCon04 .con-box.con03 .top-box li {width:320px; border-color:#0b79d7; margin:0 30px; border-radius:25px;}
#rndCon04 .con-box.con03 .top-box li .icon {margin-top:0;}
#rndCon04 .con-box.con03 .bottom-box {position:relative; margin-top:120px;}
#rndCon04 .con-box.con03 .bottom-box:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:331px; background:url("../images/content/rnd_con04_bg_02.jpg") center no-repeat; z-index:-1;}
#rndCon04 .con-box.con03 .bottom-box .icon-list {margin:0 -12.5px;}
#rndCon04 .con-box.con03 .bottom-box li {width:calc(20% - 25px); height:160px; margin:0 12.5px; border-radius:25px; padding:10px 0;}

@media all and (max-width:1024px){
	#rndCon04 .con-box.con02 .con-list.list02 li {padding:30px;}
	

}
@media all and (max-width:800px){
	#rndCon04 {padding-top:100px;}
	#rndCon04 .con-box.con01 .tit {font-size:17px;}
	#rndCon04 .con-box.con01 .tit-box .txt {font-size:14px;}
	#rndCon04 .con-box.con01 .item-box { margin-top:40px;} 
	#rndCon04 .con-box.con01 .item-box .tit {font-size: 17px; }
	#rndCon04 .con-box.con01 .item-box .txt {font-size: 15px;}
	#rndCon04 .con-box.con01 .item-box .top-item {padding:25px;}
	#rndCon04 .con-box.con01 .item-box .middle-item {margin:30px 0;}
	#rndCon04 .con-box.con01 .item-box .bottom-item .item-inner:before {background-size:480px auto;/*  margin-bottom:8% */; }
	#rndCon04 .con-box.con01 .item-box .bottom-item .icon-list {margin:0 -5px;}
	#rndCon04 .con-box.con01 .item-box .bottom-item .icon-list li { width:calc(33.33% - 10px); margin:0 5px;}

	#rndCon04 .con-box.con02 {margin-top: 55px;}
	#rndCon04 .con-box.con02 .con-list.list01 {margin-bottom:40px;}
	#rndCon04 .con-box.con02 .con-list.list01 li { width:50%;}
	#rndCon04 .con-box.con02 .con-list.list01 li:nth-child(3) {border-top:1px solid #ddd; border-left:0;}
	#rndCon04 .con-box.con02 .con-list.list01 li:nth-child(4) {border-top:1px solid #ddd;}
	#rndCon04 .con-box.con02 .tit {display:block; font-size:15px; margin-top:15px;}
	#rndCon04 .con-box.con02 .txt {font-size:14px; margin-top:10px; }
	
	#rndCon04 .con-box.con02 .con-list.list02 {margin:0;}
	#rndCon04 .con-box.con02 .con-list.list02 li {float:none; width:100%; padding:30px 20px; margin:20px 0;}
	#rndCon04 .con-box.con02 .con-list.list02 li.top,
	#rndCon04 .con-box.con02 .con-list.list02 li.bottom  {height: auto;}
	#rndCon04 .con-box.con02 .con-list.list02 li:last-child {text-align:center;}

	#rndCon04 .con-box.con03 { margin-top:50px;}
	#rndCon04 .con-box.con03 h5 {font-size:23px; }
	#rndCon04 .con-box.con03 .txt  {font-size:13px;}
	#rndCon04 .con-box.con03 .top-box .icon-list {margin:0 -2%;}
	#rndCon04 .con-box.con03 .top-box li {width:46%; margin:0 2%; height:150px; } 
	#rndCon04 .con-box.con03 .bottom-box { margin-top:60px;}
	#rndCon04 .con-box.con03 .bottom-box:before {height:200%; background-size:100%; }
	#rndCon04 .con-box.con03 .bottom-box .icon-list {margin:0 -7.5px;}
	#rndCon04 .con-box.con03 .bottom-box li {width:calc(50% - 15px); height:160px; margin: 5px 7.5px; }
	#rndCon04 .con-box.con03 .bottom-box li:last-child {width:calc(100% - 15px); }
}
@media all and (max-width:480px){
	#rndCon04 .con-box.con01 .item-box .bottom-item .icon-list {margin:0;}
	#rndCon04 .con-box.con01 .item-box .bottom-item .icon-list li {float:none; width:100%; margin:10px 0;}
	#rndCon04 .con-box.con01 .item-box .bottom-item .item-inner  {padding:20px;}
	#rndCon04 .con-box.con01 .item-box .bottom-item .item-inner:before {display:none;}
	#rndCon04 .con-box.con01 .item-box .bottom-item .item-inner .txt-list {display:block; width:100%;margin-top:15px;}
	 #rndCon04 .con-box.con01 .item-box .bottom-item .item-inner .txt-list li {display:block; border-left:0;}

	 #rndCon04 .con-box.con02 .con-list.list01 li {float:none; width:100%; border-left:0;}
	#rndCon04 .con-box.con02 .con-list.list01 li:nth-child(2) {border-top:1px solid #ddd; }
}

/*************** 게시판 ***************/
.list_board_wrap {width:1300px; margin:70px auto 150px auto;}
.list_board_wrap h3.list_board_title {font-size:3rem; font-weight:800; text-align:center; margin-bottom:70px;}
.list_board_wrap .list_board_top {display:flex; justify-content:right;}
.list_board_wrap .list_board_top .list_board_search_form {width:350px; border:1px solid #ddd; border-radius:50px;}
.list_board_wrap .list_board_top .list_board_search_form input {width:250px; height:50px; line-height:50px; margin-left:30px; font-size:1rem; font-weight:800;border:none;}
.list_board_wrap .list_board_top .list_board_search_form input::placeholder {color:#c5c5c5;}
.list_board_wrap .list_board_top .list_board_search_form button {width:50px; height:50px; font-size:1.125rem; vertical-align:middle; font-weight:800; text-align:center;}
.list_board_wrap .list_board {border-top:2px solid #333; margin-top:30px;}
.list_board_wrap .list_board li {position:relative; text-align:left; padding:40px 280px 40px 180px; font-size:1.25rem; font-weight:600; border-bottom:1px solid #ddd; transition:all 0.3s; cursor:pointer;}
.noti_gray {background:#f9f9f9;}
.list_board_wrap .list_board li:hover {background:#f7f9ff;}
.list_board_wrap .list_board li .list_board_num {position:absolute; left:0; top:50%; transform:translateY(-50%); width:150px; font-size:1rem; text-align:center;}
.list_board_wrap .list_board li .list_board_num i {font-size:1.6rem; color:#f1a30f}
.list_board_wrap .list_board li .list_board_subject {display:flex; max-width:100%; font-weight:700; word-break:keep-all;}
.list_board_wrap .list_board li .list_board_subject span {background:#183381; color:#fff; font-size:11px; font-weight:600; padding:5px 10px; border-radius:5px; margin-left:10px;}
.list_board_wrap .list_board li .list_board_subject i {font-size:1.25rem; vertical-align:middle;;}
.list_board_wrap .list_board li .list_board_date {position:absolute; right:200px; top:50%; transform:translateY(-50%); width:200px; font-size:1rem; text-align:center;}
.list_board_wrap .list_board li .list_board_name {position:absolute; right:0; top:50%; transform:translateY(-50%); width:200px; font-size:1rem; text-align:center;}
/*************** 게시판 ***************/

/*************** 게시판 - 모바일 ***************/
@media screen and (max-width: 768px) {

	.list_board_wrap {width:90%; margin:50px auto;}
	.list_board_wrap h3.list_board_title {font-size:1.75rem; font-weight:800; text-align:center; margin-bottom:30px;}
	.list_board_wrap .list_board_top {justify-content:center;}
	.list_board_wrap .list_board li p {display:inline-block;}
	.list_board_wrap .list_board li .list_board_num {display:none; position:static; transform:none;}
	.list_board_wrap .list_board li .list_board_date, .list_board_wrap .list_board li .list_board_name {width:auto; position:static; transform:none; font-size:0.875rem; margin-right:15px; color:#999;}
	.list_board_wrap .list_board li {display:inline-block; width:90%; padding:5%; font-size:0.875rem;}
	.list_board_wrap .list_board li .list_board_subject {width:100%; font-size:14px; line-height:20px; font-weight:700; margin-bottom:10px;}
	
	.list_board_wrap .list_board_top .list_board_search_form {display:flex; width:100%;}
	.list_board_wrap .list_board_top .list_board_search_form input {font-size:14px; font-weight:700; margin-left:20px;}
	
}
/*************** 게시판 - 모바일 ***************/

/*************** 게시판 뷰페이지 **************/
.list_board_wrap dl.board_view_title dt {font-size:1.75rem; font-weight:800; padding:35px 20px; text-align:center; border-top:2px solid #333; border-bottom:1px solid rgb(221, 221, 221); background:#f7f7f7;}
.list_board_wrap dl.board_view_title dd {display:flex; justify-content:space-between; font-size:1rem; font-weight:600; padding:20px; border-bottom:1px solid rgb(221, 221, 221);}
.list_board_wrap .board_view {line-height:1.7; font-weight:500; padding:50px; border-bottom:1px solid rgb(221, 221, 221);}
.list_board_wrap .board_view img {max-width:100% !important;}
.list_board_wrap .board_file dl {display:flex; gap:5rem; font-size:0.875rem; font-weight:600; padding:20px; border-bottom:1px solid rgb(221, 221, 221);}
.list_board_wrap .board_file dl dt {text-align:center;}
.list_board_wrap .board_return_btn {display:block; margin:50px auto; width:250px; padding:20px 0; font-size:1.25rem; text-align:center; border-radius:50px; font-weight:700; background:#183381; color:#fff; transition:all 0.3s;}
.list_board_wrap .board_return_btn:hover {opacity:.8;}
/*************** 게시판 뷰페이지 **************/

/*************** 게시판 - 모바일 뷰페이지 ***************/
@media screen and (max-width: 768px) {

	.list_board_wrap dl.board_view_title dt {font-size:1.125rem; padding:20px 10px; font-weight:700;}
	.list_board_wrap dl.board_view_title dd {font-size:0.875rem; padding:15px 10px;}
	.list_board_wrap .board_view {padding:30px 20px; font-size:0.875rem;}
	.list_board_wrap .board_view img {max-width:100%;}
	.list_board_wrap .board_return_btn {width:130px; margin:30px auto; padding:15px 0; font-size:1rem;}
	
	.list_board_wrap .board_file dl {justify-content:space-between; gap:2rem; padding:15px 10px;}

}
/*************** 게시판 - 모바일 뷰페이지 ***************/

/*************** 1:1 문의 **************/
.list_board_wrap h3.list_board_title p {font-size:1.25rem; font-weight:500; line-height:1.7rem; color:#555; margin-top:25px;}
.list_board_wrap .boardBtnWrap {display:flex; justify-content:center; gap:1rem; margin:50px auto 100px auto; }
.list_board_wrap .boardBtnWrap a.boardBtn {display:block; width:250px; padding:20px 0; text-align:center; font-size:1.25rem; font-weight:800; color:#fff; background:#183381; border-radius:50px; transition:all 0.3s;}
.list_board_wrap .boardBtnWrap a.boardBtn:hover {background:#0a1e57;}
.list_board_wrap .boardBtnWrap a.cancelBtn {display:block; width:250px; padding:20px 0; text-align:center; font-size:1.25rem; font-weight:800; color:#555; border:1px solid #999; border-radius:50px; transition:all 0.3s;}
.list_board_wrap .boardBtnWrap a.cancelBtn:hover {color:#fff; background:#555; border:1px solid #555;}
.list_board_wrap .list_board_blank li {font-size:1.125rem; font-weight:700; color:#b5b5b5; text-align:center; padding:100px 0; background:#f9f9f9;}

.list_board_wrap ul.list_board_form {padding:70px 50px; border:1px solid #e5e5e5; border-radius: 1.2rem;}
.list_board_wrap ul.list_board_form li {line-height:3.5rem; margin-bottom:30px;}
.list_board_wrap ul.list_board_form li:last-child {margin-bottom:0;}
.list_board_wrap ul.list_board_form li dl {display:flex; position:relative; padding-left:250px;} 
.list_board_wrap ul.list_board_form li dl dt {position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:16px; color:#555; font-weight:700;}
.list_board_wrap ul.list_board_form li dl dd {display:flex; width:1050px; font-size:1rem; font-weight:800; color:#555;}
.list_board_wrap ul.list_board_form li dl dd .list_board_form_select {content:"\e941"; font-family:xeicon; border: 1px solid #e5e5e5; color: #555; font-weight: 800; cursor: pointer; position: relative; text-overflow: ellipsis;
  overflow: hidden; white-space: nowrap; width:100%; height: 3.5rem; line-height: 3.3rem; border-radius: 0.8rem; font-size: 1rem; padding: 0 1.2rem; appearance:none;
  background-image:url(../../images/main/main/arrow_select.png); background-repeat:no-repeat; background-position:99% 50%;}
.list_board_wrap ul.list_board_form li dl dd .list_board_form_select option {font-weight: 800; color:#999;}
.list_board_wrap ul.list_board_form li dl dd .list_board_form_select[id="select-device"]:focus {background-image:url(../../images/main/main/arrow_select_up.png);}
.list_board_wrap ul.list_board_form li dl dd input {outline: none; border: 1px solid #e5e5e5; color: #555; width:100%; height: 3.5rem; line-height: 3.5rem; border-radius: 0.8rem;
  font-size: 1rem; font-weight:800;  padding: 0 1.2rem;}
  .list_board_wrap ul.list_board_form li input {outline: none; border: 1px solid #e5e5e5; color: #555; width:100%; height: 3.5rem; line-height: 3.5rem; border-radius: 0.8rem;
  font-size: 1rem; font-weight:800;  padding: 0 1.2rem;}
  .list_board_wrap ul.list_board_form li input::placeholder {font-size:14px; font-weight:700; color:#999;}
.list_board_wrap ul.list_board_form li dl dd .list_board_form_textarea {outline: none; width:100%; height:200px; padding:30px; font-size:0.875rem; font-weight:600; border: 1px solid #e5e5e5; border-radius: 0.8rem;}
.list_board_wrap ul.list_board_form li dl dd a.list_board_form_file_btn {display:block; width:100px; padding:0 50px; text-align:center; font-size:1rem; margin-left:20px;font-weight:700; color:#183381; border:1px solid #183381; border-radius:50px; transition:all 0.3s;}
.list_board_wrap ul.list_board_form li dl dd a.list_board_form_file_btn:hover {color:#fff; background:#183381;}
.list_board_wrap ul.list_board_form li dl dd em {font-size:2rem; padding:0 10px;}

.list_board_form_box {
  display:flex;
  align-items:center;
  gap:2rem;
}
.list_board_form_box .list_board_form input[type=radio] {
  display:none;
}
.list_board_form_box .list_board_form label {
  height:19px;
  line-height:19px;
  display: block;
  cursor: pointer;
  padding-left:26px;
  font-size:14px;
  color:#777;
  font-weight:700;
  background-size:contain;
  background-image:url(../../../images/shop/type1/icon_radio_type_off.png);
  background-position:0 0;
  background-repeat:no-repeat;
}
.list_board_form_box .list_board_form input[type=radio]:checked ~ label {
  background-size:contain;
  background-image:url(../../../images/shop/type1/icon_radio_type_on.png);
  background-position:0px 0px;
  background-repeat:no-repeat;
  border:0;
}
/*************** 1:1 문의 **************/

/*************** 1:1 문의 - 모바일 ***************/
@media screen and (max-width: 768px) {

	.list_board_wrap h3.list_board_title p {font-size:1rem; line-height:1.3rem;}
	.list_board_wrap .boardBtnWrap {margin:30px auto 40px auto;}
	.list_board_wrap .boardBtnWrap a.boardBtn {width:40%; padding:15px 0; font-size:0.875rem;}
	
	.list_board_wrap ul.list_board_form {width:90%; margin:0 auto; padding:30px 10px;}
	.list_board_wrap ul.list_board_form li {line-height:2rem; margin-bottom:15px;}
	.list_board_wrap ul.list_board_form li dl {flex-wrap:wrap; padding:0;}
	.list_board_wrap ul.list_board_form li dl dt {position:static; transform:none; font-size:0.875rem; color:#222;}
	.list_board_wrap ul.list_board_form li dl dd {width:100%; font-size:0.875rem;}
	.list_board_wrap ul.list_board_form li dl dd p {border: 1px solid #e5e5e5; color: #777; width:100%; height: 2.7rem; line-height: 2.7rem; border-radius: 0.5rem; padding:0 20px;}
	.list_board_wrap ul.list_board_form li dl dd em {font-size:1.5rem; padding:0 5px;}
	.list_board_wrap ul.list_board_form li dl dd input {height:2.7rem; line-height:2.7rem; font-size:0.875rem; color:#777; border-radius:0.5rem; padding:0 1rem;}
	.list_board_wrap ul.list_board_form li dl dd .list_board_form_select {height:2.7rem; line-height:2.7rem; font-size:0.875rem; color:#777; padding:0 1rem; background-size:16px; background-position:97% 50%; border-radius:0.5rem;}
	.list_board_wrap ul.list_board_form li dl dd .list_board_form_textarea {padding:20px 10px; border-radius:0.5rem;}
	.list_board_wrap ul.list_board_form li dl dd a.list_board_form_file_btn {width:80px;padding:0 20px; margin-left:10px; font-size:0.75rem; line-height:2.7rem;}
	.list_board_wrap .boardBtnWrap {display:flex; }
	.list_board_wrap .boardBtnWrap a.cancelBtn {width:40%; padding:15px 0; font-size:0.875rem;}

}
/*************** 1:1 문의 - 모바일 ***************/

/*************** FAQ ***************/
.faq_tabs_box {
	border:1px solid red;
}
.faq_tabs {
  position: relative;
  background: white;
  width: 100%;
  min-width: 240px;
}
.faq_tabs input[name="tab-control"] {
  display: none;
}
.faq_tabs .content section h2,
.faq_tabs ul li label {
  font-weight: 800;
  font-size: 1.125rem;
  color: #183381;
}
.faq_tabs ul {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
  border:1px solid #ddd;
}
.faq_tabs ul li {
  width:12.5%;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
  border-right:1px solid #ddd;
}
.faq_tabs ul li:last-child {
	border:none;
}
.faq_tabs ul li label {
  transition: all 0.3s ease-in-out;
  color: #929daf;
  padding:30px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  -webkit-touch-callout: none;
}
.faq_tabs ul li label br {
  display: none;
}
.faq_tabs ul li label svg {
  fill: #929daf;
  height: 1.2em;
  vertical-align: bottom;
  margin-right: 0.2em;
  transition: all 0.2s ease-in-out;
}
.faq_tabs ul li label:hover,
.faq_tabs ul li label:focus,
.faq_tabs ul li label:active {
  outline: 0;
  color: #bec5cf;
}
.faq_tabs ul li label:hover svg,
.faq_tabs ul li label:focus svg,
.faq_tabs ul li label:active svg {
  fill: #bec5cf;
}
.faq_tabs .slider {
  position: relative;
  width: 25%;
  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.faq_tabs .slider .indicator {
  position: relative;
  width: 50px;
  max-width: 100%;
  margin: 0 auto;
  height: 4px;
  background: #183381;
  border-radius: 1px;
}
.faq_tabs .content {
  margin-top: 30px;
}
.faq_tabs .content section {
  display: none;
  animation-name: content;
  animation-direction: normal;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  line-height: 1.4;
  background:#f8f8f8;
  padding:70px 50px;
  font-size:0.875rem;
  font-weight:600;
}
.faq_tabs .content section h2::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: #183381;
  margin-top: 5px;
  left: 1px;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(1):checked
  ~ ul
  > li:nth-child(1)
  > label {
  cursor: default;
  color: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(1):checked
  ~ ul
  > li:nth-child(1)
  > label
  svg {
  fill: #183381;
}
@media (max-width: 768px) {
  /*.tabs
    input[name="tab-control"]:nth-of-type(1):checked
    ~ ul
    > li:nth-child(1)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }*/
}
.faq_tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
  transform: translateX(0%);
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(1):checked
  ~ .content
  > section:nth-child(1) {
  display: block;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(2):checked
  ~ ul
  > li:nth-child(2)
  > label {
  cursor: default;
  color: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(2):checked
  ~ ul
  > li:nth-child(2)
  > label
  svg {
  fill: #183381;
}
@media (max-width: 768px) {
  /*.faq_tabs
    input[name="tab-control"]:nth-of-type(2):checked
    ~ ul
    > li:nth-child(2)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }*/
}
.faq_tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
  transform: translateX(100%);
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(2):checked
  ~ .content
  > section:nth-child(2) {
  display: block;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(3):checked
  ~ ul
  > li:nth-child(3)
  > label {
  cursor: default;
  color: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(3):checked
  ~ ul
  > li:nth-child(3)
  > label
  svg {
  fill: #183381;
}
@media (max-width: 768px) {
  /*.faq_tabs
    input[name="tab-control"]:nth-of-type(3):checked
    ~ ul
    > li:nth-child(3)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }*/
}
.faq_tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
  transform: translateX(200%);
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(3):checked
  ~ .content
  > section:nth-child(3) {
  display: block;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(4):checked
  ~ ul
  > li:nth-child(4)
  > label {
  cursor: default;
  color: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(4):checked
  ~ ul
  > li:nth-child(4)
  > label
  svg {
  fill: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(5):checked
  ~ ul
  > li:nth-child(5)
  > label {
  cursor: default;
  color: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(5):checked
  ~ ul
  > li:nth-child(5)
  > label
  svg {
  fill: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(6):checked
  ~ ul
  > li:nth-child(6)
  > label {
  cursor: default;
  color: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(6):checked
  ~ ul
  > li:nth-child(6)
  > label
  svg {
  fill: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(7):checked
  ~ ul
  > li:nth-child(7)
  > label {
  cursor: default;
  color: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(7):checked
  ~ ul
  > li:nth-child(7)
  > label
  svg {
  fill: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(8):checked
  ~ ul
  > li:nth-child(8)
  > label {
  cursor: default;
  color: #183381;
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(8):checked
  ~ ul
  > li:nth-child(8)
  > label
  svg {
  fill: #183381;
}
@media (max-width: 768px) {
  /*.faq_tabs
    input[name="tab-control"]:nth-of-type(4):checked
    ~ ul
    > li:nth-child(4)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }*/
}
.faq_tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
  transform: translateX(300%);
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(4):checked
  ~ .content
  > section:nth-child(4) {
  display: block;
}
.faq_tabs input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
  transform: translateX(300%);
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(5):checked
  ~ .content
  > section:nth-child(5) {
  display: block;
}
.faq_tabs input[name="tab-control"]:nth-of-type(6):checked ~ .slider {
  transform: translateX(300%);
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(6):checked
  ~ .content
  > section:nth-child(6) {
  display: block;
}
.faq_tabs input[name="tab-control"]:nth-of-type(7):checked ~ .slider {
  transform: translateX(300%);
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(7):checked
  ~ .content
  > section:nth-child(7) {
  display: block;
}
.faq_tabs input[name="tab-control"]:nth-of-type(8):checked ~ .slider {
  transform: translateX(300%);
}
.faq_tabs
  input[name="tab-control"]:nth-of-type(8):checked
  ~ .content
  > section:nth-child(8) {
  display: block;
}
@keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@media (max-width: 1000px) {
  .faq_tabs ul li label {
    white-space: initial;
  }
  .faq_tabs ul li label br {
    display: initial;
  }
  .faq_tabs ul li label svg {
    height: 1.5em;
  }
}
@media (max-width: 768px) {
  .faq_tabs ul li:nth-child(1) label, .faq_tabs ul li:nth-child(4) label {
    /* padding: 20px 5px; */
  }
  .faq_tabs ul li label {
    display:table-cell;
    vertical-align:middle;
    padding: 0;
    border-radius: 5px;
  }
  .faq_tabs ul li {
    width:25%;
  	display:table;
  	height:60px;
  	padding:0 5px;  	
  }
  .faq_tabs ul li:nth-child(1),
  .faq_tabs ul li:nth-child(2),
  .faq_tabs ul li:nth-child(3),
  .faq_tabs ul li:nth-child(4) {
  	border-bottom:1px solid #ddd;
  }
  .faq_tabs ul li label span {
    font-size:0.875rem;
  }
  .faq_tabs .slider {
    display: none;
  }
  .faq_tabs .content {
    margin-top: 20px;
  }
  .faq_tabs .content section h2 {
    display: block;
  }
  .faq_tabs .content section {
    padding:30px 10px;
  }
  .faq_tabs .content section div.c {
    margin:0;
  }
  
}
/*************** FAQ ***************/

/*************** FAQ - 어코디언 ***************/
div.c{
  position: relative;
  margin:2em;
}
div.c input{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity:0;
  visibility: 0;
}
.accrodian_title{
  position: relative;
  color:#222;
  border-bottom:1px solid #ddd;
  font-size:1.5rem;
  font-weight:700;
  padding:0.7rem 0;
}
.accrodian_title label::after {
	content:"Q";
	position:absolute;
	top:-1px;
	left:0;
	font-size:1.5rem;
	padding-right:20px;
}
.accrodian_title label::before{
  font-family:xeicon;
  content:"\e941";
  display: block;
  position:absolute;
  right:0;
  transition:all 0.3s;
  font-size:1rem;
}
.accrodian_title label{
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  padding-left:30px;
}
div.p {
  max-height:0px;
  overflow: hidden;
  transition:max-height 0.5s;
}
div.p p {
  position:relative;
  font-size:1rem;
  line-height:1.5;
  font-weight:600;
  margin:0 !important;
}

input:checked ~ .accrodian_title label::before{
  font-family:xeicon;
  content:"\e941";
  display: block;
  position:absolute;
  right:0;
  transform:rotate(180deg);
  transition:all 0.3s;
}
input:checked ~ .accrodian_title ~ div.p{
  max-height:2000px;
}
/* input:checked ~ .accrodian_title ~ div.p div {
	padding-left:40px;
}
div.p:before {
  position:absolute;
  left:40px;
  content:"A.";  
}
 */
@media (max-width: 768px) {

	.accrodian_title {
	  font-size:1rem;
	  font-weight:600;
	  padding:1rem 0.5rem;
	}
	.accrodian_title label {
	  padding-left:20px;
	}
	.accrodian_title label::after {
	  font-size:1rem;
	}
	.accrodian_title label::before {
	  font-size:0.75rem;
	}
	div.p p {
	  font-size:0.875rem;
	}
	div.p div span {
		font-size:13px !important;
	}

	
}

/*************** FAQ - 어코디언 ***************/

/*************** FAQ 2 ***************/
.faqTabs {
  max-width: 100%;
}
#faqTab-button {
  display: flex;
  flex-wrap:wrap;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#faqTab-button li {
  width: 12.5%;
}
#faqTab-button li a {
  display: block;
  font-size:17px;
  font-weight:600;
  padding: 1.5rem 0;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: #222;
  text-decoration: none;
}
#faqTab-button li:not(:first-child) a {
  border-left: none;
}
#faqTab-button li a:hover,
#faqTab-button .is-active a {
  border-bottom-color: transparent;
  background: #fff;
}
.faqTab-contents {
  padding: 3.5em 1.5em 3.5em;  
}
.faqTab-contents {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
	#faqTab-button li {
		display:table;
	  	width:25%;
	  }
	#faqTab-button li a {
		display: table-cell;
		vertical-align: middle;
		height:40px;
		font-size:14px;
		line-height:18px;
		padding:0.5rem 0;
	}
	#faqTab-button li:nth-child(1) a,
	#faqTab-button li:nth-child(2) a,
	#faqTab-button li:nth-child(3) a,
	#faqTab-button li:nth-child(4) a {
		border-bottom:0;
	}
	.faqTab-contents {
		padding:1.5rem 0rem;
	}
}
@media screen and (min-width: 640px) {
  
  .faqTab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .faqTab-select-outer {
    display: none;
  }
  .faqTab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
}
/*************** FAQ 2 ***************/

/*************** FAQ 2 - 어코디언 ***************/
.faqAccordion {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  margin: auto;
  animation-name: content;
  animation-direction: normal;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.faqAccordion .faqItem .heading {
  line-height: 22px;
  font-size: 15px;
  font-weight:600;
  padding:20px 40px 20px 15px;
  cursor: pointer;
  color: #222;
  border-bottom:1px solid #ededed;
  background: url('/images/main/site/main/faqarrow.png') no-repeat;
  background-position: right 20px top -90px;
  box-sizing: border-box;
}

/* .faqAccordion .faqItem.open .heading,
.faqAccordion .faqItem:last-child .heading { border: 0; } */

.faqAccordion .faqItem.open .heading { background-position: right 20px top 0; }

.faqAccordion .faqItem .content {
  display: none;
  padding: 35px;
  background:#f9f9f9;
  font-size: 14px;
  font-weight:500;
  line-height:22px;
}
.faqAccordion .faqItem .content div span {
	font-size:15px !important;
}
.faqAccordion .faqItem .content div b {
	font-weight:800;
}
.faqSearchBox {
	display:flex;
	justify-content:right;
}
.faqSearchBox .searchInput {
	outline: none;
	border: 1px solid #e5e5e5;
	color: #555;
	font-weight:500;
	width:300px;
	height: 40px;
	line-height: 40px;
	border-radius: 10px;
	font-size: 13px;
	font-weight:700;
	padding: 0 1rem;
	margin-bottom:20px;
}
.faqSearchBox .faqSearchBtn {
	border:1px solid #e5e5e5;
	border-radius:10px;
	width:40px;
	height:40px;
	text-align:center;
	margin-left:5px;
	background:#fff;
}
.faqSearchBox .faqSearchBtn  i {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#555;
	font-weight:800;	
}
.faqSearchBox .faqSearchBtn :hover {
	background:#e5e5e5;
	border-radius:10px;
}
.faqSearchBox .faqSearchBtn i:hover {
	color:#fff;
}
@media screen and (max-width: 640px) {
	
	.faqAccordion .faqItem .content {
		padding:25px 20px;
	}
	
}
/*************** FAQ 2 - 어코디언 ***************/

/*************** 청약철회규정 ***************/
.cancelPolicyWrap {width:1300px; margin:50px auto;}
.cancelPolicyWrap h3 {text-align:center; font-size:3rem; font-weight:700; margin-bottom:70px;}
.cancelPolicyWrap dl {margin:20px 0;}
.cancelPolicyWrap dl dt {font-size:1.5rem; font-weight:700; padding:10px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.cancelPolicyWrap dl dd {padding:1px 10px; }
.cancelPolicyWrap dl dd ul li {padding-left:10px; line-height:1.7; font-weight:500; margin:15px 0;}
.cancelPolicyWrap dl dd ul li strong {display:block; margin-bottom:5px; font-weight:700;}
.cancelPolicyWrap dl dd ul li p {padding-left:15px; color:#555;}
.cancelPolicyWrap dl dd ul li ol {padding:10px 15px;}
.cancelPolicyWrap dl dd ul li ol li {line-height:1.7; margin:0;}
/*************** 청약철회규정 ***************/

/*************** 청약철회규정 - 모바일 ***************/
@media screen and (max-width: 768px) {
	
	.cancelPolicyWrap {
		width:100%;
	}
	.cancelPolicyWrap h3 {
		font-size:1.75rem;
		margin-bottom:30px;
	}
	
}	
/*************** 청약철회규정 - 모바일 ***************/

/*************** 마케팅플랜 ***************/
.business {
  position: relative;
  font-size: inherit;
  line-height: inherit;
  text-align: center;
  width:1300px;
  margin:50px auto;
}
.business h3 {text-align:center; font-size:3rem; font-weight:700; margin-bottom:70px;}

.business img {
  margin: 0 auto;
}
.business > div {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 300;
  color: #000;
}
.business > div span {
  position: relative;
}
.business > div span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: #162647;
  opacity: 0.2;
  z-index: -1;
}
.business article {
  margin: 30px 0;
  width: 100%;
}
.business h1 {
  font-size: 18px;
  font-weight: 600;
  color: #222;
}
.business p {
  word-break: keep-all;
}
.business h2 {
  font-weight: 700;
  font-size: 16px;
  margin: 7.5px 0;
}
.business ul {
  margin: 0 15px;
}
.business ul > li {
  padding-left: 15px;
  text-indent: -15px;
  word-break: keep-all;
}
.business ol {
  padding: 7.5px 15px;
}
.business ol li {
  color: #757575;
  word-break: keep-all;
}
.business table {
  margin: 15px 0;
  width: 100%;
  border: none;
  width: 40%;
  text-align: center;
}
.business table tr {
  border: none;
}
.business table th, .business table td {
  border: none;
  padding: 0 8px;
  height: 52px;
  font-size: 14px;
}
.business table thead th {
  background: whitesmoke;
  color: #6e6e6e;
  font-weight: 500;
  border: 1px solid gainsboro;
}
.business table tbody tr {
  border-bottom: 1px solid #ebebeb;
}
.business table tbody th {
  border: 1px solid #dedede;
  background: #f8f8f8;
  color: #6e6e6e;
}
.business table tbody td {
  border: 1px solid #ebebeb;
}
.business table thead th:first-of-type {
  border-left: none;
}
.business table thead th:last-of-type {
  border-right: none;
}
.business table tbody th:first-of-type {
  border-left: none;
}
.business table tbody th:last-of-type {
  border-right: none;
}
.business table tbody th + td {
  border-left: 1px solid #dedede !important;
}
.business table tbody td:first-of-type {
  border-left: none;
}
.business table tbody td:last-of-type {
  border-right: none;
}
.business table tbody td:first-of-type {
  border-left: 1px solid #ebebeb;
}
.business table tbody th {
  font-weight: 400;
}

.business01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  color: #525252;
  font-size: 18px;
  letter-spacing: -0.025em;
}
.business01 h2 {
  font-size: 3.2rem;
  color: #1b1b1b;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.business01 ul {
  margin: initial;
}
.business01 ul > li {
  padding-left: initial;
  text-indent: initial;
  font-weight: 500;
}
.business01 article {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  margin-bottom: 5rem;
}
.business01 .image .img {
  background: url("/images/content/business01_img1.jpg") no-repeat center;
  width: 60rem;
  height: 44rem;
}
.business01 .image .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
}
.business01 .text {
  width: 45rem;
  margin-left: 10rem;
  margin-right: auto;
}
.business01 .text i {
  width: 5rem;
  height: 1px;
  background: #000;
  margin: 2.5rem 0;
  display: inline-block;
}
.business01 .text li {
  margin-bottom: 1.5rem;
}
.business01 .dash ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 2rem);
  margin: 3rem -1rem;
}
.business01 .dash li {
  position: relative;
  width: 10rem;
  height: 18rem;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 1rem;
  padding: 1.5rem;
  border-radius: 1rem;
}
.business01 .dash li .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  font-size: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -2.5rem;
  color: inherit;
  background: inherit;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.business01 .dash li .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.business01 .dash li .con p {
  font-size: 2.5rem;
  margin: 1rem;
  letter-spacing: -0.025em;
}
.business01 .dash li .con span {
  display: inline-block;
  padding: 0.3rem 1rem;
  background: #000;
  color: #fff;
  margin-top: 2rem;
  font-size: 1.6rem;
}
.business01 .dash .company {
  background: #c62828;
  color: #fff;
}
.business01 .dash .site {
  background: #616161;
  color: #fff;
}
.business01 .dash .site .icon {
  font-size: 3.5rem;
}
.business01 .dash .location {
  margin: 1rem;
  padding-top: 2.5rem;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
}
.business01 .dash .location .con {
  background: url("/images/content/location.png") no-repeat center/contain;
  width: 80%;
}
.business01 .dash .location img {
  width: 100%;
  opacity: 0;
}
.business01 .dash .kossa {
  margin: 1rem;
  padding-top: 2.5rem;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
}
.business01 .dash .kossa .con {
  width: 80%;
  background: url("/images/content/kossa_big.png") no-repeat center/contain;
}
.business01 .dash .kossa img {
  width: 100%;
  opacity: 0;
}

.business04 .txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1rem 2rem;
  background: #f5f5f5;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.business.business03, .business.business02 {
  text-align: left;
}

.business02 article, .business03 article {
  width: 1300px;
  margin: 0 auto;
}
.business02 section, .business03 section {
  margin-bottom: 50px;
}
.business02 h2, .business03 h2 {
  font-size: 25px;
  padding: 10px 0;
  margin: 10px 0 15px 0;
  border-bottom: 1px solid #aaa;
}
.business02 ul, .business03 ul {
  margin-left: 0;
}
.business02 ul li, .business03 ul li {
  text-indent: 0;
  padding-left: 0;
  font-weight: 600;
  color: #222;
}
.business02 ul li > p, .business03 ul li > p {
  color: #606060;
  padding-left: 15px;
  font-weight: 500;
}
.business02 ul li ol li, .business03 ul li ol li {
  font-weight: 400;
  color: #606060;
  margin: 0;
}

.business02 ul {
  margin-right: 0;
}
.business02 h1 {
  font-size: 1.5rem;
  color: #223b6e;
  font-weight:700;
  padding:10px 0;
}
.business02 h2 {
  font-size: 18px;
}
.business02 h2 span {
  font-size: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.business02 .tit {
  text-align: center;
}
.business02 .stit {
  line-height:20px;
  margin-bottom: 25px;
  font-weight: 500;
}
.business02 table {
  margin-top: 0;
  margin-bottom: 0;
}
.business02 table.tabC {
  width: 100%;
  border: none;
}
.business02 table.tabC tr {
  border: none;
}
.business02 table.tabC th, .business02 table.tabC td {
  border: none;
  padding: 0 8px;
  height: 52px;
  font-size: 14px;
  line-height:20px;
  font-weight:500;
}
.business02 table.tabC thead th {
  background: #eaf4ff;
  color: #333;
  font-size:16px;
  font-weight: 700;
  border: 1px solid #b7d9ff;
}
.business02 table.tabC tbody tr {
  border-bottom: 1px solid #e5eaf0;
}
.business02 table.tabC tbody th {
  border: 1px solid #ccddf0;
  background: #f7f8fa;
  color: #5c6d80;
}
.business02 table.tabC tbody td {
  border: 1px solid #e5eaf0;
}
.business02 table.tabC thead th:first-of-type {
  border-left: none;
}
.business02 table.tabC thead th:last-of-type {
  border-right: none;
}
.business02 table.tabC tbody th:first-of-type {
  border-left: none;
}
.business02 table.tabC tbody th:last-of-type {
  border-right: none;
}
.business02 table.tabC tbody th + td {
  border-left: 1px solid #ccddf0 !important;
}
.business02 table.tabC tbody td:first-of-type {
  border-left: none;
}
.business02 table.tabC tbody td:last-of-type {
  border-right: none;
}
.business02 table.tabC.t1 tbody tr:nth-of-type(2) {
  background-color: #fcfcfc;
}
.business02 table.tabC.t2 tbody tr:nth-of-type(1) {
  background-color: #fcfcfc;
}
.business02 table.tabC.t2 tbody tr:nth-of-type(1) td:nth-of-type(4), .business02 table.tabC.t2 tbody tr:nth-of-type(1) td:nth-of-type(5), .business02 table.tabC.t2 tbody tr:nth-of-type(1) td:nth-of-type(6) {
  background: #e4f6f6;
}
.business02 table.tabC.t2 tbody tr:nth-of-type(2) {
  background-color: #f1f1f1;
}
.business02 table.tabC.t2 tbody tr:nth-of-type(2) td:nth-of-type(4), .business02 table.tabC.t2 tbody tr:nth-of-type(2) td:nth-of-type(5), .business02 table.tabC.t2 tbody tr:nth-of-type(2) td:nth-of-type(6) {
  background: #e8eed5;
}
.business02 table.tabC.t2 tbody tr:nth-of-type(3) {
  background-color: #fff;
}
.business02 table.tabC.t2 tbody tr:nth-of-type(3) td:nth-of-type(4), .business02 table.tabC.t2 tbody tr:nth-of-type(3) td:nth-of-type(5), .business02 table.tabC.t2 tbody tr:nth-of-type(3) td:nth-of-type(6) {
  background: #fff9e2;
}
.business02 table.tabC.t2 tbody tr:nth-of-type(4) {
  background-color: #f1f1f1;
}
.business02 table.tabC.t2 tbody tr:nth-of-type(4) td:nth-of-type(4), .business02 table.tabC.t2 tbody tr:nth-of-type(4) td:nth-of-type(5), .business02 table.tabC.t2 tbody tr:nth-of-type(4) td:nth-of-type(6) {
  background: #ffd9b3;
}
.business02 table.tabC.t2 td {
  font-weight: 400;
}
.business02 table.tabC.t2 td b {
  font-weight: 500;
}
.business02 table.tabB {
  margin-top: 20px;
  width: 100%;
  border: none;
}
.business02 table.tabB tr {
  border: none;
}
.business02 table.tabB th, .business02 table.tabB td {
  border: none;
  padding: 8px;
  height: 52px;
  font-size: 14px;
  line-height:18px;
  font-weight:500;
}
.business02 table.tabB thead th {
  background: #f2f3fe;
  color: #333;
  line-height:20px;
  font-weight: 700;
  border: 1px solid #c3c7fa;
}
.business02 table.tabB tbody tr {
  border-bottom: 1px solid #e9eaef;
}
.business02 table.tabB tbody th {
  border: 1px solid #d2d4ed;
  background: #f7f7fa;
  color: #62647d;
}
.business02 table.tabB tbody td {
  border: 1px solid #e9eaef;
}
.business02 table.tabB thead th:first-of-type {
  border-left: none;
}
.business02 table.tabB thead th:last-of-type {
  border-right: none;
}
.business02 table.tabB tbody th:first-of-type {
  border-left: none;
}
.business02 table.tabB tbody th:last-of-type {
  border-right: none;
}
.business02 table.tabB tbody th + td {
  border-left: 1px solid #d2d4ed !important;
}
.business02 table.tabB tbody td:first-of-type {
  border-left: none;
}
.business02 table.tabB tbody td:last-of-type {
  border-right: none;
}
.business02 table.tabS {
  width: 100%;
  border: none;
}
.business02 table.tabS tr {
  border: none;
}
.business02 table.tabS th, .business02 table.tabS td {
  border: none;
  padding: 0 8px;
  height: 52px;
  font-size: 14px;
  font-weight:500;
}
.business02 table.tabS thead th {
  background: #f6fcff;
  color: #333;
  font-weight: 700;
  line-height:20px;
  border: 1px solid #c3ebff;
}
.business02 table.tabS tbody tr {
  border-bottom: 1px solid #ebeef0;
}
.business02 table.tabS tbody th {
  border: 1px solid #d2e6f0;
  background: #f7f9fa;
  color: #627680;
}
.business02 table.tabS tbody td {
  border: 1px solid #ebeef0;
}
.business02 table.tabS thead th:first-of-type {
  border-left: none;
}
.business02 table.tabS thead th:last-of-type {
  border-right: none;
}
.business02 table.tabS tbody th:first-of-type {
  border-left: none;
}
.business02 table.tabS tbody th:last-of-type {
  border-right: none;
}
.business02 table.tabS tbody th + td {
  border-left: 1px solid #d2e6f0 !important;
}
.business02 table.tabS tbody td:first-of-type {
  border-left: none;
}
.business02 table.tabS tbody td:last-of-type {
  border-right: none;
}
.business02 table.tabS tbody th {
  background: #f6fcff;
}
.business02 table.tabS tbody tr:nth-of-type(2n) {
  background: #f6fcff;
}
.business02 .sub {
  text-align: right !important;
  padding:15px 0;
}
.business02 .sub2 {
  font-size: 13px;
  font-weight:500;
  padding:15px 0;
}
.business02 ul li {
  font-weight: 500;
  line-height:22px;
}
.business02 .ul_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 5px;
}
.business02 .ul_wrap > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.business02 .ul_wrap .col1 {
  text-align: center;
}
.business02 .ul_wrap .word {
  margin-top: 20px;
  padding: 10px 0;
  background: linear-gradient(45deg, #32ACCF, #6873DD, #9364D9);
  color: #fff;
  border-radius: 20px;
}
.business02 .ul_wrap .cal {
  padding: 30px 20px;
  background: #fafafa;
  border-radius: 5px;
  font-weight: 600;
  line-height:25px;
}
.business02 .ul_wrap ul {
  margin-top: 0;
}
.business02 .ul_wrap ul li {
  font-size: 18px;
  line-height:35px;
}
.business02 .ul_wrap ul li:first-child {
	margin-bottom:30px;
}
.business02 .ul_wrap ul li i {
  font-style: normal;
  font-weight: 600;
  color: #222;
}
.business02 .ul_wrap ul li .red {
  color: red;
  font-size: 13px;
}
.business02 .ul_wrap .note {
  position: relative;
}
.business02 .ul_wrap .note::after {
  content: "*고정환율 = 1,000원";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130px;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 11.5px;
  color: red;
  text-align: center;
}
.business02 .cond_info {
  margin: 20px 0;
  font-size:16px;
  text-align: center;
  padding: 20px 0;
  border-radius: 30px;
  background: linear-gradient(45deg, #e8fdff, #f9f1ff);
  color: red;
  font-weight: 700;
}
.business02 .class_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
.business02 .class_wrap ul li {
  width: 250px;
  text-align: center;
}
.business02 .class_wrap ul li p {
  font-size:14px;
  font-weight:700;
  background: #e3e3e3;
  padding: 15px 0;
  margin-bottom: 5px;
  color: #232532;
}
.business02 .class_wrap ul li .price {
  font-size:14px;
  font-weight:700;
  padding: 15px 0;
  color: #fff;
}
.business02 .class_wrap ul li:nth-child(1) .price {
  background: linear-gradient(45deg, #ffa4c4, #eb5c5c);
}
.business02 .class_wrap ul li:nth-child(2) .price {
  background: linear-gradient(45deg, #ff5d24, #ffcd06);
}
.business02 .class_wrap ul li:nth-child(3) .price {
  background: linear-gradient(45deg, #1dbf84, #8ad317);
}
.business02 .class_wrap ul li:nth-child(4) .price {
  background: linear-gradient(45deg, #ff93b0, #9232eb);
}
.business02 .class_wrap ul li:nth-child(5) .price {
  background: linear-gradient(45deg, #979797, #b7b7b7, #979797);
}
.business02 .class_wrap ul li:nth-child(6) .price {
  background: linear-gradient(45deg, #99dcff, #0fc3d3);
}
.business02 .class_wrap ul li:nth-child(7) .price {
  background: linear-gradient(45deg, #1b1b1b, #595959, #1b1b1b);
}
.business02 .class_wrap ul li:nth-child(8) .price {
  background: linear-gradient(45deg, #545454, #848282, #545454, #848282, #545454);
}
.business02 .class_wrap ul li:nth-child(9) .price {
  background: linear-gradient(45deg, #a67c00, #ffbf00, #a67c00);
}
.business02 .rank {
  text-align: center;
  font-size: 17px;
  font-weight:700;
  line-height:22px;
  margin: 20px 0 10px 0;
}
.business02 .miracle {
  margin-top: 40px;
}
.business02 .miracle > li {
  font-weight: 600;
  margin-bottom: 50px;
}
.business02 .miracle > li .tit {
  font-size:16px;
  font-weight:700;
  color: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  margin-right: 5px;
}
.business02 .miracle > li:nth-child(1) .tit {
  background: linear-gradient(45deg, #9463D6, #634EAF);
}
.business02 .miracle > li:nth-child(2) .tit {
  background: linear-gradient(45deg, #B355BE, #9B28AA);
}
.business02 .miracle ol {
  padding: 0;
  margin-top: 30px;
}
.business02 .miracle ol li {
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  margin: 5px 0;
}
.business02 .miracle ol p {
  line-height:35px;
  padding-left: 0;
  color: inherit;
  font-weight: inherit;
}
.business02 .autoship > span {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  padding: 10px 20px;
  border-radius: 10px;
}
.business02 .autoship > span:nth-of-type(1) {
  background: linear-gradient(45deg, #39C6E7, #1EB5D8);
}
.business02 .autoship > span:nth-of-type(2) {
  background: linear-gradient(45deg, #5F77DF, #314CC7);
}
.business02 .autoship > div {
  margin: 30px 0 40px 0;
  font-size: 16px;
  line-height:23px;
  color: #222;
  font-weight: 600;
}
.business02 .exAuto {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 20px;
}
.business02 .club28 {
  color: #2f2f2f;
}
.business02 .club28 > * {
 font-size:16px; 
  font-weight:700;
  text-align: center;
}
.business02 .club28 .word {
  padding: 20px 0;
  background: linear-gradient(45deg, #32ACCF, #6873DD, #9364D9);
  color: #fff;
  border-radius: 10px;
}
.business02 .club28 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.business02 .club28 ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-bottom: 1px solid #000;
  font-size: 15px;
  font-weight: 400;
  padding: 20px 0;
}
.business02 .club28 ul li:not(:last-child) {
  border-right: 1px solid #000;
}
.business02 .club28 ul li p {
  font-size: 17px;
  font-weight: 700;
  padding: 0;
  color: inherit;
}
.business02 .club28 .point {
  font-size: 22px;
  line-height:30px;
  border-bottom: 1px solid #c5c5c5;
  padding: 15px 0;
}
.business02 .club28 .point p {
  font-weight: 700;
  color: inherit;
}
.business02 .club28 > p {
  margin: 15px 0;
  font-weight: 500;
}
.business02 .infinite ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.business02 .infinite ul li {
  width: 140px;
  height: 140px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.062745098);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.062745098);
  font-weight: 700;
}
.business02 .infinite ul li:nth-child(1) .class {
  color: #1dbf84;
}
.business02 .infinite ul li:nth-child(2) .class {
  color: #9232eb;
}
.business02 .infinite ul li:nth-child(3) .class {
  color: #979797;
}
.business02 .infinite ul li:nth-child(4) .class {
  color: #0fc3d3;
}
.business02 .infinite ul li:nth-child(5) .class {
  color: #1b1b1b;
}
.business02 .infinite ul li:nth-child(6) .class {
  color: transparent;
  background: linear-gradient(45deg, #545454, #848282, #545454, #848282, #545454);
  background-clip: text;
  -webkit-background-clip: text;
}
.business02 .infinite ul li:nth-child(7) .class {
  color: transparent;
  background: linear-gradient(45deg, #a67c00, #ffbf00, #a67c00);
  background-clip: text;
  -webkit-background-clip: text;
}
.business02 .infinite ul li p {
  font-size: 20px;
  padding-left: 0;
  font-weight: 800;
  line-height:30px;
}
.business02 .infinite > div {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
  line-height:25px;
  padding: 35px;
  background: #fafafa;
  border-radius: 5px;
}
.business02 .infinite > div b {
  font-size: 13px;
  display: block;
  font-weight: 500;
}
.business02 .infinite > div p {
  font-weight: 500;
}
.business02 .green {
  color: green;
}
.business02 .skyblue {
  color: skyblue;
}
.business02 .purple {
  color: purple;
}
.business02 .backYellow {
  background: #FFF3C8;
}
.business02 .backGreen {
  background: #DEE6C3;
}
.business02 .backRed {
  background: #FFC3C3;
}
.business02 .backSky {
  background: #D1EFF0;
}
.business02 .textB {
  font-weight: 700;
}
.business02 .fontB {
  font-size: 18px;
  font-weight:700;
}
.business02 .a {
  color: #364FCA;
}
.business02 .b {
  color: #18B6DA;
}
.business02 .c {
  color: #6A4EB5;
}


@media (min-width: 768px) {
	.exAuto_m {
		display:none;
	}
}

@media (max-width: 768px) {
	
	.business {
		width:95%;
		padding:0 2.5%;
	}
	.business h3 {
		font-size:1.75rem;
		margin-bottom:30px;
	}
	.business02 h1 {
		font-size:1.5rem;
	}
	.business .table_wrap {
		white-space: nowrap;
	    overflow-x: scroll;
	    width: 100%;
	}
	.business02 article, .business03 article {
		width:100%;
	}
	.business02 .stit {
		line-height:18px;
		margin-bottom:10px;
	}
	.business02 .sub {
		text-align:left !important;
		padding:10px 0;
	}
	.business02 .sub2 {
		line-height:18px;
		text-align:left !important;
	}
	.business02 section, .business03 section {
		margin-bottom:20px;
	}
	.business02 table.tabC thead th {
		font-size:14px;
	}
	.business02 table.tabC th, .business02 table.tabC td {
		font-size:13px;
	}
	.business02 .ul_wrap {
		display:block;
	}
	.business02 .ul_wrap .word {
		padding:10px;
		line-height:18px;
		margin:20px 0;
	}
	.business02 .ul_wrap ul li {
		line-height:23px;
		margin-bottom:20px;
	}
	.business02 .ul_wrap .note::after {
		top:100%;
		left:80%;
	}
	.business02 .ul_wrap ul li .red {
		margin-top:30px;
	}
	.business02 .class_wrap ul {
		gap:20px;
	}
	.business02 .class_wrap ul li p {
		font-size:16px;
	}
	.class_wrap {
		margin:30px 0;
	}
	.business02 .rank {
		text-align:left;
	}
	.business02 .autoship > div {
		margin:20px 0 30px 0;
	}
	.autoship {
		margin:30px 0;
	}
	.business02 .exAuto {
		display:none;
	}
	.business02 .exAuto_m {
	    text-align: center;
	    margin-top: 25px;
	    margin-bottom: 20px;
	}
	.business02 .club28 ul {
		flex-wrap:wrap;
	}
	.business02 .club28 ul li {
		font-size:13px;
		line-height:17px;
		padding:15px 0;
	}
	.business02 .club28 ul li:first-child {
		border-left:1px solid #000;
	}
	.business02 .club28 ul li p {
		font-size:13px;
	}
	.business02 .club28 > * {
		font-size:14px;
		line-height:20px;
	}
	.business02 .club28 .word {
		border-radius:10px 10px 0 0;
	}
	.business02 .club28 .point {
		font-size:16px;
		line-height:22px;
	}
	.business02 .infinite ul {
		flex-wrap:wrap;
		justify-content:center;
		gap:1rem;
	}
	.business02 .infinite ul li {
		width:100px;
		height:100px;
	}
	.business02 .infinite > div {
	font-size:16px;
	padding:30px 20px;
	}
	.business02 .infinite > div b {
		line-height:18px;
		margin:10px 0;
	}
	.business02 .rank {
		font-size:15px;
	}
	
}
/*************** 마케팅플랜 ***************/

/*************** 개인정보처리방침 / 이용약관 ***************/
.subContainer {
	width:1300px;
	margin:0 auto;
	font-size:14px;
	font-weight:500;
}
.subContainer .memRules dl dt {
	position:relative;
	font-size:16px;
	font-weight:800;
	margin:20px 0;
	text-indent:15px;
}
.subContainer .memRules dl dt:before {
	content:'';
	position:absolute;
	top:4px;
	left:0;
	width:10px;
	height:10px;
	background:#222;
}
.subContainer .memRules dl dd {
	font-size:14px;
	line-height:24px;
	font-weight:600;
	margin:10px 15px;
}
.subContainer .memRules dl dd p {
	font-weight:800;
}
.subContainer .memRules span,
.subContainer .memRules dl,
.subContainer .memRules ul li {
	line-height:20px;
	margin:10px 0;
}
.subContainer .memRules dl dd ul {
	margin-left:10px;
}
.subContainer .memRules dl dd ul li ol {
	margin-left:15px;
}
.subContainer .memRules dl dd .memTable table {
	width:100%;
	margin:10px 0;
}
.subContainer .memRules dl dd .memTable table tr td {
	font-size:14px;
	text-align:center;
	padding:15px 10px;
	border:1px solid #ebebeb;
}
.subContainer .memRules dl dd .memTable table thead tr td {
	background:#eee;
	font-weight:700;
}

@media (max-width: 768px) {

	.subContainer {
		width:94%;
	}
	.subContainer .memRules dl dt {
		font-size:16px;
	}
	.subContainer .memRules dl dd {
		font-size:13px;
		line-height:20px;
	}
	.subContainer .memRules dl dd .memTable {
		overflow-x:scroll;
	}
	.subContainer .memRules dl dd .memTable table {
	width:1000px;
	}
	
}
/*************** 개인정보처리방침 / 이용약관 ***************/