@charset "utf-8";
/*@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; }*/
/*** Sub Common ***/
/* Sub Visual Sec */
/*** Content ***/

.sub_layout{margin-top: 205px !important;}
.lnb {float: left; width: 19.53%; min-width:250px}
.sub_cont{width: 75.85%; float: right; min-height:300px} 
.sb_t1{font-size: 36px; line-height: 1; color: #262626; font-weight: 500; padding-bottom: 40px; padding-top: 4px;}

.sb_h5{font-size: 20px; ;line-height: 1;color: #009af5; font-weight: 500; margin-bottom: 15px;}
.sb_h3{font-size: 32px; line-height: 1.438; font-weight: 500; color: #262626;}
.sb_pt1{font-size: 20px; line-height:  1.7;color: #333; font-weight: 500; margin-top: -7px;}
.sb_pt1 span{color: #1094e4;}

.tap_ty1{}
.tap_ty1 li{position: relative; cursor: pointer; float: left; width: 33.333%; text-align: center; border: 1px solid #ddd; border-right: 0; box-sizing: border-box; font-size: 17px; color: #666; transition:.3s; line-height: 60px; height: 60px;}
.tap_ty1 li:last-child{border-right: 1px solid #ddd;}
.tap_ty1 li:hover,
.tap_ty1 li.on{background: #2d2f30; color: #fff; }
.tap_ty1 li:after{position: absolute; content:''; width: 14px; height: 9px; background: url(../../images/sub/tab_ty1.png) center no-repeat;	 left: 50%; bottom: 0; margin-left: -7px;}
.tap_ty1 li:hover,
.tap_ty1 li.on{}


/* �Խ��� ��� */
#bo_cate_s {margin-bottom: 60px;overflow: hidden;}
#bo_cate_s > ul li{position: relative; cursor: pointer; float: left; width: 25%; text-align: center; border: 1px solid #ddd; box-sizing: border-box; font-size: 17px; color: #666; transition:.3s; line-height: 59px; height: 60px; border-left: 0; border-top: 0;}
#bo_cate_s > ul li:nth-child(1),
#bo_cate_s > ul li:nth-child(5),
#bo_cate_s > ul li:nth-child(9){border-left: 1px solid #ddd;}
#bo_cate_s > ul li:nth-child(1),
#bo_cate_s > ul li:nth-child(2),
#bo_cate_s > ul li:nth-child(3),
#bo_cate_s > ul li:nth-child(4){border-top: 1px solid #ddd;}

#bo_cate_s > ul li:nth-child(4n+4),
#bo_cate_s > ul li a{position: relative; display: block; transition:.3s;}
#bo_cate_s > ul li:hover a,
#bo_cate_s > ul li.current a{background: #2d2f30; color: #fff; }
#bo_cate_s > ul li a:after{position: absolute; content:''; width: 14px; height: 9px; background: url(../../images/sub/tab_ty1.png) center no-repeat;	 left: 50%; bottom: -1px; margin-left: -7px; opacity: 0; transition:.3s;}
#bo_cate_s > ul li.current a:after,
#bo_cate_s > ul li:hover a:after{opacity: 1;}

/* ���̺� */


/*s1_1*/
.s0101{margin-bottom: 220px;}
.s0101 .section1{position: relative; border-bottom: 1px solid #2d2f31; padding: 40px 0 53px;}
.s0101 .section1:after{position: absolute; content:''; width: 431px; height: 219px; background: url(../../images/sub/s101_1.png) center right no-repeat; right: 0; top: 0; z-index: -1;}
.s0101 .section2{padding-top: 43px;}
.s0101 .section2 p {color: #666;}
.s0101 .section2 p span{color: #262626; font-weight: 500;}

/* s1_2 */
.s0102{margin-bottom: 80px;}
.s0102 .section1{margin-bottom: 42px;} 
.his_box > div:nth-of-type(2n+2) h3{color: #333;}
.his_box > div:nth-of-type(2n+2) h3:after{background: url(../../images/sub/his_dot2.png) center no-repeat; }
.his_0{display: table; table-layout: fixed; width: 100%; padding: 41px 0; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.his_0 > div{display: table-cell; vertical-align: top;}

.l_his{width: 29.14%; padding-top: 4px;}
.r_his{padding-left:28px; box-sizing: border-box;}
.his_0 h3{font-size: 34px; line-height: 1; color: #1094e4; font-weight: 500; position: relative; }
.his_0 h3:before{position: absolute; content:''; width: 53.5%; height: 1px; background: #ddd; right: 20px; top: 50%; }
.his_0 h3:after{position: absolute; content:''; width: 23px; height: 23px; background: url(../../images/sub/his_dot1.png) center no-repeat; right: 0; top: 50%; margin-top: -12px;}
.r_his ul{padding-top: 3px;	}
.r_his ul li{display: table; table-layout: fixed; width: 100%; font-size: 16px; line-height: 2.125;}
.r_his ul li span,
.r_his ul li p{display: table-cell; vertical-align: top; padding-left: 13px;}
.r_his ul li span{width: 31px; font-weight: 500; color: #333; position: relative;}
.r_his ul li span:after{position: absolute; content:''; width: 1px; height: 11px; background: #ddd; right: 0; top: 13px}
.s0102 .section3{border-top: 2px solid #2d2f30; margin-top: 50px;}

.his_box{display: none;}
.his_box1{display: block;}

/* s103 */

.s0103{margin-bottom: 240px;}
.ul3_box{text-align: center; display: table; table-layout: fixed; width: 100%; margin-top: 42px;}
.ul3_box > li{display: table-cell; width: 33.333%; box-sizing: border-box; border: 1px solid #ddd; border-right: 0; height: 458px; vertical-align: top;	padding-top: 50px;}
.ul3_box > li:last-child{border-right: 1px solid #ddd;}
.ul3_box > li img{width: auto;}
.ul3_box > li  figcaption{position: relative; font-size: 22px; font-weight: 900; color: #262626; padding-bottom: 44px; margin-top: 28px; letter-spacing: -0.03em !important;}
.ul3_box > li  figcaption:after{position: absolute; content: ''; width: 1px; height:25px; background: #1094e4; left: 50%; bottom: 12px;	}
.ul3_box > li h4{font-size: 22px; line-height: 32px; color: #262626; font-weight: 900; margin: 25px 0 14px;}
.ul3_box > li ul {box-sizing: border-box;padding-left: 30px;}
.ul3_box > li ul li{position: relative; font-size: 16px; line-height: 1.875; color: #666;  padding-left: 15px; text-align: left; }
.ul3_box > li ul li:before{position: absolute; content:''; width: 5px; height: 5px; background: #242424; left: 0; top: 14px;}


/*s1_4*/
.s0104{position: relative; background: #fff; z-index: 105; padding-bottom: 100px;}
.s104_map{margin-bottom: 57px;	}
.root_daum_roughmap .wrap_controllers{display: none; }
.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 520px !important; box-sizing: border-box; padding: 3px;}
.s104_txt{overflow: hidden;}
.s104_txt .l_box{float: right;}
.s104_txt .l_box li {float: left;}
.s104_txt .l_box li:last-child{margin-left: -1px;}
.s104_txt .l_box li a{position: relative; width: 61px; height: 61px; border: 1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.s104_txt .l_box li a:before{position: absolute; content:''; width: 61px; height: 61px; background: url(../../images/template/print_1.png) center no-repeat; transition:.3s;}
.s104_txt .l_box li:nth-child(2) a:before{ background: url(../../images/template/print_2.png) center no-repeat;}
.s104_txt .rbox {float: left; overflow: hidden;}
.s104_txt .rbox h3{font-size: 25px; line-height: 25px; color: #333; font-weight: 500; float: left; padding-right: 52px;}
.s104_txt .rbox p{font-size: 16px; line-height: 28px; color: #787878; float: left;}
.s104_txt .rbox p span{position: relative;display: inline-block; margin-right: 24px; position: relative; vertical-align: middle;}
.s104_txt .rbox p span:after{position: absolute; content:''; width: 1px; height: 12px; background: #dbdbdb; right: -14px; top: 9px; }
.s104_txt .rbox p span:last-child:after{display: none;}
.s104_txt .l_box li:hover a:before{transform:rotate(30deg)}
.s0104 .cnt2 ul {overflow: hidden; text-align: center; margin-top: 55px;}
.s0104 .cnt2 ul li img{width: auto;}
.s0104 .cnt2 ul li {display: table; float: left; margin-right: 19px;}
.s0104 .cnt2 ul li figure{width: 260px; height: 70px; display: table-cell; vertical-align: middle; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #dbdbdb;}
.s0104 .cnt2 ul li p{font-size: 16px; line-height: 16px; font-weight: 350; padding: 15px 0;}
.s0104 .section2{box-sizing: border-box; width: 100%; padding-left: 42px; margin-top: 60px;}
.g_box1{background: #f0f0f0; height: 175px; box-sizing: border-box; padding: 40px 0 0 80px; position: relative;}
.g_box1:before{position: absolute; content:''; width: 82px; height: 82px; background: url(../../images/sub/s104_1.png) center no-repeat; left: -41px; top: 50%; margin-top: -35px;}
.g_box1 h3{font-size: 22px; line-height: 1; color: #262626; font-weight: 500; margin-bottom: 19px;}
.g_box1 p{color: #666;}	
.g_box1 p span{position: relative; display: inline-block; padding-right: 67px; }
.g_box1 p span:after{position: absolute; content:''; width: 9px; height: 14px; background: url(../../images/sub/s104_2.png) center no-repeat; right: 28px; top: 50%; margin-top: -7px;}
.g_box1 p span:last-child:after{display: none;}
.g_box1 p b{font-weight: 400; color: #009af5;	}

.root_daum_roughmap_landing{box-sizing: border-box;}

/* s201 */

.s0201{margin-bottom: 120px;}
.s2_h2{font-size: 34px; line-height: 1; color: #262626; font-weight: 500; text-align: center;}
.ul2_1{border-top: 1px solid #2d2f30;}
.ul2_1{text-align: center; position: relative;}
.ul2_1:before{position: absolute; content:''; width: 100%; height: 1px; background: url(../../images/sub/s201_4.jpg) center; left: 0; bottom: 23px; z-index: -1;}
.ul2_1 li{display: inline-block; padding: 0 5%;}

.ul2_1 li figure{padding: 50px 0 20px; }
.ul2_1 li img{width: auto;} 
.ul2_1 li figcaption{background: #2d2f30; color: #fff; font-weight: 500; font-size: 16px; line-height: 46px; width: 190px;cursor: pointer;transition:0.3s}
.ul2_1 li.on figcaption{background: #1094e4	}
@media (min-width:800px){
	.ul2_1 li:hover figcaption{background-color: #1094e4;}
}
/* .ul2_1 li:last-child figcaption{background: #1094e4;} */

.s0201 .section1{padding-bottom: 54px;}
.s0201 .section2 p{margin-top: 32px;}

/* s501_1 */
.s5t_wrap{display: table; width: 100%; table-layout: fixed; height: 274px; background: url(../../images/sub/s5_1_1.jpg) center no-repeat; margin-bottom: 33px;}
.s5t_wrap > .tbx{display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 8.4%;}
.s5t_wrap > .tbx{display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 8.4%;}
.s5t_wrap span{display: block; font-size: 18px; line-height: 1; color: #1094e4; font-weight: 500;	margin-bottom: 20px;}
.s5t_wrap h3{font-size: 38px; line-height: 1.368; color: #fff; font-weight: 500;}
.s5t_wrap h3 span{display: block; font-size: 28px; line-height: 45px; color: #fff; font-weight: 500;}
.s5_top p{color: #606060; word-break: keep-all;}


.s8t_wrap{display: table; width: 100%; table-layout: fixed; height: 274px; background: url(../../images/sub/s8_1_1.jpg) center no-repeat; margin-bottom: 33px;}
.s8t_wrap > .tbx{display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 8.4%;}
.s8t_wrap > .tbx{display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 8.4%;}
.s8t_wrap span{display: block; font-size: 18px; line-height: 1; color: #1094e4; font-weight: 500;	margin-bottom: 20px;}
.s8t_wrap h3{font-size: 38px; line-height: 1.368; color: #fff; font-weight: 500;}
.s8t_wrap h3 span{display: block; font-size: 28px; line-height: 45px; color: #fff; font-weight: 500;}
.s8_top p{color: #606060; word-break: keep-all;}
/* .s5_t_box {overflow: hidden;}
.s5_t_box > h4{float: left;} */

.s5_tit{box-sizing: border-box; font-size: 28px; padding-left: 33px; line-height: 57px;  color: #fff; font-weight: 500; border-radius: 50px; background: #21a6f5 url(../../images/sub/s5_1_2.jpg) right center no-repeat; overflow: hidden; margin-bottom: 30px;}
.s8_tit{box-sizing: border-box; font-size: 28px; padding-left: 33px; line-height: 57px;  color: #fff; font-weight: 500; border-radius: 50px; background: #21a6f5 url(../../images/sub/s5_1_2.jpg) right center no-repeat; overflow: hidden; margin-bottom: 30px;}
.s8_titB{box-sizing: border-box; font-size: 28px;padding:10px; padding-left: 33px; line-height: 30px;  color: #fff; font-weight: 500; border-radius: 0px; background: url(../../images/sub/bg_s8.png) left center no-repeat; overflow: hidden; margin-bottom: 30px;}
.s5b_ty1{border-top: 2px solid #009af5;}
.s5b_ty1 > li{display: table; width: 100%; table-layout: fixed; min-height:180px; position: relative;}
.s5b_ty1 > li:after{position: absolute; content:''; width: 100%; height: 1px; background:  url(../../images/sub/s5_doted.jpg) left center; left: 0; bottom: 0; 	}
/* .s5b_ty1 li:last-child:after{display: none;} */
.s5b_ty1 > li figure{width: 16.47%; }
.s5b_ty1 > li figure img{width: auto;}
.s5b_ty1 > li figure,
.s5b_ty1 > li p{display: table-cell; color: #666; vertical-align: middle; }
.s5b_ty1 > li p{width: 83.53%;}
.s8b_ty1{border-top: 2px solid #009af5;}
.s8b_ty1 > li{display: table; table-layout: fixed; min-height:180px; position: relative;}
.s8b_ty1 > li:after{position: absolute; content:''; height: 1px; background:  url(../../images/sub/s8_doted.jpg) left center; left: 0; bottom: 0; 	}
/* .s8b_ty1 li:last-child:after{display: none;} */
.s8b_ty1 > li figure{width: 100%; }
.s8b_ty1 > li figure img{width: 100%; margin-bottom: 30px;}
.s8b_ty1 > li figure,
.s8b_ty1 > li p{display: table-cell; color: #666; vertical-align: middle; }
.s8b_ty1 > li p{width: 83.53%;}
.dotted_ul li{position: relative; padding-left: 14px; line-height: 2.125; color: #666;}
.dotted_ul li:before{position: absolute; content:''; width: 5px; height: 5px; background: #252525;	left: 0; top: 16px;}
.dotted_ul li span{color: #262626;}
.dotted_ul2 li{line-height: 1.875;}
.dotted_ul li:before{top: 14px;}

.dotted_ul3 li{line-height: 30px; margin-bottom: 4px;}
.dotted_ul3 li b{display: block; font-weight: 400; padding-left: 52px;}

.s5b_ty2{text-align: center; position: relative; border: 1px solid #dbdbdb; box-sizing: border-box; padding: 50px; }
.s5b_ty2 figure{box-sizing: border-box;  padding-top: 50px;text-align: left;	}
.s5b_ty2 figure:first-child{padding-bottom: 50px; padding-top: 0; position: relative;}
.s5b_ty2 figure:first-child:after{position: absolute; content:''; width: 96%; height: 1px; background: #dbdbdb; left: 2%; bottom: 0;}
.s5b_ty2 img{width: auto; margin-top: 22px;}
.s5b_ty2 p{color: #666;}
.s5b_ty2 p span{color: #009af5;}
.s5b_ty2 .fbx{margin: 34px 0;}
.s5b_ty2 h6{margin-bottom: 0px;}
.s5b_ty2 .fbx {overflow: hidden;}
.s5b_ty2 h6,
.s5b_ty2 .fbx ul li h4{font-size: 18px; line-height: 1; color: #009af5; font-weight: 500; text-align: center;}
.s5b_ty2 .fbx ul{text-align: center; position: relative;}
.s5b_ty2 .fbx ul:before{position: absolute; content:''; width: 13px; height: 18px; background: url(../../images/sub/422_4.jpg) center no-repeat;	top: 30px; left: 50%; margin-left: -6px;}
.s5b_ty2 .fbx ul li{	display: inline-block; vertical-align: top; width: 83px; padding: 0 73px;}

.s5b_ty2 .fbx ul li h4{color: #262626; padding-top: 16px;} 
.s5_blue_tit{position:relative; display:inline-block;font-size: 22px; line-height: 1; color: #fff; font-weight: 500; text-align: left; width:auto; padding: 0 10px;/* padding-left:15px;  width:120px; */height:40px; background:#1a7bc5; text-align:center; line-height:40px;/*  margin-bottom:20px; */}	
/* .s5_blue_tit:before {position:absolute; content:""; width:4px; height:10px; background:#009af5; top:3px; left:0; }
.s5_blue_tit:after{position:absolute; content:""; width:4px; height:10px; background:#1a7bc5; top:13px; left:0; } */

.s5b_ty2{padding-top: 42px; padding-bottom: 45px;}
.s5b_ty2 .fbx{margin-bottom: 42px;}
.s5b_ty2_2 figure{padding: 0 !important;}
.s5b_ty2_2 figure:after{display: none;}
.s5b_ty2_2 img{margin-top: 0;}
.s5b_ty2_2 .pbx{padding-top: 33px; position: relative; margin-top: 8px;}
.s5b_ty2_2 .pbx:before{position: absolute; content:''; width: 93.11%;height: 1px; background: #dbdbdb; left: 3.44%; top: 0;}

.s5b_ty3{text-align: center; padding-top: 50px; padding-bottom: 120px;	position: relative;}
.s5b_ty3:before{position: absolute; content:''; width: 100%; height: 278px; background: url(../../images/sub/s51_bgt.jpg) 0 0 no-repeat; left: 0; bottom: 40px; z-index: -1;}
.s5b_ty3 img{width: auto;}

.s5b_ty4 ul{}
.s5b_ty4 ul li{float: left; width: 47.37%; margin-bottom: 60px; position: relative;}
.s5b_ty4 ul li:before{position: absolute; content:''; width: 100%; height: 25px; background: url(../../images/sub/s5b_ty4_bg.jpg) center no-repeat; left: 0; bottom: -25px;}
.s5b_ty4 ul li:nth-child(2n+2){float: right;}
/* 2023_11_01 솔루션 페이지 오류 수정*/
.s5b_ty4 ul li img{max-width : 100%}

	.s5b_ty5 {
		margin-bottom: 40px;
	}
.s5b_ty5 ul li{text-align: center; float: left; width: 33.333%; box-sizing: border-box; border-right: 1px solid #ddd;	display: table; table-layout: fixed; height: 254px;}
.s5b_ty5 ul li:nth-child(1),
.s5b_ty5 ul li:nth-child(2),
.s5b_ty5 ul li:nth-child(3){border-bottom: 1px solid #ddd;}
.s5b_ty5 ul li:last-child,
.s5b_ty5 ul li:nth-child(3n+3){border-right: 0;}

.s5b_ty5 ul li .txt{display: table-cell; vertical-align: top; box-sizing: border-box; }
.s5b_ty5 ul li .txt span{display: block; font-size: 22px; line-height: 1; color: #009af5; font-weight: 700; text-align: right; margin-bottom: 26px; padding-right: 36px; padding-top: 40px;}
.s5b_ty5 ul li .txt h5{font-size: 22px; line-height: 1; color: #262626; font-weight: 500; margin-bottom: 14px;}
.s5b_ty5 ul li .txt p{color: #666;}

.s5b_ty5_2 ul li{border-bottom: 1px solid #ddd;	}
.s5b_ty5_2 ul li:nth-child(7),
.s5b_ty5_2 ul li:nth-child(8),
.s5b_ty5_2 ul li:nth-child(9){border-bottom: 0;}

.s5b_ty6 ul li{display: table; width: 100%; table-layout: fixed; background: #f7f7f7; border-radius: 25px; box-sizing: border-box; padding: 50px 0; margin-bottom: 40px; vertical-align: top; height: 205px; overflow: hidden;}
.s5b_ty6 ul li:last-child{margin-bottom: 0;}
.s5b_ty6 ul li figure{display: table-cell; width: 20.18%; text-align: center; padding-left: 20px; box-sizing: border-box;}
.s5b_ty6 ul li figure img{width: auto;}
.s5b_ty6 ul li > div{display: table-cell; vertical-align: top; padding-top: 14px;}

.s5b_ty6 ul li h5{font-size: 22px; line-height: 1; color: #262626; font-weight: 500; margin-bottom: 8px; }
.s5b_ty6 ul li h5 span{color: #009af5; font-weight: 700; display: inline-block; width: 29px; text-align: left;}
.s5b_ty6 ul li p{color: #666; padding-left: 32px; }

.s5b_ty6 ul li.ty2 .ty2_li1{width: 35.22%;} 
.s5b_ty6 ul li:nth-child(2) figure img{margin-top: -10px;}
.s5b_ty6 ul li:nth-child(3) > div{padding-top:27px}
.s5b_ty6 ul li:nth-child(4)  figure img{margin-top: -8px;}

.s5b_ty7{border-bottom: 1px solid #dbdbdb;}
.s5b_ty7 ul li{float: left; width: 21.83%; margin-right: 4.222%; text-align: center;}
.s5b_ty7 ul li:nth-child(4n+4){margin-right: 0;}
.s5b_ty7 ul li figure{margin-bottom: 25px;}
.s5b_ty7 ul li h5{font-size: 18px; line-height: 1.667; color: #262626; font-weight: 500; margin-bottom: 2px;}
.s5b_ty7 ul li p{color: #666; padding-bottom: 30px;}

.s7_tit{font-size: 16px; color: #666; display: block; font-weight: 400;}
.s7_tit span{position: relative; font-size: 18px; line-height: 1.667; color: #262626; font-weight: 500; display: inline-block; padding-left: 16px; margin-right: 15px;}
.s7_tit span:before{position: absolute; content:''; width: 10px; height: 10px; border-radius: 50%;	box-sizing: border-box; border: 2px solid #1c1c1c; left: 0; top: 10px;}
.s5b_ty8 ul li{float: left; width: 21.83%; margin-right: 4.222%; margin-bottom: 40px; box-sizing: border-box; border: 1px solid #dcdcdc; text-align: center; height: 96px; 	display: table; table-layout: fixed;}
.s5b_ty8 ul li span{display: table-cell; vertical-align: middle;}
.s5b_ty8 ul li img{width: auto;}
.s5b_ty8 ul li:nth-child(4n+4){margin-right: 0;}
/*.s5b_ty8_1 ul li{float: left; width: 18%; margin-right: 1.7%; margin-bottom: 40px; box-sizing: border-box; border: 1px solid #dcdcdc; text-align: center; height: 96px; 	display: table; table-layout: fixed;} */
.s5b_ty8_1 ul li{float: left; width: 15%; margin-right: 1.7%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dcdcdc; text-align: center; height: 96px; 	display: table; table-layout: fixed;}
.s5b_ty8_1 ul li span{display: table-cell; vertical-align: middle;}
.s5b_ty8_1 ul li img{width: auto;}
.s5b_ty8_1 ul li:nth-child(6n+6){margin-right: 0;}

.s5b_ty9 img{width: 100%;}

.s5_top2 .s5t_wrap{ background: url(../../images/sub/s5_2_1.jpg) center no-repeat;}
.s5b_ty10 ul{}
.s5b_ty10 ul li{width: 33.333%; float: left; border: 1px solid #ddd; height: 141px; box-sizing: border-box;  padding-left: 40px; display: table; table-layout: fixed; border-left: 0;}
.s5b_ty10 ul li:nth-child(1),
.s5b_ty10 ul li:nth-child(4){border-left: 1px solid #ddd;}
.s5b_ty10 ul li > div{display: table-cell; vertical-align: middle;}
.s5b_ty10 ul li img{width: auto;}
.s5b_ty10 ul li:last-child,
.s5b_ty10 ul li:nth-child(4),
.s5b_ty10 ul li:nth-child(5){border-top: 0;}
.s5b_ty10 ul li span{display: inline-block; vertical-align: middle; padding-right: 11px;}
.s5b_ty10 ul li p{display: inline-block; vertical-align: middle; font-size: 18px; line-height: 30px; color: #262626; font-weight: 500;}
.s5b_ty10 ul li p span{display: inline-block;	 font-size: 16px; line-height: 30px; color: #606060; font-weight: 400;	padding-right: 0;}

.s5b_ty10_2 ul li{width: 50%;border: 1px solid #ddd; border-right: 0;}
.s5b_ty10_2 ul li:nth-child(3n+3){border-right: 0;}
.s5b_ty10_2 ul li:nth-child(2n+2){border-right: 1px solid #ddd}
.s5b_ty10_2 ul li:nth-child(4),
.s5b_ty10_2 ul li:nth-child(5){border-top:  1px solid #ddd;;}
.s5b_ty10_2 ul li:nth-child(3),
.s5b_ty10_2 ul li:nth-child(4){border-top: 0;}

.s5b_ty10_3 ul li{width: 100%; height: 181px;}
.s5b_ty10_3 ul li span{padding-right: 23px;}

.s5b_ty10_4 ul li{height: 194px;}
.s5b_ty10_4 ul li > .txt > span{vertical-align: top; position: relative; top:-10px}
.s5b_ty10_4 ul li:nth-child(3) > .txt,
.s5b_ty10_4 ul li:nth-child(4) > .txt{padding-bottom: 30px;}

.s5b_ty10_5 ul li:last-child{width: 100%; } 
.s5b_ty10_5 ul li:last-child > .txt{padding-bottom: 0; border-right: 1px solid #ddd;}


.s5b_ty1_2 li:last-child:after{display: block;}
.s5b_ty1_2 .txt{display: table-cell; vertical-align: middle; width: 83.53%;}
.s5b_ty1_2 .txt h3{font-size: 18px; line-height: 1; color: #262626; font-weight: 500; margin-bottom: 10px;}
.s5b_ty1_2 p{display: block;}

.s5b_ty1_3 .txt h3{padding-top: 8px;	}

.s5b_ty11 ul li{float: left; width: 31.51%; margin-right: 2.72%; text-align: center; height: 306px; background: #f7f7f7; box-sizing: border-box; margin-bottom: 35px; padding-top: 48px; position: relative;}
.s5b_ty11 ul li:after{position: absolute; content:''; width: 47px; height: 47px; background:  url(../../images/sub/s5_2_17.png) center no-repeat; right: -40px; top: 50%; margin-top: -24px; z-index: 10;}
.s5b_ty11 ul li:nth-child(3n+3):after{display: none;}
.s5b_ty11 ul li:last-child{margin-bottom: 0;}
.s5b_ty11 ul li:last-child:after{display: none;}
.s5b_ty11 ul li img{width: auto;}
.s5b_ty11 ul li:nth-child(3n+3){margin-right: 0;	}
.s5b_ty11 ul li > div > span{display: block; font-size: 16px; line-height: 1; color: #009af5; font-weight: 500; margin: 21px 0 13px;}
.s5b_ty11 ul li h4{font-size: 18px; line-height:30px; color: #262626; font-weight: 500;}
.s5b_ty11 ul li h4 span{font-size: 16px; color: #262626; font-weight: 400; display: block;}

.s5b_ty11 ul li h4 span.c_gra{color: #606060; box-sizing: border-box; padding: 0 1vw; word-break: keep-all;}
.s5b_ty11 ul li:nth-child(4),
.s5b_ty11 ul li:nth-child(5),
.s5b_ty11 ul li:nth-child(6){padding-top: 43px;}

.s5b_ty11_2 ul li h4 span{color: #262626;}
.s5b_ty11_2 ul li{padding-top: 38px;}
.s5b_ty11_2 ul li > div > span{margin-top: 16px;}
.s5b_ty11_3 ul li{height: 365px;}

.s5b_ty11_4 ul li{width: 23.37%; margin-right: 2.05%; padding-top: 32px !important; height: 336px;}
.s5b_ty11_4 ul li:nth-child(3n+3){margin-right: 2.05%;}
.s5b_ty11_4 ul li:last-child{margin-right:0;}
.s5b_ty11_4 ul li:nth-child(3n+3):after{display: block;}

.s5b_ty11_4_new ul li{height: 400px;}


.s5b_ty11_5 ul li{height: 246px;}
.s5b_ty11_5 ul li:first-child figure{padding-left: 10px;}
.s5b_ty11_5 ul li:nth-child(4), 
.s5b_ty11_5 ul li:nth-child(5),
.s5b_ty11_5 ul li:nth-child(6){padding-top: 50px;}

.s5b_ty11_6 ul li{height: 276px; }

.s5b_ty11_6 ul li > div > span {margin: 13px 0 13px;}
.s5b_ty11_6 ul li:nth-child(4) > div > span,
.s5b_ty11_6 ul li:nth-child(5) > div > span  {margin: 21px 0 13px;}




.s5b_ty12 ul li,
.s5b_ty14 ul li{width: 16.5%; margin-right: 4%; float: left; margin-bottom: 40px;}
.s5b_ty12 ul li:nth-child(5n+5),
.s5b_ty14 ul li:nth-child(5n+5){margin-right: 0;}

.s5b_ty12 ul li{ border-bottom: 1px solid #ddd; margin-bottom: 40px;	}
.s5b_ty12 ul li img{display: inline-block; width: 170px;}
.s5b_ty12 ul li figure{position: relative; padding-bottom: 21px; }
.s5b_ty12 ul li figure:after{position: absolute; content:''; width: 100%; height: 21px; background:  url(../../images/sub/s12_sha.png) center no-repeat; background-size: 100%; left: 0; bottom: 0;}
.s5b_ty12 ul li figcaption{color: #666; text-align: center; line-height: 30px; padding: 5px 0 14px;}
.s5b_ty12 ul li:nth-child(5n+5){margin-right: 0;}
.s5b_ty12 ul li.f_li{width: 47.88%; margin-right: 0;}
.s5b_ty12 ul li.f_li figure:after{background:  url(../../images/sub/s12_sha2.png) center no-repeat;}

.s5b_ty12_2 ul li figure:after{display: none;}
.s5b_ty12_2 ul li figure{padding-bottom: 0;}
.s5b_ty12_2 ul li figcaption{padding: 0; line-height: 57px;}

.fg_line {border:1px solid #ddd;}

.s5b_ty12_3{text-align: center;}
.s5b_ty12_3 ul li figure img{box-sizing: border-box; border: 1px solid #ddd;}
.s5b_ty12_3 ul li .txt{padding-bottom: 10px;}
.s5b_ty12_3 ul li span{display: block; font-size: 16px; line-height: 1; color: #009af5; font-weight: 500; margin-bottom: 13px; margin-top: 10px;}
.s5b_ty12_3 ul li h4{font-size: 18px; line-height: 1.875; color: #262626; font-weight: 500;}
.s5b_ty12_3 ul li p{color: #606060;}

.s5b_ty13 ul li{float: left; width: 20%; margin-right: 4.27%; text-align: center;}
/* .s5b_ty13 ul li:nth-child(3n+3){margin-right: 0;} */
.s5b_ty13 ul li h4{font-size: 18px; line-height: 48px; color: #fff; font-weight: 500; background: #252525;}
.s5b_ty13 ul li p{color: #666; padding: 12px 0 34px;	}
.s5b_ty13 ul li.w100 {width: 100%;}
.s5b_ty13 ul li figure {background-color: #f0f0f0;}
.s5b_ty13 ul li figure img {width: auto;max-width: 100%;}
.s5b_ty13 ul li.w100 figure img {width: 100%;}

.s5b_ty13_two ul li{float: left; width: 30.48%; margin-right: 4.27%; text-align: center;}
.s5b_ty13_two ul li:nth-child(3n+3){margin-right: 0;}
.s5b_ty13_two ul li h4{font-size: 18px; line-height: 48px; color: #fff; font-weight: 500; background: #252525;}
.s5b_ty13_two ul li p{color: #666; padding: 12px 0 34px;}

.s5b_ty13_2 ul li{margin-bottom: 40px;}
.s5b_ty13_2 ul li .s7_tit{text-align: left;}

.s5b_ty13_3 ul li{width: 47.99%; margin-right: 0;}
.s5b_ty13_3 ul li:last-child{float: right;}

.s5b_ty15{margin-bottom: 50px; padding: 35px 0 35px 52px;box-sizing: border-box; box-shadow:0px 0px 15px rgba(0,0,0,0.08)} 
.s5b_ty15 ul li {line-height: 2.125; color: #666;}
.s5b_ty15 ul li span{display: inline-block; position: relative; padding-left: 15px;  margin-right: 46px; }
.s5b_ty15 ul li span:last-child{margin-right: 0;}
.s5b_ty15 ul li span:before{position: absolute; content:''; width: 5px; height: 5px; background: #252525; left: 0; top: 15px;}
.s5b_ty15 ul li span b{display: inline-block; font-weight: 500; position: relative; color: #21a6f5; padding-left: 12px; margin-left: 17px; margin-right: 8px;}
.s5b_ty15 ul li span b.b2{padding-right: 7px;}
.s5b_ty15 ul li span b:before{position: absolute; content: ''; width: 3px; height: 3px; background: #21a6f5; border-radius: 50%; left: 0; top: 17px; } 

.s5b_ty15_new_t ul li span:first-child{width: 40%;}

.s4_top1_1 .s5t_wrap {background: url(../../images/sub/s4_1_1.jpg) center no-repeat;}
.s4_top1_1 .s8t_wrap {background: url(../../images/sub/s8_1_1.jpg) center no-repeat;}
.s4_top1 .s5t_wrap {background: url(../../images/sub/s4_2_1.jpg) center no-repeat;}
.s4_top2 .s5t_wrap {background: url(../../images/sub/422_1.jpg) center no-repeat;}
.s4_top3 .s5t_wrap {background: url(../../images/sub/423_1.jpg) center no-repeat;}
.s4_top3 .s5t_wrap > .tbx{padding-top: 26px;}

.s5_top3 .s5t_wrap {background: url(../../images/sub/s5_3_1.jpg) center no-repeat;}
.s5_top4 .s5t_wrap {background: url(../../images/sub/s5_4_1.jpg) center no-repeat;}
.s5_top5 .s5t_wrap {background: url(../../images/sub/s5_5_1.jpg) center no-repeat;}
.s5_top6 .s5t_wrap {background: url(../../images/sub/s5_6_1.jpg) center no-repeat;}
.s5_top7 .s5t_wrap {background: url(../../images/sub/s5_7_1.jpg) center no-repeat;}
.s5_top8 .s5t_wrap {background: url(../../images/sub/s5_8_1.jpg) center no-repeat;}
.s5_top9 .s5t_wrap {background: url(../../images/sub/s5_9_1_new.jpg) center no-repeat;}
.s5_top9 .s5t_wrap.s5t_wrap_kiosk {background: url(../../images/sub/kiosk_bg.jpg) center no-repeat;}
.s5_top9 .s5t_wrap.s5t_wrap_sys {background: url(../../images/sub/s5t_wrap_sys.jpg) center no-repeat;}

.s5b_ty16 ul li{border-top: 1px solid #ddd; padding: 38px 0 34px;} 
.s5b_ty16 ul li h3{position: relative; font-size: 22px; line-height: 1; color: #262626; font-weight: 500; margin-bottom: 18px;}
.s5b_ty16 ul li h3:before{position: absolute; content:''; width: 3px; height: 19px; background: #009af5; left: 0; top: 2px;}
.s5b_ty16 ul li h3 span{display: inline-block; color: #009af5; font-weight: 700; width: 48px; position: relative; padding-left: 13px; box-sizing: border-box;}
.s5b_ty16 ul li p{color: #666;}

.s5b_ty17{text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 40px;}
.s5b_ty17 ul{position: relative;}
.s5b_ty17 ul li{float: left; width: 25%; text-align: center;}
.s5b_ty17 ul li figure{height: 130px;}
.s5b_ty17 ul li img{width: auto;}
.s5b_ty17 ul li .txt{position: relative;  border-top: 1px solid #ddd; padding: 30px 0;}
.s5b_ty17 ul li .txt span{position: absolute; content:''; width: 34px; height: 40px; background: url(../../images/sub/s55.png) center no-repeat; left: 50%; top:-21px; margin-left: -17px;  line-height: 40px; color: #fff; font-size: 16px;}
.s5b_ty17 ul:before,
.s5b_ty17 ul:after{position: absolute; content:''; width: 5px; height: 5px; background: #252525; border-radius: 50%; left: 0; top: 128px; z-index: 10;}
.s5b_ty17 ul:after{left: auto; right: 0;}
.s5b_ty17 ul li .txt p{color: #666;}
.s5b_ty17 h4{display: inline-block; font-size: 20px; line-height: 54px; height: 54px; background: #252525; border-radius: 25px; color: #fff; font-weight: 400; width: 746px; margin-top: 3px;}
.s5b_ty17 h4 span{font-weight: 700;}

.s5b_ty17_2{border-bottom: 0; padding-bottom: 0;}
.s5b_ty17_2 ul {overflow: hidden;}
.s5b_ty17_2 ul li figure{height: 168px;}
.s5b_ty17_2 ul:before,
.s5b_ty17_2 ul:after{top:166px}


.s5b_ty18{background: #f7f7f7; padding: 50px; box-sizing: border-box; padding-right: 0;}
.s5b_ty18 ul{margin-top: 20px;}
.s5b_ty18 ul li{position: relative; line-height: 2.125; color: #666;	padding-left: 16px;}
.s5b_ty18 ul li:before{position: absolute; content: ''; width: 5px; height: 5px; background: #252525; left: 0; top: 16px;}
.s5b_ty18 ul li span{color: #262626;}

.s5b_ty19{background: url(../../images/sub/s19_bg.jpg) center no-repeat; height: 481px; border-top: 2px solid #252525; text-align: center;}
.s5b_ty19 img{width: auto;}
.s5b_ty19 ul{overflow: hidden; width: 720px; margin: 0 auto; padding-top: 64px; position: relative; left: 4px;}
.s5b_ty19 ul li{float: left; width: 33.333%; height: 157px; position: relative;}
.s5b_ty19 ul li:after{position: absolute; content: ''; width: 14px; height: 13px; background:  url(../../images/sub/s5_5_17.png) center no-repeat; right:-9px; top: 20px;}
.s5b_ty19 ul li:nth-child(2):after,
.s5b_ty19 ul li:nth-child(5):after{right: -13px;}
.s5b_ty19 ul li.bdt:after{top:60px}
.s5b_ty19 ul li:nth-child(3n+3):after{display: none;	}
.s5b_ty19 ul li.bdb{border-bottom: 1px solid #ddd;}
.s5b_ty19 ul li.bdt{border-top: 1px solid #fff; padding-top: 36px;}
.s5b_ty19 ul li figure{margin-bottom: 12px;}
.s5b_ty19 ul li h4,
.s5b_ty19 ul li h5{font-size: 16px; line-height: 1.875; color: #262626; font-weight: 400;}
.s5b_ty19 ul li h5{color: #009af5; margin-top: -5px;}

.s5b_ty20 ul {display: table; width: 100%; table-layout: fixed;}
.s5b_ty20 ul li{width: 33.333%; display: table-cell; vertical-align: top;	position: relative;	box-sizing: border-box; border-left: 1px solid #ddd;	padding-left: 33px;}
.s5b_ty20 ul li h3{font-size:18px; line-height: 1.667; color: #262626; font-weight: 500; margin-bottom: 15px;}
.s5b_ty20 ul li h3:before{position: absolute;content: ''; width: 5px; height: 30px; background: #1094e4; left: -1px; top: 0;}
.s5b_ty20 ul li p{color: #666; }
.s5b_ty20 ul li p span{color: #1094e4;}
.s5b_ty20 ul li figure{clear: both ; margin-top: 30px;}

.s5b_ty20_2 ul{padding-bottom: 252px; position: relative;}
.s5b_ty20_2 ul li{  }
.s5b_ty20_2 ul li figure {position: absolute; left: 15px; top:170px}
.s5b_ty20_2 ul li:first-child figure{left: 0;} 
.s5b_ty20_2 ul li:last-child figure{left: 26px;}

.s5b_ty21{border-top: 2px solid #252525; background: #f7f7f7; text-align: center; padding-top: 60px; height: 602px; box-sizing: border-box;}
.s5b_ty21 ul{width: 865px; margin: 0 auto; position: relative;}
.s5b_ty21 ul.ul_ty1{padding-bottom: 8px;}
.s5b_ty21 img{width: auto;}
.s5b_ty21 ul li{display: inline-block; vertical-align: top; width: 33.333%; height: 250px;}
.s5b_ty21 ul li span{display: block; color: #009af5; line-height: 1; padding: 15px 0 14px;} 
.s5b_ty21 ul li p{color: #666;}
.s5b_ty21 ul.ul_ty2{padding-top: 26px;}
.s5b_ty21 ul.ul_ty1:after{position: absolute; content:''; width: 781px; height: 1px; background: #ddd; left: 50%; margin-left: -390px; bottom: 0;}
.s5b_ty21 ul.ul_ty2:after{position: absolute; content:''; width: 781px; height: 1px; background: #fff; left: 50%; margin-left: -390px; top: 0;}

.s5b_ty22 > ul > li{border: 1px solid #dbdbdb; height: 167px; box-sizing: border-box; display: table; width: 100%; table-layout: fixed; margin-bottom: 40px;}
.s5b_ty22 > ul > li:last-child{margin-bottom: 0;}
.s5b_ty22 > ul > li img{width: auto;}
.s5b_ty22 > ul > li .figbox{display: table-cell; width: 17.30%; background: url(../../images/sub/s5_6_11.jpg) center no-repeat; height: 167px; vertical-align: middle; text-align: center; color: #fff; font-size: 30px; font-weight: 700;}
.s5b_ty22 > ul > li:nth-child(2n+2) .figbox{background: url(../../images/sub/s5_6_12.jpg) center no-repeat; }
.s5b_ty22 > ul > li .figbox{margin-left: 3px;}
.s5b_ty22 > ul > li .figbox span{display: block; padding-left: 3px; padding-top: 2px;}
.s5b_ty22 > ul > li .txt{display: table-cell; vertical-align: top; box-sizing: border-box; padding-top: 31px;}
.s5b_ty22 > ul > li h3{font-size: 18px; color: #262626; font-weight: 500; margin-bottom: 3px;}
.s5b_ty22 > ul > li ul li{position: relative; line-height: 30px; margin-bottom: 4px; color: #666; padding-left: 15px; }
.s5b_ty22 > ul > li ul li:before{position: absolute; content:''; width: 5px; height: 5px; background: #252525; left: 1px; top: 14px;}
.s5b_ty22 > ul > li ul li span{color: #262626;}

.s5b_ty22_2 > ul > li:first-child{height: 200px;}

.s5b_ty23 ul {}
.s5b_ty23 ul li{float: left; width: 14.7%; text-align: center; margin-right: 4.0%; margin-top: 87px;}
.s5b_ty23 ul li:nth-child(2),
.s5b_ty23 ul li:nth-child(5){margin-right: 0;}
.s5b_ty23 ul li:nth-child(3){width:33.2% ; margin: 0; margin-top: 0;}
.s5b_ty23 ul li img{width: auto;}
.s5b_ty23 ul li h5{font-size: 16px; line-height: 1; color: #262626; font-weight: 400; padding-top: 30px;}
.s5b_ty23 ul li h6{font-size: 16px; color: #009af5; font-weight: 500;}

.s5b_ty24 img{max-width: 100%;}
.s5b_ty24 ul li{float: left; display: table; table-layout: fixed; width: 47.37%; box-sizing: border-box; border: 1px solid #ddd; position: relative; height: 460px; text-align: center;}
.s5b_ty24 ul li figure{vertical-align: middle; display: table-cell;}
.s5b_ty24 ul li:nth-child(2n+2){float: right; }

.s5b_ty24_2 ul li{width: 100%; float: none;}


.s5b_ty25{display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.s5b_ty25 .lbx .txt{padding-bottom: 10px;}
.s5b_ty25 .rbx{text-align: right;}
.s5b_ty25 img{width: auto; position: relative; top:-10px}
.s5b_ty25 > div{display: table-cell; vertical-align: middle; width: 50%;}
.s5b_ty25_2{border-bottom: 0;}
.s5b_ty25_2 > div{vertical-align: top; text-align: left;}
.s5b_ty25_2 .rbx{text-align: left; box-sizing: border-box; padding-left: 21px;}
.s5b_ty25_2 > div ul {height: 160px;}
.s5b_ty25_2 img{width: auto; top:auto;	}
.s5b_ty25_2 .lbx .txt{padding-bottom: 0;}

.s5b_ty26 > div{float: left; width: 47.99%; text-align: center; box-sizing: border-box;}
.s5b_ty26 > div:last-child{float: right;}
.s5b_ty26 > div ul li{line-height: 60px; height: 60px; font-size: 16px; color: #181818; border-bottom: 1px solid #ddd;}
.s5b_ty26 > div ul li:last-child{border-bottom: 0;}
.s5b_ty26 > div ul li b{font-weight: 700;}
.s5b_ty26 > .lbx{border: 1px solid #1a1a1a;	}
.s5b_ty26 > .rbx{border: 1px solid #ddd;	}
.s5b_ty26 > .rbx ul li {color: #606060; }
.s5b_ty26 > div .tit{background:#181818; font-weight: 500; color: #fff; line-height: 60px; font-size: 18px;}
.s5b_ty26 > .rbx .tit{color: #333; font-weight: 500; background: #f5f5f5;	}

.s5b_ty27 img{width: auto;}
.s5b_ty27 li{text-align: center; float: left; width: 25%; padding-top: 5px;}
.s5b_ty27 li .txt{padding: 17px 0; border-top: 1px solid #ddd; margin-top: 18px;}
.s5b_ty27 li span{display: block; font-size: 16px; line-height: 1; color: #009af5; font-weight: 500; margin-bottom: 12px;}
.s5b_ty27 li p{color: #606060;}

.s5b_ty28 > ul > li{float: left; width: 47.37%;}
.s5b_ty28 > ul > li:last-child{float: right;}
.s5b_ty28 figure{position: relative; height: 330px; box-sizing: border-box; border: 1px solid #ddd; margin-bottom: 29px;}
.s5b_ty28 img{width: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}

.s5b_ty29{text-align: center;}
.s5b_ty29 img{width: auto;}
.s5b_ty29 ul li{float: left; width: 50%; box-sizing: border-box; padding: 45px 0 38px;}
.s5b_ty29 ul li:nth-child(3),
.s5b_ty29 ul li:nth-child(4){padding: 45px 0 35px;}	
.s5b_ty29 ul li figure{padding-bottom: 16px;}
.s5b_ty29 ul li:first-child,
.s5b_ty29 ul li:nth-child(2){border-bottom: 1px solid #ddd;}
.s5b_ty29 ul li:first-child,
.s5b_ty29 ul li:nth-child(3){border-right: 1px solid #ddd;	}
.s5b_ty29 ul li h4{font-size: 18px; line-height: 1; color: #262626; font-weight: 500; margin-top: 10px;}
.s5b_ty29 ul li p{color: #606060; margin-top: 5px;}

.s5b_ty30{overflow: hidden;}
.s5b_ty30 img{width: auto;}
.s5b_ty30 > div{float: left; width: 39.85%;}
.s5b_ty30 > div:last-child{float: right;}
.s5b_ty30 > div h4{font-size: 18px; color: #fff; line-height: 49px; font-weight: 500; text-align: center; background: #009af5;}
.s5b_ty30 > div ul{background: #f7f7f7; box-sizing: border-box; padding: 30px 40px; height: 417px;}
.s5b_ty30 > div ul li{font-size: 16px; line-height: 30px; color: #666; position: relative; padding-left: 15px; margin-bottom: 4px;}
.s5b_ty30 > div ul li:before{position: absolute; content:''; width: 5px; height: 5px; background: #252525; left: 0; top: 15px;}
.s5b_ty30 > div ul li span{display: block; line-height: 30px; color: #7b7b7b; position: relative; padding-left: 7px;}
.s5b_ty30 > div ul li span:before{position: absolute; content: ''; width: 5px; height: 1px; background: #7b7b7b; left: 0; top: 17px;}
.s5b_ty30 > .rbx h4{background: #252525;}
.s5b_ty30 > .ctbx{margin-top: 154px;width: 160px; height: 160px; border-radius: 50%; box-sizing: border-box; border: 3px solid  #fff; background: #1c1c1c; text-align: center; color: #fff; padding-top: 36px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); margin-left: 20px;} 
.s5b_ty30 > .ctbx p{margin-top: -4px;}

.s5b_ty31 ul li{float: left; position: relative; width: 33.333%; box-sizing: border-box; height: 194px; border: 1px solid #ddd; background: #fff url(../../images/sub/422_22.jpg) right bottom no-repeat; border-right: 0; border-top: 0; padding: 30px 42px;}
.s5b_ty31 ul li:nth-child(2){background: #fff url(../../images/sub/422_23.jpg) right bottom no-repeat;}
.s5b_ty31 ul li:nth-child(3){background: #fff url(../../images/sub/422_24.jpg) right bottom no-repeat;}
.s5b_ty31 ul li:nth-child(4){background: #fff url(../../images/sub/422_25.jpg) right bottom no-repeat;}
.s5b_ty31 ul li:nth-child(5){background: #fff url(../../images/sub/422_26.jpg) right bottom no-repeat;}
.s5b_ty31 ul li:nth-child(6){background: #fff url(../../images/sub/422_27.jpg) right bottom no-repeat;}
.s5b_ty31 ul li:nth-child(7){background: #fff url(../../images/sub/422_28.jpg) right bottom no-repeat;}
.s5b_ty31 ul li:nth-child(8){background: #fff url(../../images/sub/422_29.jpg) right bottom no-repeat;}

.s5b_ty31 ul li:nth-child(3n+3){border-right: 1px solid #ddd;}
.s5b_ty31 ul li:last-child:after{position: absolute; content:''; width: 1px; height: 100%;	background: #ddd; right: -1px; top: 0;}
.s5b_ty31 ul li.bdt{border-top: 1px solid #ddd;}
.s5b_ty31 ul li span{display: block; font-size: 18px; color: #21a6f5; font-weight: 500;}
.s5b_ty31 ul li h3{font-size: 18px; line-height: 1.875; color: #262626; font-weight: 500; margin-bottom: -2px; margin-top: 3px;} 
.s5b_ty31 ul li p{font-size: 16px; line-height: 2.125; color: #666;}

.s5b_ty33{overflow: hidden;}
.s5b_ty33 img{max-width: 100%;}
.s5b_ty33 > div{float: left; width: 49%;}
.s5b_ty33 > div:last-child{float: right;}
.s5b_ty33 > div h4{font-size: 18px; color: #fff; line-height: 49px; font-weight: 500; text-align: center; background: #009af5;}
.s5b_ty33 > div ul{background: #f7f7f7; box-sizing: border-box; padding: 30px 40px; height: 100%;}
.s5b_ty33 > div ul li{font-size: 16px; line-height: 30px; color: #666; position: relative; padding-left: 15px; margin-bottom: 4px;}
.s5b_ty33 > div ul li:before{position: absolute; content:''; width: 5px; height: 5px; background: #252525; left: 0; top: 15px;}
.s5b_ty33 > div ul li span{display: block; line-height: 30px; color: #7b7b7b; position: relative; padding-left: 7px;}
.s5b_ty33 > div ul li span:before{position: absolute; content: ''; width: 5px; height: 1px; background: #7b7b7b; left: 0; top: 17px;}
.s5b_ty33 > .rbx h4{background: #252525;}
.s5b_ty33 > .ctbx{margin-top: 154px;width: 160px; height: 160px; border-radius: 50%; box-sizing: border-box; border: 3px solid  #fff; background: #1c1c1c; text-align: center; color: #fff; padding-top: 36px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); margin-left: 20px;} 
.s5b_ty33 > .ctbx p{margin-top: -4px;}

/* 2024_11_13 총기관리솔루션 이미지 부분 추가*/
.s5b_ty34 ul {
}

	.s5b_ty34 ul li {
		float: left;
		width: 47.37%;
		/* margin-bottom: 60px; */
		/* 2024_11_22 총기관리 변경사항	*/
	}

		.s5b_ty34 ul li:before {
			position: absolute;
			content: '';
			width: 100%;
			height: 25px;
			background: url(../../images/sub/s5b_ty34_bg.jpg) center no-repeat;
			left: 0;
			bottom: -25px;
		}

		.s5b_ty34 ul li:nth-child(2n+2) {
			float: right;
		}
		
		.s5b_ty34 ul li img {
			max-width: 95%
		}
/* 2024_11_22 총기관리 변경사항	*/
.s5b_ty35 ul li {
	text-align: center;
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	display: table;
	table-layout: fixed;
	height: 180px;
}

	.s5b_ty35 ul li:nth-child(1),
	.s5b_ty35 ul li:nth-child(2){
		border-bottom: 1px solid #ddd;
	}

	.s5b_ty35 ul li:last-child,
	.s5b_ty35 ul li:nth-child(2n+2) {
		border-right: 0;
	}

	.s5b_ty35 ul li .txt {
		display: table-cell;
		vertical-align: top;
		box-sizing: border-box;
	}

		.s5b_ty35 ul li .txt span {
			display: block;
			font-size: 22px;
			line-height: 1;
			color: #009af5;
			font-weight: 700;
			text-align: left;
			margin-bottom: 15px;
			padding-left: 35px;
			padding-top: 40px;
		}

		.s5b_ty35 ul li .txt h5 {
			font-size: 22px;
			line-height: 1;
			color: #262626;
			font-weight: 500;
			margin-bottom: 14px;
		}

		.s5b_ty35 ul li .txt p {
			color: #666;
		}


.vtb_wrap2{overflow: hidden;}
.vtb_wrap2 > table{width: 50%; float: left;}
.vtb_wrap2 > table tr th{width: 148px;}
.vtb_wrap2 > table tr td{padding: 0 0 0 28px }


.vtb_ty1 tr th,
.vtb_ty1 tr td{border: 1px solid #ddd;  font-size: 16px; }
.vtb_ty1 tr th{line-height: 50px; background: #f3f3f3; font-weight: 500;	width: 19.56%; color: #333; border-right: 0;	}
.vtb_ty1 tr td{border: 1px solid #ddd;color: #666; text-align: left; padding: 0 30px; border-left: 0;}
.vtb_ty1 tr td .txt{padding: 15px 0;}

.vtb_ty2{}
.vtb_ty2 tr th{width: 36.73%; vertical-align: top;}
.vtb_ty2 tr td .txt{padding: 9px 0 15px;}
.vtb_ty2 tr td {border-right: 1px solid #ddd; } 

.vtb_ty2_p1 tr td{padding: 5px 10px; word-break: keep-all;}
.vtb_ty2_p1 tr td.center {text-align: center;}


/* s506 */
.s0506 .section5{border-top: 1px solid #ddd;}

/* s507 */
.s0507 .section5 .s7_tit{margin-top: -7px;}

/* s508 */
.pl20{padding-left: 20px;}

/* s509 */
.s0509{padding-bottom: 50px;}

/* s510 */
.mt65 {margin-top:65px;}
.s0510 .s5_tit {margin-top:110px;}
.s0510 .s5t_wrap {margin-bottom:50px;}
.s0510 .s5b_ty20 ul li p{position:relative; font-size:16px;}
.s0510 .s5b_ty20 ul li p:before{position: absolute;content: ''; width: 5px; height: 30px; background: #1094e4; left: -34px; top: 0;}
.s0510 .s5b_ty13_2 ul li {margin-bottom:70px;}
.s0510 .s7_tit span {float:left; margin-bottom:30px;}
.s0510 .s7_tit p {display:inline-block; float:left; width:80%; margin-bottom:0;}
.s0510 .s7_tit {overflow:hidden;}
.circle_img {width:100%; background:#f7f7f7; padding:5.15% 4.68%; margin-top:30px; box-sizing:border-box; margin-bottom:70px;}
.circle_img ul {display:inline-block; width:100%;}
.circle_img ul li {margin-right:4.68%; width:15.91%; display:inline-block; float:left;}
.circle_img ul li:last-child {margin-right:0;}
.circle_img ul li .c_img{width:140px; height:140px; }
.circle_img ul li .c_txt {width:100%; text-align:center;}
.circle_img ul li .c_txt span {display: block; font-size: 16px; line-height: 1; color: #009af5; font-weight: 500; margin-top:30px;}
.circle_img ul li .c_txt p {font-size: 16px; color: #262626; font-weight: 400; display: block; line-height:26px; margin-top:20px;}

.circle_img2 {width:100%; background:#f7f7f7; padding:50px 80px; margin-top:30px; box-sizing:border-box; margin-bottom:70px;}
.circle_img2 ul {display:inline-block; }
.circle_img2 ul li {margin-right:75px; width:140px; display:inline-block; float:left;}
.circle_img2 ul li:last-child {margin-right:0;}
.circle_img2 ul li .c_img{}
.circle_img2 ul li .c_txt {width:100%; text-align:center;}
.circle_img2 ul li .c_txt span {display: block; font-size: 16px; line-height: 1; color: #009af5; font-weight: 500; margin-top:30px;}
.circle_img2 ul li .c_txt p {font-size: 16px; color: #262626; font-weight: 400; display: block; line-height:26px; margin-top:20px;}

/* s402_1 */

.tb_bx2{border-top: 2px solid #009af5;}
.tb_bx2 table{text-align: left; }
.tb_bx2 table tr th,
.tb_bx2 table tr td{overflow: hidden; position: relative;}
.tb_bx2 table tr th:after,
.tb_bx2 table tr td:after{position: absolute; content:''; width: 100%; height: 1px; background: url(../../images/sub/td_line1.png) center ; left: 0; bottom: 0;}
.tb_bx2 table tr th{background: #f9f9f9; font-size: 18px; line-height: 30px; color: #333; font-weight: 500; vertical-align: top; padding-top: 41px; padding-left: 30px; width: 24.51%; box-sizing: border-box; text-align: left;}
.tb_bx2 table tr td{padding: 34px 0 18px 40px;}
.tb_bx2 table tr td .tbx{display: table; width: 100%;  box-sizing: border-box; margin-bottom: 14px;}
.tb_bx2 table tr td .tbx span{display: table-cell; position: relative; padding-left: 26px; font-size: 18px; line-height: 18px; color: #333; font-weight: 500; width: 118px; box-sizing: border-box;} 
.tb_bx2 table tr td .tbx span.sw2{width: 305px;}
.tb_bx2 table tr td .tbx span.sw3{width: 280px;}
.tb_bx2 table tr td .tbx span.sw4{width: 180px;}
.tb_bx2 table tr td .tbx span:before{position: absolute; content:''; width: 17px; height: 17px; background: url(../../images/sub/s4_2_23.jpg) center no-repeat; left: 0; top: 7px;}
.tb_bx2 table tr td .tbx .txt{display: table-cell; }
.tb_bx2 table tr td .tbx h6{font-size: 16px; line-height: 1.875; color: #21a6f5; font-weight: 500; position: relative; padding-left: 13px; margin-bottom: 4px;}
.tb_bx2 table tr td .tbx h6:before{position: absolute; content: ''; width: 3px; height: 3px; background: #21a6f5; left: 0; top: 15px; border-radius: 50%;}
.tb_bx2 table tr td .tbx p{color: #666; padding-left: 13px;}

/* s402_2_2 */
.s04{padding-bottom: 50px;}

/* s6_5 */
.s06{margin-bottom: 140px;}
.s0605 .section1{height: 240px; display: table; width: 100%; table-layout: fixed; background: #f9f9f9 url(../../images/sub/s6_5_1.jpg) right center no-repeat;} 
.s0605 .section1 > .txt{display: table-cell; vertical-align: middle; padding-left: 6.17%;}
.s0605 .section1 > .txt span{display: block; font-size: 20px; line-height: 1.6; color: #009af5; font-weight: 500; margin-bottom: 10px;}
.s0605 .section1 > .txt p{color: #666;}

.s6_tit1{font-size: 22px; line-height: 36px; color: #262626; font-weight: 500;}
.s6_tit1 span{display: inline-block; margin-left: 12px; vertical-align: top;text-align: center; background: #262626; text-align: center; color: #fff; font-size: 14px; border-radius: 20px; height: 36px; line-height: 36px; padding: 0 17px;} 

.s5b_ty32{position: relative; border-top: 1px solid #000; margin: 12px 0 20px; }
.s5b_ty32:after{position: absolute; content: ''; width: 100%; height: 1px; background: url(../../images/sub/s6_dddt.jpg) center; left: 0; bottom: 0;}
.s5b_ty32 ul{padding: 20px 0 33px;}

.s5b_ty32_2{overflow: hidden;}
.s5b_ty32_2 > ul{float: left; width: 50%;}
.s5b_ty32_2 > ul li{-ms-word-break: keep-all; word-break: keep-all;}

/* s604 */
.s0604{margin-bottom: 50px;}
.s0604 .section1 .txt > span{font-size: 24px; line-height: 1; color: #009af5; font-weight: 500; margin-bottom: 15px; display: block;}  
.s0604 .section1 .txt p{font-size: 16px; line-height: 1.875; color: #666; font-weight: 500;}
.s0604 .section1 .txt p span{display: inline-block; color: #000; font-size: 16px; margin-bottom: 0;}


.s604_ty1 img{width: auto;}
.s604_ty1 ul li{float: left; width: 50%; border: 1px solid #ddd; box-sizing: border-box; border-right: 0; border-bottom: 0; display: table; table-layout: fixed; padding: 35px 0 0 40px; height: 193px;}
.s604_ty1 ul li > div,
.s604_ty1 ul li > figure{display: table-cell;	vertical-align: top}
.s604_ty1 ul li > figure{width: 98px;}
.s604_ty1 ul li > div{padding-top: 15px;}
.s604_ty1 ul li:nth-child(2){border-right: 1px solid #ddd;}
.s604_ty1 ul li:last-child{width: 100%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; height: 152px;}
.s604_ty1 ul li h3{font-size: 18px; line-height: 1; color: #262626; font-weight: 500; margin-bottom: 15px;}
.s604_ty1 ul li h4{font-size: 20px; color: #606060; font-weight: 500; padding-left: 5px; margin-bottom: 3px; }
.s604_ty1 ul li h4 span{color: #000; display: inline-block; padding-left: 3px;}
.s604_ty1 ul li h4 i{display: inline-block; vertical-align: middle; padding-right: 2px; position: relative; top:6px}
.s604_ty1 ul li p{font-size: 16px; line-height: 1.875; color: #606060;}
.s604_ty1 ul li p span{color: #009af5;display: inline-block; width: 88px;		}
.s604_ty1 ul li:nth-child(1) p{ line-height: 1; padding-left: 6px;}
.s604_ty1 ul li:nth-child(2) p{position: relative; top:-8px}
.s604_ty1 ul li:nth-child(3) h3{margin-bottom: 6px;}
.s604_ty1 ul li:nth-child(3) > div{padding-top: 15px;}
.s604_ty1 ul li:nth-child(3) p{letter-spacing: -0.03em; }
.s604_ty1 ul li:nth-child(3) p b{color: #000; font-weight: 400;}

.s604_tit{font-size: 22px; line-height: 30px; color: #333; font-weight: 500; margin-bottom: 15px;}
.s604_tit span{font-size: 16px; font-weight: 400; color: #666; display: inline-block; padding-left: 5px;}
.s604_table{table-layout: fixed;}
.s604_table tr th{width: 100%; border: 1px solid #ddd;}
.s604_table tr th:first-child{width: 192px; }
.s604_table tr th:last-child{width: 197px;}
.s604_table tr td{text-align: center; font-size: 16px; color: #333; font-weight: 500; height: 62px; border: 1px solid #ddd; padding: 0 40px; -ms-word-break: keep-all; word-break: keep-all;}
.s604_table tr td select{  padding-left: 10px; height: 37px; font-size: 16px; color: #666; border-radius: 5px; width: 100%; border:1px solid #ddd; background:url('../../images/sub/s604_6.jpg') 97% center no-repeat;/* background�� ��� ����� */ background-color:#fff;appearance:none; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.s604_table tr td.last select{ background:url('../../images/sub/s604_6.jpg') 90% center no-repeat;}
.s604_table tr td.last input{ padding-left: 10px; height: 37px; font-size: 16px; color: #666; border-radius: 5px; width: 100%; border:1px solid #ddd; }
.m40{margin: 45px 0 15px;}
/* .root_daum_roughmap .map > div > div > div:nth-child(6) {width: 150px !Important;}
.root_daum_roughmap .map > div > div > div:nth-child(6) > div > img{display: none !important; } */
.s3_design .table_ty1 tr th{-ms-word-break: keep-all; word-break: keep-all;}
.s3_design .table_ty1 tr td{vertical-align: middle; color: #666; letter-spacing: -0.03em; font-size: 16px; -ms-word-break: keep-all; word-break: keep-all;}
.s3_design .s5b_ty32_2 > ul{height: 235px; position: relative; box-sizing: border-box;}
.s3_design .section3 .s5b_ty32_2 > ul,
.s3_design .section4 .s5b_ty32_2 > ul{height: 270px;}

.s3_design .s5b_ty32_2 > ul li{padding-left: 16px;}
.s3_design .s5b_ty32_2 > ul li:before{top:16px}
.s3_design .s5b_ty32_2 > ul li.bt_list{padding-left: 0; position: absolute; bottom: 40px; left: 0; width: 99%;}
.s3_design .s5b_ty32_2 > ul li.bt_list a:before{display: inline-block; margin-right: 9px; margin-left: 3px;	content:''; width: 19px; height: 18px; background: url(../../images/sub/bt_ic_ty1.png) center no-repeat;vertical-align: middle; margin-top: -5px; transition:.4s;}
.s3_design .s5b_ty32_2 > ul:last-child{padding-left: 30px;}
.s3_design .s5b_ty32_2 > ul:last-child li.bt_list{left: auto; right: 0;}
.s3_design .s5b_ty32_2 > ul:last-child li.bt_list a{background: #2d2f30;}
.s3_design .s5b_ty32_2 > ul li.bt_list a{position: relative; z-index: 10; height: 50px;line-height: 50px;background: #1094e4;color: #fff;text-align: center;z-index: 100;box-sizing: border-box;padding-right: 5px;}

.s3_design .s5b_ty32_2 > ul li.bt_list a:after{position: absolute; content: ''; width: 0%; height: 50px; background: #0b7cc0; left: 0; top: 0; transition:.4s; z-index: -1;}
.s3_design .s5b_ty32_2 > ul:last-child li.bt_list a:after{background: #000;}
.s3_design .s5b_ty32_2 > ul li.bt_list:hover a:before{transform:rotate(360deg); }
.s3_design .s5b_ty32_2 > ul li.bt_list:hover a:after{width: 100%;}

 .m_tip{display: none; text-align: right;}


/* new_down */
.down_ty_05{margin: 0 auto; text-align: center; margin-bottom: 120px;}
.down_ty_05 a{position: relative; z-index: 10;display: inline-block; width: 270px; height: 66px; line-height: 66px; background: url(../../images/sub/down_51.png) center no-repeat; font-size: 15px; font-weight: 500; color: #fff; margin: 0px 10px;} 
.down_ty_05 a:before{position: absolute; content:''; width: 270px; height: 66px;  left: 0; top: 0; opacity: 0; transition:.3s;  background: url(../../images/sub/down_52.png) center no-repeat; z-index: -1;}
.down_ty_05 a:after{vertical-align: middle; content:''; display: inline-block; width: 22px; height: 19px; background: url(../../images/sub/down_ic.png) center no-repeat; margin-left: 10px;}

.down_ty_05 a:hover:before{opacity: 1;}

.down_ty_05_2 a{font-size: 20px;}

/* TempReco features grid */
.tr-feature-section{margin:60px 0}
.tr-feature-list{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:0; list-style:none}
.tr-feature{display:block; padding:18px; border:1px solid rgba(0,0,0,.12); border-radius:12px; transition:border-color .2s ease, box-shadow .35s ease, transform .2s ease; background:#fff; text-align:left}
.tr-feature:hover{border-color:rgba(0,0,0,.38); box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08); transform:translateY(-2px)}
.tr-icon{width:56px; height:56px; margin:0 0 10px 0}
.tr-icon img{width:100%; height:100%; object-fit:contain; display:block}
.tr-text h5{font-size:18px; margin:2px 0 6px; color:#262626; font-weight:600}
.tr-text p{margin:0; color:#606060; line-height:1.6; font-size:15px}
@media (max-width:1200px){.tr-feature-list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.tr-feature-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.tr-feature-list{grid-template-columns:1fr}}