.g_title{ font-size:21px; color:#33384B; font-weight:bold; }
.g_title span{ font-size:15px; color:#6E7281; }
.top_box{ overflow: hidden; border-radius: 10px; background: linear-gradient(to right, #159efd, #b197fc); }
.top_box .g_subtitle1, .top_box .g_subtitle2{ margin-top: 0; color: #fff; font-weight: bold; }
.top_box .g_subtitle1{ font-size: 20px; padding: 25px 0 0 50px; }
.top_box .g_subtitle2{ font-size: 16px; padding: 30px 0 0 40px; }
.top_box .line {float:left;  width: 1px;  height: 240px; background-color: #9db5fc; }
.guide_wrap{ float:left; }
.guide_list{ margin: 30px 20px 0 50px; color: #6E768B; font-size: 16px; }
.guide_list li{ position:relative; float:left;  padding-right:50px; text-align:center; color:#fff}
.guide_list li:first-child:after{ display:none; }
.guide_list li i{ display:block; width:70px; height:70px; margin-bottom:8px; }
.guide_list .safe_guide i{ background-position:-881px -992px; }
.guide_list .safe_system i{ background-position:-881px -1064px; }
.guide_list .trade_notice i{ background-position:-881px -1136px; }
.guide_list .mobile_svc i{ background-position:-881px -1208px; }
.guide_list .safe_guide:hover i{ background-position:-881px -1280px; }
.guide_list .safe_system:hover i{ background-position:-881px -1352px; }
.guide_list .trade_notice:hover i{ background-position:-881px -1424px; }
.guide_list .mobile_svc:hover i{ background-position:-881px -1496px; }
.service_qna{ float: left; }
.service_qna .g_subtitle2{ margin-bottom: 20px; }
.service_qna > a{ display: block; box-sizing: border-box; width: 200px; height: 60px; margin-left: 30px; margin-bottom: 10px; padding: 0 20px 0 25px; border: 2px solid #fff; line-height: 36px; border-radius: 35px; color: #fff; font-size: 16px; place-content: center; }
.service_qna > a:before{ content: "\276F"; float: right; color: #fff; font-size: 12px; }
.service_qna > a:hover{ font-weight: bold; }
.fv_menu{ overflow:hidden; margin-top:30px; }
.fv_menu > a{ float: left; display: block; width: 190px; height: 140px; margin-left: 20px; background-color: #fff; border: 3px solid #e8f2ff; box-sizing: border-box; font-size: 12px; color: #454952; border-radius: 10px;}
.fv_menu > a:first-child{ margin-left:0; }
.fv_menu > a:hover { font-weight: bold; }
.fv_menu > a > .SpGroup { float:left; display: inline-block; width:45px; height:44px; margin:20px 0 0 120px; }
.fv_menu > a > p { margin:20px 0 0 20px; }
.fv_menu > a > p > .title { font-size: 16px; font-weight: bold; }
.fv_menu > a > .icon_join{ background-position: -824px -1334px; }
.fv_menu > a > .icon_charge{ background-position: -824px -1380px; }
.fv_menu > a > .icon_payment{ background-position: -824px -1426px; }
.fv_menu > a > .icon_cancel{ background-position: -824px -1472px; }
.fv_menu > .join:hover, .fv_menu > .charge:hover, .fv_menu > .payment:hover, .fv_menu > .cancel:hover { border-color: #6F758B; }
.main_service{ overflow: hidden; border: 2px #B5C8E2 solid; border-radius: 10px; }
.main_service > dt, .main_service > dd{ box-sizing: border-box; float: left; height: 55px; line-height: 55px; color: #647283; }
.main_service > dt{ width: 165px; background: #E9F2FF; text-align: center; font-size: 15px; font-weight: bold; }
.main_service > dd{ width: 650px; padding-left: 15px; }
.main_service > dt:first-child, .main_service > dd:nth-child(2){ height: 65px; padding-top: 10px; }
.main_service > dt:nth-last-child(2), .main_service > dd:last-child{ height: 65px; padding-bottom: 10px; }
.main_service > dd > a{ position: relative; display: inline-block; padding: 0 10px 0 15px; }
.main_service > dd > a:hover{ color:#159EFD; font-weight:bold; }
.main_service > dd > a:before{ content:'|'; position:absolute; left:0; color:#DEDEE0; font-size:11px; }
.main_service > dd > a:first-child:before{ content:''; }