/**/
.sub_title {text-align: center;}
.sub_title h2 {clear: both; display: inline-block; font-size: 48px; /*padding: 20px 0 30px 60px;*/ padding: 20px 0 30px; letter-spacing: -0.5px; line-height: 40px; color: #000; position: relative; font-weight: bold;}
.sub_title h2:before {display: none; content:''; /*display:block;*/ position: absolute; top: 20px; left: 0; width: 48px; height: 48px; background:#fff; border: 10px solid #c30d23; border-radius: 50%;}
.sub_title p {font-size: 18px; line-height: 30px; font-weight: 400;}

.sub_title2 {}
.sub_title2 h2 {font-size: 30px; line-height: 24px; font-weight: 500; border-top: 7px solid #c72229; display:inline-block; padding-top: 20px;}
.sub_title2 img {vertical-align: middle;}

.sub_title3 {position:relative; margin:100px 0 0px; height:84px;}
.sub_title3 h2 {padding-right: 20px; position:absolute; left: 0; top:-40px; display:inline-block; overflow: hidden; background:#fff; font-weight: 700; line-height: 84px; font-size: 30px; }
.sub_title3 .line {width: 100%; height:5px; background:#c30d23; margin-top: 40px;}

.sub_title.padd {padding-top: 100px;}

.content_txt {overflow: hidden; padding:40px 0; border-bottom:1px solid #ddd;}
/*.content_txt:first-child {padding:0 0 60px 0;}*/
.content_txt:last-child {border-bottom:0;}

.gray_back {background: #f9f9f9; margin-top: 60px; padding: 60px 0;}

.sub_stitle {margin: 10px 0 20px; font-size: 20px;}

@media (max-width: 1200px) {
	
	.vision .title .sub_title h2 { font-size: 44px; padding: 20px 0 20px 60px;}
	.vision .title .sub_title h2:before {width: 40px; height: 40px;}

	.sub_title2 h2 {font-size: 20px; line-height: 24px; border-top: 4px solid #c72229; padding-top: 10px;}

	.sub_title3 h2 {padding-right: 10px; font-size: 22px; }

	.sub_title.padd {padding-top: 100px;}

	.sub_stitle {margin: 10px 0 20px; font-size: 18px;}

}

@media (max-width: 991px) {
	.sub_title {text-align: center;}
	.sub_title.left {text-align: left;}
	.sub_title h2 {font-size: 32px; line-height: 36px; padding: 20px 0;}
	.sub_title h2:before {top: 22px; width: 22px; height:22px; border: 7px solid #c30d23;}
	.sub_title p {font-size: 16px; line-height: 28px;}

	.sub_title.padd {padding-top: 40px;}

	.sub_title2 {font-size: 18px; line-height: 20px; margin-bottom: 10px;}

	.sub_title3 {margin:70px 0 0px; height: 60px;}
	.sub_title3 img {width: 60px;}
	.sub_title3 h1 {font-size: 30px; top:-30px; line-height: 60px;}

	.content_txt {padding: 20px 0;}

	.m_padding {padding-left: 15px;}

	.gray_back {background: #f9f9f9; margin-top: 30px; padding: 60px 0;}
}

.listInfo3 {padding-left: 30px;}
.listInfo3 li { margin-bottom: 5px; padding: 0 22px; font-weight:400; color:#666; line-height:24px; word-wrap:break-word; word-break:keep-all; }
.listInfo3 li:before { content:''; width:5px; height:5px; background-color:#666; margin:-5px 15px 0 -22px; vertical-align:middle; display:inline-block; }
@media (max-width:991px) {
	.listInfo3 {
		padding: 0;
	}
}

.solutionInfo3 {padding-left: 40px;}
.solutionInfo3 li { /*margin:0 0 10px;*/ padding: 0 22px; font-weight:400; color:#666; line-height:26px; word-wrap:break-word; word-break:keep-all; }
.solutionInfo3 li:before { content:''; width:5px; height:5px; background-color:#666; margin:-5px 15px 0 -22px; vertical-align:middle; display:inline-block; }
@media (max-width:991px) {
	.solutionInfo3 {
		/*padding: 0;*/
	}
}

.listInfo_num {padding-left: 20px;}
.listInfo_num li { list-style: decimal; margin-bottom: 5px; font-weight:400; color:#666; line-height:24px; word-wrap:break-word; word-break:keep-all; }
@media (max-width:991px) {
	.listInfo_num {
		padding: 0 0 0 25px;
	}
}

/*content*/
.content {padding: 90px 0; overflow: hidden;}
.content_padd {padding: 60px 0 0; overflow: hidden;}
@media (max-width:991px) {
		.content {padding: 20px 0;}
		.content_padd {padding: 30px 0 0;}
	}
}

/*인사말*/
.greetings {}
.greetings .greetings_top {border-bottom: 7px solid #b15761; margin-bottom: 60px;}
.greetings .greetings_top h2 {font-size: 44px; letter-spacing: -1px; padding-top: 80px;}
.greetings .greetings_top .sign {margin-top: 80px;}
.greetings .greetings_top .sign p {font-size: 30px; color:#666; letter-spacing: -1px;}
.greetings .greetings_top .sign p span {font-weight: bold; color:#000;}

/*.greetings h3 {font-size: 28px; color: #c30e23; font-weight: bold;}*/

.greetings p {line-height: 36px;}
.greetings h2 {font-size: 30px; letter-spacing: -1px;}
.greetings .sign {float: right; margin-top: 40px;}
.greetings .sign p {font-size: 22px; color:#666; letter-spacing: -1px;}
.greetings .sign p span {font-weight: bold;color:#000;font-size: 32px;/*font-family: 'KyoboHandwriting2020A';*/letter-spacing: 10px;margin-left: 7px;}


@media (max-width:992px){
	.greetings h3 {
		font-size: 24px;
	}

	.greetings .greetings_top  {
		margin-bottom: 15px;
	}

	.greetings .greetings_top h2  {
		font-size: 30px;
		padding-top: 0;
	}

	.greetings .greetings_top .sign {
		margin-top: 20px;
	}

	.greetings .greetings_top .sign p {
		font-size: 22px;
	}

	.greetings p {
		line-height: 24px;
	}

	.greetings h2  {
		font-size: 26px;
		padding-top: 0;
	}

	.greetings .sign p {
		font-size: 18px;
	}

	.greetings .sign p span {
		font-size: 24px;
	}
}

/* 핵심 가치 */

.vision .comp_bot {margin: 30px 0;}
.vision .comp_bot .comp3_logo{display: table; position: absolute; top: 190px; width: 300px; height: 300px; left: 50%; margin-left: -150px; background: url('/images/comp3_logo_bg.png') 0 0 no-repeat; z-index: 1;}
.vision .comp_bot .comp3_logo p{display: table-cell; vertical-align: middle; text-align: center;}

.vision .comp_bot .comp3_con{/*position: absolute; top: 0; left: 0;*/ position: relative; width: 100%;}
.vision .comp_bot .comp3_con:after{content: ''; display: block; clear: both;}
.vision .comp_bot .comp3_con > div{float: left; width: 48%; margin: 1%; padding: 45px 60px; background: #fff; border: 1px solid #666; border-radius: 30px;}
.vision .comp_bot .comp3_box:after{content: ''; display: block; clear: both;}
.vision .comp_bot .comp3_box .comp3_icon{padding-top: 4px;}
.vision .comp_bot .comp3_box ul li p{padding-bottom: 10px; font-size: 18px; font-weight: bold; color: #000;}
.vision .comp_bot .comp3_box ul li h5{font-size: 18px; line-height: 26px; color: #666;}
.vision .comp_bot .comp3_box_left > div{float: left;}
.vision .comp_bot .comp3_box_left .comp3_icon{margin-right: 30px;}
.vision .comp_bot .comp3_box_right{text-align: right;}
.vision .comp_bot .comp3_box_right > div{float: right;}
.vision .comp_bot .comp3_box_right .comp3_icon{margin-left: 30px;}

.circle_list.ceo {
	margin-top: 40px;
}

.circle_list.ceo .cir_box .cir_cont {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
.circle_list.ceo .cir_box strong {
	width:22rem;
	display:block;
	height:50px;
	text-align:center;
	background:#de765f;
	font-size: 20px;
	line-height:50px;
	color:#fff;
	border-radius:30px;
	position:relative;
	float:left;
	margin-right:2rem;
}
.circle_list.ceo .cir_box strong:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-3rem;
}
.circle_list.ceo .cir_box p {
	overflow:hidden;
	/*margin-top:.9rem;*/
	font-size: 18px;
	line-height: 50px;
}


.vision .management1 {text-align: center; padding-top: 80px;}
.vision .management1 h4 {font-size: 24px; font-family: 'S-CoreDream-5Medium';}
.vision .management1 p {margin-top: 10px;}

.vision .management2 {padding-top: 80px;}
.vision .management2 .circle {width: 100%; height: 270px; border: 5px solid #b92025; border-radius: 50%;}
.vision .management2 .circle.ico1 {background:url('/images/management_policy_ico1.png') no-repeat; background-position: center center;}
.vision .management2 .circle.ico2 {background:url('/images/management_policy_ico2.png') no-repeat; background-position: center center;}
.vision .management2 .circle.ico3 {background:url('/images/management_policy_ico3.png') no-repeat; background-position: center center;}
.vision .management2 .circle.ico4 {background:url('/images/management_policy_ico4.png') no-repeat; background-position: center center;}


@media (max-width:1200px) {
		.vision .comp_bot .comp3_logo {top: 270px;}
		.vision .comp_bot .comp3_box_left > div, .vision .comp_bot .comp3_box_right > div {clear: both;}
		.vision .comp_bot .comp3_box_left .comp3_icon, .vision .comp_bot .comp3_box_right .comp3_icon {margin: 0;}

		.vision .management2 {padding-top: 40px;}
		.vision .management2 .circle {height: 212px;}
}

@media (max-width:991px) {
	.vision .management1 {padding-top: 40px;}
	.vision .management1 h4 {font-size: 20px;}
	.vision .management1 p {margin: 10px 0 30px;} 

	.vision .management2 {padding-top: 0px;}
	.vision .management2 .circle {width: 150px; height: 150px; margin: 0 auto 30px;}

	.vision .management2 .circle.ico1, .vision .management2 .circle.ico2, .vision .management2 .circle.ico3, .vision .management2 .circle.ico4 {
		background-size: 45% 45%;
	}

	.vision .comp_bot .comp3_con > div{float: none; width: 100%; margin: 0 0 20px 0; padding: 40px 20px; border-radius: 20px;}
	.vision .comp_bot .comp3_box .comp3_icon{padding: 0 0 20px 0;}
	.vision .comp_bot .comp3_box .comp3_icon img{height: 60px;}
	.vision .comp_bot .comp3_box ul li h5{font-size: 16px; line-height: 24px;}

	.vision .comp_bot .comp3_logo{display: none;}
	.vision .comp_bot .comp3_con{position: static;}
	.vision .comp_bot .comp3_box > div{float: none; text-align: center;}
	.vision .comp_bot .comp3_box .comp3_icon{margin: 0; padding: 0 0 30px 0;}

	.circle_list.ceo .cir_box strong {width:30%; font-size: 18px; line-height: 35px; height: 35px;}
	.circle_list.ceo .cir_box p {line-height: 26px; font-size: 16px;}
}

@media (max-width: 640px){
	.vision .comp_bot .comp3_con > div{float: none; width: 100%; margin: 0 0 20px 0; padding: 40px 20px; border-radius: 20px;}
	.vision .comp_bot .comp3_box .comp3_icon{padding: 0 0 20px 0;}
	.vision .comp_bot .comp3_box .comp3_icon img{height: 60px;}
	.vision .comp_bot .comp3_box ul li h5{font-size: 16px; line-height: 24px;}
}

/*연혁*/
.company-history {position:relative;padding:50px 0 100px;}
.company-history:before{position:absolute; top:0px; left:50%; width:1px; height:100%; background:#ddd; content:"";}
.company-history-wrapper {overflow:hidden;}
.company-history-list-wrap {position:relative; width:50%; margin-top:50px;}
.company-history-info p {position:relative; font-size:15px; line-height: 1.6; letter-spacing: -0.5px; font-weight:300; color:#444; margin-bottom:10px; word-break:keep-all}
.company-history-info p:after{content:""; position:absolute; top:8px; width:6px; height:2px; background-color:#aaa}
.company-history-year {position:absolute; top:-12px; text-align:center; font-size:30px; line-height: 46px; letter-spacing: -0.5px; color:#333; font-weight: 600; }
.company-history-year::after{ position:absolute; top:50%; width:11px; height:11px; margin-top:-7px; background-color:#fff; border: 2px solid #f68920; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.history-left .company-history-list-wrap{float:left;}
.history-left .company-history-list-wrap .company-history-info {text-align:right; padding-right: 20px;}
.history-left .company-history-list-wrap .company-history-info p {padding-right: 15px; }
.history-left .company-history-list-wrap .company-history-info p::after { right:0; }
.history-left .company-history-list-wrap .company-history-year {left:100%; margin-left:30px;}
.history-left .company-history-list-wrap .company-history-year::after {right:100%; margin-right:22px}
.history-right .company-history-list-wrap{float:right;}
.history-right .company-history-list-wrap .company-history-info {padding-left: 20px;}
.history-right .company-history-list-wrap .company-history-info p {padding-left: 15px;}
.history-right .company-history-list-wrap .company-history-info p::after {left:0;}
.history-right .company-history-list-wrap .company-history-year {right:100%; margin-right:30px;}
.history-right .company-history-list-wrap .company-history-year::after {left:100%; margin-left:22px;}

/* 날짜가 들어간 연혁 */
.company-history-info .month-history-txt:after{display:none; }
.company-history-info .history-month{position:absolute; top:0px; color:#222; font-weight:500; }
.history-left .company-history-list-wrap .company-history-info .month-history-txt{padding-right:30px;}
.history-left .company-history-list-wrap .company-history-info .month-history-txt .history-month{right:0px;}
.history-right .company-history-list-wrap .company-history-info .month-history-txt{padding-left:30px;}
.history-right .company-history-list-wrap .company-history-info .month-history-txt .history-month{left:0px;}

@media all and (max-width:800px){
	.company-history-year {font-size:21px; line-height: 30px; top:-7px;}
	.company-history-info p {font-size:14px;}
}
@media all and (max-width:480px){
	.company-history{padding-top:25px;}
	.company-history:before{left:10px}
	.company-history-list-wrap{width:auto;}
	.company-history-info p {font-size:13px;}
	.company-history-info p:after{top:9px;}
	.company-history-year{font-size:18px}
	.company-history-year::after{width:6px; height:6px; border-width:1px; margin-top:-4px; }
	.history-left .company-history-list-wrap,
	.history-right .company-history-list-wrap{float:none; padding-left:80px; padding-right:0;}
	.history-left .company-history-list-wrap .company-history-year::after{margin-right:10px}
	.history-left .company-history-list-wrap .company-history-info,
	.history-right .company-history-list-wrap .company-history-info{text-align:left; padding-left:15px; padding-right:0}
	.history-left .company-history-list-wrap .company-history-info p{padding-right:0; padding-left:15px;}
	.history-left .company-history-list-wrap .company-history-info p::after { right:auto; left:0; margin-right:10px}
	.history-left .company-history-list-wrap .company-history-year,
	.history-right .company-history-list-wrap .company-history-year{left:0; right:auto; margin-right:0; margin-left:25px}
	.history-right .company-history-list-wrap .company-history-year:after{left:auto; right:100%; margin-left:0; margin-right:10px}
	/* 날짜가 들어간 연혁 */
	.history-left .company-history-list-wrap .company-history-info .month-history-txt,
	.history-right .company-history-list-wrap .company-history-info .month-history-txt{padding-left:20px; padding-right:0}
	.history-left .company-history-list-wrap .company-history-info .month-history-txt .history-month{right:auto; left:0px;}
}

/*  ****************** 회사소개 :: BEST 연혁 02 ********************** */
.history-list-box .history-year-box{overflow:hidden; position:relative; padding-left:250px}
.history-list-box .history-year-box:before{position:absolute; top:14px; left:370px; width:1px; bottom:16px;background-color:#ddd; content:"";}
.history-list-box .history-year-box h4{position:absolute; left:0; top:0;  color:#222; font-size:30px; font-weight:600; letter-spacing:-1.5px; }
.history-list-box .history-year-box h4:after{position:absolute; top:20px; left:150px; content:""; width:56px; height:3px; background-color:#132c88; }
.history-list-box .history-year-box .history-year-item {overflow:hidden; position:relative; padding-bottom:30px}
.history-list-box .history-year-box .history-year-item:last-child{padding-bottom:0}
.history-list-box .history-year-box .history-year-item .history-year{position:absolute; top:5px; left:0px; width:120px;}
.history-list-box .history-year-box .history-year-item .history-year:after{position:absolute; display:block; content:""; top:50%; right:-4px; width:7px; height:7px; margin-top:-3px; background-color:#132c88; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.history-list-box .history-year-box .history-year-item .history-year strong{color:#1e1e1e; font-weight:600; font-size:24px;font-style:italic}
.history-list-box .history-year-box .history-year-item .history-info-con{padding-left:160px; }
.history-list-box .history-year-box .history-year-item:last-child .history-info-con{ /* padding-bottom:35px; */}
.history-list-box .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px; padding-left:75px; color:#5b5b5b; font-size:18px; font-weight:300; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all}
.history-list-box .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px}
.history-list-box .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:0px; left:0px;color:#333; font-weight:600; }
.history-list-box .history-year-box .history-year-item .history-info-con p span{}
 
@media all and ( max-width:1024px ){
    /* -------- 회사소개 :: BEST 연혁 02 -------- */
    .history-list-box .history-year-box{ padding-left:200px}
	.history-list-box .history-year-box:before{left:320px;}
}
@media all and ( max-width:800px ){
    /* -------- 회사소개 :: BEST 연혁  02-------- */
    .history-list-box .history-year-box{padding-left:0}
	.history-list-box .history-year-box:before{top:65px;left:120px;}
    .history-list-box .history-year-box h4{position:relative; left:auto; top:auto; margin-bottom:25px; font-size:26px;}
    .history-list-box .history-year-box h4:after{top:100%; left:0; margin-top:5px;}
    .history-list-box .history-year-box .history-year-item:before{font-size:80px}
    .history-list-box .history-year-box .history-year-item .history-info-con p{font-size:16px;padding-left:60px;}
}
@media all and ( max-width:480px ){
    /* -------- 회사소개 :: BEST 연혁  02 -------- */
    .history-list-box .history-year-box{margin-bottom:50px}
	.history-list-box .history-year-box:before{top:55px;left:60px;}
    .history-list-box .history-year-box h4{font-size:20px;}
    .history-list-box .history-year-box h4:after{width:45px; height:2px}
    .history-list-box .history-year-box .history-year-item .history-year{width:60px;}
    .history-list-box .history-year-box .history-year-item .history-year strong{font-size:17px}
    .history-list-box .history-year-box .history-year-item:before{left:60px}
    .history-list-box .history-year-box .history-year-item .history-info-con{padding-left:90px; }
    .history-list-box .history-year-box .history-year-item:last-child .history-info-con{padding-bottom:0}
}

/* 오시는길 */
.contactus {}
.contactus h3 {font-size: 36px; font-weight: bold; margin: 30px 0 15px; color:#c30e23;}
.contactus .map .logo {padding: 70px 0 20px;}
.contactus .map .logo img {width: 30%;}
.contactus .map .logo span {font-size: 30px; font-weight: bold; vertical-align: middle; display:inline-block; margin: 10px 0 0 15px;}

@media (max-width: 991px) {
	.contactus .map {margin-bottom: 30px;}
	.contactus .map .logo {padding: 0;}
	.contactus .map .logo span {margin: 0 0 0 15px; font-size: 22px;}
}

/* 사업장소개 :: 테이블 */
.contactus .map-tbl{border-top:1px solid #222; width: 100%;}
.contactus .map-tbl th,.map-tbl td{padding:16.5px 10px 16.5px 25px; letter-spacing:-0.5px; font-size:16px; border-bottom:1px solid #dcdcdc; line-height:2}
.contactus .map-tbl th{width:100px;color:#222; text-align:left; font-weight:400; background-color:#f5f5f5; vertical-align:top; }
.contactus .map-tbl td{color:#888; font-weight:400;}
.contactus .map-tbl .tel{margin-left:25px}
.contactus .map-tbl .tel:first-child{margin-left:0}
.contactus .map-tbl .tel b{color:#222; font-weight:400;}

@media all and ( max-width:991px ){
   .contactus h3 {font-size:26px;}
   .contactus .root_daum_roughmap {height: 200px;}
   .contactus .map-tbl td {line-height:22px;}
   .contactus .map-tbl td span {display: block;}
   .contactus .map-tbl .tel {margin-left: 0;}
}


/* 혁신적 R&D를 통한 지속적 성장 table */
table.tbl {width: 100%; margin-top: 30px; border-top:solid 1px #111;}
table.tbl th {background:#f7f7f7; font-size: 18px; border-bottom:solid 1px #dfdfdf; border-right:1px solid #dfdfdf; color:#111; padding:10px 0px; text-align:center; line-height: 1.4;}
table.tbl td {border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; color:#666; text-align:center; font-size: 16px; padding:10px 14px; line-height: 1.4;}
table.tbl td:last-of-type {border-right:none; border-left:1px solid #dfdfdf}
table.tbl thead tr th:last-of-type {border-right:none; border-left:1px solid #dfdfdf;}
table.tbl th.txt_left, table.tbl td.tit_brdlist {text-align: left;}
table.tbl table tr:last-child th, table.tbl table tr:last-child td{border-bottom:0;}

@media (max-width:991px) {
	table.tbl th, table.tbl td {font-size: 14px;}
}


/*콘텐츠 디자인 개발*/
.sticker_box {}
.sticker_box.mg {margin-bottom: 100px;}
.sticker_box:after{content: ''; display: block; clear: both;}
.sticker_box > div{float: left; width: 31.33%; margin: 1%; text-align: center; border: 1px solid #eee; border-radius: 30px;}
.sticker_box .comp4_box > div{padding: 20px;}
.sticker_box .comp4_box .comp4_top ul li:nth-of-type(1){padding: 20px 0 30px;}
.sticker_box .comp4_box .comp4_top ul li h5{font-size: 20px; color: #333;}
.sticker_box .comp4_box .comp4_top ul li h5 br{display: none;}
.sticker_box .comp4_box .comp4_bot{position: relative; /*min-height: 160px;*/ background: #f9f9f9; border-top: 1px solid #eee; border-radius: 0 0 30px 30px;}
.sticker_box .comp4_box .comp4_bot:before{content: ''; position: absolute; top: 0; left: 50%; width: 20px; height: 5px; transform: translate(-50%, -50%); background: #2c67eb;}
.sticker_box .comp4_box .comp4_bot p{font-size: 16px; line-height: 26px; color: #888; word-break: keep-all;}

@media (max-width: 991px){
	.sticker_box > div{width: 48%;}
}

@media (max-width: 640px){
	.sticker_box > div{width: 100%; margin: 0 0 20px 0; border-radius: 20px;}
	.sticker_box .comp4_box > div{padding: 15px 20px;}
	.sticker_box .comp4_box .comp4_top ul li:nth-of-type(1){padding: 10px 0 20px;}
	.sticker_box .comp4_box .comp4_top ul li img{height: 60px;}
	.sticker_box .comp4_box .comp4_top ul li h5{font-size: 18px; font-weight: bold;}
	.sticker_box .comp4_box .comp4_bot{min-height: auto; border-radius: 0 0 20px 20px;}
}


/*솔루션- 아이콘*/
.solution_icon {text-align: center; margin-top: 60px;}
.solution_icon .icon {padding: 0 30px;}
.solution_icon .icon img {width: 30%; margin: 0 auto 30px;}
.solution_icon .icon p {font-size: 18px;}
.solution_icon .icon p span {display: block;}
@media (max-width: 991px){
	.solution_icon {margin-top: 40px;}
	.solution_icon .icon img {width: 25%; margin: 0 auto 20px;}
	.solution_icon .icon {padding: 0 30px 20px 30px;}
}

/*솔루션- 마린패드 하단 ...*/
.marin_bottom {}
.marin_bottom p {margin-top: 40px;}
@media (max-width: 991px){
	.marin_bottom img {width: 40%;}
	.marin_bottom p {margin: 30px 0;}
}


/*주요사업 소개*/ 

.business .overlapping-bg-layout [data-ani="imgBgAni"].img-wrap.aniOn .floating-object {
	opacity: 1;
	transform: translate(0, 0)
}

.business .overlapping-bg-layout [data-ani="imgBgAni"].img-wrap.aniOn .img {
	opacity: 1;
	transform: translateY(0)
}

.business .overlapping-bg-layout .img-wrap .floating-object {
	position: absolute;
	bottom: 0;
	right: 10px;
	width: 45.9893vw;
	height: 31.5508vw;
	min-width: 172px;
	min-height: 118px;
	max-width: 462px;
	max-height: 350px;
	background-image: url(/images/img-shadow.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	z-index: -1;
}

.business .right-top.img-wrap {
	padding: 10px 10px 0 0;
}

@media (max-width: 991px) {
	.business .right-top.img-wrap {
		padding: 0;
	}
}

.business .right-top.img-wrap .floating-object {
	top: 0;
	bottom: auto;
	transform: translate(-10px, 10px)
}

@media screen and(min-width: 768px) {
	.business .right-top.img-wrap .floating-object {
		transform: translate(-20px, 20px)
	}
}

.business .left-bottom.img-wrap {
	padding: 0 0 10px 10px;
	right: auto;
}

@media screen and(min-width: 768px) {
	.business .left-bottom.img-wrap {
		padding-left: 20px;
		padding-bottom: 20px
	}
}

.business .cont-title-wrap {padding: 80px 0 0 30px;}

@media (max-width: 991px) {
	.business .cont-title-wrap {
		padding: 30px 0 0 0;
	}
}

.business .cont-title-wrap .category {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 1.5;
	color: #00c0ef
}

.business .cont-title-wrap .title {
	margin-bottom: 10px;
	font-size: 40px;
	font-weight: 700
}

.business .cont-title-wrap .subtitle .item {
	position: relative;
	display: inline-block;
	font-size: 22px;
	line-height: 30px;
	color: #666;
	padding-right: 13px
}

@media(max-width: 991px) {
	.business .cont-title-wrap .category {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.business .cont-title-wrap .title {
		margin-bottom: 10px;
		font-size: 24px;
		font-weight: 700
	}

	.business .cont-title-wrap .subtitle .item {
		padding-right: 20px;
		font-size: 16px;
	}
}

.business .cont-title-wrap .subtitle .item:not(:last-child)::before {
	content: '';
	position: absolute;
	top: 12px;
	right: 3px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #999
}

@media screen and(min-width: 992px) {
	.business .cont-title-wrap .subtitle .item:not(:last-child)::before {
		right: 15px
	}
}


/*VISION INSPECTION SOLUTION*/ 
.vision { padding: 150px 0 0; }
.vision .circle-box { position:relative; /*margin-top:355px;*/ }
.vision .circle-box p { text-align:center; position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); }
.vision .circle-box ul { position:relative; width:500px; height:500px; margin:0 auto; background:url(/images/vision_line.png) center center no-repeat; }
.vision .circle-box li .box { position:absolute; }
.vision .circle-box li .circle { position:relative; }
.vision .circle-box li .circle span { font-size:20px; text-align: center; font-weight:700; position:relative; z-index:2; width:160px; height:160px; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.vision .circle-box li .circle:after { content:""; display:block; border-radius:50%; width:200px; height:200px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)  }
.vision .circle-box li dl { position:absolute; }
.vision .circle-box li dt { color:#111; font-weight:700; font-size:20px; }
.vision .circle-box li dd { margin-top:25px; color:#333; font-weight:300; font-size:17px; line-height:1.6 }
.vision .circle-box li .box.box1 { top:-80px; left:50%; transform:translateX(-50%); text-align:center; }
.vision .circle-box li .box.box1 dl { top:-160px; left:50%; transform:translateX(-50%); width:500px; text-align:center; margin:0 auto; }
.vision .circle-box li .box.box1 .circle span { color:#036ad9; box-shadow:rgb(29 0 230 / 40%) 0 0 30px -2px; }
.vision .circle-box li .box.box1 .circle:after { background-color:rgb(0 96 230 / 5%); }
.vision .circle-box li .box.box2 { top:265px; left:50%; margin-left:166px; }
.vision .circle-box li .box.box2 dl { top:30px; left:220px; width:500px; }
.vision .circle-box li .box.box2 .circle:after { background-color:rgba(89,87,87,0.05); }
.vision .circle-box li .box.box2 .circle span { color:#575555; box-shadow:rgba(89,87,87,0.4) 0 0 30px -2px; }
.vision .circle-box li .box.box3 { top:265px; right:50%; margin-right:166px; }
.vision .circle-box li .box.box3 dl {  top:30px; right:220px; width:500px; text-align:right; }
.vision .circle-box li .box.box3 .circle:after { background-color:rgba(0,54,104,0.05); }
.vision .circle-box li .box.box3 .circle span { color:#023565; box-shadow:rgba(0,54,104,0.4) 0 0 30px -2px; }

@media (max-width: 991px) {
	.vision { padding:30px 0; margin-bottom:0; }
	.vision .circle-box { /*margin-top:100px;*/ }
	.vision .circle-box p,
	.vision .circle-box li .box,
	.vision .circle-box li .box dl { position:relative; }
	.vision .circle-box p { top:unset; left:unset; transform:translate(0);}
	.vision .circle-box p img { width:140px; }
	.vision .circle-box li .box { display:flex; }
	.vision .circle-box ul { width:auto; height:auto; background:none; padding:0 15px; margin-top:50px; }
	.vision .circle-box li:not(:last-child) { margin-bottom:30px; }
	.vision .circle-box li .circle { width:130px; height:130px; margin: 0 auto;}
	.vision .circle-box li .circle span { font-size:20px; width:150px; height:150px; }
	.vision .circle-box li .circle span img { max-width:45px; }
	.vision .circle-box li .circle:after { width:180px; height:180px; top:-15px; left:-15px; transform:translate(0, 0); }
	.vision .circle-box li .box dl { padding:5px 0 0 30px; }
	.vision .circle-box li dt { font-size:19px; }
	.vision .circle-box li dd { margin-top:20px; font-size:16px; }
	.vision .circle-box li dd br { display:none }
	.vision .circle-box li .box.box1 { top:unset; left:unset; transform:translateX(0); text-align:left; }
	.vision .circle-box li .box.box1 dl { top:unset; left:unset; transform:translateX(0); text-align:left; }
	.vision .circle-box li .box.box2 { top:unset; left:unset; margin-left:0; }
	.vision .circle-box li .box.box2 dl { top:unset; left:unset; }
	.vision .circle-box li .box.box2 dt { padding-left:0; }
	.vision .circle-box li .box.box3 { top:unset; right:unset; margin-right:0; }
	.vision .circle-box li .box.box3 dl { top:unset; right:unset; text-align:left;}
	.vision .circle-box li .box.box3 dt { padding-right:0; }
}