@charset "utf-8";



	#container{clear:both; position:relative; width:100%; padding:0; margin:0 auto; /*padding-top:120px;*/}
	#container:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
	#container .sub_visual{position:relative; height:310px; text-align:center; margin:0 auto;}	
	#container .sub_visual .cnt_sns{position:absolute; right:0; top:0; margin-right:10%; margin-top:135px;}
	#container .sub_visual .cnt_sns a{display:inline-block; width:31px; height:31px; padding:0 1px; vertical-align:top; text-indent:-99999em;}
	#container .sub_visual .cnt_sns a.face{background:url('../images/sb_snb_sns_01.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a:hover.face{background:url('../images/sb_snb_sns_01_on.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a.tw{background:url('../images/sb_snb_sns_02.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a:hover.tw{background:url('../images/sb_snb_sns_02_on.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a.blog{background:url('../images/sb_snb_sns_03.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a:hover.blog{background:url('../images/sb_snb_sns_03_on.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a.kakao{background:url('../images/sb_snb_sns_04.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a:hover.kakao{background:url('../images/sb_snb_sns_04_on.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a.url{background:url('../images/sb_snb_sns_05.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a:hover.url{background:url('../images/sb_snb_sns_05_on.png') no-repeat 0 0; vertical-align:top;}
	#container .sub_visual .cnt_sns a.print{background:url('../images/sb_snb_sns_06.png') no-repeat 0 0; vertical-align:top; padding-right:0;}
	#container .sub_visual .cnt_sns a:hover.print{background:url('../images/sb_snb_sns_06_on.png') no-repeat 0 0; vertical-align:top; padding-right:0;}	

	#container .sub_visual .subvisual_inner{width:1320px; height:310px; margin:0 auto;}
	#container .sub_visual .subvisual_inner h2{text-align:center; padding-top:66px; color:#fff; font-size:52px; font-weight:500; letter-spacing:-1;}
	#container .sub_visual .subvisual_inner .sub_location{position:relative; margin-top:49px;}
	#container .sub_visual .subvisual_inner .sub_location li{display:inline-block; font-size:15px; padding-left:20px; color:#fff; background:url('../images/sb_location_home.png') no-repeat 0 3px;}
	#container .sub_visual .subvisual_inner .sub_location li:first-child{text-indent:-99999em; }
	#container .sub_visual .subvisual_inner .sub_location li+li{display:inline-block; font-size:15px; padding-left:28px; color:#fff; background:url('../images/sb_location_arrow.png') no-repeat 6px 5px;}
	#container .sub_visual .subvisual_inner .sub_location li+li+li{display:inline-block; font-size:15px; padding-left:28px; color:#fff; font-weight:bold; background:url('../images/sb_location_arrow.png') no-repeat 9px 5px;}
		
		@media all and (max-width:1599px){
			#container .sub_visual .subvisual_inner{width:96%;}
		}
		@media all and (max-width:1280px){
			#container .sub_visual .subvisual_inner{width:96%; background-position:right top !important;}
		}
		@media all and (max-width:863px){
			#container .sub_visual{height:250px;}
			#container .sub_visual .subvisual_inner{ background-size:85% !important; background-position:right top !important;}
		}
		@media all and (max-width:740px){
			#container .sub_visual{height:220px;}
		}
		@media all and (max-width:630px){
			#container .sub_visual{height:180px;}
		}
		@media all and (max-width:530px){
			#container .sub_visual{height:140px;}
		}
		@media all and (max-width:420px){
			#container .sub_visual{height:120px;}
		}

	#container .cnti{position: relative; width:100%; background: #FFF; margin: 0 auto;}
	#container .cnti:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
	#container .cnti .cnti_inner{position:relative; width:1320px; height:100%; margin: 0 auto;}
	
		@media all and (max-width:1599px){
			#container .cnti .cnti_inner{width:96%;}
		}
		
	.snb{position: absolute; width:283px; height:183px; top:-183px;}
	.sub_bg{width:100%; background:url('/images/cm_sub_vi.jpg') no-repeat 0 0;}
    .sub_bg_2{width:100%; background:url('/images/cm_sub_vi_02.jpg') no-repeat 0 0;}
    .sub_bg_3{width:100%; background:url('/images/cm_sub_vi_03.jpg') no-repeat 0 0;}

	.snb h3{width: 283px; height: 83px; font-size: 36px; font-weight: 500; padding-top: 100px;  color: #fff; text-align: center; background: url(../images/sb_bg_00.png) no-repeat center -5px #5586da; font-family: Noto Sans KR; letter-spacing: -0.05em; line-height: 1px;}
	.snb dl{position:relative; padding-top:7px;}
	.snb dl dd > ul{list-style:none; margin:0; padding:0;}
	.snb dl dd > ul > li{position:relative; text-align:left;}
	.snb dl dd > ul > li img{padding-left:3px; padding-bottom:3px; vertical-align:middle;}
	.snb dl dd > ul > li > a{display: block;  height: 29px;  padding: 18px 0 10px 20px; font-size: 18px; font-weight: 500; border-bottom: 3px solid #f6f6f6; border-left: 3px solid #f6f6f6; border-right: 3px solid #f6f6f6; color: #4a506b; background: #f6f6f6; margin-top: 2px;background: #f6f6f6 url(../images/sb_snb_arrow_off.jpg) no-repeat 234px 24px; font-family: Noto Sans KR; letter-spacing: -0.05em;}
	.snb dl dd > ul > li:first-child > a{border-top:1px solid #f6f6f6;}
	.snb dl dd > ul > li.Ov > a,
	.snb dl dd > ul > li > a:hover{height:29px; padding:18px 0 10px 20px; color:#5586da; text-decoration:none; background:url(../images/sb_snb_arrow_on.jpg) no-repeat 234px 24px; border:3px solid #3b496a; margin-top:-1px; font-family:Noto Sans KR; font-size: 18px;}
	.snb dl dd > ul > li:first-child.Ov > a,	
	.snb dl dd > ul > li:first-child > a:hover{margin-top:0;}

	#content{float:right; width: 960px; padding: 30px 0px 50px 0px;}
	#content .substance{clear:both; position:relative; width:100%; height:100%; min-height:400px; font-size:16px; text-align:left; line-height:22px;    font-family: 'Noto Sans KR';
    letter-spacing: -0.05em;}
	#content .substance .page_content{clear:both; padding-top:0px; width:100%;}
	#content .substance .page_content h5{clear:both; display:block; font-size:2rem; font-weight:600; color:#008adf; letter-spacing:-0.1rem; padding:1.3em 0; font-family: Noto Sans KR;}
	#content .substance .page_content h6{position:relative; display:block; color:#4a506b; margin-top:30px; padding:10px 0 10px 0; font-size:1.6rem; font-weight:600;}
	#content .substance .page_content h7{position: relative; color: #4a506b; padding: 7px 0 7px 16px; margin-left: 2px; font-size: 1.2rem; font-weight: 600; background: url(../images/depth02_dot.png) no-repeat 0 12px; font-family: Noto Sans KR;}

		@media all and (max-width:1599px){
			#content{width:calc(100% - 353px);}
		}

			@media all and (max-width:1024px){
				#container .sub_visual .subvisual_inner h2{text-align:left;}
				#container .sub_visual .subvisual_inner .sub_location{text-align:left;}
				.snb{display:none;}
				#content{float:none; width:100%;}
				#content .substance .page_content{padding-top:0;}
				#content .substance .page_content h5{font-size:1.5rem;}
			}

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

				#container .sub_visual .subvisual_inner h2{text-align:center; padding-top:46px;}

				#container .sub_visual .subvisual_inner .sub_location{text-align:center; margin-top:39px;}

				#container .sub_visual .cnt_sns{position:relative; margin-right:0; margin-top:13px;}

			}

input.bdCmBtn{display:inline-block; font-size:16px; height:30px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #114291; background-color:#fff; font-weight:bold;}

input.bdCmBtn:hover {background:#114291; color:#fff; font-weight:bold;text-decoration: none}

a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; background:#114291; color:#fff; border:1px solid #114291;}



/**/

.text_left{text-align:left !important;}

.text_right{text-align:right !important;}

.text_600{font-weight:600;}

.text_green{color:#00b4cb;}

.text_gray{color:#CCC;}

.text_red{color:#ff4200;}

.text_blue{color:#2a76cc;}

.text_20{font-size:20px; letter-spacing:-1px;}

.text_28{font-size:28px; letter-spacing:-1px;}

.text_bold{font-weight:600;}

.text_height200{line-height:200%;}

.text_height180{line-height:180%;}

.float_r{float:right;}

.caution{background:url('/images/sb_caution_bg.png') no-repeat left 5px; font-size:15px; font-weight:normal; line-height:180%; padding:0 0 5px 22px !important; margin:5px 0 !important;}

.pad_l12{padding-left:12px;}

.pad_t10{padding-top:10px;}

.pad_t20{padding-top:20px;}

.pad_t30{padding-top:30px;}

.pad_t40{padding-top:40px;}

.pad_b40{padding-bottom:40px;}

.pad_b30{padding-bottom:30px; padding-top: 6px;}

.pad_b20{padding-bottom:20px;}

.pad_b10{padding-bottom:10px;}

.mar_t60{margin-top:60px;}

.mar_b40{margin-bottom:40px;}

.mar_left10{margin-left:10px;}

.mar_left40{margin-left:40px;}

.mar_top10{margin-top:10px;}

strong{font-weight:700;    font-size: 18px;
    color: #1851b2;}

.list_snone{list-style:none;}

.line_solid	{clear:both;display:block;margin:20px 0;border-bottom:1px solid #dadada;}

.line_dashed{clear:both;display:block;margin:20px 0;border-bottom:1px dashed #dadada;}

.line_dotted{clear:both;display:block;margin:20px 0;border-bottom:1px dotted #dadada;}

.line_double{clear:both;display:block;margin:20px 0;border-bottom:3px double #eaeaea;}

.line_solid_t2{clear:both;display:block;margin-bottom:20px;border-top:2px solid #667484;}

.line_solid_b2{clear:both;display:block;border-bottom:2px solid #667484;}

.line_solid_b1{clear:both;display:block;margin:20px 0;border-bottom:1px solid #667484;}

.unline a{text-decoration:none;}

.unline a:hover{text-decoration:underline;}

.cir {position:relative; width:8.6rem; height:8.6rem; border-radius:50%; background-color:#F6F6F6; margin:0 auto 2rem;}

.cir > img, .cir > .img {position:absolute; top:40%; left:50%; transform:translate(-40%, -50%); -webkit-transform:translate(-40%, -50%);}



/* tab */

.tab_txt:after,
.tab_list:after {content:" "; display:block; float:none; clear:both;}
.tab_txt{/*margin:52px 0;*/ z-index:100;}
.tab_txt ul{display:table; width:100%; overflow:hidden; table-layout:fixed; text-align:center;}
.tab_txt li{display:table-cell; min-width:16.6666%; word-break:break-all !important; background:#fff;}
.tab_txt a{display:block; padding:18px 15px 15px 15px; color:#6f6f6f; font-size:16px; text-decoration:none; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; font-weight:600;}
.tab_txt li:first-child a{border-left:1px solid #d9d9d9;}
.tab_txt li a:hover{color:#1851b2; background:#f4f4f4;}
.tab_txt li a.on{background-color:#1851b2; border-color:#1851b2; color:#fff; text-decoration:none;}
.tab_txt li:nth-child(1) a,
.tab_txt li:nth-child(2) a,
.tab_txt li:nth-child(3) a,
.tab_txt li:nth-child(4) a,
.tab_txt li:nth-child(5) a,
.tab_txt li:nth-child(6) a,
.tab_txt li:nth-child(7) a,{border-top-width:1px}
.tab_txt li:nth-child(7n+1) a{border-left-width:1px;}

			@media all and (max-width:637px){
				.tab_txt a		{ padding:15px 0px;}
			}
			@media all and (max-width:451px){
				.tab_txt a		{font-size:14px; letter-spacing:-1px;}
			}

/* tab */

.tab_txt6:after,
.tab_list6:after {content:" "; display:block; float:none; clear:both;}
.tab_txt6{margin-bottom:33px; clear:both;}
.tab_txt6 ul{width:100%; overflow:hidden;  text-align:center; border-top:1px solid #dde0e8; border-left:1px solid #dde0e8;}
.tab_txt6 li{float:left; width:calc(100%/6);}
.tab_txt6 a{display:block; padding:14px 15px 12px 15px; color:#8f98a4; font-size:15px; letter-spacing:-1px; background-color:#fff; text-decoration:none; border-right:1px solid #dde0e8; border-left:1px solid #f5f6fa; border-top:1px solid #f5f6fa; border-bottom:1px solid #dde0e8;}
.tab_txt6 li:first-child a{border-left-width:1px;}
.tab_txt6 li a:hover{color:#008adf; border-color:#3c55b0; border-left-width:1px;}
.tab_txt6 li a.on{background-color:#3c55b0; border-color:#114291; color:#fff; text-decoration:none;}

/*작은 네모 블릿 리스트*/
#content .substance .list_01{ margin:0 0 10px 15px;}
#content .substance .list_01 > li{clear:both; position:relative; padding: 4px 0 4px 12px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .list_01 > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:4px; height:4px; border-radius:50%; background:#158ccd;}
#content .substance .list_01 > li .list_01_01{margin:6px 0; padding:0;}
#content .substance .list_01 > li .list_01_01 > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .list_01 > li .list_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:17px; width:6px; height:1px; background:#333;}
#content .substance .list_01 > li .list_01_01 > li .list_01_01_01 > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .list_01 > li .list_01_01 > li .list_01_01_01 > li:before{content:""; display:block; position:absolute; left:2px; top:17px; width:2px; height:2px; background:#999;}
#content .substance .list_01 > li .list_01_none{margin:6px 0; padding:0;}
#content .substance .list_01 > li .list_01_none > li{position:relative; padding: 3px 0 3px 0; font-size:15px;}
#content .substance .list_01 > li .list_01_01_pic{ clear:both; position:relative; padding:0; text-align:left;}
#content .substance .list_01 > li .list_01_01_pic > p{ float:left; width:25%; margin-bottom:30px;}
#content .substance .list_01 > li .list_01_01_pic li{margin-left:25%;}

	@media all and (max-width:911px){
		#content .substance .list_01 .list_01_01_pic > p{width:30%;}
	}

	@media all and (max-width:743px){
		#content .substance .list_01 .list_01_01_pic > p{ width:40%;}
	}

	@media all and (max-width:580px){
		#content .substance .list_01 .list_01_01_pic > p{ width:100%; margin-bottom:15px;}
		#content .substance .list_01 .list_01_01_pic li{margin-left:0;}
	}



/*작은 네모 블릿 리스트*/



#content .substance .list_02{margin:10px 0 10px 0;}

#content .substance .list_02 > li{position:relative; padding: 0px 0 20px 22px; font-size:17px; font-weight:500; background:url('../images/depth02_dot.png') no-repeat 0 7px;}

#content .substance .list_02 > li.number{ padding-left:15px; background:none;}

#content .substance .list_02 > li .list_02_01{margin:6px 0; padding:0;}

#content .substance .list_02 > li .list_02_01 > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; font-weight:400; line-height:170%;}

#content .substance .list_02 > li .list_02_01 > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:3px; height:3px; background:#00a5e5;}

#content .substance .list_02 > li .list_02_01 > li .list_02_01_01{margin:6px 0; padding:0;}

#content .substance .list_01 > li .list_02_01 > li .list_02_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:180%;}

#content .substance .list_01 > li .list_02_01 > li .list_02_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:13px; width:6px; height:1px; background:#333;}

#content .substance .list_01 > li .list_02_01 > li .list_02_01_01 > li .list_02_01_01_01{position:relative; padding:3px 0 3px 13px; font-size:65px; line-height:180%; border:1px solid #F00;}



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

		#content .substance .list_02 > li img{ width:100%;}

	}



/* btn */

a.btn_d		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;  text-decoration:none;}

.btn_d		{display:inline-block; *zoom:1; cursor:pointer; white-space:nowrap; text-align:center; vertical-align:middle; line-height:1.4; border-style:solid; border-width:1px; padding:5px 10px; margin:0 0 3px 0;}

button.btn_d,

input[type="submit"],

input[type="button"]{cursor:pointer;}



.btn_d.btn_small {font-size:15px; padding:10px 12px; color:#fff; border-color:#158ccd; background-color:#158ccd; font-weight:bold;}

.btn_d.btn_small:hover {background:#158ccd; color:#fff; font-weight:bold;}

.btn_d.btn_small.cancel {font-size:15px; padding:10px 12px; color:#fff; border-color:#8e8e8e; background-color:#8e8e8e; font-weight:bold;}



.btn_d.btn_xsmall {font-size:13px; padding:5px 19px; color:#158ccd; border-color:#158ccd; background-color:#fff; font-weight:bold;}

.btn_d.btn_xsmall:hover {background:#158ccd; color:#fff; font-weight:bold;}

.btn_d.btn_xxsmall {font-size:13px; padding:2px 5px; color:#158ccd; border-color:#158ccd; background-color:#fff; font-weight:bold; vertical-align:middle;}

.btn_d.btn_xxsmall:hover {background:#158ccd; color:#fff; font-weight:bold;}



.btn_d.disabled{color:#fff; background:#ddd; border-color:#ddd;}

.btn_d.disabled:hover {background:#ddd; color:#fff; border-color:#ddd;}



/* tab */

.tbl_area{position:relative; clear:both; word-break:break-all !important;}

.tbl_area .table_tip{position:absolute; right:0; top:-25px; color:#666; font-size:14px; font-weight:normal;}



/* table */

.tbl_gray1{border-collapse:separate; border-top:2px solid #3b496a; margin-left:-1px; width:100%; font-family: 'Noto Sans KR';}
.tbl_gray1 thead th {background:#aeafb114; font-size:16px; padding:15px 10px; border-left:1px solid #dde0e8; border-bottom:1px solid #dde0e8; text-align:center; font-weight:bold;     color: #3b496a;}
.tbl_gray1 thead th:first-child{border-left:none;}
.tbl_gray1 thead th.le_bo_none,
.tbl_gray1 tbody th.le_bo_none,
.tbl_gray1 thead td.le_bo_none,
.tbl_gray1 tbody td.le_bo_none{border-left:none;}
.tbl_gray1 thead th.le_bo,
.tbl_gray1 tbody th.le_bo,
.tbl_gray1 thead td.le_bo,
.tbl_gray1 tbody td.le_bo{border-left:1px solid #dde0e8 !important;}
.tbl_gray1 tbody th {background:#fbfcfd; font-size:15px; font-weight:bold;}
.tbl_gray1 tbody th {text-align:left;}
.tbl_gray1 tbody th:first-child,
.tbl_gray1 tbody td:first-child{border-left:none; background: #f0f8ff52; }
.tbl_gray1 tbody td, .tbl_gray1 tfoot td {background:#fff; font-size:16px;}
.tbl_gray1 tbody th, .tbl_gray1 tbody td, .tbl_gray1 tfoot th, .tbl_gray1 tfoot td { border-left:1px solid #dde0e8; border-bottom:1px solid #dde0e8; text-align:center; padding:10px;/* word-break:break-all;*/}
.tbl_gray1 tbody td.tbltext_le{ text-align:left;}

	@media all and (max-width:1024px) {
		.tbl_gray1 thead th {font-size:1.2rem;}
		.tbl_gray1 tbody td, .tbl_gray1 tfoot td {font-size:1.0rem;}
	}
	
/*페이징*/			

.ListBoardWrap .boardButtonMove{float:left; padding:24px 0 0 0;}

.ListBoardWrap .boardButton{float:right; padding:24px 0 0 0;}

.ListBoardWrap .boardPaging{width:100%; margin:25px 0 30px 0; text-align:center; vertical-align:middle; color:#666; font-size:14px;}

.ListBoardWrap .boardPaging a,

.ListBoardWrap .boardPaging b{display:inline-block; width:25px; height:25px; padding-right:2px; line-height:25px; margin-right:3px; color:#666; text-decoration:none; border:1px solid #aaa; border-radius:2px; -webkit-transition: 0.2s all; transition: 0.2s all; font-weight:normal; letter-spacing:-2px;}

.ListBoardWrap .boardPaging a.listBtn{background:#eee;}

.ListBoardWrap .boardPaging b,

.ListBoardWrap .boardPaging a:hover{color:#fff; background:#555; border:1px solid #555;}





/*상단박스*/

.top_box{position:relative; min-height:104px; margin:20px 0; padding:42px 40px 37px 104px;border-top:2px solid #7a7d96; background:#f5f6fa; border-radius:5px;}	

.top_box:before{content:""; display:block; position:absolute; top:36px; left:26px; width:62px; height:49px; background:url('/images/box_icon.png') no-repeat 0 0;}	

.top_box .box_title{margin-bottom:20px; margin-top:0; font-size:24px; font-weight:600; color:#3c55b0; line-height:26px;}

.top_box .box_text{color:#1d3360; line-height:170%;}



.bordergrey_box{position:relative; margin:20px 0; padding:42px 40px 37px 40px; border:1px solid #c5c9d6; border-radius:5px;}	

.bordergrey_box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

.bordergrey_box .box_text{color:#1d3360; line-height:170%;}

.bordergrey_box .box_text > p{padding-top:5px;}



.fici {width:calc(100% - 70px); border:1px solid #e3e3e3; border-top:2px solid #103574; padding:0 35px 35px 35px; margin-bottom:30px;}

.fici:after {content:" "; display:block; float:none; clear:both;}

.fici > li{position:relative; float:left; padding-top:25px;}

.fici > li:after {content:" "; display:block; float:none; clear:both;}

.fici > li.leftimg {position:relative; float:right; margin-top:35px; padding-bottom:15px; background:#f5f6fa; text-align:center;}

.fici > li.leftimg > img{position:relative; float:right; padding:0 20px 10px 20px; background:#f5f6fa;}

.fici > li .bottomimg{position:relative; width:100%; border-top:1px dashed #CCC; padding-top:30px;}

.fici > li .bottomimg > li{position:relative; display:inline-block; width:32.9%; padding-right:3px; text-align:center;}

.fici > li .bottomimg > li:last-child{padding-right:0;}



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

		.fici > li .bottomimg > li{width:32%;}

	}

	

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

		.fici > li{float:none;}

		.fici > li.leftimg{float:none; width:100%;}

		.fici > li.leftimg > img{width:calc(100% - 40px);}

	}

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

		.fici > li .bottomimg > li{width:100%; padding-right:0; margin-bottom:15px;}

	}



/* 인사말 */
	#content .substance .greet{display:flex; width:calc(100% - 15px); padding:15px 0 0 15px; justify-content:space-between; }
	#content .substance .greet .tit_big{width:calc(100% - 418px);}
	#content .substance .greet .tit_big strong{font-size:24px; line-height:180%;}
	#content .substance .greet .tit_big .big_text{position:relative; display:block;  font-size:19px; line-height:160%; letter-spacing:-0.06em; font-weight:500; margin-top:0px; padding-left:13px;}
	#content .substance .greet .tit_big .big_text:before{content: "";display:block; position: absolute; left: 2px; top: 15px; width:4px; height: 4px; border-radius: 50%; background: #86aff7;}
	#content .substance .greet .tit_big .sm_text{position:relative; display:block; font-size:18px; line-height: 150%; letter-spacing: -0.06em; margin-top:25px; padding-left:13px;}
	#content .substance .greet .tit_big .sm_text:before{content: "";display:block; position: absolute; left: 2px; top: 15px; width:4px; height: 4px; border-radius: 50%; background: #86aff7;}
	#content .substance .greet .right_imgbox{width:418px; padding:0; margin:0;}
		@media all and (max-width:1248px){
			#content .substance .greet .tit_big{width:calc(100% - 300px);}
			#content .substance .greet .right_imgbox{width:300px;}
			#content .substance .greet .right_imgbox img{width:100%;}
		}
		
		@media all and (max-width:758px){
			#content .substance .greet .tit_big{width:calc(100% - 200px);}
			#content .substance .greet .right_imgbox{width:200px;}
			#content .substance .greet .right_imgbox img{width:100%;}
		}
		@media all and (max-width:580px){
			#content .substance .greet{flex-direction:column;}
			#content .substance .greet .tit_big{width:100%;}
			#content .substance .greet .right_imgbox{width:100%; text-align:right;}
			#content .substance .greet .right_imgbox img{width:100%;}
		}

/* 연혁 */
#content .substance .history{position:relative;}
#content .substance .history .year{position:absolute; float:left; top:0; left:0; font-size:24px; font-weight:bold; color:#00b4cb; line-height:1.2; padding:5px;}
#content .substance .history dl{height: 100%; padding: 15px 20px 0 35px; background: #f4f4f4; word-break: break-all; border-radius: 15px;}
#content .substance .history dl:last-child	{padding-bottom:25px;}
#content .substance .history dl:before,
#content .substance .history dl:after	{content:""; clear:both ;display:block ;float:none}
#content .substance .history dt {float:left; width:60px; font-size:16px; font-weight:600; color:#0c4a96; line-height:180%;}
#content .substance .history dd {float:left; width:calc(100% - 60px); font-weight:500; line-height:180%;}

		@media all and (max-width:480px){
			#content .substance .history .year{position:relative; float:none; width:100%; margin-bottom:10px;}
			#content .substance .history dl{margin-left:0;}
		}

/* 조직도 */

.orgWrap {position:relative; text-align:center; width:100%; padding:30px 0;}
.orgWrap:before {content:""; display:block; position:absolute; left:50%; top:50px; width:1px; height:75%; background:#c5c9d6; z-index:0;}
.orgWrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org1 {position:relative; width:100%; overflow:hidden;}
.orgWrap dt {color:#fff; font-weight:bold; padding:10px 2%; box-sizing:border-box; text-align:center; border-radius:5px; z-index:10;}
.orgWrap .org1 > li .num01 {display:block; width:15%; margin:0 auto; text-align:center;}
.orgWrap .org1 > li .num01 dt {background:#d93f3f;}
.orgWrap .org1 > li .num01_1 {display:block; width:15%; margin:0 auto; text-align:center; padding-top:50px;}
.orgWrap .org1 > li .num01_1 dt {background:#1851b2; font-weight:500;}
.orgWrap .org1 > li .num01_2 {float:left; width:15%; text-align:center; padding-left:15%; padding-top:50px; z-index:2;}
.orgWrap .org1 > li .num01_2 dt {background:#fff; font-weight:500; border:2px solid #5586da; color:#424242;}
.orgWrap .org1 > li .num01_3 {float:right; width:15%; margin:0 auto; padding-right:15%; padding-top:50px; z-index:2;}
.orgWrap .org1 > li .num01_3 dt {background:#fff; font-weight:500; border:2px solid #5586da; color:#424242;}
.orgWrap .org1 > li .num01_4 {display:block; width:15%; margin:0 auto; margin-top:130px; text-align:center;}
.orgWrap .org1 > li .num01_4:before {content:""; display:block; position:absolute; left:30%; top:67%; width:40%; height:1px; background:#c5c9d6; z-index:0;}
.orgWrap .org1 > li .num01_4 dt {background:#a0a2a9; font-weight:500;}

		@media all and (max-width:767px){
			.orgWrap .org1 > li .num02 dd,
			.orgWrap .org1 > li .num02_1 dd,
			.orgWrap .org1 > li .num02_2 dd,
			.orgWrap .org1 > li .num02_3 dd {height:200px;}
		}	

		@media all and (max-width:542px){
			.orgWrap{padding:0;}
			.orgWrap:before {content:''; position:absolute; left:50%; top:0; width:1px; height:272px; background:#a9a9a9;}
			.orgWrap .org1 > li .num01 {width:70%;}
			.orgWrap .org1 > li .num01_1 {width:70%; padding-top:30px;}
			.orgWrap .org1 > li .num01_2 dt {height:42px;}
			.orgWrap .org1 > li .num02{width:80%; padding-left:10%; margin-top:30px; padding-top:0;}
			.orgWrap .org1 > li .num02_1,
			.orgWrap .org1 > li .num02_2,
			.orgWrap .org1 > li .num02_3 {width:100%; padding-left:10%; margin-top:10px; padding-top:0;}
			.orgWrap .org1 > li .num02_3 dd {margin-bottom:50px;}
			.orgWrap .org1 > li .num02:before,
			.orgWrap .org1 > li .num02_1:before,
			.orgWrap .org1 > li .num02_2:before,
			.orgWrap .org1 > li .num02_3:before,
			.orgWrap .org1 > li .cont_depth03:after{background:none;}
			.orgWrap .org1 > li .num01_4:before {content:""; display:block; position:absolute; left:30%; top:65%; width:40%; height:1px; background:#c5c9d6; z-index:0;}
		}

		

/*찾아오시는길*/

.kakaomap{ width:100%;}



.half_round{}

.half_round > li{ margin-bottom:.5rem; padding-top:.4rem; line-height:2.5rem;}

.half_round > li > span {display:inline-block; margin-right:.75rem; padding:.3rem 1rem; color:#fff; border-radius:30px; background:#5586da; font-weight:600; line-height:1.8rem;}

.half_round > li > span p.addr{background:url('/images/addr.png') no-repeat 0 center; padding-left:1.8rem;}

.half_round > li > span p.tel{background:url('/images/tel.png') no-repeat 0 center; padding-left:1.8rem;}

.half_round > li > span p.fax{background:url('/images/fax.png') no-repeat 0 center; padding-left:1.8rem;}



/*지구를 위한 시간 온오프버튼*/

#lh_04_story_02_carbon .on-off-earth-box {position:relative; z-index:0; margin-bottom:20px; text-align:center;}

#lh_04_story_02_carbon .on-off-earth-box > .on-off-earth-button {position:absolute; left:50%; margin-left:-69.5px; top:320px; width:139px; height:69px;}

#lh_04_story_02_carbon .on-off-earth-box > .on-off-earth-button > div > a {display:block; background-image:url(/cze/images/btn_04_story_02_carbon_08_off.png); background-repeat:no-repeat; background-position:-200px -200px;}

#lh_04_story_02_carbon .on-off-earth-box > .on-off-earth-button > div > a.off {background-position:0px 0px !important;}

#lh_04_story_02_carbon .on-off-earth-box > .on-off-earth-button > div > a.off > img {visibility:hidden !important;}

#lh_04_story_02_carbon .on-off-earth-box > #on-off-earth-img {margin:0 auto; text-align:center;}

#lh_04_story_02_carbon .on-off-earth-box > #on-off-earth-img > .on {display:inline-block;}

#lh_04_story_02_carbon .on-off-earth-box > #on-off-earth-img > .off {display:none;}

#lh_04_story_02_carbon .on-off-earth-box > .off > .on {display:none !important;}

#lh_04_story_02_carbon .on-off-earth-box > .off > .off {display:inline-block !important;}



/*@media(max-width: 1023px){

	.mainwork_wrap ul li{width:50%;}

	.mainwork_wrap ul:before{top:-4.8rem;}

	.mainwork_title{font-size:2rem;margin-bottom:2.4rem;}

}*/

/*주요업무 이미지*/

.relation_wrap{text-align:center; margin-top:6rem; padding-top:5rem; border:1px solid #CCC;}

.relation_wrap ul{position:relative; max-width:98.2rem; overflow:hidden; margin:0 auto; }

.relation_wrap ul:before{position:absolute; top:50%; left:10%; margin-top:-4rem; content:""; width:80%; height:1px; background-color:#dedede;}

.relation_wrap li{position:relative; float:left; width:25%; z-index:999;}

.relation_wrap li:first-child{margin-left:0;}

.relation_wrap li:before{position:absolute; right:0; top:30%; content:""; display:inline-block; width:1.3rem; height:1.3rem; background:url('/images/depth03_dot.jpg') no-repeat center 0 ; background-size:contain;}

.relation_wrap li:last-child:before{background:none; }

.relation_wrap li .cir{width:13.7rem; height:13.7rem;}

.relation_wrap li .cir > p{ padding-top:9.5rem; font-size:1.4rem; font-weight:600;}

.relation_wrap li .cir > p.last{ padding-top:9rem; line-height:1.8rem;}

.relation_wrap li p{font-size:1.3rem; line-height:2.7rem; letter-spacing:-0.05rem; color:#222;}

.relation_wrap .last_org{position:relative; width:70%; margin:8rem auto 5rem; background:#00b4cb; color:#FFF; border-radius:6rem; padding:1.3rem;}

.relation_wrap .last_org:before{position:absolute; top:50%; left:0; width:100%; margin-top:-8rem; content:""; height:36px; background:url('/images/sb_mainwork_bg_05.jpg') no-repeat center 0;}



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

			.relation_wrap ul:before{background:none;}

			.relation_wrap li{width:48%;}

			.relation_wrap li:before{background:none;}

			.relation_wrap li .cir{margin-bottom:0 !important;}

		}

		

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

			.relation_wrap li .cir{width:8.7rem; height:8.7rem; margin-bottom:0 !important;}

			.relation_wrap li .cir img{width:40px; margin-top:8%;}

			.relation_wrap li:nth-child(3) .cir img{width:30px; margin-top:5%;}

			.relation_wrap li:nth-child(4) .cir img{width:30px; margin-top:4%;}

			.relation_wrap li .cir > p{padding-top:5.5rem; font-size:1.25rem;}

			.relation_wrap li .cir > p.last{padding-top:5.3rem; line-height:1.3rem;}

			.relation_wrap li p{font-size:1.13rem; line-height:2.1rem;}

		}

		

/*순서박스*/

.step_list_box {padding-bottom:30px;}

.step_list_box ul{overflow:hidden; width:100%;}

.step_list_box ul li{position:relative; float:left; display:table; table-layout:fixed; min-height:175px; width:calc(25% - 44px); text-align:center; border:2px solid #f4f5f9; background:#f4f5f9; word-break:keep-all; font-size:1.3rem; line-height:2.2rem; letter-spacing:-0.06rem; color:#00b4cb; font-weight:600; padding:40px 20px;}

.step_list_box ul li:nth-child(2n+1){border:2px solid #fbfcfd; background:#fbfcfd;}

.step_list_box ul li span,

.step_list_box ul li a{display:table-cell; width:100%; vertical-align:middle; padding:0 1rem; word-break:break-all;}

.step_list_box ul li:hover{border:2px solid #00b4cb;}

.step_list_box ul li > p{font-size:16px; color:#4a506b; font-weight:400;}

		

.step4 {overflow:hidden; margin:10px 0 0 0;}

.step4 dl{position:relative; display:inline-block; min-width:15%; margin-left:2%; box-sizing:border-box; text-align:center;}

.step4 dl:first-child {margin-left:0;}

.step4 dl dt{padding:10px 5px; background:#00b4cb; color:#fff; border:1px solid #00b4cb;}

.step4 dl dd{padding:20px 10px; font-size:16px; font-weight:400; margin-bottom:10px; vertical-align:middle; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}

.step4 dl dd > .steptext {display:block; padding-top:10px; word-break:break-all;}

.step4 dl:after {content:''; position:absolute; top:49%; right:-23px; bottom:50px; width:21px; height:19px; background:url('/images/step_arrow.png') no-repeat 0 center;}

.step4 dl:last-child {overflow:hidden;}



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

		.step4 dl dd {height:115px; font-size:14px;}

	}

	

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

		.step4 dl dd {height:135px; font-size:14px; letter-spacing:-1px;}

	}

	

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

		.step4 dl {width:44.5%; margin-left:4%;}

		.step4 dl:nth-child(3) {margin-left:0;}

		.step4 dl dd {height:120px;}

		.step4 dl:after {right:-20px;}

	}

	

/*리스트테이블*/

.list_table{border-top:1px solid #ddd; margin-top:25px; word-break:keep-all;}

.list_table	> li{position:relative; border-bottom:1px solid #ddd;}

.list_table	> li:before{content:""; display:block; position:absolute; left:1.5rem; top:2.3rem; width:3px; height:3px; background:#00a5e5;}

.list_table > li strong{position:relative; display:table-cell; padding:1.5rem 2.5rem; font-weight:600; color:#00b4cb;}

.list_table > li strong:before {content: ""; position:absolute; display:block; width:1px; height:.75rem; background-color:#b9b9b9; top:2.3rem; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.list_table > li span {display:table-cell; padding-left: 2.5rem; padding-top:1.5rem;}



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

		}

		

.systemBox	{clear:both; position:relative; width:902px; height:480px; margin:30px 0 0 15px; padding:60px 0px 60px 20px; background:url('../images/sc_management_img02.png') no-repeat; word-break:break-all !important;}

.system01 li		{float:left; position:relative; width:270px; height:330px; margin-right:30px; text-align:center; line-height:1.5em;}

.system01 .title	{padding-top:8px; font-size:16px; font-weight:bold; color:#fff;}

.system01 .text	{padding-top:54px; line-height:1.5em; font-size:14px;}



.system02		{clear:both; margin-left:116px;}

.system02 li		{float:left; width:270px; text-align:center; margin-right:110px; line-height:1.5em;}

.system02 .title	{padding-top:9px; font-size:16px; font-weight:bold; color:#fff;}



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

				.systemBox{zoom:0.5;}

		}



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

				.systemBox{zoom:0.6;}

		}



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

				.systemBox{zoom:0.4;}

		}



.requestWriteWrap table{border-collapse: collapse; color:#666;}

.requestWriteWrap table caption{display:none;}

.requestWriteWrap table th{height:44px; background:#f1f1f1; font-weight:bold; border:1px solid #ddd; text-align:center; vertical-align:middle; color:#424242; font-size:15px;}

.requestWriteWrap table td{min-height:24px; border:1px solid #ddd; padding:10px 0 10px 10px; text-align:left; vertical-align:middle; color:#424242;}

.requestWriteWrap table td input[type=text]{padding:3px 5px; border:1px solid #aaa; font-size:15px;}

.requestWriteWrap .agreeBox{padding:30px 30px 5px 30px; margin-top:10px; line-height:1.7em;  background:#f4f4f4;}

.requestWriteWrap .agreeBox strong{font-size:19px;}

.requestWriteWrap .agreeBox span{display:block; padding-top:5px;}

.requestWriteWrap .agreeBox .agCheck{padding:10px 0; margin-top:20px; text-align:center; color:#ff6000; border-top:1px dashed #aaa;}

.requestWriteWrap .agreeBox .agCheck input[type=checkbox]{width:17px; height:17px; margin-top:-3px; vertical-align:middle;}

.requestWriteWrap .boardButton{width:100%; text-align:center;}

.requestWriteWrap .boardButton p{padding-top:30px;}



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

				.requestWriteWrap #o_address1,

				.requestWriteWrap #o_address2,

				.requestWriteWrap #u_address1,

				.requestWriteWrap #u_address2{width:200px !important;}

		}

		

		/* 연혁 */

#content .substance  .history			{position:relative; padding-bottom: 6px;}

#content .substance  .history .year		{position:absolute; float:left; top:0; left:0; font-size:24px; font-weight:bold; color:#00a5e5; line-height:0.8; padding:5px;}

#content .substance  .history dl			{height:100%; padding:15px 0 0 18px; background:#F6F6F6;}

#content .substance  .history dl:last-child	{padding-bottom:15px;}

#content .substance  .history dl:before,

#content .substance  .history dl:after	{content:"";clear:both;display:block;float:none}

#content .substance  .history dt {

    float: left;

    width: 140px;

    font-size: 24px;

    font-weight: 900;

    color: #ffffff;

    line-height: 190%;

    /* float: right; */

    width: 45px;

    height: 45px;

    border-radius: 50%;

    /* margin-top: 19px; */

    background-color: rgb(85 134 218);

    text-align: center;

    letter-spacing: -0.06em;

    margin-top: 10p;

}

#content .substance  .history dd {float: left;
    width: calc(100% - 120px);
    font-weight: 500;
    line-height: 180%;
    margin-right: 20px;
    padding: 8px 20px 15px 20px;
	font-family: Noto Sans KR;
    letter-spacing: -0.06em;
	font-size:17px;
	color: #3f4144bf;
}

#content .substance .list_01 > li{clear: both;

    position: relative;

    padding: 4px 0 4px 12px;

    font-size: 15px;

    line-height: 180%;

    font-weight: 400;

}

#content .substance .list_01 > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:5px; height:5px; border-radius:50%; background:#ff9582;}



/*파란색 동그라미 블릿 리스트*/

#content .substance .page_content .list_01{ margin:6px 0 6px 15px;}

 /*#content .substance .page_content .list_01 > li{clear:both; position:relative; padding: 2px 0 2px 12px; font-size:16px; line-height:130%; font-weight:400; float: left; right: 18px; font-family: Noto Sans KR; letter-spacing: -0.06em;}*/

#content .substance .page_content .list_01 > li{clear: both; position: relative; padding: 4px 0 4px 12px; font-size: 16px; line-height: 180%; font-weight: 400; font-family: Noto Sans KR; letter-spacing: -0.06em;color: #3f4144e3;}
#content .substance .page_content .list_01 > li:before{content:""; display:block; position:absolute; left:2px; top:17px; width:4px; height:4px; border-radius:50%; background:#86aff7;}
#content .substance .page_content .list_01 > li .list_01_01{margin:6px 0; padding:0;}
#content .substance .page_content .list_01 > li .list_01_01 > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .page_content .list_01 > li .list_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:17px; width:6px; height:1px; background:#333;}
#content .substance .page_content .list_01 > li .list_01_01 > li .list_01_01_01 > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .page_content .list_01 > li .list_01_01 > li .list_01_01_01 > li:before{content:""; display:block; position:absolute; left:2px; top:17px; width:2px; height:2px; background:#999;}
#content .substance .page_content .list_01 > li .list_01_none{margin:6px 0; padding:0;}
#content .substance .page_content .list_01 > li .list_01_none > li{position:relative; padding: 3px 0 3px 0; font-size:15px;}
#content .substance .page_content .list_01 > li .list_01_01_pic{ clear:both; position:relative; padding:0; text-align:left;}
#content .substance .page_content .list_01 > li .list_01_01_pic > p{ float:left; width:25%; margin-bottom:30px;}
#content .substance .page_content .list_01 > li .list_01_01_pic li{margin-left:25%;}

	@media(max-width:1024px){
		#content .substance .page_content .list_01 > li{font-size:1.1rem;}
		#content .substance .page_content .list_01 > li .list_01_01 > li{font-size:1.0rem;}
	}
	
.history_se02b {position:relative; margin:0 auto; paddin-top:70px;}
.history_se02b .item{position:relative; width:500px; border-left:1px solid #c8c8c8; margin:0 auto;}
.history_se02b .item .box{position:relative; padding-left:80px; margin:45px 0;}
.history_se02b .item .box:before{content:""; position:absolute; left:-6.5px; top:0; z-index:1; width:9px; height:9px; background:#1851b2; border-radius:100%;}
.history_se02b .item .box:after{content:""; position:absolute; left:0; top:4.7px; width:60px; height:1px; background:#66666652;}
.history_se02b .item .box .year{position:absolute; left:-20%; top:-13px; display:block; color:#1288e3; font-size:32px; line-height:1; font-weight:600;}
.history_se02b .item .box .inner{position:relative;}
.history_se02b .item .box .inner ul li{position:relative; padding-left:65px; text-align:left;}
.history_se02b .item .box .inner ul.no_year li{padding-left:0;}
.history_se02b .item .box .inner ul li+li{margin-top:20px;}
.history_se02b .item .box .inner ul li em{position:absolute; left:0; top:0; color:#333; font-size:19px; letter-spacing:-0.045em; font-weight:600;}
.history_se02b .item .box .inner ul li span{display:block;}
.history_se02b .item .box .inner ul li span+span{margin-top:3px;}

	@media(max-width:820px){
		.history_se02b .item{width:80%; margin-left:20%;}
		.history_se02b .item .box{padding-left:16%; width:84%;}
	}
	@media(max-width:640px){
		.history_se02b .item .box:after{width:40px;}
		.history_se02b .item .box .year{font-size:20px;}
		.history_se02b .item .box .inner ul li{padding-left:52px;}
		.history_se02b .item .box .inner ul li em{font-size:14px;}
		/*.history_se02b .item .box .inner ul li span+span{margin-top:5px; padding-top:5px; border-top:1px dashed #ccc;}*/
	}
	@media(max-width:480px){
		.history_se02b .item{width:100%; margin-left:0;}
		.history_se02b .item .box .year{position:relative; left:0; top:-10px; text-align:left;}
		
	}
	
	
.twobox{padding:10px 0px 0px 15px; width:calc(100% - 15px);}
.twobox:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.twobox .twobox_wrap{width: 100%;  margin: 0 auto;}
.twobox .twobox_wrap:nth-child(2){float:right; margin-right:0;}
.twobox .twobox_wrap .qr{ margin-bottom:30px;}
.twobox .twobox_wrap .qr img{width:90px;}
.twobox .twobox_wrap > .point_line{    position: relative; padding-bottom: 16px; color: #2c2b2b; font-weight: bolder; font-size: 22px;letter-spacing: -0.07em;}
.twobox .twobox_wrap > .point_line:before{    content: ''; position: absolute; top: -10px; left: 10px; margin-left: calc(1% - 35px); width: 30px; height: 30px; background-color: rgba(13, 185, 223, 0.26); border-radius: 30px;}
.twobox .twobox_wrap > .channel_arrow{ padding-top:15px;}
.twobox .twobox_wrap > .channel_arrow > li{position:relative; float:left; width:33%; overflow:hidden; line-height:35px;}
.twobox .twobox_wrap > .channel_arrow > li img{width:45px;}
.twobox .twobox_wrap > .channel_arrow > li:nth-child(3):after{background:none;}
.twobox .twobox_wrap > .channel_arrow > li:after{content:''; position:absolute; top:25%; right:-1px; bottom:50px; width:21px; height:19px; background:url('../images/step_arrow.png') no-repeat 0 0;}
.twobox .twobox_text{clear:both; text-align:left; font-size:16px; line-height:160%; padding-top:20px;}	
.topbox .topbox_inner .txtwrap .h_box{position:relative; padding-bottom:15px; font-size:20px; font-weight:500; line-height:1.7; color: #3f4144e3; letter-spacing: -0.06em;}
.topbox .topbox_inner .txtwrap .txt_tip{color:#545454;}
.topbox .topbox_inner .txtwrap .txt_tip:before{line-height:16px; border-radius:50%; background:#393847; color:#fff; font-size:13px; font-weight:700; text-align:center; content:"!";}
.topbox .topbox_inner .txtwrap p.txt_tip .txt_strong{font-weight:600; color:#da4453;}
.topbox .topbox_inner .border{width:100%; height:1px; margin:15px 0; border-top:1px dashed #e5e5e5;}
.topbox .btnwrap{top:-20px;}
.topbox .top_tip {color:#89350d;}
.topbox.type1{    overflow: hidden; position: relative; padding: 0 0 2px; margin: 15px 0 35px 0; background: white;}
.topbox.type1:before {display:block; display:block; position:absolute; left:10px; right:0; top:0; z-index:5; content:''; width:auto; height:150px; border-bottom:1px solid #cdcdcd; border-left: none; border-top: 2px solid #3b496a; border-rightnone;}
.topbox.type1:after {content:''; display:block; visibility:visible; position:absolute; left:0; top:0; z-index:5;  width:183px; height:51px; background:url(../images/img_line.jpg) repeat-x;}
.topbox.type1 .topbox_inner{position: relative;  z-index: 3; min-height: 80px; padding: 40px 40px 20px 200px; background: #ffffff;;}
.topbox.type1 .topbox_inner:before{content: ''; display: block; visibility: visible; position: absolute;left: 0; bottom: 0; width: 100%; height: 1px;}
.topbox.type1 .topbox_inner:after{content:''; display:block; visibility:visible; position:absolute; left:0; top:0; z-index:5; width:183px; height:51px; background:url(../images/img_line.jpg) 0 0 repeat-y;}
.topbox.type1 .topbox_inner .txtwrap p {margin:20px 0 0; font-size:16px; line-height:1.7; color:#545454;}
.topbox.type1 .ir_icon{display:block; position:absolute; top:27px; left:50px; width:100px; height:100px; border-radius:50%; background-color:#5586da !important; text-indent:-9999px;}
.topbox.type1 .ir_imgbg {display:block; position:absolute; top:30px; left:30px; width:146px; height:101px; text-indent:-9999px; background:url(../images/ir_icon_imgbg.png); background-position:0 0}
.topbox.type1 .ir_imgbg2 {display:block; position:absolute; top:30px; left:30px; width:146px; height:101px; text-indent:-9999px; background:url(../images/ir_icon_imgbg2.png); background-position:0 0}
.topbox.type1 .ir_icon_md {background-image: url(../images/ir_icon_md.png); background-position: 0 0; margin-bottom: 10px;}

.topbox.type2{overflow: hidden; position: relative; padding: 0 0 2px; margin: 15px 0 35px 0; background: white;}
.topbox.type2:before {display:block; position:absolute; left:10px; right:0; top:0; z-index:5; content: ''; width:auto; height:150px; border-bottom:1px solid #cdcdcd; border-left:none; border-top:2px solid #3b496a; border-right: none;}
.topbox.type2:after {content:''; display:block; visibility:visible; position:absolute; left:0; top:0; z-index:5;  width:183px; height:51px; background:url(../images/img_line.jpg) repeat-x;}
.topbox.type2 .topbox_inner{position: relative; z-index: 3; min-height: 80px; padding: 40px 40px 20px 200px; background: #ffffff;;}
.topbox.type2 .topbox_inner:before{content: ''; display: block; visibility: visible; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;}
.topbox.type2 .topbox_inner:after{content:''; display:block; visibility:visible; position:absolute; left:0; top:0; z-index:5; width:183px; height:51px; background:url(../images/img_line.jpg) 0 0 repeat-y;}
.topbox.type2 .topbox_inner .txtwrap p {margin:20px 0 0; font-size:16px; line-height:1.7; color:#545454;}
.topbox.type2 .ir_icon{display: block;  position:absolute; top: 27px; left: 50px; width: 100px; height: 100px; border-radius: 50%; background-color: #5586da !important; text-indent: -9999px;}
.topbox.type2 .ir_imgbg {display:block; position:absolute; top:30px; left:30px; width:146px; height:101px; text-indent:-9999px; background:url(../images/ir_icon_imgbg.png); background-position:0 0}
.topbox.type2 .ir_imgbg2 {display:block; position:absolute; top:30px; left:30px; width:146px; height:101px; text-indent:-9999px; background:url(../images/ir_icon_imgbg2.png); background-position:0 0}
.topbox.type2 .ir_icon_md {background-image: url(../images/ir_icon_md_2.png); background-position: 0 0; margin-bottom: 10px;}
.topbox.type2 .ir_icon_md2 {background-image: url(../images/ir_icon_md.png); background-position: 0 0; margin-bottom: 10px;}

	@media(max-width:580px){
		.topbox.type2 .topbox_inner{padding:40px 0;}
		.topbox.type2 .ir_icon{position:relative; top:0; left:0; margin-left:calc(50% - 50px);}
		.topbox .topbox_inner .txtwrap{width:calc(100% - 40px); margin:0 30px; border-bottom:1px solid #cdcdcd;}
		.topbox.type2:before{border-bottom:none;}
		
	}