.bgGray {background-color:#f5f5f5;}
#container {min-height:760px; margin:0 auto; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
#contents .inner {margin: 0 auto;  width: 100%; max-width:1220px; height: 100%;}

.subTopimg { width:100%; padding-top:120px; height:125px; text-align:center;}

@media screen and (max-width:1220px){
	#contents .inner {width: 90%;}
}
@media screen and (max-width:110px){
	#contents .inner {padding:0 20px; width:100%; box-sizing:border-box;}
}

/* #lnb { float:left; width:200px;  margin-bottom:60px;}
#lnb > ul { display:none; width:200px;}
#lnb > ul.select { display:block; }
#lnb > ul > h2 { height:100px; line-height:105px; color:#000; font-size:22px; text-align:center; font-weight:700; }
#lnb > ul > li > a { 
	display:block; height:89px; line-height:89px; color:#000; font-size:20px; text-indent:18px; 
	-webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#lnb > ul > li > ul {clear:both; width:100%;}
#lnb > ul > li > ul  li { line-height:40px !important; font-size:15px; padding-left:20px; }
#lnb a.select,
#lnb > ul > li > ul > li a:hover {color:#0097b1; }
#lnb > ul > li > ul > li.select > a{color:#0097b1; }
#lnb > ul > li > a{ background-color:#0097b1; color:#fff !important; }
#lnb > ul > li > ul > li > .submenu > ul > li a {font-size:15px;}
#lnb > ul > li > ul > li > .submenu > ul > li.select > a{color:#0097b1; }
#lnb .subcategory .submenu { padding-bottom:10px;}
#lnb .subcategory > li { line-height:50px !important; font-size:15px;  border:1px solid #dcdcdc; border-width:0 1px 1px;}
#lnb .subcategory > li:first-child{border-top:0;}

#lnb > ul.lnb06 > li > ul > li { background-color:#fff;}
#lnb > ul.lnb06 > li > ul > li > a {}
#lnb > ul.lnb06 .subcategory > li > a {display:block; position:relative;}
#lnb > ul.lnb06 .subcategory i {position:absolute; right:15px; top:50%; margin-top:-9px; vertical-align:middle;} */
/* .location .sub-navi-2 { display:none; }
.location .sub-navi-2.select { display:block; } */

.location {height: 50px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background-color: #f5f5f5;}
.location .location-ul { display: none; margin: 0 auto; width: 1220px; font-size: 0;}
.location .location-ul.select {display: block;}
.location .location-ul>li {position: relative; display: inline-block; width: 270px; vertical-align: top; border-right: 1px solid #e7e7e7;box-sizing: border-box;}
.location .location-ul>li>a {
	display: block;
	padding-left:20px;
	height: 50px;
    line-height: 50px;
	font-size: 16px;
	background-image: url(/images/common/arrow_bottom2.png); background-repeat: no-repeat; background-position: 90% center;
	box-sizing: border-box;
}
.location .location-ul>li.on>a {background-image: url(/images/common/arrow_top2.png);}
.location .location-ul>li.home {width: 50px; border-left: 1px solid #e7e7e7; background: url(/images/common/ico_home.png) no-repeat center center;}
.location .location-ul>li.home a {opacity: 0;}
.location .location-ul .sub-navi-2dep {display: none; position: absolute; left: -3px; width: 101%; border: 1px solid #e7e7e7; background-color: #f5f5f5;}
.location .location-ul .sub-navi-2dep>li {border-bottom: 1px solid #e7e7e7;}
.location .location-ul .sub-navi-2dep>li:last-child {border: none;}
.location .location-ul .sub-navi-2dep>li>a {display: block; padding: 10px 20px; font-size: 16px; box-sizing: border-box;}
.location .location-ul .sub-navi-2dep>li:hover {background-color: #0097b1;}
.location .location-ul .sub-navi-2dep>li:hover a{color: #fff;}
.location .location-ul>li.depth3{display: none;}
.location .location-ul>li.depth3.select{display: inline-block;}

@media screen and (max-width:1220px){
	.location .location-ul {width: 100%;}
}
@media screen and (max-width:1100px){
	.location .location-ul>li {vertical-align: top; width: auto;}
	.location .location-ul>li.home{width:40px;}
	.location .location-ul>li>a{padding:0 30px 0 10px; height:45px; line-height: 45px; font-size:14px;}
	.location .location-ul .sub-navi-2dep>li>a{font-size: 14px;}
}
@media screen and (max-width:720px){
	.location {height: auto; min-height: 45px;}
	.location .location-ul.select {display: flex;}
	
	.location .location-ul>li {flex: auto; width:33%;}
	.location .location-ul>li>a {
		padding: 14px 30px 10px 10px;
		height: auto;
		min-height: 45px;
		line-height: 1.3;
		background-position: 92% center;
	}
}
/* .conventionBasicMenu,
.conventionChangeMenu,
.conventionEtcMenu {display:none;} */

/* #container #contents { float:right; width:980px; padding:0 0 40px;} */
#container #contents.wide { float:none; clear:both; width:100%; padding:0 0 40px; margin:0 auto;}

#container #contents .path {display:none; clear:both; width:100%; height:35px; line-height:35px; overflow:hidden;}
#container #contents .path ol { float:right; overflow:hidden; }
#container #contents .path li { float:left; padding:0 0 0 12px; margin:0 0 0 12px; color:#000; font-size:13px; background:url("/images/common/route_next.gif") no-repeat 0 50%; }
#container #contents .path li:first-child { padding:0 0 0 25px; background:none;}
#container #contents .path li a { color:#000; font-size:13px; }

#container #contents .titleArea {padding: 60px 0;}
#container #contents .titleArea h2 {
	font-size: 30px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
	/* margin-bottom: 50px; */
}
#container #contents .titleArea h2.s_tit {font-size:18px;}

#container #contents .titleAreaMiddle { clear:both; width:100%; margin-top:40px; }
#container #contents .titleAreaMiddle h2 { color:#000; font-size:22px; font-weight:normal;  }
#container #contents .titleAreaMiddle h2.s_tit {font-size:18px;}

#container #contents .s_content {clear:both; width:100%; max-width:1220px; margin:0 auto; /*margin-top:30px;*/ padding-bottom:40px; line-height:auto;}
#container #contents .s_content:after{clear:both; display:block; content:"";}


.pcView {display:inline-block;}
.mobileView {display:none !important;}

@media screen and (max-width:1240px){
	/* #lnb { float:none; clear:both; width:98%; padding:0 1%; border-bottom:none; margin:0; }
	#lnb > ul {width:100%;}
	#lnb > ul > h2  {height:30px; line-height:30px; }
	#lnb > ul > li > a {display:inline-block; height:30px; line-height:30px; font-size:20px; text-indent:0; padding-left:0; background-color:#fff; color:#000 !important;}

	#lnb > ul > li > ul {border:none;}
	#lnb > ul > li > ul > li {height:30px; line-height:30px; font-size:13px; padding:0 10px;}

	#lnb .subcategory {padding:20px 0 10px;}
	#lnb .subcategory li {display:inline-block; height:30px; line-height:30px !important; border:none; background-color:#fff;}
	#lnb .subcategory li:first-child{border-top:0; padding-left:0;}

	#lnb > ul.lnb01 .submenu,
	#lnb > ul.lnb02 .submenu,
	#lnb > ul.lnb06 .submenu {display:none !important;}
	#lnb > ul.lnb06 .subcategory > li > a {display:inline-block; }
	#lnb > ul.lnb06 .subcategory i {display:none;} */

	.pcView {display:none !important;}
	.mobileView {display:inline-block !important;}

	/* #container #contents {float:none; clear:both; width:98%; padding:0 1% 30px;} */

	/* #container #contents .titleArea,
	#container #contents .path{display:none;} */
}
@media screen and (max-width:1100px){
	#container #contents .titleArea {padding: 40px 0 30px;}
	#container #contents .titleArea h2 {font-size: 25px;}
}
@media screen and (max-width:1100px){
	/* #lnb > ul > li > ul { position: relative; height: 50px; background: #fff; overflow: hidden;}
	#lnb > ul > li > ul::-webkit-scrollbar {  }
	#lnb > ul > li > ul {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	#lnb .subcategory {position: relative; display: block; white-space: nowrap;} */

	#container #contents .s_content {padding:0 20px 30px; box-sizing: border-box;}

}


.biz_title {clear:both; display:block; padding:30px 0; font-size:40px; line-height:40px; color:#000; text-align:center; border-bottom:1px solid #dcdcdc; font-weight:bold;}
.biz_title:after{clear:both; display:block; content:"";}

.img_txt_area.bg01{clear:both; width:100%; min-height:472px; margin-top:5%; }
.img_txt_area.bg01:after{clear:both; display:block; content:"";}
.img_txt_area.bg01 .bg01_inner {clear:both; width:800px; padding-top:30px; margin:0 auto; background:url("/images/sub/intro1_bg_1.png") no-repeat 43% 0;}
.img_txt_area.bg01 .bg01_inner:after{clear:both; display:block; content:"";}
.img_txt_area.bg01 .bg01_inner > div {display:inline-block; width:31%; margin:0 1%; text-align:center; font-size:20px; line-height:28px; vertical-align:top;}
.img_txt_area.bg01 .bg01_inner > div p {display:block;}
.img_txt_area.bg01 .bg01_inner .topTxtLeft {color:#333; margin-top:40px; }
.img_txt_area.bg01 .bg01_inner .topTxtCenter {color:#fff; margin-top:40px; }
.img_txt_area.bg01 .bg01_inner .topTxtRight {color:#fff; margin-top:55px; }
.img_txt_area.bg01 .bg01_inner .bottomTxt {display:block; clear:both; width:100%; padding-top:190px;}


@media screen and (max-width:800px){
	.img_txt_area.bg01 {min-height:auto; margin-top:0;}
	.img_txt_area.bg01 .bg01_inner {width:100%; padding:0; background:none;}
	.img_txt_area.bg01 .bg01_inner > div {clear:both; font-size:18px; width:98%;  margin:0 1%; text-align:left; }
	.img_txt_area.bg01 .bg01_inner > div::before {content:"#";}
	.img_txt_area.bg01 .bg01_inner > div p {display:inline;}
	.img_txt_area.bg01 .bg01_inner .topTxtLeft { background:none; color:#000; margin-top:10px; }
	.img_txt_area.bg01 .bg01_inner .topTxtCenter { background:none; color:#000;margin-top:10px;}
	.img_txt_area.bg01 .bg01_inner .topTxtRight {background:none; color:#000;margin-top:10px; }

	.img_txt_area.bg01 .bg01_inner .bottomTxt {padding-top:30px;}
}
@media screen and (max-width:560px){
	.img_txt_area.bg01 .bg01_inner > div {font-size:16px;}
	.img_txt_area.bg01 .bg01_inner .topTxtLeft {margin-top:5px; }
	.img_txt_area.bg01 .bg01_inner .topTxtCenter {margin-top:5px;}
	.img_txt_area.bg01 .bg01_inner .topTxtRight {margin-top:5px; }
}
.s_content .text_content{clear:both; width:100%; margin-top:20px;}
.s_content .text_content:after{clear:both; display:block; content:"";}
.s_content .text_content h1 {display:inline-block; color:#000; font-size:20px; padding:0 0 20px 0;}
.s_content .text_content > ul > li {clear:both; font-size:18px; line-height:28px;}
.s_content .text_content img { width:100%; max-width:100%; height:auto !important; border-radius:5px;}

@media screen and (max-width:560px){
	.s_content .text_content {margin-top:10px;}
	.s_content .text_content h1 {font-size:16px;}
	.s_content .text_content > ul > li {font-size:14px;}
}
.img_txt_area.bg02{clear:both; width:100%; min-height:584px; margin-top:20px; }
.img_txt_area.bg02 .bg_02_inner01 {clear:both; width:820px; padding-top:30px; margin:0 auto;}
.img_txt_area.bg02 .bg_02_inner01 > div {display:inline-block; width:100%; text-align:left; padding:20px 0; font-size:20px; vertical-align:top; background-color:#f2f2f2; margin-bottom:10px; border-radius:15px;}
.img_txt_area.bg02 .bg_02_inner01 .topLeft > ul > li,
.img_txt_area.bg02 .bg_02_inner01 .topRight > ul > li{float:left; text-align:left;}
.img_txt_area.bg02 .bg_02_inner01 .topLeft > ul > li.tit {width:190px; font-size:50px; color:#000; padding:0 20px;}
.img_txt_area.bg02 .bg_02_inner01 .topLeft > ul > li.content {padding-top:10px;}
.img_txt_area.bg02 .bg_02_inner01 .topRight > ul > li.tit {width:190px; font-size:50px; color:#000; padding:0 20px;}
.img_txt_area.bg02 .bg_02_inner01 .topRight > ul > li.content {padding-top:10px;}

.img_txt_area.bg02 .bg_02_inner02 {clear:both; width:100%; padding-top:6%; margin:0 auto; text-align:center; }
.img_txt_area.bg02 .bg_02_inner02 img { max-width:100%; margin:0 auto;}
.img_txt_area.bg02 .bg_02_inner02:after{clear:both; display:block; content:"";}
.img_txt_area.bg02 .bg_02_inner02 .topTxt {display:block; clear:both; width:100%; font-size:24px; line-height:32px; color:#000;}
.img_txt_area.bg02 .bg_02_inner02 .bottomTxt01,
.img_txt_area.bg02 .bg_02_inner02 .bottomTxt02,
.img_txt_area.bg02 .bg_02_inner02 .bottomTxt03,
.img_txt_area.bg02 .bg_02_inner02 .bottomTxt04{float:left; width:25%; margin-top:115px; color:#fff; font-size:20px;}

@media screen and (max-width:840px){
	.img_txt_area.bg02 {background:none;}
	.img_txt_area.bg02 .bg_02_inner01 {width:100%;}
	.img_txt_area.bg02 .bg_02_inner01 .topLeft > ul > li,
	.img_txt_area.bg02 .bg_02_inner01 .topRight > ul > li {float:none; text-align:center; margin:0 auto;}
	.img_txt_area.bg02 .bg_02_inner01 > div {float:left; font-size:16px; width:calc(96% - 6px); margin:10px 2% 0; padding:20px 0; border:3px solid #eaeaea;}
	.img_txt_area.bg02 .bg_02_inner01 .topLeft > ul > li.tit{font-size:30px; }
	.img_txt_area.bg02 .bg_02_inner01 .topRight > ul > li.tit {font-size:30px; padding:0 20px;}
}
@media screen and (max-width:560px){
	.img_txt_area.bg02 .bg_02_inner01 > div {width:calc(96% - 6px); margin:10px 2% 0; padding:10px 0;}
	.img_txt_area.bg02 .bg_02_inner01 .topLeft > ul > li, .img_txt_area.bg02 .bg_02_inner01 .topRight > ul > li {font-size:14px;}
}
.s_content .img_area {clear:both; width:100%; text-align:center; padding-top:50px; }
.s_content .img_area img {max-width:100%;margin:0 auto;}

.img_txt_area.bg03{clear:both; width:100%; min-height:755px; margin-top:60px; background:url("/images/sub/intro1_img_5.png") no-repeat center 0; }
.img_txt_area.bg03 .bg03_inner01 {clear:both; width:100%; max-width:960px; padding-top:30px; margin:0 auto; text-align:center;}
.img_txt_area.bg03 .bg03_inner01 > div {display:inline-block; width:33%; text-align:center; font-size:18px; vertical-align:top;}
.img_txt_area.bg03 .bg03_inner01 > div h2 {font-size:22px; color:#000; padding-bottom:35px; line-height: 100%;}
.img_txt_area.bg03 .bg03_inner01 > div.topTxtLeft {width:27.5%; padding-right:5.5%; line-height: 180%;}
.img_txt_area.bg03 .bg03_inner01 > div.topTxtCenter { line-height: 180%; }
.img_txt_area.bg03 .bg03_inner01 > div.topTxtCenter2 { line-height: 155%; font-size: 16px; }
.img_txt_area.bg03 .bg03_inner01 > div.topTxtRight {width:27.5%; padding-left:5.5%; line-height: 180%;}
.img_txt_area.bg03 .bg03_inner01 .fontBold { font-size: 23px;}
.img_txt_area.bg03 .bg03_inner01 > div.LowTopline {clear:both; padding-top:235px;}

@media screen and (max-width:960px){
	.img_txt_area.bg03{margin-top:40px; background:none; }
	.img_txt_area.bg03 .bg03_inner01 > div {width:33.1%; font-size:18px; min-height:358px; padding-top:4%; background-size:100%; margin:0 auto;}
	.img_txt_area.bg03 .bg03_inner01 > div.topTxtLeft {width:33.1%; padding-right:0; background:url("/images/sub/intro1_img_5_1_m.png") no-repeat center 0;}
	.img_txt_area.bg03 .bg03_inner01 > div.topTxtCenter { line-height: 180%; background:url("/images/sub/intro1_img_5_2_m.png") no-repeat center 0;}
	.img_txt_area.bg03 .bg03_inner01 > div.topTxtRight {width:33.1%; padding-left:0; background:url("/images/sub/intro1_img_5_3_m.png") no-repeat center 0;}

	.img_txt_area.bg03 .bg03_inner01 > div.topTxtLeft.LowTopline {width:33.1%; padding-right:0; background:url("/images/sub/intro1_img_5_4_m.png") no-repeat center 0;}
	.img_txt_area.bg03 .bg03_inner01 > div.topTxtCenter.LowTopline { line-height: 180%; background:url("/images/sub/intro1_img_5_5_m.png") no-repeat center 0;}
	.img_txt_area.bg03 .bg03_inner01 > div.topTxtRight.LowTopline {width:33.1%; padding-left:0; background:url("/images/sub/intro1_img_5_6_m.png") no-repeat center 0;}

	.img_txt_area.bg03 .bg03_inner01 > div.LowTopline {clear:both; padding-top:4%;}
}

@media screen and (max-width:880px){
	
	.img_txt_area.bg03 {margin-top:20px;}
	.img_txt_area.bg03 .bg03_inner01 > div {width:48% !important; }
}

@media screen and (max-width:600px){
	.img_txt_area.bg03 .bg03_inner01 > div { background-size:100% !important;  font-size:16px;}
	.img_txt_area.bg03 .bg03_inner01 > div h2 {font-size:20px;}
	.img_txt_area.bg03 .bg03_inner01 .fontBold { font-size: 18px;}
}

@media screen and (max-width:500px){
	.img_txt_area.bg03 .bg03_inner01 > div { min-height:300px;}
}
@media screen and (max-width:400px){
	.img_txt_area.bg03 .bg03_inner01 > div { min-height:250px; font-size:13px;}
	.img_txt_area.bg03 .bg03_inner01 > div h2 {font-size:16px;}
	.img_txt_area.bg03 .bg03_inner01 .fontBold { font-size: 15px;}
}
.subject_txt {clear:both; width:100%; padding:20px 0; line-height:26px; font-size:16px; color:#777;}
/* .subject_txt:after{clear:both; display:block; content:"";} */
.subject_txt h3 {padding:10px 0; /*background:url(/images/ico_arrow.png) no-repeat left top;*/ font-size:22px; color:#000;}
.subject_txt h2 {padding:30px 0 10px; font-size:18px; color:#000;}
.subject_txt h1 { color:#000; font-weight:normal; line-height:32px; font-size:16px;}
.subject_txt ul li { padding-left:10px; line-height:32px; font-size:16px; color:#777; background:url(/images/arrow_sty2.png) no-repeat 10px 12px;}
.subject_txt ul li.stit {color:#000; background:none; font-size:18px; line-height:26px; margin-top:10px;}
.subject_txt ul li.innerT {padding-left:20px;}
.subject_txt img {margin:0 auto; max-width:100%;}
@media screen and (max-width:800px){
	.subject_txt {padding:10px 0; }
}

@media screen and (max-width:560px){
	.subject_txt h3 {padding:10px 0; font-size:18px;}
	.subject_txt h2 {padding:20px 0 8px; font-size:16px;}
	.subject_txt ul li {font-size:14px;}
	.subject_txt ul li.stit {font-size:16px;}
}
.table_basic_s {
	padding:0;
	border-spacing:0px;
	border-collapse:collapse;
	width:100%;
	border-top:2px solid #000;
	border-left:1px solid #ddd;
	font-size:14px;
	line-height:180%;
}
.table_basic_s th { padding:6px 0 6px 8px; text-align:center; border:1px solid #ddd; border-width: 0 1px 1px 0; background:#f2f2f2; vertical-align:middle; font-size:14px;}
.table_basic_s th img {margin:0 3px 0 0; vertical-align:middle;}
.table_basic_s td { padding:6px 20px; border:1px solid #ddd; border-width: 0 1px 1px 0; text-align:center; vertical-align:middle;}
.table_basic_s .text_left{padding-left:8px; text-align:left;}

/* 서브 탭버튼 */
.snb {clear:both; margin: 0 auto 60px; max-width:1220px; text-align:center;}
.snb:after{content:'';display:block;clear:both;}
.snb ul{display:flex;justify-content:center;align-items: center;}
.snb li{
    margin-left:1.25%;
    width:19%;
    text-align:center;
    box-sizing:border-box;
    border:1px solid #ddd;
    background-color:#f3f3f3;
}
.snb li:first-child{margin-left:0;}
.snb li.select{background-color:#0097b1;}
.snb li a{display:block;padding:0 10px;line-height:53px;font-size:17px;letter-spacing:-1px;}

/* .snb ul:after { content:""; display:block; clear:both; }
.snb ul li {float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.snb ul li:first-child {margin-left:0;}
.snb ul.cols8 li {margin-top:-1px;}
.snb ul.cols8 li:first-child {margin-left:0;}
.snb ul li a {display:block; height:40px; line-height:40px; margin-left:-1px;  border:1px solid #ddd; color:#231a15; font-size:13px; overflow:hidden;}
.snb ul li.select {border-bottom:0; }
.snb ul li a:hover,.snb ul li.select a { background:#eee; border:1px solid #ddd; color:#000;}
.snb ul li a.btn-bstrapRed {color:#fff;}
.snb ul li a.btn-bstrapRed:hover {color:#000; border-color:#ddd !important;}
.snb ul.cols2 li{width:50%;}
.snb ul.cols3 li{width:33.3%;}
.snb ul.cols4 li{width:25%;}
.snb ul.cols5 li{width:20%;}
.snb ul.cols6 li{width:16.666%;}
.snb ul.cols7 li{width:14.285%;}
.snb ul.cols8 li{width:25%;}
.snb ul.cols88 li{width:11.111%;} */

.snb2 {clear:both; margin:50px auto 30px; text-align:left;}
.snb2:after { content:""; display:block; clear:both; }
.snb2 ul { }
.snb2 ul:after { content:""; display:block; clear:both; }
.snb2 ul li {float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.snb2 ul li a {display:block;  padding:0 15px; margin:2px 0 8px; height:20px; line-height:20px; border-left:1px solid #ddd; color:#231a15; font-size:15px; }
.snb2 ul li:first-child a {border-left:none;}
.snb2 ul li a:hover,.snb ul li.select a {  color:#fff;}

.snb3:after{ content:""; display:block; clear:both; }
.snb3 ul {margin-top: 15px; margin-left:-5px; font-size: 0;}
.snb3 ul li {display: inline-block; margin-left: 5px; font-size: 13px; vertical-align: top;}
/* .snb3 ul li:first-of-type {margin-left: 0;} */
.snb3 ul li a {display: inline-block; padding: 5px 15px; border-radius: 35px; border: 1px solid #d2d2d4; background-color: #e6e6ea; transition: background 0.3s;}
.snb3 ul li.select a {color: #fff; border-color: #454545; background-color: #454545;}

@media screen and (max-width:1100px){
	.snb{margin:0 auto 40px; padding:0 20px; width:100%; box-sizing: border-box;}
	.snb ul {display: inherit; font-size: 0; white-space: nowrap; overflow: auto;}
	.snb li {display: inline-block; width: auto;}
	.snb li a {padding: 0 15px; min-width:70px; font-size: 16px;}
	
	.snb3 ul li{margin-bottom: 10px;}
}
@media screen and (max-width:800px){
	/* .snb ul.cols88 li{width:20%;}
	.snb ul.cols88 li {margin-top:-1px;}
	.snb ul.cols88 li:first-child {margin-left:0;} */

	.snb2 {margin:30px auto 20px;}
}
@media screen and (max-width:560px){
} 

/*개인정보취급방침*/
#page-content {clear:both; line-height:20px;}
#page-content h3 {color:#000000; font-size:15px; padding:25px 0 10px 0;}

/*이메일수집거부*/
.email_reje {clear:both; line-height:20px; margin-top:20px;}
.email_reje ul {width:765px; height:296px; padding:50px 30px 0 30px; background:url(/images/email_bg2.gif) no-repeat top left;}
.email_reje h1 {font-size:25px; font-weight:bold; line-height:30px; padding-bottom:30px;}
.email_reje ul li {padding:10px 0;}
.email_reje p {clear:both; margin-top:20px; border:1px #dddddd solid; padding:30px;}

.boardfaq {margin:0; min-height:80px; color:#000; border-top:2px solid #000;}
.boardfaq ul {display:block; height:auto; border-bottom:1px #dcdcdc dotted; cursor:pointer;}
.boardfaq ul > li {}
.boardfaq ul > li:after {content:""; display:block; clear:both}

.boardfaq ul > li > div {float:left;}
.boardfaq ul li.title {clear:both;width:100%; height:60px; line-height:60px; }
.boardfaq ul li.on {background-color:#f2f2f2; color:#000;}
.boardfaq ul li.detail {clear:both;width:100%; height:auto; padding:10px 0; background:none; }
.boardfaq ul li.showdetail_a { display:none; background-color:#f2f2f2;}

.boardfaq ul li div.con_title {
	display:inline-block; 
	width:10%; 
	text-align:center; 	
	font-size:24px;
	background:none;
	color:#5afffd;
}
.boardfaq ul li div.con_title img {vertical-align:middle;}
.boardfaq ul li div.con_cont { width:88%; padding-right:2%; float:left; font-size:15px;}
.boardfaq ul li.detail .con_cont { font-size:15px; float:left; line-height:26px; padding:15px 0; color:#297eb1;  background:none;}
@media screen and (max-width:800px){
	.boardfaq ul li.title {height:auto; line-height:40px; padding:5px 0; }
	.boardfaq ul li div.con_title {font-size:20px;}
}
@media screen and (max-width:560px){
	.boardfaq ul li.title {line-height:30px; }
	.boardfaq ul li.detail .con_cont,
	.boardfaq ul li div.con_cont {font-size:12px;}
}
.bg_dept_top {width:90%; padding:2% 5% 5%; margin-top:30px; border:1px solid #ddd;} 
.bg_dept_top:after{clear:both; display:block; content:"";}

.divideTable02 {position:relative; width:100%; display:block;}
.divideTable02:after {clear:both; display:block; content:"";}
.divideTable02 ul {}
.divideTable02 ul li{float:left; width:100%; word-break:break-all;}
.divideTable02 ul li:after {clear:both; display:block; content:"";}
.img_Table td{line-height:24px; font-size:14px; color:#000; word-break:all; padding-top:10px;}
.img_Table td.tit {font-size:24px; line-height:33px; padding-bottom:15px; border-bottom:1px solid #000; color:#000; font-weight:bold;}
.img_Table td.bline {border-top:1px solid #555;}
.img_Table td span {float:left; width:20%; font-weight:bold; color:#000;}
@media screen and (max-width:800px){
	.img_Table td span {width:30%;}
}
@media screen and (max-width:560px){
	.img_Table td span {float:none; display:block; margin-top:5px;}
}
.divideTable02 .cState {position:absolute; right:0; top:10px; color:#fff; font-size:15px; line-height:30px; height:30px; text-align:center;}
.divideTable02 .cState span {cursor:default;}

.divideTable03 {position:relative; width:100%; display:block;}
.divideTable03.bg01 {background-color:#f7f7f7}
.divideTable03.bg02 {background-color:#e7e7e7}
.divideTable03 ul {padding:50px;}
.divideTable03 ul:after{clear:both; display:block; content:"";}
.divideTable03 ul li{float:left; width:550px; word-break:break-all;}
.img_Table02 td{ line-height:24px; font-size:14px; color:#555; word-break:all; padding-top:10px;}
.img_Table02 td.tit {font-size:24px; line-height:33px; padding-bottom:15px; border-bottom:1px solid #000; color:#000; font-weight:bold;}
.img_Table02 td.bline {border-top:1px solid #555;}
.img_Table02 td span {float:left; width:100px; font-weight:bold; color:#000;}

.divideTable03 .cState {position:absolute; right:55px; top:20px; color:#fff; width:100px; font-size:15px; line-height:30px; height:30px; text-align:center;}
.divideTable03 .cState.bg_01 {background-color:#48c6b6; }
.divideTable03 .cState.bg_02 {background-color:#bebebe; }
.divideTable03 .cState.bg_03 {background-color:#484848; }

.agreeArea .txt_contain {width:100%; margin-bottom:10px; }
.agreeArea .txt_contain:after{clear:both; display:block; content:"";}
.agreeArea h3 {padding:10px 0; font-size:16px; color:#000;}
.agreeArea h1 {font-size:15px; color:#000; text-align:left; padding:5px 0;}
.agreeArea .txt_contain .TextArea {clear:both; width:96%; padding:10px 2%; height:200px; font-size:13px; line-height:180%; overflow-y:auto; border:1px solid #dcdcdc; background-color:#f8f8f8;}
.agreeArea .txt_contain .TextArea:after{clear:both; display:block; content:"";}
.agreeArea .checkAgree {float:right; padding:15px 0 10px; width:100%; text-align:right; font-size:13px; color:#338ee1;}


.biContainer {clear:both; /*width: 98%; padding-left:2%;*/ margin:0 auto; max-width:1220px;}

.eventViewTable { clear:both; width:calc(96% - 6px); margin:80px auto 0; padding:50px 2% 50px; border:3px solid #000; }


.loadingReceipt{ -webkit-animation:blink 0.7s ease-in-out infinite alternate; -moz-animation:blink 0.7s ease-in-out infinite alternate; animation:blink 0.7s ease-in-out infinite alternate; }
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } 
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }

@media screen and (max-width:1100px){
	.biContainer{padding:0 20px; box-sizing: border-box;}
}


/*사업소개*/
.introPage #container #contents .s_content {max-width: 100%;}

.sub-area .sub-title{padding: 55px 0; font-size: 25px; text-align: center;}
.introPage .sub-area {height:100%;}

@media screen and (max-width:1100px){
	.introPage #container #contents .s_content {padding: 0;}

	.sub-area .sub-title {padding: 45px 0; font-size: 20px;}
	.introPage .sub-area img{margin:0 auto; /*width:80%; max-width:820px;*/ max-width:100%;}
}

/* 사업소개 */
.contents_business .sub-area1 {
	padding-bottom: 40px;
	text-align: center;
	background: url(/images/sub/intro1_bg.png) no-repeat center center;
	background-size: cover;
}
.contents_business .sub-area1 h3 {color: #fff;}
.contents_business .sub-area1 ul{overflow: hidden; display: inline-block; margin: 0 auto;}
.contents_business .sub-area1 ul>li{position: relative; float: left; margin-left: -20px; width: 255px; height: 255px; border-radius: 100%;}
.contents_business .sub-area1 ul>li:nth-child(1){margin-left: 0; background-color:rgba(66,66,66,0.8);}
.contents_business .sub-area1 ul>li:nth-child(2){background-color:rgba(248, 148, 30,0.8);}
.contents_business .sub-area1 ul>li:nth-child(3){background-color:rgba(0, 151, 177,0.8);}
.contents_business .sub-area1 ul>li>p {
	position: absolute;
	top: 50%;
	padding: 0 30px;
	color: #fff;
	font-size: 20px;
	line-height: 35px;
    word-break: keep-all;
	transform: translateY(-50%);
    box-sizing: border-box;
}
.contents_business .sub-area1 .img1 {display: block; margin: 30px auto;}
.contents_business .sub-area1 .txt1 {color: #fff; font-size: 25px; font-weight: 600; letter-spacing: -1px; text-shadow: 0 0 6px rgba(0,0,0,0.2);}
.contents_business .sub-area1 .txt1>span {color: #fff4b4; font-size: 25px; font-weight: 600;}

.contents_business .sub-area2{margin-bottom: 100px; text-align: center;}
.contents_business .sub-area2 .txt1 {margin-bottom: 50px;}
.contents_business .sub-area2 .txt1>p{margin-bottom: 30px; font-weight: 900; font-size: 23px; letter-spacing: -0.8px;}
.contents_business .sub-area2 .txt1>ul {display: inline-block; text-align: left;}
.contents_business .sub-area2 .txt1>ul>li{margin-bottom: 20px; padding-left:20px; text-indent: -19px; font-size: 20px; word-break: keep-all;}
.contents_business .sub-area2 .txt1>ul>li:before{
	content: '';
	display: inline-block;
	margin-right: 15px;
	width: 5px;
	height: 5px;
	vertical-align: middle;
	border-radius: 100%;
	background-color: #0097b1;
}
.contents_business .sub-area2 .sub2-ul2 {padding: 0; text-align: center;}
.contents_business .sub-area2 .sub2-ul2>li {
    margin-bottom: 30px;
    padding: 35px 30px;
	border: 1px solid #0097b1;
    border-radius: 15px;
    box-shadow: 0px 0px 5px rgba(0,151,177,0.3);
    text-align: left;
}
.contents_business .sub-area2 .sub2-ul2>li span {font-size: 20px; font-weight: 700;}
.contents_business .sub-area2 .sub2-ul2>li .ul-title {display: inline-block; width: 130px; color: #0097b1;}
.contents_business .sub-area2 .sub2-ul3{margin-top: 50px; font-size: 0; overflow: hidden;}
.contents_business .sub-area2 .sub2-ul3>li{display: inline-block; width: calc(100% / 4); vertical-align: top;}
.contents_business .sub-area2 .sub2-ul3>li p {margin-top: 15px; font-size: 17px;}

.contents_business .sub-area2 .sub2-table {border: 1px solid #e8e8e8; border-radius: 15px; overflow: hidden;}
.contents_business .sub-area2 .sub2-table>p {margin: 0; padding: 15px; font-size: 20px; color: #fff; background-color: #0097b1;}
.contents_business .sub-area2 .sub2-table>table {margin: 50px auto; width: 60%; border: 1px solid #cccccc;}
.contents_business .sub-area2 .sub2-table>table td {padding: 10px; font-size: 16px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;}

@media screen and (max-width:1220px){
	.contents_business .sub-area2 .sub2-ul3 {display: flex; justify-content: space-between;}
	.contents_business .sub-area2 .sub2-ul3>li{width:18%;}
	.contents_business .sub-area2 .sub2-ul3>li img {width:100%;}
}
@media screen and (max-width:1165px){
	.contents_business .sub-area2 .sub2-ul2>li .ul-title{display: block; margin-bottom: 10px;}
}
@media screen and (max-width:1100px){

	.contents_business .sub-area1 .img1 {margin: 20px auto; width:auto; height: 50px;}
	.contents_business .sub-area1 .txt1{font-size: 20px; font-weight: 400;}
	.contents_business .sub-area1 .txt1>span{font-size: 20px; font-weight: 400;}
	.contents_business .sub-area2 .txt1>p {font-size: 20px; font-weight: 500; word-break: keep-all;}
	.contents_business .sub-area2 .txt1>ul>li {font-size: 17px;}
	.contents_business .sub-area2 .sub2-ul3 {flex-wrap: wrap;}
	.contents_business .sub-area2 .sub2-ul3>li {flex: auto; margin-bottom: 25px; padding: 0 2%; width: 50%; box-sizing: border-box; word-break: keep-all;}
	.contents_business .sub-area2 .sub2-ul3>li img {width: auto;}
}

@media screen and (max-width:900px){

	.contents_business .sub-area1 ul {display: inherit;}
	.contents_business .sub-area1 ul>li {float: none; margin: -20px auto 0; width: 200px; height: 200px;}
	.contents_business .sub-area1 ul>li:first-child {margin-top: 0; margin-left: auto;}
	.contents_business .sub-area1 ul>li>p {font-size: 16px; line-height: 1.5;}

}
@media screen and (max-width:810px){
	
}
@media screen and (max-width:620px){
	.contents_business .sub-area2 .sub2-ul3 {flex-wrap: wrap;}
	

	.contents_business .sub-area2 .sub2-table>table{width:80%;}
}
@media screen and (max-width:500px){
	.contents_business .sub-area1 ul {display: inherit;}
	.contents_business .sub-area1 ul>li {
		position: inherit;
		float: none;
		margin: 10px auto 0;
		padding: 10px;
		width: 100%;
		height: auto;
		border-radius: 10px;
		box-sizing: border-box;
	}
	.contents_business .sub-area1 ul>li>p {position: inherit; transform: none;}
	.contents_business .sub-area1 .img1 {margin: 20px auto;}

	.contents_business .sub-area2 .sub2-ul3>li {margin-bottom: 30px; width: 100%;}
}
@media screen and (max-width:320px){
}


/* 지원내용 */
.contents_support img {margin: 0 auto;}
.contents_support .sub-area1 {padding-bottom: 80px; border-bottom: 1px solid #e9e9e9;}
.contents_support .sub-area1>ul {display:flex;  justify-content: space-between;}
.contents_support .sub-area1>ul>li {display: inline-block; padding: 30px; width:30%; text-align: center; border: 1px solid #e8e8e8; border-radius: 10px; box-sizing: border-box; box-shadow: 0px 0px 8px #e8e8e8;}
.contents_support .sub-area1>ul>li img {margin:50px 0;}
.contents_support .sub-area1>ul>li .title {font-size:20px; font-weight:800;}
.contents_support .sub-area1>ul>li .text {font-size:17px;}

.contents_support .sub-area2 {text-align: center;}
.contents_support .sub-area2 p {margin: 50px 0; font-size: 18px;}

@media screen and (max-width:1100px){
	.contents_support .sub-area1>ul>li img {margin: 50px auto; width:auto;}
}
@media screen and (max-width:1000px){
	.contents_support .sub-area1>ul>li .text br {display: none;}
	/* .contents_support .sub-area2 img {width: 80%; max-width: 820px;} */
}
@media screen and (max-width:720px){
	.contents_support .sub-area1>ul {flex-wrap: wrap; justify-content:center;}
	.contents_support .sub-area1>ul>li {width: 100%; max-width:470px; margin-bottom: 30px;}
	.contents_support .sub-area1>ul>li img {height: 80px;}
}
@media screen and (min-width:381px) and (max-width:720px){
	
	.contents_support .sub-area1>ul>li {display: flex; position: relative; padding: 70px 30px 50px 30px; /* justify-content: space-between; */}
	.contents_support .sub-area1>ul>li img {margin: 0 30px; width: auto;}
	.contents_support .sub-area1>ul>li .title {position: absolute; top: 20px; left: 50%; transform: translateX(-50%);}
	.contents_support .sub-area1>ul>li .text {flex: auto; padding: 0 10px; text-align: left;}
}
@media screen and (max-width:380px){

}


/* 사업추진절차 */
.contents_step .inner {height: auto !important;}
.contents_step .sub-area{position: relative; padding-bottom: 100px; height: 100%; box-sizing: border-box;}
.contents_step .sub-area .inner:after {content: ''; clear: both; display: block;}
.contents_step .sub-area-b{background-color: #effafe;}

.contents_step .sub-area .title {margin-bottom: 65px; padding-top: 100px; font-size: 25px; font-weight: 600; text-align: center;}
.contents_step .sub-area .list_process{float: left; display: flex; padding-top:50px; align-items: center;}
.contents_step .sub-area .list_process > ul > li {
    position: relative;
    margin-bottom: 50px;
	padding: 45px 0px 30px 0px;
    width: 210px;
    font-size: 17px;
    text-align: center;
    border: 1px solid #cbcfd1;
    border-radius: 10px;
	box-sizing: border-box;
    background-color: #fff;
}
.contents_step .sub-area .list_process ul > li:after {
	content: ' ';
	position: absolute;
	bottom: -30px;
	left: 50%;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(/images/common/arrow_bottom3.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transform: translatex(-50%);
}
.contents_step .sub-area .list_process ul > li.last:after {display: none;}

.contents_step .sub-area .list_process .place {
	position: absolute;
	top: -15px;
	left: 50%;
	padding: 10px 20px;
	min-width: 106px;
	color: #fff;
	border-radius: 30px;
	background-color: #f8941e;
	transform: translateX(-50%);
}
.contents_step .sub-area .list_process .place img {margin: -3px 5px 0 5px; display: inline; vertical-align: middle;}
.contents_step .sub-area .list_process .place2 {width: 150px;}

.contents_step .sub-area .list_process .process1 {margin-right: 50px;}
.contents_step .sub-area .list_process .process2 > li:nth-child(1):before {
	content: ' ';
	position: absolute;
	top: -45px;
	left: 50%;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(/images/common/arrow_bottom3.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transform: translatex(-50%);
}
.contents_step .sub-area .list_process .process3 {padding: 0 100px;}

.contents_step .sub-area .detail_process{float: right; padding: 30px; width: 45%; border-radius: 10px; background-color: #f0f0f2;}
.contents_step .sub-area .detail_process.big {width: 65%; max-width: 730px; height: 60%; max-height: 740px; overflow-y: scroll; box-sizing: border-box;}
.contents_step .sub-area .detail_process li {margin-left: 20px; margin-bottom: 20px; list-style-type: auto; font-size: 16px; word-break: keep-all;}
.contents_step .sub-area .detail_process li > strong {display: block; margin-bottom: 5px;}
.contents_step .sub-area .detail_process .bullet_text {margin-bottom: 5px; padding-left: 13px; text-indent: -15px;}
.contents_step .sub-area .detail_process .bullet_text:before{content: '·'; margin-right: 5px;}
.contents_step .sub-area .detail_process .notice {display: block; opacity: 0.8; margin-top: 5px; padding-left: 14px; font-size: 15px;}

.contents_step .img_wrap {
	margin-top: 20px;
    padding: 30px;
    height: 740px;
    border-radius: 30px;
    box-sizing: border-box;
    overflow-x: hidden;
	overflow-y: scroll;
	background-color: #f5f5f5;
}
.contents_step .img_title {padding-top: 70px; font-size: 18px; font-weight: 600;}
.contents_step .img_wrap img {width: 100%;}

@media screen and (max-width:1170px){
	.contents_step .sub-area { padding-bottom: 60px; height: auto;}
	.contents_step .sub-area .title {padding-top: 60px;}
	.contents_step .sub-area .list_process {position: inherit; transform: none; display: block; margin-top: 50px; width: 100%; text-align: center;}
	.contents_step .sub-area .list_process ul > li {display: inline-block; margin-right: 3%; width: 20%;}

	.contents_step .sub-area .list_process .process1{margin-right: 0;}
	.contents_step .sub-area .list_process .process3 {padding: 0;}

	.contents_step .sub-area .detail_process {transform: none; position: inherit; margin: 0 auto; width: 95%; box-sizing: border-box;}
	.contents_step .sub-area .detail_process.big {width: 95%;}
}
@media screen and (max-width:1170px) and (min-width:1001px){
	.contents_step .sub-area .list_process ul > li:after {transform: translateY(-50%); top: 50%; left: 103%; background-image: url(/images/common/ico_next.png);}
	.contents_step .sub-area .list_process .process2 > li:nth-child(1):before {transform: translateY(-50%); top: 50%; left: -30px; background-image: url(/images/common/ico_next.png);}
}
@media screen and (max-width:1100px){
	.contents_step .img_wrap {padding: 10px; height: auto; border-radius: 0; overflow: auto; background-color: #fff;}
	.contents_step .sub-area .title{margin-bottom: 0;}
	.contents_step .sub-area .list_process .place img {width: auto;}
}
@media screen and (max-width:1000px){
	.contents_step .sub-area .list_process ul > li {width: 80%;}
	.contents_step .sub-area .list_process ul>li:after {top: 105%; }
}
@media screen and (max-width:720px){
	.contents_step .sub-area .detail_process{padding:20px 10px;}
}

/* 사업일정 */
.contents_calendar .sub-area ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 100px;}
.contents_calendar .sub-area ul>li{
	margin-bottom: 40px;
	padding: 30px;
	width: 30%;
	height: 300px;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 8px #e8e8e8;
}
.contents_calendar .sub-area ul>li .title {margin-bottom: 20px; font-size: 20px; font-weight: 800;}
.contents_calendar .sub-area ul>li .text {font-size: 17px; line-height: 30px;}

.contents_calendar .sub-area ul li.plan{
	background-repeat: no-repeat;
	background-position: 85% 85%;
}
.contents_calendar .sub-area ul li.plan1{background-image: url(/images/sub/busiIntro04_img1.png);}
.contents_calendar .sub-area ul li.plan2{background-image: url(/images/sub/busiIntro04_img2.png);}
.contents_calendar .sub-area ul li.plan3{background-image: url(/images/sub/busiIntro04_img3.png);}
.contents_calendar .sub-area ul li.plan4{background-image: url(/images/sub/busiIntro04_img4.png);}
.contents_calendar .sub-area ul li.plan5{background-image: url(/images/sub/busiIntro04_img5.png); background-color: #0097b1;}
.contents_calendar .sub-area ul li.plan6{background-image: url(/images/sub/busiIntro04_img6.png); background-color:#f8941e;}
.contents_calendar .sub-area ul li.plan5,
.contents_calendar .sub-area ul li.plan6 p {color: #fff;}

@media screen and (max-width:845px){
	.contents_calendar .sub-area ul>li {width: 100%; height: 200px;}
	.contents_calendar .sub-area ul li.plan{background-position: 95% 85%;}
	.contents_calendar .sub-area ul>li .text {width: 80%;}
}


/* 바로가기 */
.link_shortcut {display: inline-block; margin-right:15px; vertical-align: middle;}
.link_shortcut:before {
    content: '';
    display: inline-block;
	margin-right:10px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
	background-repeat: no-repeat;
	background-size: cover;
}
.link_shortcut.link_blog:before{background-image: url(/images/common/ico_blog.png);}
.link_shortcut.link_facebook:before{background-image: url(/images/common/ico_facebook.png);}
.link_shortcut.link_twitter:before{background-image: url(/images/common/ico_twitter.png);}
.link_shortcut.link_instagram:before{background-image: url(/images/common/ico_instagram.png);}
.link_shortcut.link_youtube:before{background-image: url(/images/common/ico_youtube.png);}
.link_shortcut:after {content: '>'; margin-left:5px;}
.link_shortcut:hover:after{color:#0097b1;}

/* 고성장 PD */
.content_info{
	padding: 45px;
	font-size: 15px;
    line-height: 1.8;
    letter-spacing: -1px;
	background: url(/images/sub/info_bg.png) no-repeat center center;
	background-size: cover;
}
.content_info .fontBold {font-weight: 800;}

@media screen and (max-width:720px){
	.content_info{padding: 30px 20px;}
	#contents .content_info .inner{width: 100%;}
}



/* 사업추진절차수정 */
.list_process2 ul {margin: 0 auto; max-width: 930px;}
.list_process2 li {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row;margin-bottom: 100px;}
.list_process2 li:nth-of-type(even) {flex-direction: row-reverse;}
.list_process2 li:nth-of-type(odd) .img:after {right: -60px;}
.list_process2 li:nth-of-type(odd) .img:before {right: -80px;}
.list_process2 li:nth-of-type(even) .img:after {left: -60px;}
.list_process2 li:nth-of-type(even) .img:before{left:-80px;}

.list_process2 .img {
    position: relative;
    display: inline-flex;
    width: 300px;
    height: 300px;
    border: 30px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.list_process2 .img:after,
.list_process2 .img:before {content: ''; position: absolute;}
.list_process2 .img:after {width: 30px; border-bottom: 2px dashed;}
.list_process2 .img:before {width: 15px; height: 15PX; border: 5px solid; border-radius: 100%;}

.list_process2 .text_box { margin-top: 120px; width: calc(100% - 450px);}
.list_process2 .text_box:after {content: ''; display: block; clear: both;}
.list_process2 .text_box p{margin-top: 10px;font-size:16px;}
.list_process2 .text_box strong{color:#000;font-size: 20px;font-weight:500;}
.list_process2 .text_box .point {color: #F8941E;}
.list_process2 .text_box .text{color:#5B5B5B;}
.list_process2 .text_box .num {font-size:75px;float: left;width: 90px;vertical-align: top;line-height: 0.8;font-weight: 800;letter-spacing: -4px;}
.list_process2 .text_box .num ~ .text {float: right; width: calc(100% - 120px); vertical-align: top; word-break: keep-all;}

.list_process2 .step1 .img {background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #FEECD0 0%, #EFECD8 100%);}
.list_process2 .step1 .img:after,
.list_process2 .step1 .img:before{border-color:#f1e0c3;}
.list_process2 .step2 .img {background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #EFECD8 0%, #D8EDE6 100%);}
.list_process2 .step2 .img:after,
.list_process2 .step2 .img:before{border-color:#A0C6B6;}
.list_process2 .step3 .img {background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #D8EDE6 0%, #C5EDF0 100%);}
.list_process2 .step3 .img:after,
.list_process2 .step3 .img:before{border-color:#A2CBCD;}
.list_process2 .step4 .img {background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #C5EDF0 0%, #ADDAED 100%);}
.list_process2 .step4 .img:after,
.list_process2 .step4 .img:before{border-color:#87B2C3;}
.list_process2 .step5 .img {background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #ADDAED 0%, #93C6E9 100%);}
.list_process2 .step5 .img:after,
.list_process2 .step5 .img:before{border-color:#83B0CE;}
.list_process2 .step6 .img {background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #93C6E9 0%, #7AB3E7 100%);}
.list_process2 .step6 .img:after,
.list_process2 .step6 .img:before{border-color:#6594BB;}

.list_process2 .step1 .text_box .num {color: #f1e0c3;}
.list_process2 .step2 .text_box .num {color:#A0C6B6;}
.list_process2 .step3 .text_box .num {color:#A2CBCD;}
.list_process2 .step4 .text_box .num {color:#87B2C3;}
.list_process2 .step5 .text_box .num {color:#83B0CE;}
.list_process2 .step6 .text_box .num {color:#6594BB;}

@media screen and (max-width:1100px){
    .list_process2 {margin-top: 50px;}
    .list_process2 li {margin-bottom: 60px;}
    .list_process2 li:nth-of-type(odd) .img:after {right: -50px;}
    .list_process2 li:nth-of-type(even) .img:after {left: -50px;}
    .list_process2 li:nth-of-type(odd) .img:before {right: -65px;}
    .list_process2 li:nth-of-type(even) .img:before {left: -65px;}
    
    .list_process2 .img {width: 200px; height: 200px; border-width: 20px;}
    .list_process2 .img:before {width: 10px; height: 10px; border-width: 4px;}
    .list_process2 .img img {width: 100px; height: auto;}

    .list_process2 .text_box {margin-top: 70px; width: calc(100% - 290px);}
    .list_process2 .text_box .num ~ .text {width: calc(100% - 100px);}
}
@media screen and (max-width:720px){
    .list_process2 li {flex-direction: column; justify-content: center; align-items: center;}
    .list_process2 li:nth-of-type(even) {flex-direction: column;}
    .list_process2 li:nth-of-type(odd) .img:after, 
    .list_process2 li:nth-of-type(even) .img:after {left: auto;right: auto;bottom: -45px;}
    .list_process2 li:nth-of-type(odd) .img:before, 
    .list_process2 li:nth-of-type(even) .img:before {right: auto;left: auto;bottom: -60px;}
    
    .list_process2 .img:after {width: 0; height: 25px; border-bottom: 0; border-left: 2px dashed;}

	.list_process2 .text_box {margin-top: 60px; width: 100%;}
	.list_process2 .text_box .num {float: none; display: block; margin-bottom: 20px; width: 100%; text-align: center; font-size: 60px;}
	.list_process2 .text_box .num ~ .text {float: none; width: 100%; text-align: center;}
}

.sub-area li .btn-bstrapBlue {
    margin-top: 10px;
    display: inline-block;
}

.sub-area li .btn-bstrapBlue:hover {
     color: #fff !important;
    text-decoration: underline;   
}

@media screen and (max-width: 1000px){
   .sub-area li .btn-bstrapBlue{
        display:block;
        width:80px;
        margin: 10px auto 0;
    }
}