@charset "euc-kr"; 
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */

body, html {font-family: 'Noto Sans KR', sans-serif;  margin: 0; padding: 0; color:#000; font-size:16px; -webkit-overflow-scrolling : touch; 
scrollbar-face-color: #4d4d4d;   
scrollbar-3dlight-color :#f4f4f4; ;
scrollbar-arrow-color:#000;
scrollbar-track-color:#efefef ;
scrollbar-darkshadow-color :#efefef ;
scrollbar-highlight-color :#f4f4f4;
scrollbar-shadow-color  :#cccccc;}

::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
::-webkit-input-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf
}
:-ms-input-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf
}
::-moz-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf;
opacity:1
}
:-moz-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf;
opacity:1
}
 
div, table, tr, th, td, form, fieldset, textares { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
img { vertical-align: top; }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
 
/* for layout */
select, input {  color: #666; line-height: 18px; border: 1px solid #cccccc;  }
textarea { color: #666; border: 1px solid #cccccc;}
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.txt_blue { color: #369 !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #DA304F !important; }
.txt_gray { color: #cccccc !important; }
.txt_black { color: #000000 !important; }
.cursor { cursor: pointer; }
.bg_gray { background:#f0f0f0}
table.cursor th { cursor: default; }
table.cursor td { cursor: pointer; }
 
.wid20 { width: 20px; }
.wid30 { width: 30px; }
.wid50 { width: 50px; }
.wid65 { width: 65px; }
.wid70 { width: 70px; }
.wid75 { width: 75px; }
.wid80 { width: 80px; }
.wid90 { width: 90px; }
.wid100 { width: 100px; }
.wid100p { width: 100%; display:block; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }
.wid170 { width: 170px; }
.wid200 { width: 200px; }
.wid280 { width: 280px; }
.wid300 { width: 300px; }
.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid500 { width: 500px; }
.wid540 { width: 540px; }
.wid580 { width: 580px; }
.wid600 { width: 600px; }
.wid700 { width: 700px; }
.wid20, .wid30, .wid40, .wid50, .wid65, .wid70, .wid80, .wid90, .wid100, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70  {display:inline  !important;}
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px;font-size: 0; }
.gap_7 { height: 7px;font-size: 0; }
.gap_3 { height: 3px; font-size: 0; }
.btns { text-align: center; margin: 10px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.tooltop { cursor:pointer; vertical-align: middle;}
.mute { color:#999; font-size:}
 
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }
 
input:-webkit-autofill {    -webkit-box-shadow: 0 0 0px 1000px white inset;}
textarea:focus, input:focus{ outline: 0; }

input[type="radio"],
input[type="checkbox"] {
  margin: 0;   
  line-height: normal; vertical-align:middle;
}
label { cursor: pointer; font-weight:normal; margin-bottom:0; } 
a { text-decoration: none; color: #444; }
a:hover, a:active, a:focus { text-decoration: none; /* color:#444; */ }
 

 
.hidden { display: none; }
.pagination { }
.pagination ul { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; }
.pagination ul>li { display: inline; }
.pagination ul>li>a, .pagination ul>li>span { float: left; padding: 5px 9px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; font: 12px "µ¸¿ò"; color: #777; line-height: 13px; }
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { color: #777; background-color: #f5f5f5; }
.pagination ul>.active>a, .pagination ul>.active>span { color: #1080ce; cursor: default; padding: 6px 9px; border-color: #a8acb6; border-left-width: 1px; margin-top: -1px; font-weight: bold; background-color: #fff; }
.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus { color: #999999; background-color: transparent; cursor: default; }
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }

.checkbox, .checkbox_sm { display: none; }
.checkbox + label, .checkbox_sm + label{ color: #333; cursor:pointer;margin-bottom:0; }
.checkbox + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.checkbox:checked + label span { background-position: -48px 0; }
.checkbox + label span { background-position: 0 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.checkbox:disabled + label span  { background-position: -72px 0; cursor: default; }
.checkbox:checked.disabled + label span  { background-position: -96px 0; }

.radio, .radio_sm { display: none; }
.radio + label, .radio_sm + label{ color: #333;cursor:pointer; }
.radio + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.radio:checked + label span { background-position: -168px 0; }
.radio + label span { background-position: -120px 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.radio:disabled + label span  { background-position: -192px 0; cursor: default; }
.radio:checked.disabled + label span  { background-position: -214px 0; }

.checkbox_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.checkbox_sm:checked + label span { background-position: -36px 0; } 
.checkbox_sm + label span { background-position: 0 0; } 
/* .checkbox_sm.hover + label span  { background-position: -18px 0; }*/
.checkbox_sm:disabled + label span  { background-position: -54px 0; cursor: default; }
.checkbox_sm:checked:disabled + label span  { background-position: -72px 0; }


.radio_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.radio_sm:checked + label span { background-position: -126px 0; } 
.radio_sm + label span { background-position: -90px 0; } 
/* .checkbox_sm.hover + label span  { background-position: -108px 0; }*/
.radio_sm:disabled + label span  { background-position: -144px 0; cursor: default; }
.radio_sm:checked:disabled + label span  { background-position: -162px 0; }


/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.checkbox + label span, .radio + label span {
 background-image: url(blue@2x.png);
 -webkit-background-size: 240px 24px;
 background-size: 240px 24px;
}
}
.fix_body { padding-top:0;}
@media (min-width: 768px) {
	.top_nav { float:right;}
	.navbar_black .navbar-nav li a:hover {border-bottom:2px solid #FFF;}
	.navbar_black .navbar-nav > .active > a {border-bottom:2px solid #FFF; }
	.navbar_black { background:url(../image/top_bg1.png) left bottom repeat-x; border-bottom:0 none;}
	.navbar_black.on { background:none; background-color:#3398cb;}
}
.navbar_black {   border-bottom:0 none;}
.navbar_black .navbar-brand { height:50px; padding:10px 15px;}
.navbar_black .navbar-nav > li > a { color:#fff; font-size:19px; letter-spacing:-1px;}
.navbar_black .nav > li > a:hover, .navbar_black .nav > li > a:focus { background-color:transparent;}
.navbar_black .navbar-nav > .active > a, .navbar_black .navbar-nav > .active > a:hover, .navbar_black .navbar-nav > .active > a:focus { background-color:transparent; }
.top_nav { margin-top:20px;}
.navbar-toggle { margin-top:25px;}
.navbar-inverse .navbar-toggle { border-color:#ccc} 
.main_visual { }
.main_visual, .main_visual ul { height:100vh; width:100%; overflow:hidden;}
.main_visual li {height:100vh; width:100%; display: flex;flex-wrap: wrap;flex-direction: row;
justify-content: center;align-items: center;}
.main_visual li div.main_visual_txt { flex: 0 0 100%; max-width: 1200px; padding:0 30px;color:#fff;   text-align:left; word-break:break-all; align-items: center; }
.main_visual li div { font-size:16px;}
.main_visual .main_visual_txt1 { font-weight:bold; color:#acd7ed; font-size:26px;letter-spacing:-1px;}
.main_visual .main_visual_txt2 { color:#fff; font-size:60px;letter-spacing:-3px; line-height:1.2; font-weight:100;}
.main_visual .main_visual_txt2 strong {font-weight: 600;}
.main_visual .main_visual_txt3 { color:#fff; font-size:21px; display:block; margin-top:10px;}
.main_visual_bn  { margin-top:20px;}
.main_visual_bn_txt { display:block; font-size:16px; letter-spacing:0; margin-bottom:10px; padding-top:20px;}
.main_visual_bn img { width:150px; height:auto; display:inline-block !important;}
 


.scroll-up { position: fixed; display: none; z-index: 999; bottom: 2em; right: 2em; }
.scroll-up a { background-color: rgba(0, 0, 0, 0.3); display: block; width: 33px; height: 33px; text-align: center; color:rgba(255, 255, 255, .7); font-size: 15px; border: 1px solid rgba(255, 255, 255, .5); line-height: 30px; border-radius:50%; }
.scroll-up a:hover, .scroll-up a:active { background-color: rgba(0, 0, 0, .9); color: #fff; border: 1px solid #000;}
.scroll-down { position: absolute; left: 50%; bottom: 10PX;  height: 61px; width: 61px;  display: block; z-index: 10; text-align: center; text-align:center;  overflow:hidden;ine-height:60px; vertical-align:middle; z-index:999; cursor:pointer; margin-left:-30px;}
.scroll-down span { position: relative; display:block; color: #fff; font-size:22px;vertical-align:middle;  line-height:60px; }

.about_intro { background:#2a314c url(../image/bg_company1.png) center center no-repeat; text-align:center; color:#fff; background-attachment: fixed;}
.section_wrap {padding:50px 10px;}
.h2 { font-size:50px;}
.hr1 { display:block; width:110px; border: 0;height: 2px; background: #6699cc;  margin:40px auto;}
.about_intro p { font-size:20px;}
.about_list { }
.h3 { font-size:26px; font-weight:600; margin:40px 0}
.table_1 td { padding:5px 0; text-align:left;}
.about_white { background:#fff;color:#000; padding:50px 0;}
.about_blue { background:#222a3c;color:#fff; padding:30px 0 50px 0;} 
.about_img { background:url(../image/bg_company2.png) left bottom no-repeat; position: absolute; left:0; top:107px;  height:700px;}
.about_contact {background:url(../image/bg_company3.jpg) center center no-repeat; background-size:cover; padding:75px 0;color:#fff;background-attachment: fixed;}
.about_contact a {color:#fff;}
.about_refe {background:url(../image/bg_notice2.png) center center no-repeat; background-size:cover; padding:75px 0;color:#333;background-attachment: fixed;}

.map_wrap { width:100%; height:380px; -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5); overflow:hidden; background:#999}
.team_bg { background:url(../image/bg_team.jpg) center top no-repeat; text-align:center; background-size:cover;}
.team_p { background:url(../image/icon_team.png) 20px center no-repeat; padding-left:100px; min-height:80px; padding-top:15px;  padding-top:15px; text-align:left; font-size:26px; color:#222222; cursor:pointer;}
.team_p strong {color:#000; line-height:1.5}
.team_p span { display:block; font-size:16px; color:#4f759c}
.team_p span i {  font-size:12px;}
.biz_bg {background:url(../image/bg_biz.png) center top no-repeat; text-align:center; background-size:cover;color:#fff;background-attachment: fixed;}
.biz_box { padding-left:135px;padding-top:20px; padding-bottom:40px; }
.biz_box.biz1 { background:url(../image/biz_1.png) left top no-repeat;background-size:100px;}
.biz_box.biz2 { background:url(../image/biz_2.png) left top no-repeat;background-size:100px;}
.biz_box.biz3 { background:url(../image/biz_3.png) left top no-repeat;background-size:100px;}
.biz_box.biz4 { background:url(../image/biz_4.png) left top no-repeat;background-size:100px;}
.biz_box p { font-size: 18px;text-align:left;}
.biz_box p strong { display:inline-block; margin-bottom:10px;}
.biz_box p span { display:block; font-size:14px; text-align:left; padding-left:0px;}
.fund_bg {background:url(../image/bg_fund.png) center top no-repeat; text-align:center; background-size:cover;color:#FFF;background-attachment: fixed;}
.ul_fund  {display:flex; flex-direction:row;flex-wrap: wrap;}
.ul_fund li { background:#fff; width:50%; border:1px solid #e6e6e6; box-sizing: border-box; margin-right:-1px; padding-bottom:20px; margin-top:10px;}
.ul_fund li div { margin:10px 15px 10px; height:80px; text-align:center; color:#336699; letter-spacing:-2px; font-size:22px; font-weight:bold; border-bottom:1px solid #dedede; vertical-align:middle;display: flex;flex-wrap: wrap;flex-direction: row;
justify-content: center;align-items: center;text-align:center; word-break:break-all; align-items: center;}
.ul_fund li span { display:block; font-size:14px; padding:0 5px 0 35px; text-align:left;}
.notice_bg {background:url(../image/bg_notice.png) center top no-repeat; text-align:center; background-size:cover;color:#000;}
.ul_notice li { display:block; position:relative; padding:15px 0 15px 70px; text-align:left; border-bottom:1px solid #ccc; cursor:pointer;}
.ul_notice li span { display:block;}
.ul_notice li .notice_ttl { font-size:20px; font-weight:600;}
.ul_notice li .notice_ttl i { color:#999;}
.ul_notice li .notice_more { position:absolute; right:20px; bottom:15px; font-size:16px; color:#333;}
.notice_txt1 { color:#999; font-size:16px;}
.modal-body .notice_txt1 { padding-bottom:15px;}
.notice_label { width:50px; height:50px; border-radius:50%; background:#6699cc; color:#fff; text-align:center; line-height:50px; overflow:hidden; position:absolute; left:0px; top:15px;}
.notice_label.notice { background:#6699cc;}
.notice_label.news { background:#999}
.modal-content img { max-width:100%;}
#m_content { padding-bottom:30px; display:block}
.modal_att { font-size:14px; padding-top:5px;}
.modal_att a { color:#06C}
.foooter_bg { background:#333; color:#fff; text-align:left; padding:40px 0;}
.foooter_bg address { font-size:14px; color:#ccc; padding-top:10px;}
.foot_link { text-align:right;}
.foot_link a { color:#fff; font-size:14px; display:inline-block; cursor:pointer; }
.foot_link a + a {margin-left:20px;}
.contact_wrap { padding:0 20px 0 40px}
@media (max-width: 767px) {
	.h2 { font-size:36px; letter-spacing:-2px;} 
.main_visual .main_visual_txt1 {  font-size:20px;letter-spacing:-1px;}
.main_visual .main_visual_txt2 {   font-size:36px;letter-spacing:-3px; line-height:1.2}
.main_visual .main_visual_txt3 {   font-size:15px; display:block; margin-top:10px;}
	.ul_fund li { width:100%;}
	.ul_fund li div { font-size:22px;}
	.main_visual_bn img { width:180px; height:auto; display: block; margin-bottom:10px;margin-top:10px;}
	.foot_link { text-align:left; margin-top:20px;}
	.foot_link a { color:#fff; font-size:14px;}
	.contact_wrap { padding:30px 20px 0 20px}
.team_p { background:url(../image/icon_team.png) left center no-repeat; background-size:36px; padding-left:45px; min-height:60px;  padding-top:17px; text-align:left; font-size:20px; color:#222222; font-weight:bold; letter-spacing:-1px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	
.navbar_black .navbar-nav > li > a { padding:10px 5px; }
.main_visual li div.main_visual_txt { font-size:19px;}
.main_visual .main_visual_txt1 {  font-size:24px;letter-spacing:-1px;}
.main_visual .main_visual_txt2 {   font-size:40px;letter-spacing:-3px; line-height:1.2}
.main_visual .main_visual_txt3 {   font-size:19px; display:block; margin-top:10px;}
	.main_visual_bn img { width:180px; height:auto; display: block; margin-bottom:10px;margin-top:10px;}
	.biz_box { padding-top:185px;  padding-left:0;padding-bottom:0; margin-top:50px; }
.biz_box.biz1 { background:url(../image/biz_1.png) center top no-repeat;background-size:150px;}
.biz_box.biz2 { background:url(../image/biz_2.png) center top no-repeat;background-size:150px;}
.biz_box.biz3 { background:url(../image/biz_3.png) center top no-repeat;background-size:150px;}
.biz_box.biz4 { background:url(../image/biz_4.png) center top no-repeat;background-size:150px;}
.biz_box p { font-size: 18px;text-align:center;}
.ul_fund li { width:50%;}
ul_fund li div { font-size:18px;}
.ul_notice li { display:block; position:relative; padding:15px 0 15px 100px; text-align:left; border-bottom:1px solid #ccc; cursor:pointer;}
.notice_label { width:50px; height:50px; border-radius:50%; background:#6699cc; color:#fff; text-align:center; line-height:50px; overflow:hidden; position:absolute; left:25px; top:15px;}

	.foot_link { text-align:left; margin-top:20px;}
	.foot_link a { color:#fff; font-size:14px;}
	.contact_wrap { padding:30px 20px 0 20px}
}

@media (min-width: 992px) and (max-width: 1199px) {
	
.main_visual li div.main_visual_txt { font-size:25px;}
.main_visual .main_visual_txt1 {  font-size:26px;letter-spacing:-1px;}
.main_visual .main_visual_txt2 {   font-size:50px;letter-spacing:-3px; line-height:1.2}
.main_visual .main_visual_txt3 {   font-size:21px; display:block; margin-top:10px;}
.main_visual_bn img { width:180px; height:auto; display: block; margin-bottom:10px;margin-top:10px;}
.biz_box { padding-top:210px;padding-left:0;  padding-bottom:0; margin-top:50px;  }
.biz_box.biz1 { background:url(../image/biz_1.png) center top no-repeat;background-size:170px;}
.biz_box.biz2 { background:url(../image/biz_2.png) center top no-repeat;background-size:170px;}
.biz_box.biz3 { background:url(../image/biz_3.png) center top no-repeat;background-size:170px;}
.biz_box.biz4 { background:url(../image/biz_4.png) center top no-repeat;background-size:170px;}
.biz_box p { font-size: 18px;text-align:center;}	
.ul_fund li { width:33.3333%;}
.ul_fund li div { font-size:20px;}
.ul_notice li { display:block; position:relative; padding:15px 0 15px 100px; text-align:left; border-bottom:1px solid #ccc; cursor:pointer;}
.notice_label { width:50px; height:50px; border-radius:50%; background:#6699cc; color:#fff; text-align:center; line-height:50px; overflow:hidden; position:absolute; left:25px; top:15px;}

	.foot_link { text-align:left; margin-top:20px;}
	.foot_link a { color:#fff; font-size:14px;}
}
@media (min-width: 1200px) {
 
	.main_visual_bn img { width:180px; height:auto; display: block; margin-bottom:10px;margin-top:10px;}
	.section_wrap {padding:110px 30px;}
	.biz_box { padding-top:220px;padding-left:0;  padding-bottom:0;  margin-top:50px; }
.biz_box.biz1 { background:url(../image/biz_1.png) center top no-repeat;background-size:180px;}
.biz_box.biz2 { background:url(../image/biz_2.png) center top no-repeat;background-size:180px;}
.biz_box.biz3 { background:url(../image/biz_3.png) center top no-repeat;background-size:180px;}
.biz_box.biz4 { background:url(../image/biz_4.png) center top no-repeat;background-size:180px;}
.biz_box p { font-size: 20px;text-align:center;} 
.biz_box p strong { display:inline-block; margin-bottom:10px;}
.biz_box p span { display:block; font-size:16px; text-align:left; padding-left:30px;}

.ul_fund li { width:33.3333%;}
.ul_fund li div { font-size:21px;}
.ul_notice li { display:block; position:relative; padding:15px 0 15px 100px; text-align:left; border-bottom:1px solid #ccc; cursor:pointer;}
.notice_label { width:50px; height:50px; border-radius:50%; background:#6699cc; color:#fff; text-align:center; line-height:50px; overflow:hidden; position:absolute; left:25px; top:15px;}

	 
}
.pro_table th, .pro_table td { padding:10px 5px;}
.modal-body .agree_article {
    max-height: 70vh;
    overflow: auto;
}
.online_wrap label { display: inline-block; margin-bottom:5px;
    
    font-weight: 400;
}

button.btn.tf-btn.btn-default { 
	background: #3398cb;
	border: 0; 
	padding: 10px 40px;
	font-size:16px;
	color: #ffffff;
	text-transform: uppercase;
}
button.btn.tf-btn.btn-default:hover { background: #06C;}
.section-title h3 { font-weight:normal; font-size:40px;}
.section-title { margin-top:30px; margin-bottom:20px;}

.system_p h5 { font-size:18px; margin:0 0 10px 0; padding:0; font-weight:bold; color:#ffffcc;}
.system_p ul { margin:0 0 20px 20px;}
.system_p li { list-style:outside circle;}
.flow_box { background:rgba(0, 0, 0, 0.7);  margin:10px; border-radius:7px; color:#fff; box-sizing:border-box; position:relative;}
.flow_box h4 { padding:5px; text-align:center; font-size:21px; color:#dec1a4; border-bottom:1px solid #023f58; margin:10px; height:80px;  display: flex;
  align-items: center;   justify-content: center;  font-weight:600; box-sizing:border-box;}
.flow_icon { display:inline-block;   margin-right:20px;}
.flow_icon img { width:32px; height:32px; vertical-align:middle; line-height:32px;}
.flow_box h4.txt_s { color:#cefbff}  
.flow_box .flow_p {padding:20px; text-align:left; font-size:15px; color:#fff;margin:10px;height:180px}
.flow_p  ul { margin:0 0 20px 20px;}
.flow_p li { list-style:outside circle;}
.flow_p li+li { margin-top:10px;}
.flow_box:after { content:'  '; display:block; position:absolute; top:50%; right: -25px; width:20px; height:20px; text-align:center; background:url(../image/icon_arrow.png) center center no-repeat; }
.flow_box_last.flow_box:after { content:''; width:0; height:0; display:none;}
@media (max-width: 991px) {
.flow_box {   margin:15px 0;}
.flow_box:after { top:100%; margin-top:5px; left: 48%; width:20px; height:20px; text-align:center; background:url(../image/icon_arrow2.png) center center no-repeat; }
.flow_box .flow_p {padding:20px; text-align:left; font-size:15px; color:#fff;margin:10px;height: auto}
}
.online_wrap { padding:20px 10px 20px 10px; background-color:transparent !important;}  
@media (min-width: 768px) { 
.online_wrap { padding:40px 20px 40px 20px; background-color:transparent;} 
} 
.ul_prj { border-bottom:1px solid #666;  border-top:1px solid #666;padding-bottom:20px;padding-top:20px;}
.ul_prj li { padding:12px 0;  text-align:left; cursor:pointer; position:relative; min-height:40px;}
.ul_prj li .no { display: block; width:35px; padding:1px 5px; text-align:center; color:#fff; font-size:15px; background:#3398cb; border-radius:7px; float:left;  }
.ul_prj li .title {display: block; color:#000; font-size:18px; padding:0 60px 5px 45px; float:left; margin-left:-35px; width:100%; }
.ul_prj li:hover .title { color:#4b85b8}
.ul_prj li .name { display: inline-block; color:#666; font-size:18px; }
.ul_prj li .date { display: inline-block; color:#666; font-size:15px; padding:0 10px 0 45px; }
.ul_prj li .hit { display: inline-block; color:#666; font-size:15px; }
.ul_prj li .more {  color:#666; font-size:13px; padding-top:5px; position:absolute; top:13px; right:0; }
.ul_prj li:after { content:' '; display:block; clear:both;}